gd-bs 5.3.6 → 5.3.7

package/build/components/card/index.js

@@ -1,134 +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.Card = void 0;
-var base_1 = require("../base");
-var common_1 = require("../common");
-var nav_1 = require("../nav");
-var templates_1 = require("./templates");
-var item_1 = require("./item");
-/**
- * Card
- */
-var _Card = /** @class */ (function (_super) {
-    __extends(_Card, _super);
-    // Constructor
-    function _Card(props, template) {
-        if (template === void 0) { template = templates_1.HTML; }
-        var _this = _super.call(this, template, props) || this;
-        // Configure the card
-        _this.configure();
-        // Configure the parent
-        _this.configureParent();
-        return _this;
-    }
-    // Configure the card
-    _Card.prototype.configure = function () {
-        // See if the top image exists
-        if (this.props.imgTop) {
-            // Add the top image
-            var img = document.createElement("img");
-            img.alt = this.props.imgTop.alt == null ? "" : this.props.imgTop.alt;
-            img.className = "card-img-top";
-            img.src = this.props.imgTop.src == null ? "" : this.props.imgTop.src;
-            this.el.appendChild(img);
-        }
-        // Configure the header
-        this.configureHeader();
-        // Render the cards
-        this.renderCards();
-        // Configure the footer
-        this.configureFooter();
-        // See if the bottom image exists
-        if (this.props.imgBottom) {
-            // Add the bottom image
-            var img = document.createElement("img");
-            img.alt = this.props.imgBottom.alt == null ? "" : this.props.imgBottom.alt;
-            img.className = "card-img-bottom";
-            img.src = this.props.imgBottom.src == null ? "" : this.props.imgBottom.src;
-            this.el.appendChild(img);
-        }
-    };
-    // Configure the events
-    _Card.prototype.configureEvents = function (body) {
-        var _this = this;
-        // See if there is a click event
-        if (this.props.onClick) {
-            // Set the click event
-            body.el.addEventListener("click", function (ev) {
-                // Execute the event
-                _this.props.onClick(body.props);
-            });
-        }
-    };
-    // Configure the header
-    _Card.prototype.configureHeader = function () {
-        // See if the header exists
-        if (this.props.header) {
-            // See if the navigation exists
-            if (this.props.header.nav) {
-                var navProps = this.props.header.nav;
-                // Set the class
-                navProps.className = [
-                    navProps.className || "",
-                    "card-header-tabs"
-                ].join(' ');
-                // Render the navigation
-                this.el.appendChild(nav_1.Nav(navProps).el);
-            }
-            else {
-                // Render the header
-                var header = document.createElement("div");
-                header.className = this.props.header.className || "";
-                header.classList.add("card-header");
-                this.el.appendChild(header);
-                // Append the content
-                common_1.appendContent(header, this.props.header.content);
-                // Call the render event
-                this.props.header.onRender ? this.props.header.onRender(header, this.props.header) : null;
-            }
-        }
-    };
-    // Configure the footer
-    _Card.prototype.configureFooter = function () {
-        // See if the footer exists
-        if (this.props.footer) {
-            // Add the footer
-            var footer = document.createElement("div");
-            footer.className = this.props.footer.className || "";
-            footer.classList.add("card-footer");
-            this.el.appendChild(footer);
-            // Append the content
-            common_1.appendContent(footer, this.props.footer.content);
-            // Call the render event
-            this.props.footer.onRender ? this.props.footer.onRender(footer, this.props.footer) : null;
-        }
-    };
-    // Render the cards
-    _Card.prototype.renderCards = function () {
-        // Parse the body cards
-        var items = this.props.body || [];
-        for (var i = 0; i < items.length; i++) {
-            var item = items[i];
-            // Append the body card
-            var body = new item_1.CardBody(item);
-            this.el.appendChild(body.el);
-            // Configure the events
-            this.configureEvents(body);
-        }
-    };
-    return _Card;
-}(base_1.Base));
-exports.Card = function (props, template) { return new _Card(props, template); };

package/build/components/card/item.js

