From 1ccd66910cbf508db8e65b792a88cea0d4a2a480 Mon Sep 17 00:00:00 2001
From: MattMo <matt@montoyatech.com>
Date: Sat, 15 Apr 2023 08:27:11 -0700
Subject: [PATCH] Fixed a bug where getOldPropertyValues didn't check for the
 same instance of a property but rather their value. Added nav template. Fixed
 pagination so that the list can be null, though it's not ideal.

---
 ignite-html.js     |  2 +-
 ignite-template.js | 25 +++++++++++++++++++++++--
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/ignite-html.js b/ignite-html.js
index fd7b027..9f330de 100644
--- a/ignite-html.js
+++ b/ignite-html.js
@@ -384,7 +384,7 @@ Array.prototype.getPropertyValues = function () {
 Array.prototype.getOldPropertyValues = function (property, oldValue) {
     var ret = [];
     this.forEach(prop => {
-        if (prop == property) {
+        if (prop === property) {
             ret.push(oldValue);
         } else {
             if (prop instanceof IgniteProperty) {
diff --git a/ignite-template.js b/ignite-template.js
index d2a3c02..4ef422c 100644
--- a/ignite-template.js
+++ b/ignite-template.js
@@ -1713,6 +1713,18 @@ class p extends IgniteTemplate {
     }
 }
 
+/**
+ * An ignite template that can be used to construct a nav element.
+ */
+class nav extends IgniteTemplate {
+    /** 
+     * @param  {...String|Number|IgniteProperty|IgniteTemplate} children A series of children to be added to this template.
+     */
+    constructor(...children) {
+        super("nav", children);
+    }
+}
+
 /**
  * An ignite template that can be used to construct a ul element.
  */
@@ -2658,7 +2670,11 @@ class pagination extends IgniteTemplate {
         this.pages[this.currentPage].forEach(item => item.style.setProperty("display", "none", "important"));
 
         //Recreate the pages.
-        var pages = parseInt((this.list.length / this.pageSize)) + (this.list.length % this.pageSize > 0 ? 1 : 0);
+        var pages = 0;
+        if (this.list) {
+            pages = parseInt((this.list.length / this.pageSize)) + (this.list.length % this.pageSize > 0 ? 1 : 0);
+        }
+
         this.pages = [];
         for (var i = 0; i < pages; i++) {
             this.pages.push([]);
@@ -2715,7 +2731,11 @@ class pagination extends IgniteTemplate {
         }
 
         //Init our pages to put elements into.
-        var pages = parseInt((this.list.length / this.pageSize)) + (this.list.length % this.pageSize > 0 ? 1 : 0);
+        var pages = 0;
+        if (this.list) {
+            pages = parseInt((this.list.length / this.pageSize)) + (this.list.length % this.pageSize > 0 ? 1 : 0);
+        }
+
         this.pages = [];
         for (var i = 0; i < pages; i++) {
             this.pages.push([]);
@@ -3033,6 +3053,7 @@ export {
     small,
     strong,
     i,
+    nav,
     ul,
     li,
     br,