gd-bs 6.6.92 → 6.6.93

package/build/render.js

@@ -1,581 +0,0 @@
-"use strict";
-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.render = void 0;
-var Components = require("./components");
-require("./custom-elements");
-/**
- * Render
- * Looks through the html code to find components and render them.
- */
-var RenderComponents = /** @class */ (function () {
-    // Constructor
-    function RenderComponents(el, propsOnly, targetSelf) {
-        if (propsOnly === void 0) { propsOnly = false; }
-        if (targetSelf === void 0) { targetSelf = false; }
-        this._component = null;
-        this._el = null;
-        // The properties for the component
-        this._props = [];
-        this._el = el;
-        // Render the components
-        this.render(propsOnly, targetSelf);
-    }
-    Object.defineProperty(RenderComponents.prototype, "Props", {
-        get: function () { return this._props; },
-        enumerable: false,
-        configurable: true
-    });
-    // Creates an element and appends the children to it
-    RenderComponents.prototype.createElement = function (elSource, removeFl) {
-        if (removeFl === void 0) { removeFl = true; }
-        var elTarget = document.createElement("div");
-        // See if the target exists
-        while (elSource.firstChild) {
-            elTarget.appendChild(elSource.firstChild);
-        }
-        // Render any custom elements
-        new RenderComponents(elTarget);
-        // Remove the element
-        removeFl ? elSource.remove() : null;
-        // Return the target element
-        return elTarget.childNodes.length > 0 ? elTarget : null;
-    };
-    // Gets the custom elements
-    RenderComponents.prototype.getElements = function (targetSelf) {
-        var bsElements = [];
-        if (targetSelf) {
-            return [this._el];
-        }
-        // Get all the elements and find the custom components
-        this._el.childNodes.forEach(function (el) {
-            if (el.nodeName.indexOf("BS-") == 0) {
-                // Add the element
-                bsElements.push(el);
-            }
-        });
-        return bsElements;
-    };
-    // Converts the custom childelements
-    RenderComponents.prototype.getChildItems = function (el, propName, componentName) {
-        var _this = this;
-        var items = [];
-        // Get the item elements
-        el.querySelectorAll(propName).forEach(function (elItem) {
-            var _a, _b;
-            // Ensure this is an item
-            if (elItem.nodeName == propName.toUpperCase()) {
-                var item = _this.getProps(elItem, componentName);
-                // See if there is content
-                if (elItem.innerHTML) {
-                    // Set custom child elements
-                    switch (elItem.nodeName) {
-                        case "APPENDED-BUTTON":
-                        case "BTN-PROPS":
-                        case "PREPENDED-BUTTON":
-                            item.text = (_a = (item.text || elItem.innerHTML)) === null || _a === void 0 ? void 0 : _a.trim();
-                            break;
-                        case "BS-COL":
-                            item.title = (_b = (item.title || elItem.innerHTML)) === null || _b === void 0 ? void 0 : _b.trim();
-                            break;
-                        case "CARD-BODY":
-                            item.actions = _this.getChildItems(elItem, "card-action", elItem.nodeName);
-                            break;
-                        case "CARD-BODY":
-                            item.actions = _this.getChildItems(elItem, "card-action", elItem.nodeName);
-                            break;
-                        case "NAVBAR-ITEM":
-                            item.items = _this.getChildItems(elItem, "navbar-item", componentName);
-                            break;
-                        case "NAVBAR-ITEM-END":
-                            item.items = _this.getChildItems(elItem, "navbar-item-end", componentName);
-                            break;
-                        case "TOOLBAR-ITEM":
-                            item.buttons = _this.getChildItems(elItem, "bs-button", "BUTTON");
-                            break;
-                    }
-                    // See if there is a sub-component
-                    switch (componentName) {
-                        case "LIST-GROUP":
-                            // Set the badge
-                            var badge = _this.getChildItems(elItem, "bs-badge", componentName);
-                            if ((badge === null || badge === void 0 ? void 0 : badge.length) > 0) {
-                                item.badge = badge[0];
-                            }
-                            break;
-                    }
-                    // Set the custom property
-                    switch (componentName) {
-                        // content
-                        case "ACCORDION":
-                        case "CARD":
-                        case "CAROUSEL":
-                        case "LIST-GROUP":
-                            item.content = item.content || _this.createElement(elItem);
-                            break;
-                        // label
-                        case "CHECKBOX-GROUP":
-                            item.label = item.label || elItem.innerHTML;
-                            break;
-                        // text
-                        case "CARD-BODY":
-                            item.text = item.text || _this.createElement(elItem);
-                            break;
-                        case "BREADCRUMB":
-                        case "DROPDOWN":
-                        case "FORM-CONTROL":
-                        case "LIST-BOX":
-                            item.text = item.text || elItem.innerHTML;
-                            break;
-                    }
-                }
-                // Add the item
-                items.push(item);
-                // Remove the item
-                elItem.remove();
-            }
-        });
-        // See if items exist
-        if (items.length > 0) {
-            switch (propName) {
-                case "btn-props":
-                    return items[0];
-                default:
-                    return items;
-            }
-        }
-        // Return nothing
-        return undefined;
-    };
-    // Converts the target component name to an element
-    RenderComponents.prototype.getElement = function (elSource, componentName) {
-        var elTarget = null;
-        // See if the target exists
-        elSource.childNodes.forEach(function (el) {
-            if (el.nodeName == componentName.toUpperCase()) {
-                // Create the element
-                elTarget = document.createElement("div");
-                // Set the element
-                while (el.firstChild) {
-                    elTarget.appendChild(el.firstChild);
-                }
-                // Render any custom elements
-                new RenderComponents(elTarget);
-                // Remove the element
-                el.remove();
-            }
-        });
-        // Return the target element
-        return elTarget;
-    };
-    // Gets the properties of an element and returns an object
-    RenderComponents.prototype.getProps = function (el, componentName) {
-        var _a, _b;
-        var props = {};
-        // Parse the attributes
-        for (var i = 0; i < el.attributes.length; i++) {
-            var attribute = el.attributes[i];
-            // Set the value
-            var value = attribute.value;
-            // Convert the value
-            if (typeof (value) === "string") {
-                // See if it's a boolean value
-                if ((value === null || value === void 0 ? void 0 : value.toLowerCase()) == "true") {
-                    value = true;
-                }
-                else if ((value === null || value === void 0 ? void 0 : value.toLowerCase()) == "false") {
-                    value = false;
-                }
-                // Else, see if it's linked to a global library
-                else if (value.indexOf('.') > 0) {
-                    // Split the value
-                    var objInfo = value.split('.');
-                    // See if this is linked to a global library
-                    var objProp = null;
-                    for (var i_1 = 0; i_1 < objInfo.length; i_1++) {
-                        if (i_1 == 0) {
-                            objProp = window[objInfo[0]];
-                            if (objProp) {
-                                continue;
-                            }
-                            else {
-                                break;
-                            }
-                            ;
-                        }
-                        // Update the object
-                        objProp = objProp[objInfo[i_1]];
-                        if (objProp == null) {
-                            break;
-                        }
-                    }
-                    // See if the object exists
-                    if (objProp) {
-                        // Update the value
-                        value = objProp;
-                    }
-                }
-                else {
-                    try {
-                        // See if it's JSON
-                        var jsonObj = JSON.parse(value);
-                        value = jsonObj;
-                    }
-                    catch (_c) {
-                        try {
-                            // See if it's a reference
-                            var elTarget = document.querySelector(value);
-                            if (elTarget) {
-                                value = elTarget;
-                            }
-                        }
-                        catch (_d) { }
-                    }
-                }
-            }
-            // Add the property
-            props[this.getPropName(attribute.name)] = value;
-        }
-        // See if there is a sub-component
-        switch (componentName) {
-            case "BUTTON":
-                // Set the spinner
-                var spinner = this.getChildItems(el, "bs-spinner", componentName);
-                if ((spinner === null || spinner === void 0 ? void 0 : spinner.length) > 0) {
-                    props.spinner = spinner[0];
-                }
-                break;
-        }
-        // Set common properties
-        switch (componentName) {
-            // content
-            case "ALERT":
-            case "BADGE":
-            case "COLLAPSE":
-            case "ICON-LINK":
-                props.content = this.createElement(el, false);
-                break;
-            // data
-            case "DATA":
-                // Try to parse the value
-                try {
-                    var data = JSON.parse(el.innerHTML.trim());
-                    props.data = data;
-                }
-                catch (_e) { }
-                break;
-            // label
-            case "PROGRESS":
-            case "PROGRESS-GROUP":
-                props.label = (_a = (props.label || el.innerHTML)) === null || _a === void 0 ? void 0 : _a.trim();
-                break;
-            // text
-            case "BUTTON":
-            case "BUTTON-GROUP":
-            case "NAVBAR":
-                props.text = (_b = (props.text || el.innerHTML)) === null || _b === void 0 ? void 0 : _b.trim();
-                break;
-            // value
-            case "INPUT-GROUP":
-            case "NAVBAR-SEARCH-BOX":
-                // Ensure the value exists
-                if (typeof (props.value) != "undefined") {
-                    props.value = typeof (props.value) === "string" ? props.value : props.value;
-                }
-                else {
-                    props.value = el.innerHTML.trim();
-                }
-                break;
-        }
-        // Return the properties
-        return props;
-    };
-    // Gets the property name
-    RenderComponents.prototype.getPropName = function (propName) {
-        var idx = propName.indexOf('-');
-        while (idx > 0) {
-            // Update the key and index
-            propName = propName.substring(0, idx) + propName[idx + 1].toUpperCase() + propName.substring(idx + 2);
-            idx = propName.indexOf('-');
-        }
-        // Return the property name
-        return propName;
-    };
-    // Renders the custom components
-    RenderComponents.prototype.render = function (propsOnly, targetSelf) {
-        var _this = this;
-        // Parse the elements
-        this.getElements(targetSelf).forEach(function (el) {
-            var componentName = el.nodeName.substring(3);
-            switch (componentName) {
-                case "ACCORDION":
-                    return;
-            }
-            // Get the component props
-            var props = __assign(__assign({}, _this.getProps(el, componentName)), { el: el });
-            // Generate the component
-            switch (componentName) {
-                case "ACCORDION":
-                    props.items = _this.getChildItems(el, "item", componentName);
-                    propsOnly ? null : _this._component = Components.Accordion(props);
-                    break;
-                case "ALERT":
-                    propsOnly ? null : _this._component = Components.Alert(props);
-                    break;
-                case "BADGE":
-                    propsOnly ? null : _this._component = Components.Badge(props);
-                    break;
-                case "BREADCRUMB":
-                    propsOnly ? null : _this._component = Components.Breadcrumb(props);
-                    break;
-                case "BUTTON":
-                    propsOnly ? null : _this._component = Components.Button(props);
-                    break;
-                case "BUTTON-GROUP":
-                    props.buttons = _this.getChildItems(el, "bs-button", componentName);
-                    propsOnly ? null : _this._component = Components.ButtonGroup(props);
-                    break;
-                case "CARD":
-                    props.body = _this.getChildItems(el, "card-body", componentName);
-                    props.header = _this.getChildItems(el, "card-footer", componentName);
-                    props.footer = _this.getChildItems(el, "card-header", componentName);
-                    propsOnly ? null : _this._component = Components.Card(props);
-                    break;
-                case "CARD-GROUP":
-                    props.cards = (new RenderComponents(el, true)).Props;
-                    propsOnly ? null : _this._component = Components.CardGroup(props);
-                    break;
-                case "CAROUSEL":
-                    props.items = _this.getChildItems(el, "item", componentName);
-                    propsOnly ? null : _this._component = Components.Carousel(props);
-                    break;
-                case "CHECKBOX-GROUP":
-                    props.items = _this.getChildItems(el, "item", componentName);
-                    propsOnly ? null : _this._component = Components.CheckboxGroup(props);
-                    break;
-                case "COLLAPSE":
-                    propsOnly ? null : _this._component = Components.Collapse(props);
-                    break;
-                case "DROPDOWN":
-                    props.items = _this.getChildItems(el, "item", componentName);
-                    propsOnly ? null : _this._component = Components.Dropdown(props);
-                    break;
-                case "FORM":
-                    var controls = [];
-                    var rows = [];
-                    var _loop_1 = function (i) {
-                        var elChild = el.children[i];
-                        switch (elChild.nodeName) {
-                            // Append the control
-                            case "BS-FORM-CONTROL":
-                                controls.push((new RenderComponents(elChild, true, true)).Props[0]);
-                                break;
-                            // Append the row
-                            case "ROW":
-                                var columns = [];
-                                var rowControls = (new RenderComponents(elChild, true)).Props;
-                                if ((rowControls === null || rowControls === void 0 ? void 0 : rowControls.length) > 0) {
-                                    // Append the control
-                                    for (var i_2 = 0; i_2 < rowControls.length; i_2++) {
-                                        columns.push({ control: rowControls[i_2] });
-                                    }
-                                }
-                                // Append the row
-                                rows.push({ columns: columns });
-                                break;
-                            // Default
-                            default:
-                                // Add it to the appropriate property
-                                // Move the custom html
-                                if (rows.length > 0) {
-                                    rows.push({
-                                        columns: [{
-                                                control: {
-                                                    onControlRendered: function (ctrl) { ctrl.el.appendChild(elChild); }
-                                                }
-                                            }]
-                                    });
-                                }
-                                else {
-                                    controls.push({
-                                        onControlRendered: function (ctrl) { ctrl.el.appendChild(elChild); }
-                                    });
-                                }
-                                break;
-                        }
-                    };
-                    // Parse the child elements
-                    for (var i = 0; i < el.children.length; i++) {
-                        _loop_1(i);
-                    }
-                    // Set the rows
-                    props.rows = rows.length > 0 ? rows : undefined;
-                    // Set the controls
-                    //props.controls = this.getChildItems(el, "bs-form-control", componentName);
-                    props.controls = controls.length > 0 ? controls : undefined;
-                    // Render the form
-                    propsOnly ? null : _this._component = Components.Form(props);
-                    break;
-                case "FORM-CONTROL":
-                    props.items = _this.getChildItems(el, "item", componentName);
-                    propsOnly ? null : _this._component = Components.FormControl(props);
-                    break;
-                case "ICON-LINK":
-                    propsOnly ? null : _this._component = Components.IconLink(props);
-                    break;
-                case "INPUT-GROUP":
-                    // Get the prepended label
-                    var prependedLabel = el.querySelector("prepended-label");
-                    if (prependedLabel) {
-                        // Set the property
-                        props.prependedLabel = prependedLabel.innerHTML.trim();
-                    }
-                    // Set the properties
-                    props.appendedButtons = _this.getChildItems(el, "appended-button", componentName);
-                    props.prependedButtons = _this.getChildItems(el, "prepended-button", componentName);
-                    propsOnly ? null : _this._component = Components.InputGroup(props);
-                    break;
-                case "LIST-BOX":
-                    props.items = _this.getChildItems(el, "item", componentName);
-                    propsOnly ? null : _this._component = Components.ListBox(props);
-                    break;
-                case "LIST-GROUP":
-                    props.items = _this.getChildItems(el, "item", componentName);
-                    propsOnly ? null : _this._component = Components.ListGroup(props);
-                    break;
-                case "MODAL":
-                    // Set the custom elements
-                    props.body = _this.getElement(el, "bs-modal-body");
-                    props.footer = _this.getElement(el, "bs-modal-footer");
-                    props.header = _this.getElement(el, "bs-modal-header");
-                    props.title = _this.getElement(el, "bs-modal-title");
-                    // Render the modal
-                    propsOnly ? null : _this._component = Components.Modal(props);
-                    break;
-                case "NAV":
-                    props.items = _this.getChildItems(el, "nav-item", componentName);
-                    propsOnly ? null : _this._component = Components.Nav(props);
-                    break;
-                case "NAVBAR":
-                    // Parse the child elements
-                    for (var i = 0; i < el.children.length; i++) {
-                        var elChild = el.children[i];
-                        switch (elChild.nodeName) {
-                            // Append the item
-                            case "NAVBAR-ITEM":
-                                var item = _this.getProps(elChild, componentName);
-                                item.items = _this.getChildItems(elChild, "navbar-item", componentName);
-                                props.items = props.items || [];
-                                props.items.push(item);
-                                break;
-                            // Append the item
-                            case "NAVBAR-ITEM-END":
-                                var itemEnd = _this.getProps(elChild, componentName);
-                                itemEnd.itemsEnd = _this.getChildItems(elChild, "navbar-item-end", componentName);
-                                props.itemsEnd = props.itemsEnd || [];
-                                props.itemsEnd.push(itemEnd);
-                                break;
-                            // Set the searchbox
-                            case "NAVBAR-SEARCH-BOX":
-                                props.searchBox = _this.getProps(elChild, elChild.nodeName);
-                                break;
-                        }
-                    }
-                    // Render the navbar
-                    propsOnly ? null : _this._component = Components.Navbar(props);
-                    break;
-                case "OFFCANVAS":
-                    props.body = _this.createElement(el, false);
-                    propsOnly ? null : _this._component = Components.Offcanvas(props);
-                    break;
-                case "POPOVER":
-                    props.options = props.options || {};
-                    props.options["content"] = _this.createElement(el, false);
-                    propsOnly ? null : _this._component = Components.Popover(props);
-                    break;
-                case "PROGRESS":
-                    propsOnly ? null : _this._component = Components.Progress(props);
-                    break;
-                case "PROGRESS-GROUP":
-                    props.progressbars = _this.getChildItems(el, "bs-progress", componentName);
-                    propsOnly ? null : _this._component = Components.ProgressGroup(props);
-                    break;
-                case "SPINNER":
-                    propsOnly ? null : _this._component = Components.Spinner(props);
-                    break;
-                case "TABLE":
-                    // Parse the child elements
-                    props.rows = [];
-                    for (var i = 0; i < el.children.length; i++) {
-                        var elChild = el.children[i];
-                        if (elChild.nodeName == "BS-ROW") {
-                            try {
-                                var row = JSON.parse(elChild.innerHTML);
-                                props.rows.push(row);
-                            }
-                            catch (_a) { }
-                        }
-                    }
-                    // Set the properties
-                    props.columns = _this.getChildItems(el, "bs-col", componentName);
-                    propsOnly ? null : _this._component = Components.Table(props);
-                    break;
-                case "TOAST":
-                    props.body = _this.createElement(el, false);
-                    propsOnly ? null : _this._component = Components.Toast(props);
-                    break;
-                case "TOOLBAR":
-                    props.items = _this.getChildItems(el, "toolbar-item", componentName);
-                    propsOnly ? null : _this._component = Components.Toolbar(props);
-                    break;
-                case "TOOLTIP":
-                    props.btnProps = _this.getChildItems(el, "btn-props", componentName);
-                    props.content = props.content || _this.createElement(el, false);
-                    propsOnly ? null : _this._component = Components.Tooltip(props);
-                    break;
-                // Do nothing
-                default:
-                    return;
-            }
-            // Clear the element
-            while (el.firstChild) {
-                el.removeChild(el.firstChild);
-            }
-            // Do nothing if we are only generating properties
-            _this._props.push(props);
-            if (propsOnly) {
-                return;
-            }
-            // Set the class name
-            el.classList.add("bs");
-            // Remove the id attribute
-            if (el.hasAttribute("id") && (componentName != "MODAL" && componentName != "OFFCANVAS")) {
-                el.removeAttribute("id");
-            }
-            // See if the parent exists
-            if (el.parentElement) {
-                // Replace the element
-                el.parentElement.insertBefore(_this._component.el, el);
-                el.parentElement.classList.add("bs");
-                el.remove();
-            }
-            else {
-                // Append the component
-                el.appendChild(_this._component.el);
-            }
-        });
-    };
-    return RenderComponents;
-}());
-var render = function (el) { new RenderComponents(el); };
-exports.render = render;