gd-bs 5.4.6 → 5.4.9

package/build/components/form/control.js

@@ -431,6 +431,12 @@ var FormControl = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(FormControl.prototype, "label", {
+        // The control label
+        get: function () { return this._elLabel; },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(FormControl.prototype, "listbox", {
         // The listbox control
         get: function () { return this._lb; },

package/build/components/form/index.js

@@ -100,34 +100,24 @@ var _Form = /** @class */ (function (_super) {
     // Append controls to the form
     _Form.prototype.appendControls = function (controls) {
         if (controls === void 0) { controls = []; }
-        var addedControls = [];
         // Parse the controls
         for (var i = 0; i < controls.length; i++) {
             // Create the group
             var group = new group_1.FormGroup(controls[i], this.props);
             this._groups.push(group);
             this.el.appendChild(group.el);
-            // Append the control
-            addedControls.push(group.control);
         }
-        // Return the controls
-        return addedControls;
     };
     // Append rows to the form
     _Form.prototype.appendRows = function (rows) {
         if (rows === void 0) { rows = []; }
-        var addedControls = [];
         // Parse the rows
         for (var i = 0; i < rows.length; i++) {
             // Create the row
             var row = new row_1.FormRow(rows[i], this.props);
             this._rows.push(row);
             this.el.appendChild(row.el);
-            // Append the control
-            addedControls = addedControls.concat(row.controls);
         }
-        // Return the controls
-        return addedControls;
     };
     Object.defineProperty(_Form.prototype, "controls", {
         // The forms controls

package/build/components/listGroup/index.js

@@ -53,7 +53,7 @@ var _ListGroup = /** @class */ (function (_super) {
     __extends(_ListGroup, _super);
     // Constructor
     function _ListGroup(props, template, itemTemplate) {
-        if (template === void 0) { template = props.isTabs && props.colWidth > 0 && props.colWidth < 12 ? templates_1.HTMLTabs : templates_1.HTML; }
+        if (template === void 0) { template = props.isTabs && props.colWidth > 0 && props.colWidth <= 12 ? templates_1.HTMLTabs : templates_1.HTML; }
         var _this = _super.call(this, template, props) || this;
         _this._items = null;
         // Configure the collapse

package/build/icons/svgs/bank.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.bank = void 0;
 var generate_1 = require("../generate");
 function bank(height, width, className) {
-    return generate_1.generateIcon("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-bank' viewBox='0 0 16 16'>   <path d='M8 .95 14.61 4h.89a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H15v7a.5.5 0 0 1 .485.379l.5 2A.5.5 0 0 1 15.5 17H.5a.5.5 0 0 1-.485-.621l.5-2A.5.5 0 0 1 1 14V7H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 4h.89L8 .95zM3.776 4h8.447L8 2.05 3.776 4zM2 7v7h1V7H2zm2 0v7h2.5V7H4zm3.5 0v7h1V7h-1zm2 0v7H12V7H9.5zM13 7v7h1V7h-1zm2-1V5H1v1h14zm-.39 9H1.39l-.25 1h13.72l-.25-1z'/> </svg>", height, width, className);
+    return generate_1.generateIcon("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-bank' viewBox='0 0 16 16'>   <path d='m8 0 6.61 3h.89a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H15v7a.5.5 0 0 1 .485.38l.5 2a.498.498 0 0 1-.485.62H.5a.498.498 0 0 1-.485-.62l.5-2A.501.501 0 0 1 1 13V6H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 3h.89L8 0ZM3.777 3h8.447L8 1 3.777 3ZM2 6v7h1V6H2Zm2 0v7h2.5V6H4Zm3.5 0v7h1V6h-1Zm2 0v7H12V6H9.5ZM13 6v7h1V6h-1Zm2-1V4H1v1h14Zm-.39 9H1.39l-.25 1h13.72l-.25-1Z'/> </svg>", height, width, className);
 }
 exports.bank = bank;

package/build/icons/svgs/houseHeart.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.houseHeart = void 0;
 var generate_1 = require("../generate");
 function houseHeart(height, width, className) {
-    return generate_1.generateIcon("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house-heart' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.707L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.646a.5.5 0 0 0 .708-.707L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207l-5-5-5 5V13.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V7.207Zm-5-.225C9.664 5.309 13.825 8.236 8 12 2.175 8.236 6.336 5.309 8 6.982Z'/> </svg>", height, width, className);
+    return generate_1.generateIcon("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house-heart' viewBox='0 0 16 16'>   <path d='M8 6.982C9.664 5.309 13.825 8.236 8 12 2.175 8.236 6.336 5.309 8 6.982Z'/>   <path d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.707L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.646a.5.5 0 0 0 .708-.707L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z'/> </svg>", height, width, className);
 }
 exports.houseHeart = houseHeart;

package/build/icons/svgs/houseHeartFill.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.houseHeartFill = void 0;
 var generate_1 = require("../generate");
 function houseHeartFill(height, width, className) {
-    return generate_1.generateIcon("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house-heart-fill' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.707L8 2.207l6.646 6.646a.5.5 0 0 0 .708-.707L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5Z'/>   <path fill-rule='evenodd' d='m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293l6-6Zm0 5.189c1.664-1.673 5.825 1.254 0 5.018-5.825-3.764-1.664-6.691 0-5.018Z'/> </svg>", height, width, className);
+    return generate_1.generateIcon("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house-heart-fill' viewBox='0 0 16 16'>   <path d='M7.293 1.5a1 1 0 0 1 1.414 0L11 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l2.354 2.353a.5.5 0 0 1-.708.707L8 2.207 1.354 8.853a.5.5 0 1 1-.708-.707L7.293 1.5Z'/>   <path d='m14 9.293-6-6-6 6V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V9.293Zm-6-.811c1.664-1.673 5.825 1.254 0 5.018-5.825-3.764-1.664-6.691 0-5.018Z'/> </svg>", height, width, className);
 }
 exports.houseHeartFill = houseHeartFill;

package/build/icons/svgs/pentagon.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.pentagon = void 0;
 var generate_1 = require("../generate");
 function pentagon(height, width, className) {
-    return generate_1.generateIcon("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pentagon' viewBox='0 0 16 16'>   <path d='m8 1.288 6.842 5.56L12.267 15H3.733L1.158 6.847 8 1.288zM16 6.5 8 0 0 6.5 3 16h10l3-9.5z'/> </svg>", height, width, className);
+    return generate_1.generateIcon("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pentagon' viewBox='0 0 16 16'>   <path d='M7.685 1.545a.5.5 0 0 1 .63 0l6.263 5.088a.5.5 0 0 1 .161.539l-2.362 7.479a.5.5 0 0 1-.476.349H4.099a.5.5 0 0 1-.476-.35L1.26 7.173a.5.5 0 0 1 .161-.54l6.263-5.087Zm8.213 5.28a.5.5 0 0 0-.162-.54L8.316.257a.5.5 0 0 0-.631 0L.264 6.286a.5.5 0 0 0-.162.538l2.788 8.827a.5.5 0 0 0 .476.349h9.268a.5.5 0 0 0 .476-.35l2.788-8.826Z'/> </svg>", height, width, className);
 }
 exports.pentagon = pentagon;

package/build/icons/svgs/pentagonFill.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.pentagonFill = void 0;
 var generate_1 = require("../generate");
 function pentagonFill(height, width, className) {
-    return generate_1.generateIcon("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pentagon-fill' viewBox='0 0 16 16'>   <path d='m8 0 8 6.5-3 9.5H3L0 6.5 8 0z'/> </svg>", height, width, className);
+    return generate_1.generateIcon("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pentagon-fill' viewBox='0 0 16 16'>   <path d='M7.685.256a.5.5 0 0 1 .63 0l7.421 6.03a.5.5 0 0 1 .162.538l-2.788 8.827a.5.5 0 0 1-.476.349H3.366a.5.5 0 0 1-.476-.35L.102 6.825a.5.5 0 0 1 .162-.538l7.42-6.03Z'/> </svg>", height, width, className);
 }
 exports.pentagonFill = pentagonFill;

package/build/icons/svgs/pentagonHalf.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.pentagonHalf = void 0;
 var generate_1 = require("../generate");
 function pentagonHalf(height, width, className) {
-    return generate_1.generateIcon("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pentagon-half' viewBox='0 0 16 16'>   <path d='m8 1.288 6.842 5.56L12.267 15H8V1.288zM16 6.5 8 0 0 6.5 3 16h10l3-9.5z'/> </svg>", height, width, className);
+    return generate_1.generateIcon("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pentagon-half' viewBox='0 0 16 16'>   <path d='m8 1.288 6.578 5.345a.5.5 0 0 1 .161.539l-2.362 7.479a.5.5 0 0 1-.476.349H8V1.288Zm7.898 5.536a.5.5 0 0 0-.162-.538L8.316.256a.5.5 0 0 0-.631 0L.264 6.286a.5.5 0 0 0-.162.538l2.788 8.827a.5.5 0 0 0 .476.349h9.268a.5.5 0 0 0 .476-.35l2.788-8.826Z'/> </svg>", height, width, className);
 }
 exports.pentagonHalf = pentagonHalf;

package/build/icons/svgs/tools.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.tools = void 0;
 var generate_1 = require("../generate");
 function tools(height, width, className) {
-    return generate_1.generateIcon("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-tools' viewBox='0 0 16 16'>   <path d='M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.356 3.356a1 1 0 0 0 1.414 0l1.586-1.586a1 1 0 0 0 0-1.414l-3.356-3.356a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3c0-.269-.035-.53-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814L1 0zm9.646 10.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708zM3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026L3 11z'/> </svg>", height, width, className);
+    return generate_1.generateIcon("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-tools' viewBox='0 0 16 16'>   <path d='M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.27 3.27a.997.997 0 0 0 1.414 0l1.586-1.586a.997.997 0 0 0 0-1.414l-3.27-3.27a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3c0-.269-.035-.53-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814L1 0Zm9.646 10.646a.5.5 0 0 1 .708 0l2.914 2.915a.5.5 0 0 1-.707.707l-2.915-2.914a.5.5 0 0 1 0-.708ZM3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026L3 11Z'/> </svg>", height, width, className);
 }
 exports.tools = tools;

package/build/icons/svgs/xLg.js

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.xLg = void 0;
 var generate_1 = require("../generate");
 function xLg(height, width, className) {
-    return generate_1.generateIcon("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-lg' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M13.854 2.146a.5.5 0 0 1 0 .708l-11 11a.5.5 0 0 1-.708-.708l11-11a.5.5 0 0 1 .708 0Z'/>   <path fill-rule='evenodd' d='M2.146 2.146a.5.5 0 0 0 0 .708l11 11a.5.5 0 0 0 .708-.708l-11-11a.5.5 0 0 0-.708 0Z'/> </svg>", height, width, className);
+    return generate_1.generateIcon("<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-lg' viewBox='0 0 16 16'>   <path d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/> </svg>", height, width, className);
 }
 exports.xLg = xLg;

package/dist/gd-bs-icons.js

@@ -1028,7 +1028,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.FormControl = void 0;\n\nvar checkboxGroup_1 = __webpack_require__(/*! ../checkboxGroup */ \"./src/components/checkboxGroup/index.ts\");\n\nvar custom_1 = __webpack_require__(/*! ./custom */ \"./src/components/form/custom.ts\");\n\nvar dropdown_1 = __webpack_require__(/*! ../dropdown */ \"./src/components/dropdown/index.ts\");\n\nvar inputGroup_1 = __webpack_require__(/*! ../inputGroup */ \"./src/components/inputGroup/index.ts\");\n\nvar listBox_1 = __webpack_require__(/*! ../listBox */ \"./src/components/listBox/index.ts\");\n\nvar _1 = __webpack_require__(/*! . */ \"./src/components/form/index.ts\");\n/**\r\n * Form Control\r\n */\n\n\nvar FormControl =\n/** @class */\nfunction () {\n  // Constructor\n  function FormControl(props, formProps, elLabel) {\n    var _this = this;\n\n    this._cb = null;\n    this._custom = null;\n    this._el = null;\n    this._elLabel = null;\n    this._formProps = null;\n    this._ddl = null;\n    this._isRendered = false;\n    this._lb = null;\n    this._tb = null; // Save the parameters\n\n    this._formProps = formProps;\n    this._props = props;\n    this._elLabel = elLabel; // See if there is a rendering event\n\n    if (typeof this._props.onControlRendering === \"function\") {\n      // Call the event and see if a promise is returned\n      var returnVal = this._props.onControlRendering(Object.assign({}, this._props));\n\n      if (returnVal && typeof returnVal[\"then\"] === \"function\") {\n        // Wait for it to complete\n        returnVal[\"then\"](function (newProps) {\n          // Update the properties\n          _this._props = newProps || _this._props; // Create the control\n\n          _this.create();\n        });\n      } else {\n        // Create the control\n        this.create();\n      }\n    } else {\n      // Create the control\n      this.create();\n    }\n  } // Configure the control\n\n\n  FormControl.prototype.configure = function () {\n    // Ensure a control was created\n    if (this.control) {\n      // Set the element\n      this._el = this.control.el; // See if an error message exists\n\n      if (this._props.errorMessage) {\n        // Get the group\n        var elGroup = this._el.querySelector(\".input-group\") || this._el.querySelector(\".form-check:last-child\");\n\n        if (elGroup) {\n          // Add the error message\n          var elErrorMessage = document.createElement(\"div\");\n          elErrorMessage.className = \"invalid-feedback\";\n          elErrorMessage.innerHTML = this._props.errorMessage;\n          elGroup.appendChild(elErrorMessage);\n        }\n      } // See if an element was defined to render to\n\n\n      if (this._props.el) {\n        // Append the control to the element\n        this._props.el.appendChild(this._el);\n      } // See if the label is set\n\n\n      if (this._elLabel && this._formProps.isFloating && this._el.id) {\n        // Set the attributes\n        this._elLabel.setAttribute(\"for\", this._el.id);\n      }\n    }\n  }; // Creates the control\n\n\n  FormControl.prototype.create = function () {\n    var _this = this; // Parse the custom classes to add\n\n\n    var className = [this._props.className || \"\", this._props.controlClassName || \"\"].join(\" \").trim(); // Render the control based on the type\n\n    switch (this._props.type) {\n      // Checkbox\n      case _1.FormControlTypes.Checkbox:\n        var cbProps = this._props; // Add the checkbox group\n\n        this._cb = checkboxGroup_1.CheckboxGroup({\n          className: className,\n          hideLabel: true,\n          isInline: cbProps.isInline,\n          isReadonly: this._props.isReadonly,\n          items: cbProps.items,\n          onChange: cbProps.onChange,\n          title: this._props.title,\n          type: checkboxGroup_1.CheckboxGroupTypes.Checkbox,\n          value: this._props.value\n        });\n        break;\n      // Color Picker\n\n      case _1.FormControlTypes.ColorPicker:\n        // Add the input\n        this._tb = inputGroup_1.InputGroup({\n          className: className,\n          id: this._props.id,\n          isReadonly: this._props.isReadonly,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          title: this._props.title,\n          type: inputGroup_1.InputGroupTypes.ColorPicker,\n          value: this._props.value\n        });\n        break;\n      // Datalist\n\n      case _1.FormControlTypes.Datalist:\n        // Add the dropdown\n        this._ddl = dropdown_1.Dropdown({\n          className: className,\n          formFl: true,\n          id: this._props.id,\n          isDatalist: true,\n          isReadonly: this._props.isReadonly,\n          items: this._props.items,\n          onChange: this._props.onChange,\n          title: this._props.title,\n          value: this._props.value\n        });\n        break;\n      // Dropdown\n\n      case _1.FormControlTypes.Dropdown:\n        // Add the dropdown\n        this._ddl = dropdown_1.Dropdown({\n          className: className,\n          formFl: true,\n          id: this._props.id,\n          isReadonly: this._props.isReadonly,\n          items: this._props.items,\n          onChange: this._props.onChange,\n          onMenuRendering: this._props.onMenuRendering,\n          title: this._props.title,\n          value: this._props.value\n        });\n        break;\n      // Email\n\n      case _1.FormControlTypes.Email:\n        // Add the input\n        this._tb = inputGroup_1.InputGroup({\n          className: className,\n          id: this._props.id,\n          isReadonly: this._props.isReadonly,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          title: this._props.title,\n          type: inputGroup_1.InputGroupTypes.Email,\n          value: this._props.value\n        });\n        break;\n      // File\n\n      case _1.FormControlTypes.File:\n        // Add the input\n        this._tb = inputGroup_1.InputGroup({\n          className: className,\n          id: this._props.id,\n          isReadonly: this._props.isReadonly,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          title: this._props.title,\n          type: inputGroup_1.InputGroupTypes.File,\n          value: this._props.value\n        });\n        break;\n      // List Box\n\n      case _1.FormControlTypes.ListBox:\n        // Add the list box\n        this._lb = listBox_1.ListBox({\n          id: this._props.name,\n          isReadonly: this._props.isReadonly,\n          items: this._props.items,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          value: this._props.value\n        });\n        break;\n      // Multi-Checkbox\n\n      case _1.FormControlTypes.MultiCheckbox:\n        var cbMultiProps = this._props; // Add the checkbox group\n\n        this._cb = checkboxGroup_1.CheckboxGroup({\n          className: className,\n          hideLabel: true,\n          isInline: cbMultiProps.isInline,\n          isReadonly: this._props.isReadonly,\n          items: cbMultiProps.items,\n          multi: true,\n          onChange: cbMultiProps.onChange,\n          title: this._props.title,\n          type: checkboxGroup_1.CheckboxGroupTypes.Checkbox,\n          value: this._props.value\n        });\n        break;\n      // Multi-Dropdown\n\n      case _1.FormControlTypes.MultiDropdown:\n        // Add the dropdown\n        this._ddl = dropdown_1.Dropdown({\n          className: className,\n          formFl: true,\n          id: this._props.id,\n          isReadonly: this._props.isReadonly,\n          items: this._props.items,\n          multi: true,\n          onChange: this._props.onChange,\n          onMenuRendering: this._props.onMenuRendering,\n          title: this._props.title,\n          value: this._props.value\n        });\n        break;\n      // Multi-List Box\n\n      case _1.FormControlTypes.MultiListBox:\n        // Add the list box\n        this._lb = listBox_1.ListBox({\n          id: this._props.name,\n          isReadonly: this._props.isReadonly,\n          items: this._props.items,\n          multi: true,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          value: this._props.value\n        });\n        break;\n      // Multi-Radio\n\n      case _1.FormControlTypes.MultiRadio:\n        // Add the checkbox group\n        this._cb = checkboxGroup_1.CheckboxGroup({\n          className: className,\n          hideLabel: true,\n          isReadonly: this._props.isReadonly,\n          items: this._props.items,\n          multi: true,\n          onChange: this._props.onChange,\n          title: this._props.title,\n          type: checkboxGroup_1.CheckboxGroupTypes.Radio,\n          value: this._props.value\n        });\n        break;\n      // Multi-Switch\n\n      case _1.FormControlTypes.MultiSwitch:\n        // Add the checkbox group\n        this._cb = checkboxGroup_1.CheckboxGroup({\n          className: className,\n          hideLabel: true,\n          isReadonly: this._props.isReadonly,\n          items: this._props.items,\n          multi: true,\n          onChange: this._props.onChange,\n          title: this._props.title,\n          type: checkboxGroup_1.CheckboxGroupTypes.Switch,\n          value: this._props.value\n        });\n        break;\n      // Password\n\n      case _1.FormControlTypes.Password:\n        // Add the input\n        this._tb = inputGroup_1.InputGroup({\n          className: className,\n          id: this._props.id,\n          isReadonly: this._props.isReadonly,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          title: this._props.title,\n          type: inputGroup_1.InputGroupTypes.Password,\n          value: this._props.value\n        });\n        break;\n      // Radio\n\n      case _1.FormControlTypes.Radio:\n        // Add the checkbox group\n        this._cb = checkboxGroup_1.CheckboxGroup({\n          className: className,\n          hideLabel: true,\n          isReadonly: this._props.isReadonly,\n          items: this._props.items,\n          onChange: this._props.onChange,\n          title: this._props.title,\n          type: checkboxGroup_1.CheckboxGroupTypes.Radio,\n          value: this._props.value\n        });\n        break;\n      // Range\n\n      case _1.FormControlTypes.Range:\n        // Add the input\n        this._tb = inputGroup_1.InputGroup({\n          className: className,\n          id: this._props.id,\n          isReadonly: this._props.isReadonly,\n          min: this._props.min || 0,\n          max: this._props.max || 100,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          step: this._props.step,\n          title: this._props.title,\n          type: inputGroup_1.InputGroupTypes.Range,\n          value: this._props.value\n        });\n        break;\n      // Read Only\n\n      case _1.FormControlTypes.Readonly:\n        // Add the input\n        this._tb = inputGroup_1.InputGroup({\n          className: className,\n          id: this._props.id,\n          isReadonly: true,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          title: this._props.title,\n          type: inputGroup_1.InputGroupTypes.TextField,\n          value: this._props.value\n        });\n        break;\n      // Switch\n\n      case _1.FormControlTypes.Switch:\n        // Add the checkbox group\n        this._cb = checkboxGroup_1.CheckboxGroup({\n          className: className,\n          hideLabel: true,\n          isReadonly: this._props.isReadonly,\n          items: this._props.items,\n          onChange: this._props.onChange,\n          title: this._props.title,\n          type: checkboxGroup_1.CheckboxGroupTypes.Switch,\n          value: this._props.value\n        });\n        break;\n      // Text Area\n\n      case _1.FormControlTypes.TextArea:\n        // Add the input\n        this._tb = inputGroup_1.InputGroup({\n          className: className,\n          id: this._props.id,\n          isReadonly: this._props.isReadonly,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          rows: this._props.rows,\n          title: this._props.title,\n          type: inputGroup_1.InputGroupTypes.TextArea,\n          value: this._props.value\n        });\n        break;\n      // Text Field\n\n      case _1.FormControlTypes.TextField:\n        // Add the input\n        this._tb = inputGroup_1.InputGroup({\n          className: className,\n          id: this._props.id,\n          isReadonly: this._props.isReadonly,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          title: this._props.title,\n          type: inputGroup_1.InputGroupTypes.TextField,\n          value: this._props.value\n        });\n        break;\n      // Custom Type\n\n      default:\n        // Create the default element\n        this._el = document.createElement(\"div\");\n        this._el.className = className; // See if there is a custom type\n\n        var custom = custom_1.CustomControls.getByType(this._props.type);\n\n        if (custom && typeof custom === \"function\") {\n          // Execute the event\n          this._custom = custom(this._props);\n        }\n\n        break;\n    } // See if a checkbox was rendered and an id was set\n\n\n    if (this.control && this._props.id) {\n      // Set the id\n      this.control.el.id = this._props.id;\n    } // Configure the control\n\n\n    this.configure(); // Wait before executing the rendered event, otherwise the controls will be null\n\n    setTimeout(function () {\n      // Execute the events\n      _this._props.onControlRendered ? _this._props.onControlRendered(_this) : null;\n      _this._formProps.onControlRendered ? _this._formProps.onControlRendered(_this) : null; // Set the flag\n\n      _this._isRendered = true;\n    }, 10);\n  };\n\n  Object.defineProperty(FormControl.prototype, \"el\", {\n    /**\r\n     * Public Interface\r\n     */\n    get: function get() {\n      return this._el;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  Object.defineProperty(FormControl.prototype, \"checkbox\", {\n    // The checkbox control\n    get: function get() {\n      return this._cb;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  Object.defineProperty(FormControl.prototype, \"dropdown\", {\n    // The dropdown control\n    get: function get() {\n      return this._ddl;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  Object.defineProperty(FormControl.prototype, \"control\", {\n    // The textbox control\n    get: function get() {\n      return this._cb || this._ddl || this._lb || this._tb || this._custom;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  Object.defineProperty(FormControl.prototype, \"listbox\", {\n    // The listbox control\n    get: function get() {\n      return this._lb;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  Object.defineProperty(FormControl.prototype, \"textbox\", {\n    // The textbox control\n    get: function get() {\n      return this._tb;\n    },\n    enumerable: false,\n    configurable: true\n  }); // Method to get the form control value\n\n  FormControl.prototype.getValue = function () {\n    // See if there is an override event\n    if (this._props.onGetValue) {\n      return this._props.onGetValue(this._props);\n    } // See if this is a checkbox\n\n\n    if (this._cb) {\n      // See if the items were defined\n      if (this._props.items) {\n        // Return the value(s)\n        return this._cb.getValue();\n      } // Return the value\n\n\n      return this._cb.getValue() ? true : false;\n    } // See if this is a dropdown\n\n\n    if (this._ddl) {\n      // Return the value\n      return this._ddl.getValue();\n    } // See if this is a list box\n\n\n    if (this._lb) {\n      // Return the value\n      return this._lb.getValue();\n    } // See if this is a textbox\n\n\n    if (this._tb) {\n      // Return the value\n      return this._tb.getValue();\n    }\n  }; // Is loaded\n\n\n  FormControl.prototype.isLoaded = function () {\n    var _this = this; // Return a promise\n\n\n    return new Promise(function (resolve) {\n      // Wait for the control to be created\n      var id = setInterval(function () {\n        // See if the control has been rendered\n        if (_this.isRendered) {\n          // Stop the loop\n          clearInterval(id); // Resolve the promise\n\n          resolve();\n        }\n      }, 10);\n    });\n  };\n\n  Object.defineProperty(FormControl.prototype, \"isRendered\", {\n    // Flag indicating the control is loaded\n    get: function get() {\n      return this._isRendered;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  Object.defineProperty(FormControl.prototype, \"isValid\", {\n    // Validates the control\n    get: function get() {\n      var validation = {\n        isValid: true\n      }; // Get the element and value\n\n      var elControl = this._cb || this._ddl || this._lb || this._tb ? (this._cb || this._ddl || this._lb || this._tb).el : this._el;\n      var value = this.getValue(); // See if this control is required\n\n      if (this._props.required) {\n        // See if a value doesn't exists\n        if (value == null) {\n          // Set the flag\n          validation.isValid = false;\n        } // Else, see if the value is an array\n        else if (typeof value.length === \"number\") {\n          // Set the flag\n          validation.isValid = value.length > 0;\n        }\n      } // See if an event exists\n\n\n      if (this._props.onValidate) {\n        // Call the event\n        var returnValue = this._props.onValidate(this._props, {\n          value: value\n        });\n\n        if (typeof returnValue === \"boolean\") {\n          // Set the flag\n          validation.isValid = returnValue;\n        } // Else, ensure it exists\n        else if (returnValue) {\n          // Set the validation\n          validation = __assign(__assign({}, validation), returnValue);\n        }\n      } // Update the validation\n\n\n      this.updateValidation(elControl, validation); // Return the flag\n\n      return validation.isValid;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  Object.defineProperty(FormControl.prototype, \"props\", {\n    // The form control properties\n    get: function get() {\n      return this._props;\n    },\n    enumerable: false,\n    configurable: true\n  }); // Sets the form control label\n\n  FormControl.prototype.setLabel = function (value) {\n    // Update the label\n    this._elLabel ? this._elLabel.innerHTML = value || \"\" : null;\n  }; // Sets the custom control\n\n\n  FormControl.prototype.setControl = function (control) {\n    // Set the custom control\n    this._custom = control;\n  }; // Sets the form control value\n\n\n  FormControl.prototype.setValue = function (value) {\n    // Set the value\n    this.control ? this.control.setValue(value) : null;\n  }; // Updates the control validation\n\n\n  FormControl.prototype.updateValidation = function (elControl, validation) {\n    // Get the form control\n    var elFormControl = elControl.querySelector(\".form-control\") || elControl.querySelector(\".form-select\");\n\n    if (elFormControl) {\n      // Clear the invalid/valid classes\n      elFormControl.classList.remove(\"is-invalid\");\n      elFormControl.classList.remove(\"is-valid\"); // Set the class\n\n      elFormControl.classList.add(validation.isValid ? \"is-valid\" : \"is-invalid\");\n    } else {\n      var validateControls = function validateControls(controls) {\n        // Parse the controls\n        for (var i = 0; i < controls.length; i++) {\n          var control = controls[i]; // Clear the invalid/valid classes\n\n          control.classList.remove(\"is-invalid\");\n          control.classList.remove(\"is-valid\"); // Set the class\n\n          control.classList.add(validation.isValid ? \"is-valid\" : \"is-invalid\");\n        }\n      }; // Get the checkboxes\n\n\n      var elCheckboxes = elControl.querySelectorAll(\".form-check-input\");\n\n      if (elCheckboxes.length > 0) {\n        // Validate the controls\n        validateControls(elCheckboxes); // Set the form control\n\n        elFormControl = elCheckboxes.length > 0 ? elCheckboxes[elCheckboxes.length - 1] : elFormControl;\n      } // Get the custom controls\n\n\n      var elCustomControls = elControl.querySelectorAll(\".custom-control-input\");\n\n      if (elCustomControls.length > 0) {\n        // Validate the controls\n        validateControls(elCustomControls); // Set the form control\n\n        elFormControl = elCustomControls.length > 0 ? elCustomControls[elCustomControls.length - 1] : elFormControl;\n      }\n    } // Ensure the form control exists\n\n\n    if (elFormControl) {\n      var useTooltip = this._formProps.validationType == _1.FormValidationTypes.Tooltip; // Clear the old valid message if it exists\n\n      var validClassName = useTooltip ? \"valid-tooltip\" : \"valid-feedback\";\n      var elMessage = elFormControl.parentNode.querySelector(\".\" + validClassName);\n\n      if (elMessage) {\n        // Clear the message\n        elMessage.innerHTML = \"\";\n        elMessage.style.display = \"\";\n      } // Clear the old valid message if it exists\n\n\n      var invalidClassName = useTooltip ? \"invalid-tooltip\" : \"invalid-feedback\";\n      elMessage = elFormControl.parentNode.querySelector(\".\" + invalidClassName);\n\n      if (elMessage) {\n        // Clear the message\n        elMessage.innerHTML = \"\";\n        elMessage.style.display = \"\";\n      } // See if there is invalid feedback\n\n\n      if (validation.invalidMessage || this._props.errorMessage) {\n        // Get the element\n        var invalidClassName_1 = useTooltip ? \"invalid-tooltip\" : \"invalid-feedback\";\n        elMessage = elFormControl.parentNode.querySelector(\".\" + invalidClassName_1);\n\n        if (elMessage == null) {\n          // Create the element\n          elMessage = document.createElement(\"div\");\n          elMessage.className = invalidClassName_1;\n          elFormControl.parentNode.appendChild(elMessage);\n        } // Set the message\n\n\n        elMessage.innerHTML = validation.invalidMessage || this._props.errorMessage; // Update the display\n\n        elMessage.style.display = validation.isValid ? \"\" : \"block\";\n      } // See if there is valid feedback\n\n\n      if (validation.validMessage) {\n        // Get the element\n        var validClassName_1 = useTooltip ? \"valid-tooltip\" : \"valid-feedback\";\n        elMessage = elFormControl.parentNode.querySelector(\".\" + validClassName_1);\n\n        if (elMessage == null) {\n          // Create the element\n          elMessage = document.createElement(\"div\");\n          elMessage.className = validClassName_1;\n          elFormControl.parentNode.appendChild(elMessage);\n        } // Set the message\n\n\n        elMessage.innerHTML = validation.validMessage; // Update the display\n\n        elMessage.style.display = validation.isValid ? \"block\" : \"\";\n      }\n    }\n  };\n\n  return FormControl;\n}();\n\nexports.FormControl = FormControl;\n\n//# sourceURL=webpack://gd-bs/./src/components/form/control.ts?");
+eval("\n\nvar __assign = this && this.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n\n      for (var p in s) {\n        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n      }\n    }\n\n    return t;\n  };\n\n  return __assign.apply(this, arguments);\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.FormControl = void 0;\n\nvar checkboxGroup_1 = __webpack_require__(/*! ../checkboxGroup */ \"./src/components/checkboxGroup/index.ts\");\n\nvar custom_1 = __webpack_require__(/*! ./custom */ \"./src/components/form/custom.ts\");\n\nvar dropdown_1 = __webpack_require__(/*! ../dropdown */ \"./src/components/dropdown/index.ts\");\n\nvar inputGroup_1 = __webpack_require__(/*! ../inputGroup */ \"./src/components/inputGroup/index.ts\");\n\nvar listBox_1 = __webpack_require__(/*! ../listBox */ \"./src/components/listBox/index.ts\");\n\nvar _1 = __webpack_require__(/*! . */ \"./src/components/form/index.ts\");\n/**\r\n * Form Control\r\n */\n\n\nvar FormControl =\n/** @class */\nfunction () {\n  // Constructor\n  function FormControl(props, formProps, elLabel) {\n    var _this = this;\n\n    this._cb = null;\n    this._custom = null;\n    this._el = null;\n    this._elLabel = null;\n    this._formProps = null;\n    this._ddl = null;\n    this._isRendered = false;\n    this._lb = null;\n    this._tb = null; // Save the parameters\n\n    this._formProps = formProps;\n    this._props = props;\n    this._elLabel = elLabel; // See if there is a rendering event\n\n    if (typeof this._props.onControlRendering === \"function\") {\n      // Call the event and see if a promise is returned\n      var returnVal = this._props.onControlRendering(Object.assign({}, this._props));\n\n      if (returnVal && typeof returnVal[\"then\"] === \"function\") {\n        // Wait for it to complete\n        returnVal[\"then\"](function (newProps) {\n          // Update the properties\n          _this._props = newProps || _this._props; // Create the control\n\n          _this.create();\n        });\n      } else {\n        // Create the control\n        this.create();\n      }\n    } else {\n      // Create the control\n      this.create();\n    }\n  } // Configure the control\n\n\n  FormControl.prototype.configure = function () {\n    // Ensure a control was created\n    if (this.control) {\n      // Set the element\n      this._el = this.control.el; // See if an error message exists\n\n      if (this._props.errorMessage) {\n        // Get the group\n        var elGroup = this._el.querySelector(\".input-group\") || this._el.querySelector(\".form-check:last-child\");\n\n        if (elGroup) {\n          // Add the error message\n          var elErrorMessage = document.createElement(\"div\");\n          elErrorMessage.className = \"invalid-feedback\";\n          elErrorMessage.innerHTML = this._props.errorMessage;\n          elGroup.appendChild(elErrorMessage);\n        }\n      } // See if an element was defined to render to\n\n\n      if (this._props.el) {\n        // Append the control to the element\n        this._props.el.appendChild(this._el);\n      } // See if the label is set\n\n\n      if (this._elLabel && this._formProps.isFloating && this._el.id) {\n        // Set the attributes\n        this._elLabel.setAttribute(\"for\", this._el.id);\n      }\n    }\n  }; // Creates the control\n\n\n  FormControl.prototype.create = function () {\n    var _this = this; // Parse the custom classes to add\n\n\n    var className = [this._props.className || \"\", this._props.controlClassName || \"\"].join(\" \").trim(); // Render the control based on the type\n\n    switch (this._props.type) {\n      // Checkbox\n      case _1.FormControlTypes.Checkbox:\n        var cbProps = this._props; // Add the checkbox group\n\n        this._cb = checkboxGroup_1.CheckboxGroup({\n          className: className,\n          hideLabel: true,\n          isInline: cbProps.isInline,\n          isReadonly: this._props.isReadonly,\n          items: cbProps.items,\n          onChange: cbProps.onChange,\n          title: this._props.title,\n          type: checkboxGroup_1.CheckboxGroupTypes.Checkbox,\n          value: this._props.value\n        });\n        break;\n      // Color Picker\n\n      case _1.FormControlTypes.ColorPicker:\n        // Add the input\n        this._tb = inputGroup_1.InputGroup({\n          className: className,\n          id: this._props.id,\n          isReadonly: this._props.isReadonly,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          title: this._props.title,\n          type: inputGroup_1.InputGroupTypes.ColorPicker,\n          value: this._props.value\n        });\n        break;\n      // Datalist\n\n      case _1.FormControlTypes.Datalist:\n        // Add the dropdown\n        this._ddl = dropdown_1.Dropdown({\n          className: className,\n          formFl: true,\n          id: this._props.id,\n          isDatalist: true,\n          isReadonly: this._props.isReadonly,\n          items: this._props.items,\n          onChange: this._props.onChange,\n          title: this._props.title,\n          value: this._props.value\n        });\n        break;\n      // Dropdown\n\n      case _1.FormControlTypes.Dropdown:\n        // Add the dropdown\n        this._ddl = dropdown_1.Dropdown({\n          className: className,\n          formFl: true,\n          id: this._props.id,\n          isReadonly: this._props.isReadonly,\n          items: this._props.items,\n          onChange: this._props.onChange,\n          onMenuRendering: this._props.onMenuRendering,\n          title: this._props.title,\n          value: this._props.value\n        });\n        break;\n      // Email\n\n      case _1.FormControlTypes.Email:\n        // Add the input\n        this._tb = inputGroup_1.InputGroup({\n          className: className,\n          id: this._props.id,\n          isReadonly: this._props.isReadonly,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          title: this._props.title,\n          type: inputGroup_1.InputGroupTypes.Email,\n          value: this._props.value\n        });\n        break;\n      // File\n\n      case _1.FormControlTypes.File:\n        // Add the input\n        this._tb = inputGroup_1.InputGroup({\n          className: className,\n          id: this._props.id,\n          isReadonly: this._props.isReadonly,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          title: this._props.title,\n          type: inputGroup_1.InputGroupTypes.File,\n          value: this._props.value\n        });\n        break;\n      // List Box\n\n      case _1.FormControlTypes.ListBox:\n        // Add the list box\n        this._lb = listBox_1.ListBox({\n          id: this._props.name,\n          isReadonly: this._props.isReadonly,\n          items: this._props.items,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          value: this._props.value\n        });\n        break;\n      // Multi-Checkbox\n\n      case _1.FormControlTypes.MultiCheckbox:\n        var cbMultiProps = this._props; // Add the checkbox group\n\n        this._cb = checkboxGroup_1.CheckboxGroup({\n          className: className,\n          hideLabel: true,\n          isInline: cbMultiProps.isInline,\n          isReadonly: this._props.isReadonly,\n          items: cbMultiProps.items,\n          multi: true,\n          onChange: cbMultiProps.onChange,\n          title: this._props.title,\n          type: checkboxGroup_1.CheckboxGroupTypes.Checkbox,\n          value: this._props.value\n        });\n        break;\n      // Multi-Dropdown\n\n      case _1.FormControlTypes.MultiDropdown:\n        // Add the dropdown\n        this._ddl = dropdown_1.Dropdown({\n          className: className,\n          formFl: true,\n          id: this._props.id,\n          isReadonly: this._props.isReadonly,\n          items: this._props.items,\n          multi: true,\n          onChange: this._props.onChange,\n          onMenuRendering: this._props.onMenuRendering,\n          title: this._props.title,\n          value: this._props.value\n        });\n        break;\n      // Multi-List Box\n\n      case _1.FormControlTypes.MultiListBox:\n        // Add the list box\n        this._lb = listBox_1.ListBox({\n          id: this._props.name,\n          isReadonly: this._props.isReadonly,\n          items: this._props.items,\n          multi: true,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          value: this._props.value\n        });\n        break;\n      // Multi-Radio\n\n      case _1.FormControlTypes.MultiRadio:\n        // Add the checkbox group\n        this._cb = checkboxGroup_1.CheckboxGroup({\n          className: className,\n          hideLabel: true,\n          isReadonly: this._props.isReadonly,\n          items: this._props.items,\n          multi: true,\n          onChange: this._props.onChange,\n          title: this._props.title,\n          type: checkboxGroup_1.CheckboxGroupTypes.Radio,\n          value: this._props.value\n        });\n        break;\n      // Multi-Switch\n\n      case _1.FormControlTypes.MultiSwitch:\n        // Add the checkbox group\n        this._cb = checkboxGroup_1.CheckboxGroup({\n          className: className,\n          hideLabel: true,\n          isReadonly: this._props.isReadonly,\n          items: this._props.items,\n          multi: true,\n          onChange: this._props.onChange,\n          title: this._props.title,\n          type: checkboxGroup_1.CheckboxGroupTypes.Switch,\n          value: this._props.value\n        });\n        break;\n      // Password\n\n      case _1.FormControlTypes.Password:\n        // Add the input\n        this._tb = inputGroup_1.InputGroup({\n          className: className,\n          id: this._props.id,\n          isReadonly: this._props.isReadonly,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          title: this._props.title,\n          type: inputGroup_1.InputGroupTypes.Password,\n          value: this._props.value\n        });\n        break;\n      // Radio\n\n      case _1.FormControlTypes.Radio:\n        // Add the checkbox group\n        this._cb = checkboxGroup_1.CheckboxGroup({\n          className: className,\n          hideLabel: true,\n          isReadonly: this._props.isReadonly,\n          items: this._props.items,\n          onChange: this._props.onChange,\n          title: this._props.title,\n          type: checkboxGroup_1.CheckboxGroupTypes.Radio,\n          value: this._props.value\n        });\n        break;\n      // Range\n\n      case _1.FormControlTypes.Range:\n        // Add the input\n        this._tb = inputGroup_1.InputGroup({\n          className: className,\n          id: this._props.id,\n          isReadonly: this._props.isReadonly,\n          min: this._props.min || 0,\n          max: this._props.max || 100,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          step: this._props.step,\n          title: this._props.title,\n          type: inputGroup_1.InputGroupTypes.Range,\n          value: this._props.value\n        });\n        break;\n      // Read Only\n\n      case _1.FormControlTypes.Readonly:\n        // Add the input\n        this._tb = inputGroup_1.InputGroup({\n          className: className,\n          id: this._props.id,\n          isReadonly: true,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          title: this._props.title,\n          type: inputGroup_1.InputGroupTypes.TextField,\n          value: this._props.value\n        });\n        break;\n      // Switch\n\n      case _1.FormControlTypes.Switch:\n        // Add the checkbox group\n        this._cb = checkboxGroup_1.CheckboxGroup({\n          className: className,\n          hideLabel: true,\n          isReadonly: this._props.isReadonly,\n          items: this._props.items,\n          onChange: this._props.onChange,\n          title: this._props.title,\n          type: checkboxGroup_1.CheckboxGroupTypes.Switch,\n          value: this._props.value\n        });\n        break;\n      // Text Area\n\n      case _1.FormControlTypes.TextArea:\n        // Add the input\n        this._tb = inputGroup_1.InputGroup({\n          className: className,\n          id: this._props.id,\n          isReadonly: this._props.isReadonly,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          rows: this._props.rows,\n          title: this._props.title,\n          type: inputGroup_1.InputGroupTypes.TextArea,\n          value: this._props.value\n        });\n        break;\n      // Text Field\n\n      case _1.FormControlTypes.TextField:\n        // Add the input\n        this._tb = inputGroup_1.InputGroup({\n          className: className,\n          id: this._props.id,\n          isReadonly: this._props.isReadonly,\n          onChange: this._props.onChange,\n          placeholder: this._props.placeholder,\n          title: this._props.title,\n          type: inputGroup_1.InputGroupTypes.TextField,\n          value: this._props.value\n        });\n        break;\n      // Custom Type\n\n      default:\n        // Create the default element\n        this._el = document.createElement(\"div\");\n        this._el.className = className; // See if there is a custom type\n\n        var custom = custom_1.CustomControls.getByType(this._props.type);\n\n        if (custom && typeof custom === \"function\") {\n          // Execute the event\n          this._custom = custom(this._props);\n        }\n\n        break;\n    } // See if a checkbox was rendered and an id was set\n\n\n    if (this.control && this._props.id) {\n      // Set the id\n      this.control.el.id = this._props.id;\n    } // Configure the control\n\n\n    this.configure(); // Wait before executing the rendered event, otherwise the controls will be null\n\n    setTimeout(function () {\n      // Execute the events\n      _this._props.onControlRendered ? _this._props.onControlRendered(_this) : null;\n      _this._formProps.onControlRendered ? _this._formProps.onControlRendered(_this) : null; // Set the flag\n\n      _this._isRendered = true;\n    }, 10);\n  };\n\n  Object.defineProperty(FormControl.prototype, \"el\", {\n    /**\r\n     * Public Interface\r\n     */\n    get: function get() {\n      return this._el;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  Object.defineProperty(FormControl.prototype, \"checkbox\", {\n    // The checkbox control\n    get: function get() {\n      return this._cb;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  Object.defineProperty(FormControl.prototype, \"dropdown\", {\n    // The dropdown control\n    get: function get() {\n      return this._ddl;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  Object.defineProperty(FormControl.prototype, \"control\", {\n    // The textbox control\n    get: function get() {\n      return this._cb || this._ddl || this._lb || this._tb || this._custom;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  Object.defineProperty(FormControl.prototype, \"label\", {\n    // The control label\n    get: function get() {\n      return this._elLabel;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  Object.defineProperty(FormControl.prototype, \"listbox\", {\n    // The listbox control\n    get: function get() {\n      return this._lb;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  Object.defineProperty(FormControl.prototype, \"textbox\", {\n    // The textbox control\n    get: function get() {\n      return this._tb;\n    },\n    enumerable: false,\n    configurable: true\n  }); // Method to get the form control value\n\n  FormControl.prototype.getValue = function () {\n    // See if there is an override event\n    if (this._props.onGetValue) {\n      return this._props.onGetValue(this._props);\n    } // See if this is a checkbox\n\n\n    if (this._cb) {\n      // See if the items were defined\n      if (this._props.items) {\n        // Return the value(s)\n        return this._cb.getValue();\n      } // Return the value\n\n\n      return this._cb.getValue() ? true : false;\n    } // See if this is a dropdown\n\n\n    if (this._ddl) {\n      // Return the value\n      return this._ddl.getValue();\n    } // See if this is a list box\n\n\n    if (this._lb) {\n      // Return the value\n      return this._lb.getValue();\n    } // See if this is a textbox\n\n\n    if (this._tb) {\n      // Return the value\n      return this._tb.getValue();\n    }\n  }; // Is loaded\n\n\n  FormControl.prototype.isLoaded = function () {\n    var _this = this; // Return a promise\n\n\n    return new Promise(function (resolve) {\n      // Wait for the control to be created\n      var id = setInterval(function () {\n        // See if the control has been rendered\n        if (_this.isRendered) {\n          // Stop the loop\n          clearInterval(id); // Resolve the promise\n\n          resolve();\n        }\n      }, 10);\n    });\n  };\n\n  Object.defineProperty(FormControl.prototype, \"isRendered\", {\n    // Flag indicating the control is loaded\n    get: function get() {\n      return this._isRendered;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  Object.defineProperty(FormControl.prototype, \"isValid\", {\n    // Validates the control\n    get: function get() {\n      var validation = {\n        isValid: true\n      }; // Get the element and value\n\n      var elControl = this._cb || this._ddl || this._lb || this._tb ? (this._cb || this._ddl || this._lb || this._tb).el : this._el;\n      var value = this.getValue(); // See if this control is required\n\n      if (this._props.required) {\n        // See if a value doesn't exists\n        if (value == null) {\n          // Set the flag\n          validation.isValid = false;\n        } // Else, see if the value is an array\n        else if (typeof value.length === \"number\") {\n          // Set the flag\n          validation.isValid = value.length > 0;\n        }\n      } // See if an event exists\n\n\n      if (this._props.onValidate) {\n        // Call the event\n        var returnValue = this._props.onValidate(this._props, {\n          value: value\n        });\n\n        if (typeof returnValue === \"boolean\") {\n          // Set the flag\n          validation.isValid = returnValue;\n        } // Else, ensure it exists\n        else if (returnValue) {\n          // Set the validation\n          validation = __assign(__assign({}, validation), returnValue);\n        }\n      } // Update the validation\n\n\n      this.updateValidation(elControl, validation); // Return the flag\n\n      return validation.isValid;\n    },\n    enumerable: false,\n    configurable: true\n  });\n  Object.defineProperty(FormControl.prototype, \"props\", {\n    // The form control properties\n    get: function get() {\n      return this._props;\n    },\n    enumerable: false,\n    configurable: true\n  }); // Sets the form control label\n\n  FormControl.prototype.setLabel = function (value) {\n    // Update the label\n    this._elLabel ? this._elLabel.innerHTML = value || \"\" : null;\n  }; // Sets the custom control\n\n\n  FormControl.prototype.setControl = function (control) {\n    // Set the custom control\n    this._custom = control;\n  }; // Sets the form control value\n\n\n  FormControl.prototype.setValue = function (value) {\n    // Set the value\n    this.control ? this.control.setValue(value) : null;\n  }; // Updates the control validation\n\n\n  FormControl.prototype.updateValidation = function (elControl, validation) {\n    // Get the form control\n    var elFormControl = elControl.querySelector(\".form-control\") || elControl.querySelector(\".form-select\");\n\n    if (elFormControl) {\n      // Clear the invalid/valid classes\n      elFormControl.classList.remove(\"is-invalid\");\n      elFormControl.classList.remove(\"is-valid\"); // Set the class\n\n      elFormControl.classList.add(validation.isValid ? \"is-valid\" : \"is-invalid\");\n    } else {\n      var validateControls = function validateControls(controls) {\n        // Parse the controls\n        for (var i = 0; i < controls.length; i++) {\n          var control = controls[i]; // Clear the invalid/valid classes\n\n          control.classList.remove(\"is-invalid\");\n          control.classList.remove(\"is-valid\"); // Set the class\n\n          control.classList.add(validation.isValid ? \"is-valid\" : \"is-invalid\");\n        }\n      }; // Get the checkboxes\n\n\n      var elCheckboxes = elControl.querySelectorAll(\".form-check-input\");\n\n      if (elCheckboxes.length > 0) {\n        // Validate the controls\n        validateControls(elCheckboxes); // Set the form control\n\n        elFormControl = elCheckboxes.length > 0 ? elCheckboxes[elCheckboxes.length - 1] : elFormControl;\n      } // Get the custom controls\n\n\n      var elCustomControls = elControl.querySelectorAll(\".custom-control-input\");\n\n      if (elCustomControls.length > 0) {\n        // Validate the controls\n        validateControls(elCustomControls); // Set the form control\n\n        elFormControl = elCustomControls.length > 0 ? elCustomControls[elCustomControls.length - 1] : elFormControl;\n      }\n    } // Ensure the form control exists\n\n\n    if (elFormControl) {\n      var useTooltip = this._formProps.validationType == _1.FormValidationTypes.Tooltip; // Clear the old valid message if it exists\n\n      var validClassName = useTooltip ? \"valid-tooltip\" : \"valid-feedback\";\n      var elMessage = elFormControl.parentNode.querySelector(\".\" + validClassName);\n\n      if (elMessage) {\n        // Clear the message\n        elMessage.innerHTML = \"\";\n        elMessage.style.display = \"\";\n      } // Clear the old valid message if it exists\n\n\n      var invalidClassName = useTooltip ? \"invalid-tooltip\" : \"invalid-feedback\";\n      elMessage = elFormControl.parentNode.querySelector(\".\" + invalidClassName);\n\n      if (elMessage) {\n        // Clear the message\n        elMessage.innerHTML = \"\";\n        elMessage.style.display = \"\";\n      } // See if there is invalid feedback\n\n\n      if (validation.invalidMessage || this._props.errorMessage) {\n        // Get the element\n        var invalidClassName_1 = useTooltip ? \"invalid-tooltip\" : \"invalid-feedback\";\n        elMessage = elFormControl.parentNode.querySelector(\".\" + invalidClassName_1);\n\n        if (elMessage == null) {\n          // Create the element\n          elMessage = document.createElement(\"div\");\n          elMessage.className = invalidClassName_1;\n          elFormControl.parentNode.appendChild(elMessage);\n        } // Set the message\n\n\n        elMessage.innerHTML = validation.invalidMessage || this._props.errorMessage; // Update the display\n\n        elMessage.style.display = validation.isValid ? \"\" : \"block\";\n      } // See if there is valid feedback\n\n\n      if (validation.validMessage) {\n        // Get the element\n        var validClassName_1 = useTooltip ? \"valid-tooltip\" : \"valid-feedback\";\n        elMessage = elFormControl.parentNode.querySelector(\".\" + validClassName_1);\n\n        if (elMessage == null) {\n          // Create the element\n          elMessage = document.createElement(\"div\");\n          elMessage.className = validClassName_1;\n          elFormControl.parentNode.appendChild(elMessage);\n        } // Set the message\n\n\n        elMessage.innerHTML = validation.validMessage; // Update the display\n\n        elMessage.style.display = validation.isValid ? \"block\" : \"\";\n      }\n    }\n  };\n\n  return FormControl;\n}();\n\nexports.FormControl = FormControl;\n\n//# sourceURL=webpack://gd-bs/./src/components/form/control.ts?");
 
 /***/ }),
 
@@ -1061,7 +1061,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar __extends = this && this.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\nvar __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {\n  if (k2 === undefined) k2 = k;\n  Object.defineProperty(o, k2, {\n    enumerable: true,\n    get: function get() {\n      return m[k];\n    }\n  });\n} : function (o, m, k, k2) {\n  if (k2 === undefined) k2 = k;\n  o[k2] = m[k];\n});\n\nvar __exportStar = this && this.__exportStar || function (m, exports) {\n  for (var p in m) {\n    if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);\n  }\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.FormControl = exports.Form = void 0;\n\nvar base_1 = __webpack_require__(/*! ../base */ \"./src/components/base.ts\");\n\nvar control_1 = __webpack_require__(/*! ./control */ \"./src/components/form/control.ts\");\n\nvar group_1 = __webpack_require__(/*! ./group */ \"./src/components/form/group.ts\");\n\nvar row_1 = __webpack_require__(/*! ./row */ \"./src/components/form/row.ts\");\n\nvar templates_1 = __webpack_require__(/*! ./templates */ \"./src/components/form/templates.ts\");\n\nvar types_1 = __webpack_require__(/*! ./types */ \"./src/components/form/types.ts\");\n\n__exportStar(__webpack_require__(/*! ./custom */ \"./src/components/form/custom.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./types */ \"./src/components/form/types.ts\"), exports);\n/**\r\n * Form\r\n * @property props - The form properties.\r\n */\n\n\nvar _Form =\n/** @class */\nfunction (_super) {\n  __extends(_Form, _super); // Constructor\n\n\n  function _Form(props) {\n    var _this = _super.call(this, templates_1.HTML, props) || this;\n\n    _this._groups = null;\n    _this._rows = null; // Configure the form\n\n    _this.configure(); // Configure the events\n\n\n    _this.configureEvents(); // Configure the parent\n\n\n    _this.configureParent();\n\n    return _this;\n  } // Configure the form\n\n\n  _Form.prototype.configure = function () {\n    // Clear the groups and rows\n    this._groups = [];\n    this._rows = []; // Add the class name\n\n    var classNames = (this.props.className || \"\").split(\" \");\n\n    for (var i = 0; i < classNames.length; i++) {\n      var className = classNames[i]; // Append the class name\n\n      className ? this.el.classList.add(className) : null;\n    } // Set the floating class\n\n\n    this.props.isFloating ? this.el.classList.add(\"form-floating\") : null; // Append the controls\n\n    this.appendControls(this.props.controls); // Append the rows\n\n    this.appendRows(this.props.rows);\n  }; // Configure the events\n\n\n  _Form.prototype.configureEvents = function () {\n    var _this = this; // See if an onrendered event exists\n\n\n    if (this.props.onRendered) {\n      // Wait before executing the rendered event, otherwise the controls will be null\n      var intervalId_1 = setInterval(function () {\n        var isLoaded = true; // Parse the controls\n\n        for (var i = 0; i < _this.controls.length; i++) {\n          var control = _this.controls[i]; // Set the flag\n\n          isLoaded = isLoaded && control && control.isRendered;\n        } // See if the form is loaded\n\n\n        if (isLoaded) {\n          // Clear the interval\n          clearInterval(intervalId_1); // Execute the event\n\n          _this.props.onRendered(_this.controls);\n        }\n      }, 10);\n    }\n  };\n  /**\r\n   * Public Interface\r\n   */\n  // Append controls to the form\n\n\n  _Form.prototype.appendControls = function (controls) {\n    if (controls === void 0) {\n      controls = [];\n    }\n\n    var addedControls = []; // Parse the controls\n\n    for (var i = 0; i < controls.length; i++) {\n      // Create the group\n      var group = new group_1.FormGroup(controls[i], this.props);\n\n      this._groups.push(group);\n\n      this.el.appendChild(group.el); // Append the control\n\n      addedControls.push(group.control);\n    } // Return the controls\n\n\n    return addedControls;\n  }; // Append rows to the form\n\n\n  _Form.prototype.appendRows = function (rows) {\n    if (rows === void 0) {\n      rows = [];\n    }\n\n    var addedControls = []; // Parse the rows\n\n    for (var i = 0; i < rows.length; i++) {\n      // Create the row\n      var row = new row_1.FormRow(rows[i], this.props);\n\n      this._rows.push(row);\n\n      this.el.appendChild(row.el); // Append the control\n\n      addedControls = addedControls.concat(row.controls);\n    } // Return the controls\n\n\n    return addedControls;\n  };\n\n  Object.defineProperty(_Form.prototype, \"controls\", {\n    // The forms controls\n    get: function get() {\n      var controls = []; // Parse the groups\n\n      for (var i = 0; i < this._groups.length; i++) {\n        // Add the control\n        controls.push(this._groups[i].control);\n      } // Parse the rows\n\n\n      for (var i = 0; i < this._rows.length; i++) {\n        // Add the controls\n        controls = controls.concat(this._rows[i].controls);\n      } // Return the controls\n\n\n      return controls;\n    },\n    enumerable: false,\n    configurable: true\n  }); // Gets a form control by its name\n\n  _Form.prototype.getControl = function (name) {\n    // Parse the controls\n    var controls = this.controls;\n\n    for (var i = 0; i < controls.length; i++) {\n      var control = controls[i]; // See if this is the control we are looking for\n\n      if (control && control.props && control.props.name == name) {\n        // Return the control\n        return control;\n      }\n    } // Control not found\n\n\n    return null;\n  }; // Gets the form values\n\n\n  _Form.prototype.getValues = function () {\n    var values = {}; // Parse the controls\n\n    var controls = this.controls;\n\n    for (var i = 0; i < controls.length; i++) {\n      var control = controls[i];\n\n      if (control.props.name) {\n        // Set the value\n        values[control.props.name] = control.getValue();\n      }\n    } // Return the values\n\n\n    return values;\n  }; // Validates the form\n\n\n  _Form.prototype.isValid = function () {\n    var isValid = true; // Parse the controls\n\n    var controls = this.controls;\n\n    for (var i = 0; i < controls.length; i++) {\n      // See if this control is valid\n      if (controls[i].isValid == false) {\n        // Set the flag\n        isValid = false;\n      }\n    } // Update the classes\n\n\n    this.el.classList.remove(\"needs-validation\");\n    this.el.classList.add(\"was-validated\"); // Return the flag\n\n    return isValid;\n  };\n\n  return _Form;\n}(base_1.Base);\n\nexports.Form = function (props) {\n  return new _Form(props);\n};\n/**\r\n * Form Control\r\n */\n\n\nexports.FormControl = function (props) {\n  // Create a base object\n  var base = new base_1.Base(\"\", props); // Create the control\n\n  var control = new control_1.FormControl(props, {\n    validationType: types_1.FormValidationTypes.Default\n  }); // Wait for the control to be loaded\n\n  control.isLoaded().then(function () {\n    // Set the element\n    base.el = control.el; // Configure the parent\n\n    base.configureParent();\n  }); // Return the control\n\n  return control;\n};\n\n//# sourceURL=webpack://gd-bs/./src/components/form/index.ts?");
+eval("\n\nvar __extends = this && this.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\nvar __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {\n  if (k2 === undefined) k2 = k;\n  Object.defineProperty(o, k2, {\n    enumerable: true,\n    get: function get() {\n      return m[k];\n    }\n  });\n} : function (o, m, k, k2) {\n  if (k2 === undefined) k2 = k;\n  o[k2] = m[k];\n});\n\nvar __exportStar = this && this.__exportStar || function (m, exports) {\n  for (var p in m) {\n    if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);\n  }\n};\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.FormControl = exports.Form = void 0;\n\nvar base_1 = __webpack_require__(/*! ../base */ \"./src/components/base.ts\");\n\nvar control_1 = __webpack_require__(/*! ./control */ \"./src/components/form/control.ts\");\n\nvar group_1 = __webpack_require__(/*! ./group */ \"./src/components/form/group.ts\");\n\nvar row_1 = __webpack_require__(/*! ./row */ \"./src/components/form/row.ts\");\n\nvar templates_1 = __webpack_require__(/*! ./templates */ \"./src/components/form/templates.ts\");\n\nvar types_1 = __webpack_require__(/*! ./types */ \"./src/components/form/types.ts\");\n\n__exportStar(__webpack_require__(/*! ./custom */ \"./src/components/form/custom.ts\"), exports);\n\n__exportStar(__webpack_require__(/*! ./types */ \"./src/components/form/types.ts\"), exports);\n/**\r\n * Form\r\n * @property props - The form properties.\r\n */\n\n\nvar _Form =\n/** @class */\nfunction (_super) {\n  __extends(_Form, _super); // Constructor\n\n\n  function _Form(props) {\n    var _this = _super.call(this, templates_1.HTML, props) || this;\n\n    _this._groups = null;\n    _this._rows = null; // Configure the form\n\n    _this.configure(); // Configure the events\n\n\n    _this.configureEvents(); // Configure the parent\n\n\n    _this.configureParent();\n\n    return _this;\n  } // Configure the form\n\n\n  _Form.prototype.configure = function () {\n    // Clear the groups and rows\n    this._groups = [];\n    this._rows = []; // Add the class name\n\n    var classNames = (this.props.className || \"\").split(\" \");\n\n    for (var i = 0; i < classNames.length; i++) {\n      var className = classNames[i]; // Append the class name\n\n      className ? this.el.classList.add(className) : null;\n    } // Set the floating class\n\n\n    this.props.isFloating ? this.el.classList.add(\"form-floating\") : null; // Append the controls\n\n    this.appendControls(this.props.controls); // Append the rows\n\n    this.appendRows(this.props.rows);\n  }; // Configure the events\n\n\n  _Form.prototype.configureEvents = function () {\n    var _this = this; // See if an onrendered event exists\n\n\n    if (this.props.onRendered) {\n      // Wait before executing the rendered event, otherwise the controls will be null\n      var intervalId_1 = setInterval(function () {\n        var isLoaded = true; // Parse the controls\n\n        for (var i = 0; i < _this.controls.length; i++) {\n          var control = _this.controls[i]; // Set the flag\n\n          isLoaded = isLoaded && control && control.isRendered;\n        } // See if the form is loaded\n\n\n        if (isLoaded) {\n          // Clear the interval\n          clearInterval(intervalId_1); // Execute the event\n\n          _this.props.onRendered(_this.controls);\n        }\n      }, 10);\n    }\n  };\n  /**\r\n   * Public Interface\r\n   */\n  // Append controls to the form\n\n\n  _Form.prototype.appendControls = function (controls) {\n    if (controls === void 0) {\n      controls = [];\n    } // Parse the controls\n\n\n    for (var i = 0; i < controls.length; i++) {\n      // Create the group\n      var group = new group_1.FormGroup(controls[i], this.props);\n\n      this._groups.push(group);\n\n      this.el.appendChild(group.el);\n    }\n  }; // Append rows to the form\n\n\n  _Form.prototype.appendRows = function (rows) {\n    if (rows === void 0) {\n      rows = [];\n    } // Parse the rows\n\n\n    for (var i = 0; i < rows.length; i++) {\n      // Create the row\n      var row = new row_1.FormRow(rows[i], this.props);\n\n      this._rows.push(row);\n\n      this.el.appendChild(row.el);\n    }\n  };\n\n  Object.defineProperty(_Form.prototype, \"controls\", {\n    // The forms controls\n    get: function get() {\n      var controls = []; // Parse the groups\n\n      for (var i = 0; i < this._groups.length; i++) {\n        // Add the control\n        controls.push(this._groups[i].control);\n      } // Parse the rows\n\n\n      for (var i = 0; i < this._rows.length; i++) {\n        // Add the controls\n        controls = controls.concat(this._rows[i].controls);\n      } // Return the controls\n\n\n      return controls;\n    },\n    enumerable: false,\n    configurable: true\n  }); // Gets a form control by its name\n\n  _Form.prototype.getControl = function (name) {\n    // Parse the controls\n    var controls = this.controls;\n\n    for (var i = 0; i < controls.length; i++) {\n      var control = controls[i]; // See if this is the control we are looking for\n\n      if (control && control.props && control.props.name == name) {\n        // Return the control\n        return control;\n      }\n    } // Control not found\n\n\n    return null;\n  }; // Gets the form values\n\n\n  _Form.prototype.getValues = function () {\n    var values = {}; // Parse the controls\n\n    var controls = this.controls;\n\n    for (var i = 0; i < controls.length; i++) {\n      var control = controls[i];\n\n      if (control.props.name) {\n        // Set the value\n        values[control.props.name] = control.getValue();\n      }\n    } // Return the values\n\n\n    return values;\n  }; // Validates the form\n\n\n  _Form.prototype.isValid = function () {\n    var isValid = true; // Parse the controls\n\n    var controls = this.controls;\n\n    for (var i = 0; i < controls.length; i++) {\n      // See if this control is valid\n      if (controls[i].isValid == false) {\n        // Set the flag\n        isValid = false;\n      }\n    } // Update the classes\n\n\n    this.el.classList.remove(\"needs-validation\");\n    this.el.classList.add(\"was-validated\"); // Return the flag\n\n    return isValid;\n  };\n\n  return _Form;\n}(base_1.Base);\n\nexports.Form = function (props) {\n  return new _Form(props);\n};\n/**\r\n * Form Control\r\n */\n\n\nexports.FormControl = function (props) {\n  // Create a base object\n  var base = new base_1.Base(\"\", props); // Create the control\n\n  var control = new control_1.FormControl(props, {\n    validationType: types_1.FormValidationTypes.Default\n  }); // Wait for the control to be loaded\n\n  control.isLoaded().then(function () {\n    // Set the element\n    base.el = control.el; // Configure the parent\n\n    base.configureParent();\n  }); // Return the control\n\n  return control;\n};\n\n//# sourceURL=webpack://gd-bs/./src/components/form/index.ts?");
 
 /***/ }),
 
@@ -1182,7 +1182,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar __extends = this && this.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.ListGroup = exports.ListGroupClassNames = exports.ListGroupItemTypes = void 0;\n\nvar base_1 = __webpack_require__(/*! ../base */ \"./src/components/base.ts\");\n\nvar classNames_1 = __webpack_require__(/*! ../classNames */ \"./src/components/classNames.ts\");\n\nvar item_1 = __webpack_require__(/*! ./item */ \"./src/components/listGroup/item.ts\");\n\nvar templates_1 = __webpack_require__(/*! ./templates */ \"./src/components/listGroup/templates.ts\");\n/**\r\n * List Group Item Types\r\n */\n\n\nvar ListGroupItemTypes;\n\n(function (ListGroupItemTypes) {\n  ListGroupItemTypes[ListGroupItemTypes[\"Danger\"] = 1] = \"Danger\";\n  ListGroupItemTypes[ListGroupItemTypes[\"Dark\"] = 2] = \"Dark\";\n  ListGroupItemTypes[ListGroupItemTypes[\"Info\"] = 3] = \"Info\";\n  ListGroupItemTypes[ListGroupItemTypes[\"Light\"] = 4] = \"Light\";\n  ListGroupItemTypes[ListGroupItemTypes[\"Primary\"] = 5] = \"Primary\";\n  ListGroupItemTypes[ListGroupItemTypes[\"Secondary\"] = 6] = \"Secondary\";\n  ListGroupItemTypes[ListGroupItemTypes[\"Success\"] = 7] = \"Success\";\n  ListGroupItemTypes[ListGroupItemTypes[\"Warning\"] = 8] = \"Warning\";\n})(ListGroupItemTypes = exports.ListGroupItemTypes || (exports.ListGroupItemTypes = {}));\n/**\r\n * List Group Classes\r\n */\n\n\nexports.ListGroupClassNames = new classNames_1.ClassNames([\"list-group-item-danger\", \"list-group-item-dark\", \"list-group-item-info\", \"list-group-item-light\", \"list-group-item-primary\", \"list-group-item-secondary\", \"list-group-item-success\", \"list-group-item-warning\"]);\n/**\r\n * List Group\r\n * @param props The list group properties.\r\n */\n\nvar _ListGroup =\n/** @class */\nfunction (_super) {\n  __extends(_ListGroup, _super); // Constructor\n\n\n  function _ListGroup(props, template, itemTemplate) {\n    if (template === void 0) {\n      template = props.isTabs && props.colWidth > 0 && props.colWidth < 12 ? templates_1.HTMLTabs : templates_1.HTML;\n    }\n\n    var _this = _super.call(this, template, props) || this;\n\n    _this._items = null; // Configure the collapse\n\n    _this.configure(itemTemplate); // Configure the parent\n\n\n    _this.configureParent();\n\n    return _this;\n  } // Configure the card group\n\n\n  _ListGroup.prototype.configure = function (itemTemplate) {\n    // Update the list group\n    var listGroup = this.el.querySelector(\".list-group\") || this.el;\n\n    if (listGroup) {\n      this.props.isFlush ? listGroup.classList.add(\"list-group-flush\") : null;\n      this.props.isHorizontal ? listGroup.classList.add(\"list-group-horizontal\") : null;\n      this.props.isNumbered ? listGroup.classList.add(\"list-group-numbered\") : null;\n      this.props.isTabs ? listGroup.setAttribute(\"role\", \"tablist\") : null;\n    } // See if the column width is defined\n\n\n    var column = this.el.querySelector(\".col\");\n\n    if (column) {\n      // Update the width\n      column.className = \"col-\" + this.props.colWidth;\n    } // Render the items\n\n\n    this.renderItems(listGroup, itemTemplate);\n  }; // Configures the item event\n\n\n  _ListGroup.prototype.configureEvents = function (tab) {\n    var _this = this; // Add a click event\n\n\n    tab.el.addEventListener(\"click\", function () {\n      // Parse the tabs\n      for (var i = 0; i < _this._items.length; i++) {\n        var item = _this._items[i]; // See if it's visible\n\n        if (item.isVisible) {\n          // Toggle it\n          item.toggle(_this.props.fadeTabs);\n        }\n      } // Toggle the link\n\n\n      tab.toggle(_this.props.fadeTabs);\n    });\n  }; // Render the items\n\n\n  _ListGroup.prototype.renderItems = function (listGroup, itemTemplate) {\n    // Clear the items\n    this._items = []; // Get the tab content element\n\n    var tabs = this.el.querySelector(\".tab-content\"); // Parse the items\n\n    var items = this.props.items || [];\n\n    for (var i = 0; i < items.length; i++) {\n      // Create the item\n      var item = new item_1.ListGroupItem(items[i], tabs ? true : false, itemTemplate);\n\n      this._items.push(item);\n\n      listGroup.appendChild(item.el); // See if we are rendering tabs\n\n      if (tabs) {\n        // Configure the events\n        this.configureEvents(item); // Add the tab content\n\n        tabs.appendChild(item.elTab); // See if the fade option is enabled\n\n        if (this.props.fadeTabs) {\n          // Set the class name\n          item.elTab.classList.add(\"fade\"); // See if the tab is active\n\n          if (item.props.isActive) {\n            // Set the class name\n            item.elTab.classList.add(\"show\");\n            item.elTab.classList.add(\"active\");\n          }\n        }\n      }\n    }\n  };\n  /**\r\n   * Public Interface\r\n   */\n\n\n  _ListGroup.prototype.showTab = function (tabId) {\n    // Parse the tabs\n    for (var i = 0; i < this._items.length; i++) {\n      var item = this._items[i]; // See if this is the target tab\n\n      if (tabId === i + 1 || item.elTab.id == tabId) {\n        // Toggle it if it's not visible\n        item.isVisible ? null : item.toggle(this.props.fadeTabs);\n      } // Else, see if it's visible\n      else if (item.isVisible) {\n        // Toggle it\n        item.toggle(this.props.fadeTabs);\n      }\n    }\n  };\n\n  return _ListGroup;\n}(base_1.Base);\n\nexports.ListGroup = function (props, template, itemTemplate) {\n  return new _ListGroup(props, template, itemTemplate);\n};\n\n//# sourceURL=webpack://gd-bs/./src/components/listGroup/index.ts?");
+eval("\n\nvar __extends = this && this.__extends || function () {\n  var _extendStatics = function extendStatics(d, b) {\n    _extendStatics = Object.setPrototypeOf || {\n      __proto__: []\n    } instanceof Array && function (d, b) {\n      d.__proto__ = b;\n    } || function (d, b) {\n      for (var p in b) {\n        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];\n      }\n    };\n\n    return _extendStatics(d, b);\n  };\n\n  return function (d, b) {\n    _extendStatics(d, b);\n\n    function __() {\n      this.constructor = d;\n    }\n\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n  };\n}();\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.ListGroup = exports.ListGroupClassNames = exports.ListGroupItemTypes = void 0;\n\nvar base_1 = __webpack_require__(/*! ../base */ \"./src/components/base.ts\");\n\nvar classNames_1 = __webpack_require__(/*! ../classNames */ \"./src/components/classNames.ts\");\n\nvar item_1 = __webpack_require__(/*! ./item */ \"./src/components/listGroup/item.ts\");\n\nvar templates_1 = __webpack_require__(/*! ./templates */ \"./src/components/listGroup/templates.ts\");\n/**\r\n * List Group Item Types\r\n */\n\n\nvar ListGroupItemTypes;\n\n(function (ListGroupItemTypes) {\n  ListGroupItemTypes[ListGroupItemTypes[\"Danger\"] = 1] = \"Danger\";\n  ListGroupItemTypes[ListGroupItemTypes[\"Dark\"] = 2] = \"Dark\";\n  ListGroupItemTypes[ListGroupItemTypes[\"Info\"] = 3] = \"Info\";\n  ListGroupItemTypes[ListGroupItemTypes[\"Light\"] = 4] = \"Light\";\n  ListGroupItemTypes[ListGroupItemTypes[\"Primary\"] = 5] = \"Primary\";\n  ListGroupItemTypes[ListGroupItemTypes[\"Secondary\"] = 6] = \"Secondary\";\n  ListGroupItemTypes[ListGroupItemTypes[\"Success\"] = 7] = \"Success\";\n  ListGroupItemTypes[ListGroupItemTypes[\"Warning\"] = 8] = \"Warning\";\n})(ListGroupItemTypes = exports.ListGroupItemTypes || (exports.ListGroupItemTypes = {}));\n/**\r\n * List Group Classes\r\n */\n\n\nexports.ListGroupClassNames = new classNames_1.ClassNames([\"list-group-item-danger\", \"list-group-item-dark\", \"list-group-item-info\", \"list-group-item-light\", \"list-group-item-primary\", \"list-group-item-secondary\", \"list-group-item-success\", \"list-group-item-warning\"]);\n/**\r\n * List Group\r\n * @param props The list group properties.\r\n */\n\nvar _ListGroup =\n/** @class */\nfunction (_super) {\n  __extends(_ListGroup, _super); // Constructor\n\n\n  function _ListGroup(props, template, itemTemplate) {\n    if (template === void 0) {\n      template = props.isTabs && props.colWidth > 0 && props.colWidth <= 12 ? templates_1.HTMLTabs : templates_1.HTML;\n    }\n\n    var _this = _super.call(this, template, props) || this;\n\n    _this._items = null; // Configure the collapse\n\n    _this.configure(itemTemplate); // Configure the parent\n\n\n    _this.configureParent();\n\n    return _this;\n  } // Configure the card group\n\n\n  _ListGroup.prototype.configure = function (itemTemplate) {\n    // Update the list group\n    var listGroup = this.el.querySelector(\".list-group\") || this.el;\n\n    if (listGroup) {\n      this.props.isFlush ? listGroup.classList.add(\"list-group-flush\") : null;\n      this.props.isHorizontal ? listGroup.classList.add(\"list-group-horizontal\") : null;\n      this.props.isNumbered ? listGroup.classList.add(\"list-group-numbered\") : null;\n      this.props.isTabs ? listGroup.setAttribute(\"role\", \"tablist\") : null;\n    } // See if the column width is defined\n\n\n    var column = this.el.querySelector(\".col\");\n\n    if (column) {\n      // Update the width\n      column.className = \"col-\" + this.props.colWidth;\n    } // Render the items\n\n\n    this.renderItems(listGroup, itemTemplate);\n  }; // Configures the item event\n\n\n  _ListGroup.prototype.configureEvents = function (tab) {\n    var _this = this; // Add a click event\n\n\n    tab.el.addEventListener(\"click\", function () {\n      // Parse the tabs\n      for (var i = 0; i < _this._items.length; i++) {\n        var item = _this._items[i]; // See if it's visible\n\n        if (item.isVisible) {\n          // Toggle it\n          item.toggle(_this.props.fadeTabs);\n        }\n      } // Toggle the link\n\n\n      tab.toggle(_this.props.fadeTabs);\n    });\n  }; // Render the items\n\n\n  _ListGroup.prototype.renderItems = function (listGroup, itemTemplate) {\n    // Clear the items\n    this._items = []; // Get the tab content element\n\n    var tabs = this.el.querySelector(\".tab-content\"); // Parse the items\n\n    var items = this.props.items || [];\n\n    for (var i = 0; i < items.length; i++) {\n      // Create the item\n      var item = new item_1.ListGroupItem(items[i], tabs ? true : false, itemTemplate);\n\n      this._items.push(item);\n\n      listGroup.appendChild(item.el); // See if we are rendering tabs\n\n      if (tabs) {\n        // Configure the events\n        this.configureEvents(item); // Add the tab content\n\n        tabs.appendChild(item.elTab); // See if the fade option is enabled\n\n        if (this.props.fadeTabs) {\n          // Set the class name\n          item.elTab.classList.add(\"fade\"); // See if the tab is active\n\n          if (item.props.isActive) {\n            // Set the class name\n            item.elTab.classList.add(\"show\");\n            item.elTab.classList.add(\"active\");\n          }\n        }\n      }\n    }\n  };\n  /**\r\n   * Public Interface\r\n   */\n\n\n  _ListGroup.prototype.showTab = function (tabId) {\n    // Parse the tabs\n    for (var i = 0; i < this._items.length; i++) {\n      var item = this._items[i]; // See if this is the target tab\n\n      if (tabId === i + 1 || item.elTab.id == tabId) {\n        // Toggle it if it's not visible\n        item.isVisible ? null : item.toggle(this.props.fadeTabs);\n      } // Else, see if it's visible\n      else if (item.isVisible) {\n        // Toggle it\n        item.toggle(this.props.fadeTabs);\n      }\n    }\n  };\n\n  return _ListGroup;\n}(base_1.Base);\n\nexports.ListGroup = function (props, template, itemTemplate) {\n  return new _ListGroup(props, template, itemTemplate);\n};\n\n//# sourceURL=webpack://gd-bs/./src/components/listGroup/index.ts?");
 
 /***/ }),
 
@@ -3063,7 +3063,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.bank = void 0;\n\nvar generate_1 = __webpack_require__(/*! ../generate */ \"./src/icons/generate.ts\");\n\nfunction bank(height, width, className) {\n  return generate_1.generateIcon(\"<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-bank' viewBox='0 0 16 16'>   <path d='M8 .95 14.61 4h.89a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H15v7a.5.5 0 0 1 .485.379l.5 2A.5.5 0 0 1 15.5 17H.5a.5.5 0 0 1-.485-.621l.5-2A.5.5 0 0 1 1 14V7H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 4h.89L8 .95zM3.776 4h8.447L8 2.05 3.776 4zM2 7v7h1V7H2zm2 0v7h2.5V7H4zm3.5 0v7h1V7h-1zm2 0v7H12V7H9.5zM13 7v7h1V7h-1zm2-1V5H1v1h14zm-.39 9H1.39l-.25 1h13.72l-.25-1z'/> </svg>\", height, width, className);\n}\n\nexports.bank = bank;\n\n//# sourceURL=webpack://gd-bs/./src/icons/svgs/bank.ts?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.bank = void 0;\n\nvar generate_1 = __webpack_require__(/*! ../generate */ \"./src/icons/generate.ts\");\n\nfunction bank(height, width, className) {\n  return generate_1.generateIcon(\"<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-bank' viewBox='0 0 16 16'>   <path d='m8 0 6.61 3h.89a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H15v7a.5.5 0 0 1 .485.38l.5 2a.498.498 0 0 1-.485.62H.5a.498.498 0 0 1-.485-.62l.5-2A.501.501 0 0 1 1 13V6H.5a.5.5 0 0 1-.5-.5v-2A.5.5 0 0 1 .5 3h.89L8 0ZM3.777 3h8.447L8 1 3.777 3ZM2 6v7h1V6H2Zm2 0v7h2.5V6H4Zm3.5 0v7h1V6h-1Zm2 0v7H12V6H9.5ZM13 6v7h1V6h-1Zm2-1V4H1v1h14Zm-.39 9H1.39l-.25 1h13.72l-.25-1Z'/> </svg>\", height, width, className);\n}\n\nexports.bank = bank;\n\n//# sourceURL=webpack://gd-bs/./src/icons/svgs/bank.ts?");
 
 /***/ }),
 
@@ -12523,7 +12523,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.houseHeart = void 0;\n\nvar generate_1 = __webpack_require__(/*! ../generate */ \"./src/icons/generate.ts\");\n\nfunction houseHeart(height, width, className) {\n  return generate_1.generateIcon(\"<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house-heart' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.707L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.646a.5.5 0 0 0 .708-.707L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207l-5-5-5 5V13.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V7.207Zm-5-.225C9.664 5.309 13.825 8.236 8 12 2.175 8.236 6.336 5.309 8 6.982Z'/> </svg>\", height, width, className);\n}\n\nexports.houseHeart = houseHeart;\n\n//# sourceURL=webpack://gd-bs/./src/icons/svgs/houseHeart.ts?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.houseHeart = void 0;\n\nvar generate_1 = __webpack_require__(/*! ../generate */ \"./src/icons/generate.ts\");\n\nfunction houseHeart(height, width, className) {\n  return generate_1.generateIcon(\"<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house-heart' viewBox='0 0 16 16'>   <path d='M8 6.982C9.664 5.309 13.825 8.236 8 12 2.175 8.236 6.336 5.309 8 6.982Z'/>   <path d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.707L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.646a.5.5 0 0 0 .708-.707L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z'/> </svg>\", height, width, className);\n}\n\nexports.houseHeart = houseHeart;\n\n//# sourceURL=webpack://gd-bs/./src/icons/svgs/houseHeart.ts?");
 
 /***/ }),
 
