From 9ca2f9e63d59ff462e9e255838bae7c2040c8e92 Mon Sep 17 00:00:00 2001
From: Matt Mo <matt@montoyatech.com>
Date: Tue, 5 Jan 2021 10:29:14 -0800
Subject: [PATCH] Added for & checked attribute template functions. Added form
 element template.

---
 ignite-template.js | 35 ++++++++++++++++++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/ignite-template.js b/ignite-template.js
index 05c5600..abffa1e 100644
--- a/ignite-template.js
+++ b/ignite-template.js
@@ -558,6 +558,26 @@ class IgniteTemplate {
         return this.attribute("id", value, converter);
     }
 
+    /**
+     * Sets the for attribute of the element to be constructed by this template.
+     * @param {String|IgniteProperty} value The value to set for the for attribute of the element this template will construct.
+     * @param {Function} converter An optional function that can convert the value if needed.
+     * @returns This ignite template so function calls can be chained.
+     */
+    for(value, converter = null) {
+        return this.attribute("for", value, converter);
+    }
+
+    /**
+     * Adds a checked attribute to this template.
+     * @param {Boolean|IgniteProperty} value The value to set for the checked attribute. 
+     * @param {*} converter Optional function that can convert the value if needed.
+     * @returns This ignite template so function calls can be chained.
+     */
+    checked(value, converter = null) {
+        return this.attribute("checked", value, converter);
+    }
+
     /**
      * Sets the type attribute of the element to be constructed by this template.
      * @param {String|IgniteProperty} value The value to set for the type attribute of the element this template will construct.
@@ -1327,6 +1347,18 @@ class script extends IgniteTemplate {
     }
 }
 
+/**
+ * An ignite template that can be used to construct a form element.
+ */
+class form extends IgniteTemplate {
+    /** 
+     * @param  {...String|Number|IgniteProperty|IgniteTemplate} children A series of children to be added to this template.
+     */
+    constructor(...children) {
+        super("form", children);
+    }
+}
+
 /**
  * An ignite template that can be used to construct a progress element.
  */
@@ -2243,5 +2275,6 @@ export {
     thead,
     progress,
     svg,
-    circle
+    circle,
+    form
 };
\ No newline at end of file