gd-bs 5.3.7 → 5.3.8

package/build/components/popover/index.js

@@ -0,0 +1,312 @@
+"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) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popover = exports.PopoverPlacements = exports.PopoverTypes = void 0;
+var tippy_js_1 = require("tippy.js");
+var libs_1 = require("../../libs");
+var button_1 = require("../button");
+var base_1 = require("../base");
+var common_1 = require("../common");
+/**
+ * Popover Types
+ */
+var PopoverTypes;
+(function (PopoverTypes) {
+    PopoverTypes[PopoverTypes["Danger"] = 1] = "Danger";
+    PopoverTypes[PopoverTypes["Dark"] = 2] = "Dark";
+    PopoverTypes[PopoverTypes["Info"] = 3] = "Info";
+    PopoverTypes[PopoverTypes["Light"] = 4] = "Light";
+    PopoverTypes[PopoverTypes["LightBorder"] = 5] = "LightBorder";
+    PopoverTypes[PopoverTypes["Material"] = 6] = "Material";
+    PopoverTypes[PopoverTypes["Primary"] = 7] = "Primary";
+    PopoverTypes[PopoverTypes["Secondary"] = 8] = "Secondary";
+    PopoverTypes[PopoverTypes["Success"] = 9] = "Success";
+    PopoverTypes[PopoverTypes["Translucent"] = 10] = "Translucent";
+    PopoverTypes[PopoverTypes["Warning"] = 11] = "Warning";
+})(PopoverTypes = exports.PopoverTypes || (exports.PopoverTypes = {}));
+/**
+ * Popover Placements
+ */
+var PopoverPlacements;
+(function (PopoverPlacements) {
+    PopoverPlacements[PopoverPlacements["Auto"] = 1] = "Auto";
+    PopoverPlacements[PopoverPlacements["AutoStart"] = 2] = "AutoStart";
+    PopoverPlacements[PopoverPlacements["AutoEnd"] = 3] = "AutoEnd";
+    PopoverPlacements[PopoverPlacements["Bottom"] = 4] = "Bottom";
+    PopoverPlacements[PopoverPlacements["BottomStart"] = 5] = "BottomStart";
+    PopoverPlacements[PopoverPlacements["BottomEnd"] = 6] = "BottomEnd";
+    PopoverPlacements[PopoverPlacements["Left"] = 7] = "Left";
+    PopoverPlacements[PopoverPlacements["LeftStart"] = 8] = "LeftStart";
+    PopoverPlacements[PopoverPlacements["LeftEnd"] = 9] = "LeftEnd";
+    PopoverPlacements[PopoverPlacements["Right"] = 10] = "Right";
+    PopoverPlacements[PopoverPlacements["RightStart"] = 11] = "RightStart";
+    PopoverPlacements[PopoverPlacements["RightEnd"] = 12] = "RightEnd";
+    PopoverPlacements[PopoverPlacements["Top"] = 13] = "Top";
+    PopoverPlacements[PopoverPlacements["TopStart"] = 14] = "TopStart";
+    PopoverPlacements[PopoverPlacements["TopEnd"] = 15] = "TopEnd";
+})(PopoverPlacements = exports.PopoverPlacements || (exports.PopoverPlacements = {}));
+/**
+ * Popover
+ */
+var _Popover = /** @class */ (function (_super) {
+    __extends(_Popover, _super);
+    // Constructor
+    function _Popover(props, template) {
+        if (template === void 0) { template = ""; }
+        var _this = _super.call(this, template, props) || this;
+        _this._elContent = null;
+        _this._tippy = null;
+        // Configure the collapse
+        _this.configure();
+        // Configure the parent, if the target wasn't specified
+        _this.props.target ? null : _this.configureParent();
+        return _this;
+    }
+    // Configure the card group
+    _Popover.prototype.configure = function () {
+        var _this = this;
+        // Set the placements
+        var placement = null;
+        switch (this.props.placement) {
+            // Auto
+            case PopoverPlacements.Auto:
+                placement = "auto";
+                break;
+            case PopoverPlacements.AutoEnd:
+                placement = "auto-end";
+                break;
+            case PopoverPlacements.AutoStart:
+                placement = "auto-start";
+                break;
+            // Bottom
+            case PopoverPlacements.Bottom:
+                placement = "bottom";
+                break;
+            case PopoverPlacements.BottomEnd:
+                placement = "bottom-end";
+                break;
+            case PopoverPlacements.BottomStart:
+                placement = "bottom-start";
+                break;
+            // Left
+            case PopoverPlacements.Left:
+                placement = "left";
+                break;
+            case PopoverPlacements.LeftEnd:
+                placement = "left-end";
+                break;
+            case PopoverPlacements.LeftStart:
+                placement = "left-start";
+                break;
+            // Right
+            case PopoverPlacements.Right:
+                placement = "right";
+                break;
+            case PopoverPlacements.RightEnd:
+                placement = "right-end";
+                break;
+            case PopoverPlacements.RightStart:
+                placement = "right-start";
+                break;
+            // Top
+            case PopoverPlacements.Top:
+                placement = "top";
+                break;
+            case PopoverPlacements.TopEnd:
+                placement = "top-end";
+                break;
+            case PopoverPlacements.TopStart:
+                placement = "top-start";
+                break;
+            // Default - Auto
+            default:
+                placement = "top";
+                break;
+        }
+        // Set the theme
+        var theme = null;
+        switch (this.props.type) {
+            // Dark
+            case PopoverTypes.Dark:
+                theme = "dark";
+                break;
+            // Danger
+            case PopoverTypes.Danger:
+                theme = "danger";
+                break;
+            // Info
+            case PopoverTypes.Info:
+                theme = "info";
+                break;
+            // Light
+            case PopoverTypes.Light:
+                theme = "light";
+                break;
+            case PopoverTypes.LightBorder:
+                theme = "light-border";
+                break;
+            // Material
+            case PopoverTypes.Material:
+                theme = "material";
+                break;
+            // Primary
+            case PopoverTypes.Primary:
+                theme = "primary";
+                break;
+            // Secondary
+            case PopoverTypes.Secondary:
+                theme = "secondary";
+                break;
+            // Success
+            case PopoverTypes.Success:
+                theme = "success";
+                break;
+            // Translucent
+            case PopoverTypes.Translucent:
+                theme = "translucent";
+                break;
+            // Warning
+            case PopoverTypes.Warning:
+                theme = "warning";
+                break;
+            // Default - Light Border
+            default:
+                theme = "light-border";
+                break;
+        }
+        // Set the options
+        var options = __assign({
+            allowHTML: true,
+            animation: "scale",
+            arrow: true,
+            delay: 100,
+            inertia: true,
+            interactive: true,
+            placement: placement,
+            plugins: [tippy_js_1.animateFill, tippy_js_1.followCursor, tippy_js_1.inlinePositioning, tippy_js_1.sticky],
+            theme: theme
+        }, this.props.options);
+        // See if we are targeting an element
+        var elPopover = null;
+        if (this.props.target) {
+            // Set the popover to the target element
+            elPopover = this.props.target;
+            // Ensure the attributes are set in the target element
+            elPopover.setAttribute("tabindex", "0");
+            // Update this element
+            this.el = elPopover;
+        }
+        else {
+            // Create the button
+            var btnProps = this.props.btnProps || {};
+            btnProps.isLink = this.props.isDismissible ? true : false;
+            btnProps.tabIndex = btnProps.tabIndex || 0;
+            this.el = button_1.Button(btnProps).el;
+        }
+        // Create the popover content element
+        this._elContent = document.createElement("div");
+        this._elContent.classList.add("popover-content");
+        this._elContent.innerHTML = '<h5 class="popover-header m-0"></h5><div class="popover-body"></div>';
+        common_1.appendContent(this._elContent.querySelector(".popover-header"), this.props.title);
+        common_1.appendContent(this._elContent.querySelector(".popover-body"), options.content);
+        options.content = this._elContent;
+        // Set the on create event
+        options["onCreate"] = function (tippyObj) {
+            // Get the content element
+            var elContent = tippyObj.popper.querySelector(".tippy-content");
+            if (elContent) {
+                // Set the class
+                elContent.classList.add("bs");
+                // Set the styling
+                elContent.style.padding = "0";
+                // Get the custom class name(s)
+                var custom = (_this.props.className || "").trim().split(" ");
+                for (var i = 0; i < custom.length; i++) {
+                    var className = custom[i];
+                    // Add the custom class name
+                    className ? elContent.classList.add(custom[i]) : null;
+                }
+            }
+            // Call the custom event if it's defined
+            _this.props.options && _this.props.options.onCreate ? _this.props.options.onCreate(tippyObj) : null;
+        };
+        // Create the tippy
+        this._tippy = libs_1.tippy(this.el, options);
+    };
+    /**
+     * Public Interface
+     */
+    // Disables the popover
+    _Popover.prototype.disable = function () {
+        // Disable the target element
+        this.el.disabled = true;
+    };
+    // Enables the popover
+    _Popover.prototype.enable = function () {
+        // Enable the target element
+        this.el.disabled = false;
+    };
+    // Hides the popover
+    _Popover.prototype.hide = function () {
+        // See if it's visible
+        if (this.isVisible) {
+            this._tippy.hide();
+        }
+    };
+    Object.defineProperty(_Popover.prototype, "isVisible", {
+        // Determines if the popover is visible
+        get: function () { return this._tippy.state.isVisible; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(_Popover.prototype, "tippy", {
+        // The tippy instance
+        get: function () { return this._tippy; },
+        enumerable: false,
+        configurable: true
+    });
+    // Shows the popover
+    _Popover.prototype.show = function () {
+        // See if it's hidden
+        if (!this.isVisible) {
+            this._tippy.show();
+        }
+    };
+    // Toggles the popover
+    _Popover.prototype.toggle = function () {
+        // Toggle the element
+        if (this.isVisible) {
+            // Hide the element
+            this.hide();
+        }
+        else {
+            // Show the element
+            this.show();
+        }
+    };
+    return _Popover;
+}(base_1.Base));
+exports.Popover = function (props, template) { return new _Popover(props, template); };

package/build/components/progress/index.js

@@ -0,0 +1,101 @@
+"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) {
+        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.Progress = exports.ProgressBarClassNames = exports.ProgressBarTypes = void 0;
+var classNames_1 = require("../classNames");
+var base_1 = require("../base");
+var templates_1 = require("./templates");
+/**
+ * Progress Bar Types
+ */
+var ProgressBarTypes;
+(function (ProgressBarTypes) {
+    ProgressBarTypes[ProgressBarTypes["Danger"] = 1] = "Danger";
+    ProgressBarTypes[ProgressBarTypes["Dark"] = 2] = "Dark";
+    ProgressBarTypes[ProgressBarTypes["Info"] = 3] = "Info";
+    ProgressBarTypes[ProgressBarTypes["Light"] = 4] = "Light";
+    ProgressBarTypes[ProgressBarTypes["Primary"] = 5] = "Primary";
+    ProgressBarTypes[ProgressBarTypes["Secondary"] = 6] = "Secondary";
+    ProgressBarTypes[ProgressBarTypes["Success"] = 7] = "Success";
+    ProgressBarTypes[ProgressBarTypes["Transparent"] = 8] = "Transparent";
+    ProgressBarTypes[ProgressBarTypes["Warning"] = 9] = "Warning";
+    ProgressBarTypes[ProgressBarTypes["White"] = 10] = "White";
+})(ProgressBarTypes = exports.ProgressBarTypes || (exports.ProgressBarTypes = {}));
+/**
+ * Progress Bar Class Names
+ */
+exports.ProgressBarClassNames = new classNames_1.ClassNames([
+    "bg-danger",
+    "bg-dark",
+    "bg-info",
+    "bg-light",
+    "bg-primary",
+    "bg-secondary",
+    "bg-success",
+    "bg-transparent",
+    "bg-warning",
+    "bg-white"
+]);
+/**
+ * Progress
+ */
+var _Progress = /** @class */ (function (_super) {
+    __extends(_Progress, _super);
+    // Constructor
+    function _Progress(props, template) {
+        if (template === void 0) { template = templates_1.HTML; }
+        var _this = _super.call(this, template, props) || this;
+        // Configure the collapse
+        _this.configure();
+        // Configure the parent
+        _this.configureParent();
+        return _this;
+    }
+    // Configure the card group
+    _Progress.prototype.configure = function () {
+        // Set the default values
+        var maxValue = typeof (this.props.max) === "number" ? this.props.max : 100;
+        var minValue = typeof (this.props.min) === "number" ? this.props.min : 0;
+        var size = typeof (this.props.size) === "number" ? this.props.size : 0;
+        // Update the progress bar
+        var progressBar = this.el.querySelector(".progress-bar");
+        if (progressBar) {
+            progressBar.style.width = size + "%";
+            progressBar.setAttribute("aria-valuenow", size.toString());
+            progressBar.setAttribute("aria-valuemin", minValue.toString());
+            progressBar.setAttribute("aria-valuemax", maxValue.toString());
+            this.props.isAnimated ? progressBar.classList.add("progress-bar-animated") : null;
+            this.props.isStriped ? progressBar.classList.add("progress-bar-striped") : null;
+            this.props.label ? progressBar.innerHTML = this.props.label : null;
+            // See if a type exists
+            var className = exports.ProgressBarClassNames.getByType(this.props.type);
+            if (className) {
+                // Add the class name
+                progressBar.classList.add(className);
+            }
+        }
+    };
+    Object.defineProperty(_Progress.prototype, "progressBar", {
+        /**
+         * Public Interface
+         */
+        // Return the progress bar element
+        get: function () { return this.el.querySelector(".progress-bar"); },
+        enumerable: false,
+        configurable: true
+    });
+    return _Progress;
+}(base_1.Base));
+exports.Progress = function (props, template) { return new _Progress(props, template); };

package/build/components/progress/templates.js

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

package/build/components/progressGroup/index.js

@@ -0,0 +1,47 @@
+"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) {
+        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.ProgressGroup = void 0;
+var base_1 = require("../base");
+var progress_1 = require("../progress");
+var templates_1 = require("./templates");
+/**
+ * Progress Group
+ * @param props The progress group properties.
+ */
+var _ProgressGroup = /** @class */ (function (_super) {
+    __extends(_ProgressGroup, _super);
+    // Constructor
+    function _ProgressGroup(props, template, itemTemplate) {
+        if (template === void 0) { template = templates_1.HTML; }
+        var _this = _super.call(this, template, props) || this;
+        // Configure the collapse
+        _this.configure(itemTemplate);
+        // Configure the parent
+        _this.configureParent();
+        return _this;
+    }
+    // Configure the card group
+    _ProgressGroup.prototype.configure = function (itemTemplate) {
+        // Parse the progress bars
+        var progressbars = this.props.progressbars || [];
+        for (var i = 0; i < progressbars.length; i++) {
+            // Add the progress bar
+            this.el.appendChild(progress_1.Progress(progressbars[i], itemTemplate).progressBar);
+        }
+    };
+    return _ProgressGroup;
+}(base_1.Base));
+exports.ProgressGroup = function (props, template, itemTemplate) { return new _ProgressGroup(props, template, itemTemplate); };

package/build/components/progressGroup/templates.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HTML = void 0;
+exports.HTML = "<div class=\"progress\"></div>";

package/build/components/spinner/index.js

@@ -0,0 +1,87 @@
+"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) {
+        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.Spinner = exports.SpinnerClassNames = exports.SpinnerTypes = void 0;
+var base_1 = require("../base");
+var classNames_1 = require("../classNames");
+var templates_1 = require("./templates");
+/**
+ * Spinner Types
+ */
+var SpinnerTypes;
+(function (SpinnerTypes) {
+    SpinnerTypes[SpinnerTypes["Danger"] = 1] = "Danger";
+    SpinnerTypes[SpinnerTypes["Dark"] = 2] = "Dark";
+    SpinnerTypes[SpinnerTypes["Info"] = 3] = "Info";
+    SpinnerTypes[SpinnerTypes["Light"] = 4] = "Light";
+    SpinnerTypes[SpinnerTypes["Primary"] = 5] = "Primary";
+    SpinnerTypes[SpinnerTypes["Secondary"] = 6] = "Secondary";
+    SpinnerTypes[SpinnerTypes["Success"] = 7] = "Success";
+    SpinnerTypes[SpinnerTypes["Warning"] = 8] = "Warning";
+})(SpinnerTypes = exports.SpinnerTypes || (exports.SpinnerTypes = {}));
+/**
+ * Spinner Class Names
+ */
+exports.SpinnerClassNames = new classNames_1.ClassNames([
+    "text-danger",
+    "text-dark",
+    "text-info",
+    "text-light",
+    "text-primary",
+    "text-secondary",
+    "text-success",
+    "text-warning"
+]);
+/**
+ * Spinner
+ * @param props The spinner properties.
+ */
+var _Spinner = /** @class */ (function (_super) {
+    __extends(_Spinner, _super);
+    // Constructor
+    function _Spinner(props, template) {
+        if (template === void 0) { template = templates_1.HTML; }
+        var _this = _super.call(this, template, props) || this;
+        // Configure the collapse
+        _this.configure();
+        // Configure the parent
+        _this.configureParent();
+        return _this;
+    }
+    // Configure the card group
+    _Spinner.prototype.configure = function () {
+        // Set the class name
+        if (this.props.isGrowing) {
+            // Set the class
+            this.el.classList.add("spinner-grow" + (this.props.isSmall ? "-sm" : ""));
+        }
+        else {
+            // Set the class
+            this.el.classList.add("spinner-border" + (this.props.isSmall ? "-sm" : ""));
+        }
+        // Set the class name
+        this.el.classList.add(exports.SpinnerClassNames.getByType(this.props.type) || exports.SpinnerClassNames.getByType(SpinnerTypes.Primary));
+        // See if text is defined
+        if (this.props.text) {
+            // Update the text
+            var elSpan = this.el.querySelector("span");
+            if (elSpan) {
+                elSpan.innerHTML = this.props.text;
+            }
+        }
+    };
+    return _Spinner;
+}(base_1.Base));
+exports.Spinner = function (props, template) { return new _Spinner(props, template); };

package/build/components/spinner/templates.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HTML = void 0;
+exports.HTML = "\n<div role=\"status\">\n    <span class=\"visually-hidden\">Loading...</span>\n</div>".trim();