@@ -12534,7 +12534,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.houseHeartFill = void 0;\n\nvar generate_1 = __webpack_require__(/*! ../generate */ \"./src/icons/generate.ts\");\n\nfunction houseHeartFill(height, width, className) {\n  return generate_1.generateIcon(\"<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house-heart-fill' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.707L8 2.207l6.646 6.646a.5.5 0 0 0 .708-.707L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5Z'/>   <path fill-rule='evenodd' d='m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293l6-6Zm0 5.189c1.664-1.673 5.825 1.254 0 5.018-5.825-3.764-1.664-6.691 0-5.018Z'/> </svg>\", height, width, className);\n}\n\nexports.houseHeartFill = houseHeartFill;\n\n//# sourceURL=webpack://gd-bs/./src/icons/svgs/houseHeartFill.ts?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.houseHeartFill = void 0;\n\nvar generate_1 = __webpack_require__(/*! ../generate */ \"./src/icons/generate.ts\");\n\nfunction houseHeartFill(height, width, className) {\n  return generate_1.generateIcon(\"<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-house-heart-fill' viewBox='0 0 16 16'>   <path d='M7.293 1.5a1 1 0 0 1 1.414 0L11 3.793V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v3.293l2.354 2.353a.5.5 0 0 1-.708.707L8 2.207 1.354 8.853a.5.5 0 1 1-.708-.707L7.293 1.5Z'/>   <path d='m14 9.293-6-6-6 6V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V9.293Zm-6-.811c1.664-1.673 5.825 1.254 0 5.018-5.825-3.764-1.664-6.691 0-5.018Z'/> </svg>\", height, width, className);\n}\n\nexports.houseHeartFill = houseHeartFill;\n\n//# sourceURL=webpack://gd-bs/./src/icons/svgs/houseHeartFill.ts?");
 
 /***/ }),
 
