gd-bs 5.3.4 → 5.3.7

package/build/components/popover/index.js

@@ -1,312 +0,0 @@
-"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

@@ -1,101 +0,0 @@
-"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

@@ -1,4 +0,0 @@
-"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

@@ -1,47 +0,0 @@
-"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

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

package/build/components/spinner/index.js

@@ -1,87 +0,0 @@
-"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

@@ -1,4 +0,0 @@
-"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();