From 2d99f31bd49c9445d283b868f86c9b51e60994cd Mon Sep 17 00:00:00 2001
From: Matt Mo <matt@montoyatech.com>
Date: Wed, 18 Aug 2021 10:16:58 -0700
Subject: [PATCH] Added invisible and visible functions to ignite templates.

---
 ignite-template.js | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/ignite-template.js b/ignite-template.js
index b0179e8..3b76fd0 100644
--- a/ignite-template.js
+++ b/ignite-template.js
@@ -710,6 +710,18 @@ class IgniteTemplate {
         });
     }
 
+    /**
+     * Hides the element this template is constructing if the value is true.
+     * @param {Boolean|IgniteProperty} value If true hides the element this template is constructing. If an IgniteProperty is passed it's value will auto update this.
+     * @param {Function} converter An optional function to convert the value if needed.
+     * @returns This ignite template so function calls can be chained.
+     */
+    invisible(value, converter = null) {
+        return this.style("visibility", value, true, (...params) => {
+            return ((converter != null && converter(...params)) || (converter == null && params[0])) ? "hidden" : null;
+        });
+    }
+
     /**
      * Shows the element this template is constructing if the value is true.
      * @param {Boolean|IgniteProperty} value 
@@ -722,6 +734,18 @@ class IgniteTemplate {
         });
     }
 
+    /**
+     * Shows the element this template is constructing if the value is true.
+     * @param {Boolean|IgniteProperty} value 
+     * @param {Function} converter 
+     * @returns This ignite template so function calls can be chained.
+     */
+    visibile(value, converter = null) {
+        return this.style("visibility", value, true, (...params) => {
+            return ((converter != null && converter(...params)) || (converter == null && params[0])) ? null : "visible";
+        });
+    }
+
     /**
      * Sets the id attribute of the element to be constructed by this template.
      * @param {String|IgniteProperty} value The value to set for the id attribute of the element this template will construct.