@@ -1,110 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardBody = void 0;
-var common_1 = require("../common");
-var action_1 = require("./action");
-var templates_1 = require("./templates");
-/**
- * Card Body
- */
-var CardBody = /** @class */ (function () {
-    // Constructor
-    function CardBody(props) {
-        this._el = null;
-        this._props = null;
-        // Save the properties
-        this._props = props;
-        // Create the item
-        var elItem = document.createElement("div");
-        elItem.innerHTML = templates_1.HTMLItem;
-        this._el = elItem.firstChild;
-        // Configure the item
-        this.configure();
-        // Configure the events
-        this.configureEvents();
-    }
-    // Configure the body
-    CardBody.prototype.configure = function () {
-        // Set the class names
-        if (this._props.className) {
-            this._el.classList.add(this._props.className);
-        }
-        // Update the title
-        var elTitle = this._el.querySelector(".card-title");
-        if (this._props.title || this._props.onRenderTitle) {
-            // Append the content
-            common_1.appendContent(elTitle, this._props.title);
-            // Call the render event
-            this._props.onRenderTitle ? this._props.onRenderTitle(elTitle, this._props) : null;
-        }
-        else {
-            // Remove the title
-            this._el.removeChild(elTitle);
-        }
-        // Update the sub-title
-        var subTitle = this._el.querySelector(".card-subtitle");
-        if (this._props.subTitle) {
-            // Set the title
-            subTitle.innerHTML = this._props.subTitle;
-        }
-        else {
-            // Remove the title
-            this._el.removeChild(subTitle);
-        }
-        // Update the text
-        var text = this._el.querySelector(".card-text");
-        if (this._props.text) {
-            // Set the title
-            text.innerHTML = this._props.text;
-        }
-        else {
-            // Remove the title
-            this._el.removeChild(text);
-        }
-        // Append the content
-        common_1.appendContent(this._el, this._props.content);
-        // Render the actions
-        this.renderActions();
-    };
-    // Configure the events
-    CardBody.prototype.configureEvents = function () {
-        var _this = this;
-        // Call the render event if it exists
-        this._props.onRender ? this._props.onRender(this._el, this._props) : null;
-        // See if there is a click event
-        if (this._props.onClick) {
-            // Set the click event
-            this._el.addEventListener("click", function (ev) {
-                // Execute the event
-                _this._props.onClick(_this._props, ev);
-            });
-        }
-    };
-    // Render the card actions
-    CardBody.prototype.renderActions = function () {
-        // Parse the actions
-        var actions = this._props.actions || [];
-        for (var i = 0; i < actions.length; i++) {
-            // Add the action
-            var action = new action_1.CardAction(actions[i], this);
-            this._el.appendChild(action.el);
-        }
-    };
-    Object.defineProperty(CardBody.prototype, "el", {
-        /**
-         * Public Interface
-         */
-        // The component HTML element
-        get: function () { return this._el; },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(CardBody.prototype, "props", {
-        // The component properties
-        get: function () { return this._props; },
-        enumerable: false,
-        configurable: true
-    });
-    return CardBody;
-}());
-exports.CardBody = CardBody;

package/build/components/card/templates.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HTMLItem = exports.HTMLAction = exports.HTML = void 0;
-// Card
-exports.HTML = "<div class=\"card\"></div>";
-// Action
-exports.HTMLAction = "<a href=\"#\" class=\"btn\"></a>";
-// Item
-exports.HTMLItem = "\n<div class=\"card-body\">\n    <h5 class=\"card-title\"></h5>\n    <h6 class=\"card-subtitle\"></h6>\n    <p class=\"card-text\"></p>\n</div>".trim();

package/build/components/cardGroup/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.CardGroup = void 0;
-var base_1 = require("../base");
-var card_1 = require("../card");
-var templates_1 = require("./templates");
-/**
- * Card Group
- * @property props - The button group properties.
- */
-var _CardGroup = /** @class */ (function (_super) {
-    __extends(_CardGroup, _super);
-    // Constructor
-    function _CardGroup(props, template, cardTemplate) {
-        if (template === void 0) { template = templates_1.HTML; }
-        var _this = _super.call(this, template, props) || this;
-        // Configure the card group
-        _this.configure(cardTemplate);
-        // Configure the parent
-        _this.configureParent();
-        return _this;
-    }
-    // Configure the card group
-    _CardGroup.prototype.configure = function (cardTemplate) {
-        // Parse the cards
-        var cards = this.props.cards || [];
-        for (var i = 0; i < cards.length; i++) {
-            // Add the card
-            this.el.appendChild(card_1.Card(cards[i], cardTemplate).el);
-        }
-    };
-    return _CardGroup;
-}(base_1.Base));
-exports.CardGroup = function (props, template, cardTemplate) { return new _CardGroup(props, template, cardTemplate); };

package/build/components/cardGroup/templates.js

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

package/build/components/carousel/index.js

@@ -1,352 +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.Carousel = void 0;
-var base_1 = require("../base");
-var item_1 = require("./item");
-var templates_1 = require("./templates");
-/**
- * Carousel
- * @param props - The carousel properties.
- */
-var _Carousel = /** @class */ (function (_super) {
-    __extends(_Carousel, _super);
-    // Constructor
-    function _Carousel(props, template, slideTemplate) {
-        if (template === void 0) { template = templates_1.HTML; }
-        var _this = _super.call(this, template, props) || this;
-        _this._eventId = null;
-        _this._indicators = null;
-        _this._pauseFlag = false;
-        _this._slides = null;
-        _this._toggle = false;
-        // Configure the carousel
-        _this.configure(slideTemplate);
-        // Configure the events
-        _this.configureEvents();
-        // Configure the parent
-        _this.configureParent();
-        return _this;
-    }
-    // Configure the card group
-    _Carousel.prototype.configure = function (slideTemplate) {
-        // Set the attributes
-        this.el.id = "carousel" + (this.props.id == null ? "" : this.props.id);
-        this.props.enableCrossfade ? this.el.classList.add("carousel-fade") : null;
-        // Render the indicators
-        this.renderIndicators();
-        // Render the controls
-        this.renderControls();
-        // Render the slides
-        this.renderSlides(slideTemplate);
-        // Set the dark theme
-        this.props.isDark ? this.setTheme(true) : null;
-        // Get the options
-        var options = this.props.options;
-        if (options) {
-            // See if the interval is set
-            if (options.interval) {
-                this.start(options.interval);
-            }
-            // See if the starting slide is set
-            if (options.slide) {
-                this.nextWhenVisible(options.slide);
-            }
-        }
-    };
-    // Configures the events
-    _Carousel.prototype.configureEvents = function () {
-        var _this = this;
-        var el = this.el;
-        // Get the options
-        var options = this.props.options;
-        if (options) {
-            // See if the keyboard option is set
-            if (options.keyboard) {
-                // Add a keydown event
-                el.addEventListener("keydown", function (ev) {
-                    // See if the left arrow was pressed
-                    if (ev.keyCode == 37) {
-                        // Move to the previous slide
-                        _this.previous();
-                    }
-                    // Else, see if the right arrow was pressed
-                    else if (ev.keyCode == 39) {
-                        // Move tot he next slide
-                        _this.next();
-                    }
-                });
-            }
-            // See if the pause option is set
-            if (options.pause) {
-                // Set the mouse enter event
-                el.addEventListener("mouseenter", function () {
-                    // See if automation exists
-                    if (_this._eventId) {
-                        // Pause the automation
-                        _this.pause();
-                    }
-                });
-                // Set the mouse exit event
-                el.addEventListener("mouseenter", function () {
-                    // See if automation exists
-                    if (_this._eventId) {
-                        // Unpause the automation
-                        _this.unpause();
-                    }
-                });
-            }
-        }
-    };
-    // Moves to the another slides
-    _Carousel.prototype.moveToSlide = function (current, next, slideRight) {
-        var _this = this;
-        if (slideRight === void 0) { slideRight = true; }
-        // Do nothing if the toggle flag is set
-        if (this._toggle) {
-            return;
-        }
-        // Set the flag
-        this._toggle = true;
-        // Ensure the slides exist
-        if (current && next) {
-            // Animate the current slide out
-            next.el.classList.add(slideRight ? "carousel-item-next" : "carousel-item-prev");
-            current.el.classList.add(slideRight ? "carousel-item-start" : "carousel-item-end");
-            // Wait for the animation to complete
-            setTimeout(function () {
-                // Animate the next slide in
-                next.el.classList.add(slideRight ? "carousel-item-start" : "carousel-item-end");
-                // Wait for the animation to complete
-                setTimeout(function () {
-                    // Update the classes
-                    next.el.classList.add("active");
-                    current.el.classList.remove("active", "carousel-item-start", "carousel-item-end");
-                    next.el.classList.remove("carousel-item-next", "carousel-item-prev", "carousel-item-start", "carousel-item-end");
-                    // Set the flag
-                    _this._toggle = false;
-                }, 600);
-            }, 10);
-        }
-    };
-    // Renders the controls
-    _Carousel.prototype.renderControls = function () {
-        var _this = this;
-        // Get the controls
-        var nextControl = this.el.querySelector(".carousel-control-next");
-        var prevControl = this.el.querySelector(".carousel-control-prev");
-        // See if we are rendering controls
-        if (this.props.enableControls) {
-            // Configure the controls
-            nextControl ? nextControl.href = "#" + this.el.id : null;
-            prevControl ? prevControl.href = "#" + this.el.id : null;
-            // Set the click event
-            nextControl.addEventListener("click", function (ev) { ev.preventDefault(); _this.next(); });
-            prevControl.addEventListener("click", function (ev) { ev.preventDefault(); _this.previous(); });
-        }
-        else {
-            // Remove the controls
-            nextControl ? this.el.removeChild(nextControl) : null;
-            prevControl ? this.el.removeChild(prevControl) : null;
-        }
-    };
-    // Renders the indicators
-    _Carousel.prototype.renderIndicators = function () {
-        var _this = this;
-        // Clear the indicators
-        this._indicators = [];
-        // Get the indicators
-        var indicators = this.el.querySelector(".carousel-indicators");
-        if (indicators) {
-            // See if we are enabling indicators
-            if (this.props.enableIndicators) {
-                // Parse the items
-                var items = this.props.items || [];
-                for (var i = 0; i < items.length; i++) {
-                    var item = items[i];
-                    // Create the item
-                    var elItem = document.createElement("li");
-                    elItem.setAttribute("data-bs-target", "#" + this.el.id);
-                    elItem.setAttribute("data-bs-slide-to", i.toString());
-                    item.isActive ? elItem.classList.add("active") : null;
-                    elItem.addEventListener("click", function (ev) {
-                        var elSlide = ev.currentTarget;
-                        // Prevent the page from moving to the top
-                        ev.preventDefault();
-                        // Go to the slide
-                        _this.nextWhenVisible(elSlide.getAttribute("data-bs-slide-to"));
-                    });
-                    // Add the item
-                    indicators.appendChild(elItem);
-                    this._indicators.push(elItem);
-                }
-            }
-            else {
-                // Remove the indicators
-                this.el.removeChild(indicators);
-            }
-        }
-    };
-    // Renders the slides
-    _Carousel.prototype.renderSlides = function (slideTemplate) {
-        // Clear the slides
-        this._slides = [];
-        // Get the indicators
-        var slides = this.el.querySelector(".carousel-inner");
-        if (slides) {
-            // Parse the items
-            var items = this.props.items || [];
-            for (var i = 0; i < items.length; i++) {
-                var slide = new item_1.CarouselItem(items[i], slideTemplate);
-                this._slides.push(slide);
-                // Create the item element
-                slides.appendChild(slide.el);
-            }
-        }
-    };
-    // Starts to move automatically
-    _Carousel.prototype.start = function (timeToWait) {
-        var _this = this;
-        if (timeToWait === void 0) { timeToWait = 5000; }
-        // Do nothing if the event already exists
-        if (this._eventId) {
-            return;
-        }
-        // Validate the time
-        if (timeToWait < 1000) {
-            timeToWait = 1000;
-        }
-        // Start the event
-        this._eventId = setInterval(function () {
-            // Do nothing if we have paused it
-            if (_this._pauseFlag) {
-                return;
-            }
-            // Move to the next slide
-            _this.next();
-        }, timeToWait);
-    };
-    /**
-     * Public Interface
-     */
-    // Cycle the carousel
-    _Carousel.prototype.cycle = function () {
-        // Start the event
-        this.start(this.props.options && this.props.options.interval);
-    };
-    // Goes to the next slide
-    _Carousel.prototype.next = function () {
-        var currentSlide = null;
-        var nextSlide = null;
-        var options = this.props.options || {};
-        // Parse the slides
-        for (var i = 0; i < this._slides.length; i++) {
-            var slide = this._slides[i];
-            if (slide.isActive) {
-                // See if we are at the end and wrapping is disabled
-                if (i + 1 == this._slides.length && options.wrap == false) {
-                    // Do nothing
-                    return;
-                }
-                // Set the slides
-                currentSlide = slide;
-                nextSlide = this._slides[i + 1] || this._slides[0];
-                // Update the indicators
-                this._indicators[i].classList.remove("active");
-                (this._indicators[i + 1] || this._indicators[0]).classList.add("active");
-                break;
-            }
-        }
-        // Move to the next slide
-        this.moveToSlide(currentSlide, nextSlide);
-    };
-    // Cycles the carousel to a particular frame
-    _Carousel.prototype.nextWhenVisible = function (idx) {
-        var currentSlide = null;
-        var nextSlide = this._slides[idx];
-        var slideRight = true;
-        // Parse the slides
-        for (var i = 0; i < this._slides.length; i++) {
-            var slide = this._slides[i];
-            // See if this slide is active
-            if (slide.isActive) {
-                // Do nothing if we selected the same slide
-                if (idx == i) {
-                    return;
-                }
-                // Set the flag
-                slideRight = idx > i;
-                // Set the current slide
-                currentSlide = slide;
-                // Update the indicators
-                this._indicators[i].classList.remove("active");
-                this._indicators[idx].classList.add("active");
-                break;
-            }
-        }
-        // Move to the next slide
-        this.moveToSlide(currentSlide, nextSlide, slideRight);
-    };
-    // Pauses the slide
-    _Carousel.prototype.pause = function () {
-        // Set the flag
-        this._pauseFlag = true;
-    };
-    // Goes to the previous slide
-    _Carousel.prototype.previous = function () {
-        var currentSlide = null;
-        var options = this.props.options || {};
-        var prevSlide = null;
-        // Parse the slides
-        for (var i = 0; i < this._slides.length; i++) {
-            var slide = this._slides[i];
-            if (slide.isActive) {
-                // See if we are at the end and wrapping is disabled
-                if (i - 1 < 0 && options.wrap == false) {
-                    // Do nothing
-                    return;
-                }
-                // Set the slides
-                currentSlide = slide;
-                prevSlide = this._slides[i - 1] || this._slides[this._slides.length - 1];
-                // Update the indicators
-                this._indicators[i].classList.remove("active");
-                (this._indicators[i - 1] || this._indicators[this._indicators.length - 1]).classList.add("active");
-                break;
-            }
-        }
-        // Move to the next slide
-        this.moveToSlide(currentSlide, prevSlide, false);
-    };
-    // Enables/Disables the dark theme
-    _Carousel.prototype.setTheme = function (isDark) {
-        // See if we are setting the dark theme
-        if (isDark) {
-            // Set the theme
-            this.el.classList.add("carousel-dark");
-        }
-        else {
-            // Set the theme
-            this.el.classList.remove("carousel-dark");
-        }
-    };
-    // Unpauses the carousel
-    _Carousel.prototype.unpause = function () {
-        // Set the flag
-        this._pauseFlag = false;
-    };
-    return _Carousel;
-}(base_1.Base));
-exports.Carousel = function (props, template, slideTemplate) { return new _Carousel(props, template, slideTemplate); };