globuswebcomponents 0.9.6 → 0.9.8

package/dist/collection/components/gb-vertical-tabs/gb-vertical-tabs.js

@@ -0,0 +1,501 @@
+import { h } from "@stencil/core";
+export class GbVerticalTabs {
+    constructor() {
+        this.size = undefined;
+        this.type = undefined;
+        this.firstTabName = '';
+        this.secondTabName = '';
+        this.thirdTabName = '';
+        this.fourthTabName = '';
+        this.fifthTabName = '';
+        this.sixthTabName = '';
+        this.seventhTabName = '';
+        this.eighthTabName = '';
+        this.ninthTabName = '';
+        this.tenthTabName = '';
+        this.eleventhTabName = '';
+        this.twelfthTabName = '';
+        this.thirteenthTabName = '';
+        this.fourteenthTabName = '';
+        this.fifteenthTabName = '';
+        this.sixteenthTabName = '';
+        this.seventeenthTabName = '';
+        this.eighteenthTabName = '';
+        this.nineteenthTabName = '';
+        this.twentiethTabName = '';
+        this.activeIndex = 0;
+    }
+    async handleTabClick(index) {
+        this.activeIndex = index;
+        localStorage.setItem('activeIndex', index.toString());
+        this.tabItemClicked.emit(index);
+    }
+    componentWillLoad() {
+        const storedIndex = localStorage.getItem('activeIndex');
+        if (storedIndex !== null) {
+            this.activeIndex = parseInt(storedIndex, 10); // Retrieve active index from localStorage
+        }
+    }
+    render() {
+        return (h("div", { key: 'af9d020916437105851130633b105059eecf5432', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: 'c5d5153ca3fb37c1c2055ab6e5b0823f644b9ea2', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.firstTabName, current: this.activeIndex === 0, onClick: () => this.handleTabClick(0) }), h("gb-tab-button-base", { key: 'c1ed38034cef9ad1fcf37d6b6c6bb6e59b06b455', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.secondTabName, current: this.activeIndex === 1, onClick: () => this.handleTabClick(1) }), this.thirdTabName && (h("gb-tab-button-base", { key: '0aaa20ec8f0cf45095b39a23f65001acf59b8a74', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirdTabName, current: this.activeIndex === 2, onClick: () => this.handleTabClick(2) })), this.fourthTabName && (h("gb-tab-button-base", { key: '7c7b4b8eed354b7e5a692a499c143d8263f3bdd6', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourthTabName, current: this.activeIndex === 3, onClick: () => this.handleTabClick(3) })), this.fifthTabName && (h("gb-tab-button-base", { key: 'c3350ec5ddea5e6849a5d1598ef68dd0066bc4f8', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifthTabName, current: this.activeIndex === 4, onClick: () => this.handleTabClick(4) })), this.sixthTabName && (h("gb-tab-button-base", { key: '314414f086b89af8c1b90af81f73b251165e82c5', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixthTabName, current: this.activeIndex === 5, onClick: () => this.handleTabClick(5) })), this.seventhTabName && (h("gb-tab-button-base", { key: '7d0ad47cd6a44ee84d3a6211a9c02edb9df1bc74', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventhTabName, current: this.activeIndex === 6, onClick: () => this.handleTabClick(6) })), this.eighthTabName && (h("gb-tab-button-base", { key: '1296e8f9b3cbab782109b25b24795dfae087890d', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighthTabName, current: this.activeIndex === 7, onClick: () => this.handleTabClick(7) })), this.ninthTabName && (h("gb-tab-button-base", { key: 'ad6ccf03565ae90ecc2af0351c82e86efcaf4fb5', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.ninthTabName, current: this.activeIndex === 8, onClick: () => this.handleTabClick(8) })), this.tenthTabName && (h("gb-tab-button-base", { key: 'e73e8db0b250b87b7fa15426b0aa3e7da03a70bd', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.tenthTabName, current: this.activeIndex === 9, onClick: () => this.handleTabClick(9) })), this.eleventhTabName && (h("gb-tab-button-base", { key: '1f2eb382208bfc366020edd1d3292aab1810c755', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eleventhTabName, current: this.activeIndex === 10, onClick: () => this.handleTabClick(10) })), this.twelfthTabName && (h("gb-tab-button-base", { key: 'b1e74b770708a8ff1cbe5ad1ecf2896130f048e1', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twelfthTabName, current: this.activeIndex === 11, onClick: () => this.handleTabClick(11) }))));
+    }
+    static get is() { return "gb-vertical-tabs"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-vertical-tabs.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-vertical-tabs.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "GeneralSizes",
+                    "resolved": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
+                    "references": {
+                        "GeneralSizes": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::GeneralSizes"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "size",
+                "reflect": false
+            },
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TabTypes",
+                    "resolved": "\"button_gray\" | \"button_gray_border\" | \"button_primary\" | \"button_white\" | \"button_white_border\" | \"line\" | \"rounded_button_white\" | \"rounded_button_white_border\" | \"underline\" | \"underline_filled\"",
+                    "references": {
+                        "TabTypes": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::TabTypes"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "type",
+                "reflect": false
+            },
+            "firstTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "first-tab-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "secondTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "second-tab-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "thirdTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "third-tab-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "fourthTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "fourth-tab-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "fifthTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "fifth-tab-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "sixthTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "sixth-tab-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "seventhTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "seventh-tab-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "eighthTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "eighth-tab-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "ninthTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "ninth-tab-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "tenthTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "tenth-tab-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "eleventhTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "eleventh-tab-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "twelfthTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "twelfth-tab-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "thirteenthTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "thirteenth-tab-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "fourteenthTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "fourteenth-tab-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "fifteenthTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "fifteenth-tab-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "sixteenthTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "sixteenth-tab-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "seventeenthTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "seventeenth-tab-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "eighteenthTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "eighteenth-tab-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "nineteenthTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "nineteenth-tab-name",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "twentiethTabName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "twentieth-tab-name",
+                "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 events() {
+        return [{
+                "method": "tabItemClicked",
+                "name": "tabItemClicked",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=gb-vertical-tabs.js.map

package/dist/collection/components/gb-vertical-tabs/gb-vertical-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-vertical-tabs.js","sourceRoot":"","sources":["../../../src/components/gb-vertical-tabs/gb-vertical-tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Prop, h } from \"@stencil/core\";\r\nimport { GeneralSizes, TabTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-vertical-tabs',\r\n    styleUrl: 'gb-vertical-tabs.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbVerticalTabs {\r\n    @Prop() size: GeneralSizes;\r\n    @Prop() type: TabTypes;\r\n    @Prop() firstTabName: string = '';\r\n    @Prop() secondTabName: string = '';\r\n    @Prop() thirdTabName: string = '';\r\n    @Prop() fourthTabName: string = '';\r\n    @Prop() fifthTabName: string = '';\r\n    @Prop() sixthTabName: string = '';\r\n    @Prop() seventhTabName: string = '';\r\n    @Prop() eighthTabName: string = '';\r\n    @Prop() ninthTabName: string = '';\r\n    @Prop() tenthTabName: string = '';\r\n    @Prop() eleventhTabName: string = '';\r\n    @Prop() twelfthTabName: string = '';\r\n    @Prop() thirteenthTabName: string = '';\r\n    @Prop() fourteenthTabName: string = '';\r\n    @Prop() fifteenthTabName: string = '';\r\n    @Prop() sixteenthTabName: string = '';\r\n    @Prop() seventeenthTabName: string = '';\r\n    @Prop() eighteenthTabName: string = '';\r\n    @Prop() nineteenthTabName: string = '';\r\n    @Prop() twentiethTabName: string = '';\r\n    @Prop({ mutable: true }) activeIndex: number = 0;\r\n    @Event() tabItemClicked: EventEmitter<number>;\r\n\r\n    async handleTabClick(index: number) {\r\n        this.activeIndex = index;\r\n        localStorage.setItem('activeIndex', index.toString());\r\n        this.tabItemClicked.emit(index);\r\n    }\r\n\r\n    componentWillLoad() {\r\n        const storedIndex = localStorage.getItem('activeIndex');\r\n        \r\n        if (storedIndex !== null) {\r\n          this.activeIndex = parseInt(storedIndex, 10); // Retrieve active index from localStorage\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class={`vertical_tab_div`}>\r\n                <gb-tab-button-base \r\n                size={this.size} \r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type} \r\n                tab-name={this.firstTabName}\r\n                current={this.activeIndex === 0}\r\n                onClick={() => this.handleTabClick(0)}\r\n                ></gb-tab-button-base>\r\n                <gb-tab-button-base \r\n                size={this.size} \r\n                type={this.type === 'button_gray_border' ? 'button_white' : this.type} \r\n                tab-name={this.secondTabName}\r\n                current={this.activeIndex === 1}\r\n                onClick={() => this.handleTabClick(1)}\r\n                ></gb-tab-button-base>\r\n                {this.thirdTabName && (\r\n                    <gb-tab-button-base \r\n                    size={this.size} \r\n                    type={this.type === 'button_gray_border' ? 'button_white' : this.type}\r\n                    tab-name={this.thirdTabName}\r\n                    current={this.activeIndex === 2}\r\n                    onClick={() => this.handleTabClick(2)}\r\n                    ></gb-tab-button-base>\r\n                )}\r\n                {this.fourthTabName && (\r\n                    <gb-tab-button-base \r\n                    size={this.size} \r\n                    type={this.type === 'button_gray_border' ? 'button_white' : this.type} \r\n                    tab-name={this.fourthTabName}\r\n                    current={this.activeIndex === 3}\r\n                    onClick={() => this.handleTabClick(3)}\r\n                    ></gb-tab-button-base>\r\n                )}\r\n                {this.fifthTabName && (\r\n                    <gb-tab-button-base \r\n                    size={this.size} \r\n                    type={this.type === 'button_gray_border' ? 'button_white' : this.type} \r\n                    tab-name={this.fifthTabName}\r\n                    current={this.activeIndex === 4}\r\n                    onClick={() => this.handleTabClick(4)}\r\n                    ></gb-tab-button-base>\r\n                )}\r\n                {this.sixthTabName && (\r\n                    <gb-tab-button-base \r\n                    size={this.size} \r\n                    type={this.type === 'button_gray_border' ? 'button_white' : this.type} \r\n                    tab-name={this.sixthTabName}\r\n                    current={this.activeIndex === 5}\r\n                    onClick={() => this.handleTabClick(5)}\r\n                    ></gb-tab-button-base>\r\n                )}\r\n                {this.seventhTabName && (\r\n                    <gb-tab-button-base \r\n                    size={this.size} \r\n                    type={this.type === 'button_gray_border' ? 'button_white' : this.type} \r\n                    tab-name={this.seventhTabName}\r\n                    current={this.activeIndex === 6}\r\n                    onClick={() => this.handleTabClick(6)}\r\n                    ></gb-tab-button-base>\r\n                )}\r\n                {this.eighthTabName && (\r\n                    <gb-tab-button-base \r\n                    size={this.size} \r\n                    type={this.type === 'button_gray_border' ? 'button_white' : this.type} \r\n                    tab-name={this.eighthTabName}\r\n                    current={this.activeIndex === 7}\r\n                    onClick={() => this.handleTabClick(7)}\r\n                    ></gb-tab-button-base>\r\n                )}\r\n                {this.ninthTabName && (\r\n                    <gb-tab-button-base \r\n                    size={this.size} \r\n                    type={this.type === 'button_gray_border' ? 'button_white' : this.type} \r\n                    tab-name={this.ninthTabName}\r\n                    current={this.activeIndex === 8}\r\n                    onClick={() => this.handleTabClick(8)}\r\n                    ></gb-tab-button-base>\r\n                )}\r\n                {this.tenthTabName && (\r\n                    <gb-tab-button-base \r\n                    size={this.size} \r\n                    type={this.type === 'button_gray_border' ? 'button_white' : this.type} \r\n                    tab-name={this.tenthTabName}\r\n                    current={this.activeIndex === 9}\r\n                    onClick={() => this.handleTabClick(9)}\r\n                    ></gb-tab-button-base>\r\n                )}\r\n                {this.eleventhTabName && (\r\n                    <gb-tab-button-base \r\n                    size={this.size} \r\n                    type={this.type === 'button_gray_border' ? 'button_white' : this.type} \r\n                    tab-name={this.eleventhTabName}\r\n                    current={this.activeIndex === 10}\r\n                    onClick={() => this.handleTabClick(10)}\r\n                    ></gb-tab-button-base>\r\n                )}\r\n                {this.twelfthTabName && (\r\n                    <gb-tab-button-base \r\n                    size={this.size} \r\n                    type={this.type === 'button_gray_border' ? 'button_white' : this.type} \r\n                    tab-name={this.twelfthTabName}\r\n                    current={this.activeIndex === 11}\r\n                    onClick={() => this.handleTabClick(11)}\r\n                    ></gb-tab-button-base>\r\n                )}\r\n            </div>\r\n        )\r\n    }\r\n}"]}