@@ -14723,7 +14723,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.pentagon = void 0;\n\nvar generate_1 = __webpack_require__(/*! ../generate */ \"./src/icons/generate.ts\");\n\nfunction pentagon(height, width, className) {\n  return generate_1.generateIcon(\"<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pentagon' viewBox='0 0 16 16'>   <path d='m8 1.288 6.842 5.56L12.267 15H3.733L1.158 6.847 8 1.288zM16 6.5 8 0 0 6.5 3 16h10l3-9.5z'/> </svg>\", height, width, className);\n}\n\nexports.pentagon = pentagon;\n\n//# sourceURL=webpack://gd-bs/./src/icons/svgs/pentagon.ts?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.pentagon = void 0;\n\nvar generate_1 = __webpack_require__(/*! ../generate */ \"./src/icons/generate.ts\");\n\nfunction pentagon(height, width, className) {\n  return generate_1.generateIcon(\"<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pentagon' viewBox='0 0 16 16'>   <path d='M7.685 1.545a.5.5 0 0 1 .63 0l6.263 5.088a.5.5 0 0 1 .161.539l-2.362 7.479a.5.5 0 0 1-.476.349H4.099a.5.5 0 0 1-.476-.35L1.26 7.173a.5.5 0 0 1 .161-.54l6.263-5.087Zm8.213 5.28a.5.5 0 0 0-.162-.54L8.316.257a.5.5 0 0 0-.631 0L.264 6.286a.5.5 0 0 0-.162.538l2.788 8.827a.5.5 0 0 0 .476.349h9.268a.5.5 0 0 0 .476-.35l2.788-8.826Z'/> </svg>\", height, width, className);\n}\n\nexports.pentagon = pentagon;\n\n//# sourceURL=webpack://gd-bs/./src/icons/svgs/pentagon.ts?");
 
 /***/ }),
 
