globuswebcomponents 0.6.2 → 0.6.3

package/dist/collection/components/gb-sidebar/gb-sidebar.js

@@ -1,629 +0,0 @@
-import { h, Fragment, getAssetPath } from "@stencil/core";
-export class GbSidebar {
-    constructor() {
-        this.state = undefined;
-        this.category = undefined;
-        this.showSecondCategory = false;
-        this.applicationName = '';
-        this.firstItemIcon = '';
-        this.secondItemIcon = '';
-        this.thirdItemIcon = '';
-        this.fourthItemIcon = '';
-        this.fifthItemIcon = '';
-        this.sixthItemIcon = '';
-        this.seventhItemIcon = '';
-        this.eighthItemIcon = '';
-        this.ninthItemIcon = '';
-        this.tenthItemIcon = '';
-        this.iconInstance = '';
-        this.label = '';
-        this.firstItemLabel = '';
-        this.secondItemLabel = '';
-        this.thirdItemLabel = '';
-        this.fourthItemLabel = '';
-        this.fifthItemLabel = '';
-        this.sixthItemLabel = '';
-        this.seventhItemLabel = '';
-        this.eighthItemLabel = '';
-        this.ninthItemLabel = '';
-        this.tenthItemLabel = '';
-        this.activeIndex = 0;
-        this.leadingIconSvg = '';
-    }
-    async loadIcon(iconName) {
-        const iconPath = getAssetPath(`${iconName}`);
-        const response = await fetch(iconPath);
-        const svg = await response.text();
-        this.leadingIconSvg = svg;
-    }
-    collapseSideBar() {
-        if (this.state === 'expanded') {
-            this.state = 'collapsed';
-        }
-    }
-    expandSideBar() {
-        if (this.state === 'collapsed') {
-            this.state = 'expanded';
-        }
-    }
-    async sideBarItemClicked(index) {
-        this.activeIndex = index;
-        localStorage.setItem('activeIndex', index.toString());
-        this.sidebarItemClicked.emit(index);
-    }
-    componentDidLoad() {
-        const applicationName = this.el.querySelector('[slot="application_name"]');
-        applicationName.classList.add('text-lg-bold');
-    }
-    componentWillLoad() {
-        this.loadIcon(this.iconInstance);
-        const storedIndex = localStorage.getItem('activeIndex');
-        if (storedIndex !== null) {
-            this.activeIndex = parseInt(storedIndex, 10); // Retrieve active index from localStorage
-        }
-    }
-    render() {
-        const textClass = this.category === 'plain_background' ? 'plain_background_color' : 'colored_background_color';
-        const patternSrc = getAssetPath(`assets/pattern_wrapper.svg`);
-        const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
-        const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
-        const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (h("div", { key: 'd6d8623be9b6f0ab0c784aa4ec414e3f4802f6b7', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '76e65c0fe18a18206c2859b896179b5ddd866b69', class: "pattern" }, h("img", { key: '733d3afea20db38eada754669399644a5c18c58f', src: patternSrc, alt: "" }))), h("div", { key: '7697847564a64b3394ba84b963a9a72d21f84c82', class: "nav" }, h("div", { key: '8d9e0caa245583c22bf6d00540cdcb5d93edb2a3', class: `sidebar_header ${this.state}` }, h("div", { key: 'b929c9103129af4a86be082e62eb398658c53b1c', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: 'b002d6a981ed50a85edb6fe8681652c7e361cfe1', src: logoSrc, alt: "" })), h("div", { key: 'b22a69b996b23c59e850a7cf1118757d7e1f1565', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'a54db8a9d70ee9bdfad6b6b921cee6e84f083178', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'bac69a2e70125363595d5c01b902cba4504f6484', class: "navigation" }, h("div", { key: '3c87c1fea589c990052ebcf9ad124edb32b8bbea', class: "item" }, h("gb-side-bar-item", { key: '0b0b923ca1daecfaa9f0f3bbca81ab76d2129b54', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-side-bar-item", { key: 'dcfedb7c8263c14e200a0b8874fd52e3a7e55539', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-side-bar-item", { key: '16d19d8c3c94db233ad3139966aae1ba44ff63d0', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-side-bar-item", { key: 'a9d0cd9f3e889911dea856909d05a574409ce83c', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-side-bar-item", { key: '237a53f0f6255ae284fbd8893e4bb1da081e4577', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: 'ffc91e0a5086f2728a28016a6d439a327131e73e', class: "navigation" }, h("div", { key: '5a7abd89ee5912b2978b67eebc07c1184e9697b6', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: 'c30526ff809483dbafb5c1d02e330c769d66f1ce', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-side-bar-item", { key: '6a3de914aee1829d97c1ccb6d1490b8fe872545d', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-side-bar-item", { key: '31c2d80c6e27e3c97ef99885706d66eecd3a0227', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-side-bar-item", { key: '45f156cb5a28acf424b4e8fdccd6e6cfb480b302', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-side-bar-item", { key: 'bd518809adc178a01a3bcec168cb0be1bc2874fc', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '5646dcc7769ad1993c72c72f5a70ee99c89ef088', class: "application_name" }, h("div", { key: 'd8f390272f5d3b44cf6f1788fd07ada58de43a19', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '1178e3616309c4fac28a62928a9f59ac1d24b6bf', class: "application_name_pattern" }, h("img", { key: '1cef0265524c70119130d9d00db22c3762d9b8e9', src: patternSrc, alt: "" }))), h("div", { key: '0c4cf336ca56051647b4b2fd4ab7d7689107c63e', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '24cd146b4e9b09c9372c3528b63599d938b00372', class: textClass }, h("slot", { key: 'df94fb774e0e087b89fa896aa8f11f3f2088b57a', name: "application_name" })))))));
-    }
-    static get is() { return "gb-sidebar"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["gb-sidebar.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["gb-sidebar.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "state": {
-                "type": "string",
-                "mutable": true,
-                "complexType": {
-                    "original": "'expanded' | 'collapsed'",
-                    "resolved": "\"collapsed\" | \"expanded\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "state",
-                "reflect": false
-            },
-            "category": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "GeneralBackgroundCategories",
-                    "resolved": "\"colored_background\" | \"plain_background\"",
-                    "references": {
-                        "GeneralBackgroundCategories": {
-                            "location": "import",
-                            "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::GeneralBackgroundCategories"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "category",
-                "reflect": false
-            },
-            "showSecondCategory": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "show-second-category",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "applicationName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "application-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "firstItemIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "first-item-icon",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "secondItemIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "second-item-icon",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "thirdItemIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "third-item-icon",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fourthItemIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "fourth-item-icon",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fifthItemIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "fifth-item-icon",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "sixthItemIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "sixth-item-icon",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "seventhItemIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "seventh-item-icon",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "eighthItemIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "eighth-item-icon",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "ninthItemIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "ninth-item-icon",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "tenthItemIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "tenth-item-icon",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "iconInstance": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "icon-instance",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "firstItemLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "first-item-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "secondItemLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "second-item-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "thirdItemLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "third-item-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fourthItemLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "fourth-item-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fifthItemLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "fifth-item-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "sixthItemLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "sixth-item-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "seventhItemLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "seventh-item-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "eighthItemLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "eighth-item-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "ninthItemLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "ninth-item-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "tenthItemLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "tenth-item-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "activeIndex": {
-                "type": "number",
-                "mutable": true,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "active-index",
-                "reflect": false,
-                "defaultValue": "0"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "leadingIconSvg": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "sidebarItemClicked",
-                "name": "sidebarItemClicked",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "sideBarItemClicked": {
-                "complexType": {
-                    "signature": "(index: number) => Promise<void>",
-                    "parameters": [{
-                            "name": "index",
-                            "type": "number",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-}
-//# sourceMappingURL=gb-sidebar.js.map