package/dist/collection/components/test-input-tag/test-input-tag.js

@@ -74,7 +74,7 @@ export class TestInputTag {
         this.exportValue.emit(this.selectedStaff);
     }
     render() {
-        return (h("div", { key: 'bde62a4e2059ed1df74e30d3b732efd051c9c9d8', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '4a76f76a9437aebb1c3057a1267c9e47788ac994', htmlFor: this.idOfInput }, this.labelText), h("div", { key: '197705f10177f57705ceaf4ae86abd5fd2f00998', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: '1a0637033e501909fe2473e0eeee23a089651ec6', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), h("div", { key: 'b5b3bb593f27d5983c87b1196c2d1ccd456f5b9a', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
+        return (h("div", { key: '5eb3fa68cefe92b4c431160c707528ab77378ac6', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '949760c6f0b8c5fe3aed139d0658e497f6cc3114', htmlFor: this.idOfInput }, this.labelText), h("div", { key: '4829a00682ddedc7aba0b4ab3407d13a60075e09', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: 'f6c0d48fd6a3271e38976c9d0413f69aac287f67', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), h("div", { key: 'f12a02dbe63dd82f7e33e2d6f7a9dfa7a1fdff5f', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
         //   <span>
         //     {staff.fullname}
         //     <img
@@ -83,7 +83,7 @@ export class TestInputTag {
         //       onClick={() => this.removeStaff(index)}
         //     />
         //   </span>
-        h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index) }, h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, staff.fullname.split(' ')[0])))))), this.show && (h("div", { key: '20c9da7c07abcab7b527c5690772732106132da2', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
+        h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index) }, h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, staff.fullname.split(' ')[0])))))), this.show && (h("div", { key: 'd4d0475356e0759ef665da1c0fe1a178cfa2c7c7', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
         //   <li class="aList" onClick={() => this.selectStaff(staff)}>
         //     <div>{staff.fullname}</div>
         //     <div>{staff.email}</div>

package/dist/collection/models/reusableModels.js.map

@@ -1 +1 @@
-{"version":3,"file":"reusableModels.js","sourceRoot":"","sources":["../../src/models/reusableModels.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,gCAAmB,CAAA;IACnB,kCAAqB,CAAA;AACzB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAMD,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACrB,yCAAwB,CAAA;IACxB,gCAAe,CAAA;IACf,oCAAmB,CAAA;IACnB,gCAAe,CAAA;AACnB,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB;AAAA,CAAC;AAEF,MAAM,CAAN,IAAY,qBAGX;AAHD,WAAY,qBAAqB;IAC7B,0CAAiB,CAAA;IACjB,4CAAmB,CAAA;AACvB,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,QAGhC","sourcesContent":["export type GeneralSizes = 'xl4' | 'xl3' | 'xl2' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';\r\n\r\nexport enum StateEnum {\r\n    Default = 'default',\r\n    Disabled = 'disabled'\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none';\r\n\r\nexport type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';\r\n\r\nexport enum BorderWeights {\r\n    VeryLight = 'very_light',\r\n    Light = 'light',\r\n    Regular = 'regular',\r\n    Heavy = 'heavy'\r\n};\r\n\r\nexport enum OnlineIndicatorStates {\r\n    Online = 'online',\r\n    Offline = 'offline'\r\n}\r\n\r\nexport type BreakPoints = 'desktop' | 'mobile';\r\n\r\nexport type FileUploadIconType = 'solid' | 'outline';\r\n\r\nexport type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';\r\n\r\nexport type FileType = '';\r\n\r\nexport type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple';\r\n\r\nexport type PaginationNumberShapes = 'square' | 'circle';\r\n\r\nexport type PaginationTypes =\r\n  | 'page_default'\r\n  | 'page_minimal_center_aligned'\r\n  | 'card_default'\r\n  | 'card_minimal_right_aligned'\r\n  | 'card_minimal_left_aligned'\r\n  | 'card_minimal_center_aligned'\r\n  | 'card_button_group_right_aligned'\r\n  | 'card_button_group_left_aligned'\r\n  | 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes = 'button_primary' | 'button_gray' | 'button_white' | 'rounded_button_white' | 'underline' | 'underline_filled' | 'line' | 'button_white_border' | 'rounded_button_white_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' | 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n  | 'default'\r\n  | 'icon_leading'\r\n  | 'leading_dropdown'\r\n  | 'trailing_dropdown'\r\n  | 'leading_text'\r\n  | 'payment_input'\r\n  | 'tags'\r\n  | 'trailing_button'\r\n  | 'password'\r\n  | 'password_icon_leading'\r\n  | 'count';\r\n\r\n  export type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags'; \r\n\r\n  export type AvatarColorTypes = 'gray' | 'blue' | 'cyan' | 'pink' | 'purple' | 'green' | 'yellow';\r\n\r\n  export type DropdownItemTypes = string | number | { name: string; username: string, selected?: boolean };\r\n\r\n  export type PaginationDotTypes = 'dot' | 'line';\r\n\r\n  export type FileIconStyles = 'default' | 'gray' | 'solid';\r\n\r\n  export type FileIconTypes = 'pdf' | 'csv' | 'jpg' | 'jpeg' | 'ppt' | 'pptx' | 'doc' | 'docx' | 'xls' | 'xlsx' | 'svg' | 'txt' | 'zip' | 'rar' | 'mp3' | 'mp4';"]}
+{"version":3,"file":"reusableModels.js","sourceRoot":"","sources":["../../src/models/reusableModels.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,gCAAmB,CAAA;IACnB,kCAAqB,CAAA;AACzB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAMD,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACrB,yCAAwB,CAAA;IACxB,gCAAe,CAAA;IACf,oCAAmB,CAAA;IACnB,gCAAe,CAAA;AACnB,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB;AAAA,CAAC;AAEF,MAAM,CAAN,IAAY,qBAGX;AAHD,WAAY,qBAAqB;IAC7B,0CAAiB,CAAA;IACjB,4CAAmB,CAAA;AACvB,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,QAGhC","sourcesContent":["export type GeneralSizes = 'xl4' | 'xl3' | 'xl2' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';\r\n\r\nexport enum StateEnum {\r\n    Default = 'default',\r\n    Disabled = 'disabled'\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none';\r\n\r\nexport type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';\r\n\r\nexport enum BorderWeights {\r\n    VeryLight = 'very_light',\r\n    Light = 'light',\r\n    Regular = 'regular',\r\n    Heavy = 'heavy'\r\n};\r\n\r\nexport enum OnlineIndicatorStates {\r\n    Online = 'online',\r\n    Offline = 'offline'\r\n}\r\n\r\nexport type BreakPoints = 'desktop' | 'mobile';\r\n\r\nexport type FileUploadIconType = 'solid' | 'outline';\r\n\r\nexport type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';\r\n\r\nexport type FileType = '';\r\n\r\nexport type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple';\r\n\r\nexport type PaginationNumberShapes = 'square' | 'circle';\r\n\r\nexport type PaginationTypes =\r\n  | 'page_default'\r\n  | 'page_minimal_center_aligned'\r\n  | 'card_default'\r\n  | 'card_minimal_right_aligned'\r\n  | 'card_minimal_left_aligned'\r\n  | 'card_minimal_center_aligned'\r\n  | 'card_button_group_right_aligned'\r\n  | 'card_button_group_left_aligned'\r\n  | 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes = 'button_primary' | 'button_gray' | 'button_white' | 'rounded_button_white' | 'underline' | 'underline_filled' | 'line' | 'button_white_border' | 'rounded_button_white_border' | 'button_gray_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' | 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n  | 'default'\r\n  | 'icon_leading'\r\n  | 'leading_dropdown'\r\n  | 'trailing_dropdown'\r\n  | 'leading_text'\r\n  | 'payment_input'\r\n  | 'tags'\r\n  | 'trailing_button'\r\n  | 'password'\r\n  | 'password_icon_leading'\r\n  | 'count';\r\n\r\n  export type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags'; \r\n\r\n  export type AvatarColorTypes = 'gray' | 'blue' | 'cyan' | 'pink' | 'purple' | 'green' | 'yellow';\r\n\r\n  export type DropdownItemTypes = string | number | { name: string | number; username: string, selected?: boolean };\r\n\r\n  export type PaginationDotTypes = 'dot' | 'line';\r\n\r\n  export type FileIconStyles = 'default' | 'gray' | 'solid';\r\n\r\n  export type FileIconTypes = 'pdf' | 'csv' | 'jpg' | 'jpeg' | 'ppt' | 'pptx' | 'doc' | 'docx' | 'xls' | 'xlsx' | 'svg' | 'txt' | 'zip' | 'rar' | 'mp3' | 'mp4';"]}

package/dist/components/gb-avatar-add-button.js

@@ -1,4 +1,4 @@
-import { G as GbAvatarAddButton$1, d as defineCustomElement$1 } from './p-60a8f11a.js';
+import { G as GbAvatarAddButton$1, d as defineCustomElement$1 } from './p-2e73f436.js';
 
 const GbAvatarAddButton = GbAvatarAddButton$1;
 const defineCustomElement = defineCustomElement$1;