@@ -14734,7 +14734,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.pentagonFill = void 0;\n\nvar generate_1 = __webpack_require__(/*! ../generate */ \"./src/icons/generate.ts\");\n\nfunction pentagonFill(height, width, className) {\n  return generate_1.generateIcon(\"<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pentagon-fill' viewBox='0 0 16 16'>   <path d='m8 0 8 6.5-3 9.5H3L0 6.5 8 0z'/> </svg>\", height, width, className);\n}\n\nexports.pentagonFill = pentagonFill;\n\n//# sourceURL=webpack://gd-bs/./src/icons/svgs/pentagonFill.ts?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.pentagonFill = void 0;\n\nvar generate_1 = __webpack_require__(/*! ../generate */ \"./src/icons/generate.ts\");\n\nfunction pentagonFill(height, width, className) {\n  return generate_1.generateIcon(\"<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pentagon-fill' viewBox='0 0 16 16'>   <path d='M7.685.256a.5.5 0 0 1 .63 0l7.421 6.03a.5.5 0 0 1 .162.538l-2.788 8.827a.5.5 0 0 1-.476.349H3.366a.5.5 0 0 1-.476-.35L.102 6.825a.5.5 0 0 1 .162-.538l7.42-6.03Z'/> </svg>\", height, width, className);\n}\n\nexports.pentagonFill = pentagonFill;\n\n//# sourceURL=webpack://gd-bs/./src/icons/svgs/pentagonFill.ts?");
 
 /***/ }),
 
