gd-bs 6.9.15 → 6.9.17

package/build/components/accordion/index.js

@@ -1,79 +1,54 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Accordion = void 0;
-var base_1 = require("../base");
-var templates_1 = require("./templates");
-var item_1 = require("./item");
+import { Base } from "../base";
+import { HTML, HTMLItem } from "./templates";
+import { AccordionItem } from "./item";
 /**
  * Accordion
  */
-var _Accordion = /** @class */ (function (_super) {
-    __extends(_Accordion, _super);
+class _Accordion extends Base {
     // Constructor
-    function _Accordion(props, template, itemTemplate) {
-        if (template === void 0) { template = templates_1.HTML; }
-        if (itemTemplate === void 0) { itemTemplate = templates_1.HTMLItem; }
-        var _this = _super.call(this, template, props) || this;
-        _this._items = null;
+    constructor(props, template = HTML, itemTemplate = HTMLItem) {
+        super(template, props);
+        this._items = null;
         // Ensure the id is set
-        _this.el.id = _this.el.id || props.id || "accordion";
+        this.el.id = this.el.id || props.id || "accordion";
         // Render the items
-        _this.renderItems(itemTemplate);
+        this.renderItems(itemTemplate);
         // Configure the parent
-        _this.configureParent();
-        return _this;
+        this.configureParent();
     }
     // Configure the item event
-    _Accordion.prototype.configureEvent = function (item) {
-        var _this = this;
+    configureEvent(item) {
         // Set the click event
         if (item.elHeader) {
-            item.elHeader.addEventListener("click", function (ev) {
+            item.elHeader.addEventListener("click", (ev) => {
                 // Parse the items
-                for (var i = 0; i < _this._items.length; i++) {
-                    var item_2 = _this._items[i];
+                for (let i = 0; i < this._items.length; i++) {
+                    let item = this._items[i];
                     // Toggle the item if it's active
-                    if (item_2.isExpanded) {
-                        item_2.toggle();
+                    if (item.isExpanded) {
+                        item.toggle();
                     }
                 }
                 // Toggle this item
                 item.toggle();
             });
         }
-    };
+    }
     // Renders the items
-    _Accordion.prototype.renderItems = function (itemTemplate) {
+    renderItems(itemTemplate) {
         // Clear the items
         this._items = [];
         // Set the flag
-        var autoCollapse = typeof (this.props.autoCollapse) === "boolean" ? this.props.autoCollapse : true;
+        let autoCollapse = typeof (this.props.autoCollapse) === "boolean" ? this.props.autoCollapse : true;
         // Parse the items
-        var items = this.props.items || [];
-        for (var i = 0; i < items.length; i++) {
+        let items = this.props.items || [];
+        for (let i = 0; i < items.length; i++) {
             // Create the item and append it to the accordion
-            var item = new item_1.AccordionItem(this.el.id, this.el.id + i, items[i], itemTemplate, autoCollapse);
+            let item = new AccordionItem(this.el.id, this.el.id + i, items[i], itemTemplate, autoCollapse);
             this._items.push(item);
             autoCollapse ? this.configureEvent(item) : null;
             this.el.appendChild(item.el);
         }
-    };
-    return _Accordion;
-}(base_1.Base));
-var Accordion = function (props, template, itemTemplate) { return new _Accordion(props, template, itemTemplate); };
-exports.Accordion = Accordion;
+    }
+}
+export const Accordion = (props, template, itemTemplate) => { return new _Accordion(props, template, itemTemplate); };

package/build/components/accordion/item.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AccordionItem = void 0;
-var common_1 = require("../common");
+import { appendContent } from "../common";
 /**
  * Accordion Item
  */
-var AccordionItem = /** @class */ (function () {
+export class AccordionItem {
     // Constructor
-    function AccordionItem(parentId, itemId, props, template, autoCollapse) {
+    constructor(parentId, itemId, props, template, autoCollapse) {
         this._autoCollapse = null;
         this._el = null;
         this._elCollapse = null;
@@ -23,27 +20,27 @@ var AccordionItem = /** @class */ (function () {
         this._parentId = parentId;
         this._props = props;
         // Create the item
-        var elItem = document.createElement("div");
+        let elItem = document.createElement("div");
         elItem.innerHTML = template;
         this._el = elItem.firstChild;
         // Set the class name
-        var classNames = (this._props.className || "").trim().split(" ");
-        for (var i = 0; i < classNames.length; i++) {
-            var className = classNames[i];
+        let classNames = (this._props.className || "").trim().split(" ");
+        for (let i = 0; i < classNames.length; i++) {
+            let className = classNames[i];
             // Add the class name
             className ? this._el.classList.add(className) : null;
         }
         // Render the header
         this.renderHeader();
         // Append the content
-        (0, common_1.appendContent)(this._el.querySelector(".accordion-body"), this._props.content);
+        appendContent(this._el.querySelector(".accordion-body"), this._props.content);
         // Configure the collapse element
         this.configureCollapse();
         // Configure the events
         this.configureEvents();
     }
     // Configures the collapse element
-    AccordionItem.prototype.configureCollapse = function () {
+    configureCollapse() {
         this._elCollapse = this._el.querySelector(".accordion-collapse");
         if (this._elCollapse) {
             this._props.showFl ? this._elCollapse.classList.add("show") : null;
@@ -51,28 +48,27 @@ var AccordionItem = /** @class */ (function () {
             this._elCollapse.setAttribute("data-bs-parent", "#" + this._parentId);
             this._elCollapse.id = this._id;
         }
-    };
+    }
     // Configures the events
-    AccordionItem.prototype.configureEvents = function () {
-        var _this = this;
+    configureEvents() {
         // Add a click event
-        this._elHeader.addEventListener("click", function () {
+        this._elHeader.addEventListener("click", () => {
             // See if the auto collapse flag is not set
-            if (!_this._autoCollapse) {
+            if (!this._autoCollapse) {
                 // Toggle the element
-                _this.toggle();
+                this.toggle();
             }
             // Call the click event
-            _this._props.onClick ? _this._props.onClick(_this._elHeader, _this._props) : null;
+            this._props.onClick ? this._props.onClick(this._elHeader, this._props) : null;
         });
         // Execute the render event
         this._props.onRender ? this._props.onRender(this._el, this._props) : null;
         this._props.onRenderBody ? this._props.onRenderBody(this._el.querySelector(".accordion-body"), this._props) : null;
         this._props.onRenderHeader ? this._props.onRenderHeader(this._el.querySelector(".accordion-header"), this._props) : null;
-    };
+    }
     // Renders the header
-    AccordionItem.prototype.renderHeader = function () {
-        var elHeader = this._el.querySelector(".accordion-header");
+    renderHeader() {
+        let elHeader = this._el.querySelector(".accordion-header");
         if (elHeader) {
             // Set the properties
             elHeader.id = this._itemId;
@@ -88,61 +84,40 @@ var AccordionItem = /** @class */ (function () {
             this._elHeader.setAttribute("data-bs-target", '#' + "collapse" + this._itemId);
             this._elHeader.innerHTML = this._props.header;
         }
-    };
-    Object.defineProperty(AccordionItem.prototype, "el", {
-        /**
-         * Public Properties
-         */
-        // The component HTML element
-        get: function () { return this._el; },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(AccordionItem.prototype, "elCollapse", {
-        // The collapse element
-        get: function () { return this._elCollapse; },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(AccordionItem.prototype, "elHeader", {
-        // The header element
-        get: function () { return this._elHeader; },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(AccordionItem.prototype, "id", {
-        // The item id
-        get: function () { return this._id; },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(AccordionItem.prototype, "isExpanded", {
-        // Returns true if the item is expanded
-        get: function () {
-            // See if the item is expanded
-            return this.elCollapse.classList.contains("collapsing") || this.elCollapse.classList.contains("show");
-        },
-        enumerable: false,
-        configurable: true
-    });
+    }
+    /**
+     * Public Properties
+     */
+    // The component HTML element
+    get el() { return this._el; }
+    // The collapse element
+    get elCollapse() { return this._elCollapse; }
+    // The header element
+    get elHeader() { return this._elHeader; }
+    // The item id
+    get id() { return this._id; }
+    // Returns true if the item is expanded
+    get isExpanded() {
+        // See if the item is expanded
+        return this.elCollapse.classList.contains("collapsing") || this.elCollapse.classList.contains("show");
+    }
     // Toggles the item
-    AccordionItem.prototype.toggle = function () {
-        var _this = this;
+    toggle() {
         // See if it's expanded
         if (this.isExpanded) {
             // Start the animation
             this.elCollapse.style.height = this.el.getBoundingClientRect()["height"] + "px";
-            setTimeout(function () {
-                _this.elCollapse.classList.add("collapsing");
-                _this.elCollapse.classList.remove("collapse");
-                _this.elCollapse.classList.remove("show");
-                _this.elCollapse.style.height = "";
+            setTimeout(() => {
+                this.elCollapse.classList.add("collapsing");
+                this.elCollapse.classList.remove("collapse");
+                this.elCollapse.classList.remove("show");
+                this.elCollapse.style.height = "";
             }, 10);
             // Wait for the animation to complete
-            setTimeout(function () {
-                _this.elCollapse.classList.remove("collapsing");
-                _this.elCollapse.classList.add("collapse");
-                _this.elHeader.classList.add("collapsed");
+            setTimeout(() => {
+                this.elCollapse.classList.remove("collapsing");
+                this.elCollapse.classList.add("collapse");
+                this.elHeader.classList.add("collapsed");
             }, 250);
         }
         else {
@@ -151,15 +126,13 @@ var AccordionItem = /** @class */ (function () {
             this.elCollapse.classList.add("collapsing");
             this.elCollapse.style.height = this.el.scrollHeight + "px";
             // Wait for the animation to complete
-            setTimeout(function () {
-                _this.elCollapse.classList.remove("collapsing");
-                _this.elCollapse.classList.add("collapse");
-                _this.elCollapse.classList.add("show");
-                _this.elCollapse.style.height = "";
-                _this.elHeader.classList.remove("collapsed");
+            setTimeout(() => {
+                this.elCollapse.classList.remove("collapsing");
+                this.elCollapse.classList.add("collapse");
+                this.elCollapse.classList.add("show");
+                this.elCollapse.style.height = "";
+                this.elHeader.classList.remove("collapsed");
             }, 250);
         }
-    };
-    return AccordionItem;
-}());
-exports.AccordionItem = AccordionItem;
+    }
+}

package/build/components/accordion/templates.js

@@ -1,7 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HTMLItem = exports.HTML = void 0;
 // Accordion
-exports.HTML = "<div class=\"accordion\"></div>";
+export const HTML = `<div class="accordion"></div>`;
 // Accordion Item
-exports.HTMLItem = "\n<div class=\"accordion-item\">\n    <h2 class=\"accordion-header\">\n        <button class=\"accordion-button\" type=\"button\" data-bs-toggle=\"collapse\"></button>\n    </h2>\n    <div class=\"accordion-collapse collapse\">\n        <div class=\"accordion-body\"></div>\n    </div>\n</div>".trim();
+export const HTMLItem = `
+<div class="accordion-item">
+    <h2 class="accordion-header">
+        <button class="accordion-button" type="button" data-bs-toggle="collapse"></button>
+    </h2>
+    <div class="accordion-collapse collapse">
+        <div class="accordion-body"></div>
+    </div>
+</div>`.trim();

package/build/components/alert/index.js

@@ -1,29 +1,11 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Alert = exports.AlertClassNames = exports.AlertTypes = void 0;
-var base_1 = require("../base");
-var classNames_1 = require("../classNames");
-var common_1 = require("../common");
-var templates_1 = require("./templates");
+import { Base } from "../base";
+import { ClassNames } from "../classNames";
+import { appendContent } from "../common";
+import { HTML } from "./templates";
 /**
  * Alert Types
  */
-var AlertTypes;
+export var AlertTypes;
 (function (AlertTypes) {
     AlertTypes[AlertTypes["Danger"] = 1] = "Danger";
     AlertTypes[AlertTypes["Dark"] = 2] = "Dark";
@@ -33,11 +15,11 @@ var AlertTypes;
     AlertTypes[AlertTypes["Secondary"] = 6] = "Secondary";
     AlertTypes[AlertTypes["Success"] = 7] = "Success";
     AlertTypes[AlertTypes["Warning"] = 8] = "Warning";
-})(AlertTypes = exports.AlertTypes || (exports.AlertTypes = {}));
+})(AlertTypes || (AlertTypes = {}));
 /**
  * Alert Class Names
  */
-exports.AlertClassNames = new classNames_1.ClassNames([
+export const AlertClassNames = new ClassNames([
     "alert-danger",
     "alert-dark",
     "alert-info",
@@ -50,31 +32,28 @@ exports.AlertClassNames = new classNames_1.ClassNames([
 /**
  * Alert
  */
-var _Alert = /** @class */ (function (_super) {
-    __extends(_Alert, _super);
+class _Alert extends Base {
     // Constructor
-    function _Alert(props, template) {
-        if (template === void 0) { template = templates_1.HTML; }
-        var _this = _super.call(this, template, props) || this;
-        _this._btnClose = null;
+    constructor(props, template = HTML) {
+        super(template, props);
+        this._btnClose = null;
         // Set the default styling
-        _this.el.classList.add(exports.AlertClassNames.getByType(_this.props.type) || exports.AlertClassNames.getByType(AlertTypes.Primary));
+        this.el.classList.add(AlertClassNames.getByType(this.props.type) || AlertClassNames.getByType(AlertTypes.Primary));
         // Configure the alert
-        _this.configure();
+        this.configure();
         // Configure the events
-        _this.configureEvents();
+        this.configureEvents();
         // Configure the parent element
-        _this.configureParent();
-        return _this;
+        this.configureParent();
     }
     // Configure the alert
-    _Alert.prototype.configure = function () {
+    configure() {
         // Append the content
-        (0, common_1.appendContent)(this.el, this.props.content);
+        appendContent(this.el, this.props.content);
         // See if a header was defined
         if (this.props.header) {
             // Create the header
-            var elHeader = document.createElement("h4");
+            let elHeader = document.createElement("h4");
             elHeader.classList.add("alert-heading");
             elHeader.innerHTML = this.props.header;
             this.el.prepend(elHeader);
@@ -84,7 +63,7 @@ var _Alert = /** @class */ (function (_super) {
             // Add the class
             this.el.classList.add("alert-dismissible");
             // Create the button
-            var btn = document.createElement("button");
+            let btn = document.createElement("button");
             btn.className = "btn-close";
             btn.type = "button";
             btn.setAttribute("data-bs-dismiss", "alert");
@@ -92,54 +71,50 @@ var _Alert = /** @class */ (function (_super) {
             // Append the button
             this.el.appendChild(btn);
         }
-    };
+    }
     // Configure the events
-    _Alert.prototype.configureEvents = function () {
-        var _this = this;
+    configureEvents() {
         // See if we are dismissing the alert
         this._btnClose = this.el.querySelector(".btn-close");
         if (this._btnClose) {
             // Add a click event
-            this._btnClose.addEventListener("click", function () {
+            this._btnClose.addEventListener("click", () => {
                 // Add the fade class
-                _this.el.classList.add("fade");
-                setTimeout(function () { _this.hide(); }, 250);
+                this.el.classList.add("fade");
+                setTimeout(() => { this.hide(); }, 250);
                 // Execute the event
-                _this.props.onClose ? _this.props.onClose(_this.props) : null;
+                this.props.onClose ? this.props.onClose(this.props) : null;
             });
         }
-    };
+    }
     /**
      * Public Properties
      */
     // Closes the alert
-    _Alert.prototype.close = function () {
+    close() {
         // Click the close button
         this._btnClose ? this._btnClose.click() : null;
-    };
+    }
     // Clears the alert and updates the text
-    _Alert.prototype.setText = function (alertText) {
+    setText(alertText) {
         // Clear the element
         while (this.el.firstChild) {
             this.el.removeChild(this.el.firstChild);
         }
         // Set the text
-        var elText = document.createTextNode(alertText == null ? "" : alertText);
+        let elText = document.createTextNode(alertText == null ? "" : alertText);
         // Append the text
         this.el.appendChild(elText);
-    };
+    }
     // Updates the alert template type
-    _Alert.prototype.setType = function (alertType) {
-        var _this = this;
+    setType(alertType) {
         // Parse the class names
-        exports.AlertClassNames.parse(function (className) {
+        AlertClassNames.parse(className => {
             // Remove the class name
-            _this.el.classList.remove(className);
+            this.el.classList.remove(className);
         });
         // Set the alert type
-        this.el.classList.add(exports.AlertClassNames.getByType(alertType) || exports.AlertClassNames.getByType(AlertTypes.Primary));
-    };
-    return _Alert;
-}(base_1.Base));
-var Alert = function (props, template) { return new _Alert(props, template); };
-exports.Alert = Alert;
+        this.el.classList.add(AlertClassNames.getByType(alertType) || AlertClassNames.getByType(AlertTypes.Primary));
+    }
+}
+export const Alert = (props, template) => { return new _Alert(props, template); };

package/build/components/alert/templates.js

@@ -1,4 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HTML = void 0;
-exports.HTML = "\n<div class=\"alert\" role=\"alert\"></div>".trim();
+export const HTML = `
+<div class="alert" role="alert"></div>`.trim();

package/build/components/badge/index.js

@@ -1,29 +1,11 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Badge = exports.BadgeClassNames = exports.BadgeTypes = void 0;
-var base_1 = require("../base");
-var classNames_1 = require("../classNames");
-var common_1 = require("../common");
-var templates_1 = require("./templates");
+import { Base } from "../base";
+import { ClassNames } from "../classNames";
+import { appendContent } from "../common";
+import { HTMLLink, HTMLSpan } from "./templates";
 /**
  * Badge Types
  */
-var BadgeTypes;
+export var BadgeTypes;
 (function (BadgeTypes) {
     BadgeTypes[BadgeTypes["Danger"] = 1] = "Danger";
     BadgeTypes[BadgeTypes["Dark"] = 2] = "Dark";
@@ -33,11 +15,11 @@ var BadgeTypes;
     BadgeTypes[BadgeTypes["Secondary"] = 6] = "Secondary";
     BadgeTypes[BadgeTypes["Success"] = 7] = "Success";
     BadgeTypes[BadgeTypes["Warning"] = 8] = "Warning";
-})(BadgeTypes = exports.BadgeTypes || (exports.BadgeTypes = {}));
+})(BadgeTypes || (BadgeTypes = {}));
 /**
  * Badge Class Names
  */
-exports.BadgeClassNames = new classNames_1.ClassNames([
+export const BadgeClassNames = new ClassNames([
     "bg-danger",
     "bg-dark",
     "bg-info",
@@ -50,44 +32,38 @@ exports.BadgeClassNames = new classNames_1.ClassNames([
 /**
  * Badge
  */
-var _Badge = /** @class */ (function (_super) {
-    __extends(_Badge, _super);
+class _Badge extends Base {
     // Constructor
-    function _Badge(props, template) {
-        if (template === void 0) { template = props.href || props.onClick ? templates_1.HTMLLink : templates_1.HTMLSpan; }
-        var _this = _super.call(this, template, props) || this;
+    constructor(props, template = props.href || props.onClick ? HTMLLink : HTMLSpan) {
+        super(template, props);
         // Set the href property
-        props.href ? _this.el.setAttribute("href", props.href) : null;
+        props.href ? this.el.setAttribute("href", props.href) : null;
         // Configure the badge
-        _this.configure();
+        this.configure();
         // Configure the events
-        _this.configureEvents();
+        this.configureEvents();
         // Configure the parent element
-        _this.configureParent();
-        return _this;
+        this.configureParent();
     }
     // Configure the badge
-    _Badge.prototype.configure = function () {
+    configure() {
         // See if this is a pill
         if (this.props.isPill) {
             // Add the class name
             this.el.classList.add("rounded-pill");
         }
         // Set the default styling
-        this.el.classList.add(exports.BadgeClassNames.getByType(this.props.type) || exports.BadgeClassNames.getByType(BadgeTypes.Primary));
+        this.el.classList.add(BadgeClassNames.getByType(this.props.type) || BadgeClassNames.getByType(BadgeTypes.Primary));
         // Append the content
-        (0, common_1.appendContent)(this.el, this.props.content);
-    };
+        appendContent(this.el, this.props.content);
+    }
     // Configures the events
-    _Badge.prototype.configureEvents = function () {
-        var _this = this;
+    configureEvents() {
         // Set the click event
-        this.props.onClick ? this.el.addEventListener("click", function (ev) {
+        this.props.onClick ? this.el.addEventListener("click", ev => {
             // Call the event
-            _this.props.onClick(_this.props, ev);
+            this.props.onClick(this.props, ev);
         }) : null;
-    };
-    return _Badge;
-}(base_1.Base));
-var Badge = function (props, template) { return new _Badge(props, template); };
-exports.Badge = Badge;
+    }
+}
+export const Badge = (props, template) => { return new _Badge(props, template); };

package/build/components/badge/templates.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HTMLSpan = exports.HTMLLink = void 0;
 // Link
-exports.HTMLLink = "<a href=\"#\" class=\"badge\"></a>";
+export const HTMLLink = `<a href="#" class="badge"></a>`;
 // Span
-exports.HTMLSpan = "<span class=\"badge\"></span>";
+export const HTMLSpan = `<span class="badge"></span>`;