From 9fa7f4b054bb0016daf3e0a9d391bc32b79c2cd7 Mon Sep 17 00:00:00 2001
From: MattMo <matt@montoyatech.com>
Date: Sat, 29 Apr 2023 10:38:49 -0700
Subject: [PATCH] Added style support to pagination so you can apply styling to
 all elements under the pagination.

---
 ignite-template.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/ignite-template.js b/ignite-template.js
index 2ba8aa1..e18fd3d 100644
--- a/ignite-template.js
+++ b/ignite-template.js
@@ -2745,6 +2745,7 @@ class pagination extends IgniteTemplate {
         if (this.list) {
             for (var i = 0; i < this.list.length; i++) {
                 var template = this.forEach(this.list[i]);
+
                 template.construct(parent, this.element);
 
                 var page = parseInt(i / this.pageSize);
@@ -2753,7 +2754,7 @@ class pagination extends IgniteTemplate {
                 } else {
                     template.element.style.removeProperty("display");
                 }
-
+                
                 this.pages[page].push(template.element);
                 this.children.push(template);
                 this.elements.push(template.element);
@@ -2922,6 +2923,14 @@ class pagination extends IgniteTemplate {
 
         IgniteRendering.leave();
     }
+
+    onStyleChanged(name, newValue) {
+        this.elements.forEach((element) => {
+            element.style.setProperty(name, newValue, this._styles[name].priority);
+        });
+
+        this._styles[name].value = newValue;
+    }
 }
 
 /**