@@ -14745,7 +14745,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.pentagonHalf = void 0;\n\nvar generate_1 = __webpack_require__(/*! ../generate */ \"./src/icons/generate.ts\");\n\nfunction pentagonHalf(height, width, className) {\n  return generate_1.generateIcon(\"<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pentagon-half' viewBox='0 0 16 16'>   <path d='m8 1.288 6.842 5.56L12.267 15H8V1.288zM16 6.5 8 0 0 6.5 3 16h10l3-9.5z'/> </svg>\", height, width, className);\n}\n\nexports.pentagonHalf = pentagonHalf;\n\n//# sourceURL=webpack://gd-bs/./src/icons/svgs/pentagonHalf.ts?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.pentagonHalf = void 0;\n\nvar generate_1 = __webpack_require__(/*! ../generate */ \"./src/icons/generate.ts\");\n\nfunction pentagonHalf(height, width, className) {\n  return generate_1.generateIcon(\"<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pentagon-half' viewBox='0 0 16 16'>   <path d='m8 1.288 6.578 5.345a.5.5 0 0 1 .161.539l-2.362 7.479a.5.5 0 0 1-.476.349H8V1.288Zm7.898 5.536a.5.5 0 0 0-.162-.538L8.316.256a.5.5 0 0 0-.631 0L.264 6.286a.5.5 0 0 0-.162.538l2.788 8.827a.5.5 0 0 0 .476.349h9.268a.5.5 0 0 0 .476-.35l2.788-8.826Z'/> </svg>\", height, width, className);\n}\n\nexports.pentagonHalf = pentagonHalf;\n\n//# sourceURL=webpack://gd-bs/./src/icons/svgs/pentagonHalf.ts?");
 
 /***/ }),
 
@@ -18617,7 +18617,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.tools = void 0;\n\nvar generate_1 = __webpack_require__(/*! ../generate */ \"./src/icons/generate.ts\");\n\nfunction tools(height, width, className) {\n  return generate_1.generateIcon(\"<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-tools' viewBox='0 0 16 16'>   <path d='M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.356 3.356a1 1 0 0 0 1.414 0l1.586-1.586a1 1 0 0 0 0-1.414l-3.356-3.356a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3c0-.269-.035-.53-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814L1 0zm9.646 10.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708zM3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026L3 11z'/> </svg>\", height, width, className);\n}\n\nexports.tools = tools;\n\n//# sourceURL=webpack://gd-bs/./src/icons/svgs/tools.ts?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.tools = void 0;\n\nvar generate_1 = __webpack_require__(/*! ../generate */ \"./src/icons/generate.ts\");\n\nfunction tools(height, width, className) {\n  return generate_1.generateIcon(\"<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-tools' viewBox='0 0 16 16'>   <path d='M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.27 3.27a.997.997 0 0 0 1.414 0l1.586-1.586a.997.997 0 0 0 0-1.414l-3.27-3.27a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3c0-.269-.035-.53-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814L1 0Zm9.646 10.646a.5.5 0 0 1 .708 0l2.914 2.915a.5.5 0 0 1-.707.707l-2.915-2.914a.5.5 0 0 1 0-.708ZM3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026L3 11Z'/> </svg>\", height, width, className);\n}\n\nexports.tools = tools;\n\n//# sourceURL=webpack://gd-bs/./src/icons/svgs/tools.ts?");
 
 /***/ }),
 
@@ -19805,7 +19805,7 @@ eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.xLg = void 0;\n\nvar generate_1 = __webpack_require__(/*! ../generate */ \"./src/icons/generate.ts\");\n\nfunction xLg(height, width, className) {\n  return generate_1.generateIcon(\"<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-lg' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M13.854 2.146a.5.5 0 0 1 0 .708l-11 11a.5.5 0 0 1-.708-.708l11-11a.5.5 0 0 1 .708 0Z'/>   <path fill-rule='evenodd' d='M2.146 2.146a.5.5 0 0 0 0 .708l11 11a.5.5 0 0 0 .708-.708l-11-11a.5.5 0 0 0-.708 0Z'/> </svg>\", height, width, className);\n}\n\nexports.xLg = xLg;\n\n//# sourceURL=webpack://gd-bs/./src/icons/svgs/xLg.ts?");
+eval("\n\nObject.defineProperty(exports, \"__esModule\", ({\n  value: true\n}));\nexports.xLg = void 0;\n\nvar generate_1 = __webpack_require__(/*! ../generate */ \"./src/icons/generate.ts\");\n\nfunction xLg(height, width, className) {\n  return generate_1.generateIcon(\"<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x-lg' viewBox='0 0 16 16'>   <path d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/> </svg>\", height, width, className);\n}\n\nexports.xLg = xLg;\n\n//# sourceURL=webpack://gd-bs/./src/icons/svgs/xLg.ts?");
 
 /***/ }),