globuswebcomponents 0.6.3 → 0.6.4

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

@@ -0,0 +1,520 @@
+import { h } from "@stencil/core";
+export class GbHorizontalTabs {
+    constructor() {
+        this.type = undefined;
+        this.size = undefined;
+        this.fullWidth = false;
+        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: 'd911074496db0ca92e516f1c2fcb885ca9e639bc', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, h("gb-tab-button-base", { key: 'dd02d27c79853ba326304de36490a9b4672873e3', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(0), current: this.activeIndex === 0, "tab-name": this.firstTabName }), h("gb-tab-button-base", { key: 'caf72debb856449f70502df89357e9dc95188cec', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(1), current: this.activeIndex === 1, "tab-name": this.secondTabName }), this.thirdTabName && (h("gb-tab-button-base", { key: 'e4d2e18c6af5a9e5bae039dd0517df417c1bcfea', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(2), current: this.activeIndex === 2, "tab-name": this.thirdTabName })), this.fourthTabName && (h("gb-tab-button-base", { key: '1753ae69bd2ed4c6e199c8e4d7b1e7c697db5a40', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(3), current: this.activeIndex === 3, "tab-name": this.fourthTabName })), this.fifthTabName && (h("gb-tab-button-base", { key: '6e9d989dec5d49d1648f4df6ea5884996337d8b7', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(4), current: this.activeIndex === 4, "tab-name": this.fifthTabName })), this.sixthTabName && (h("gb-tab-button-base", { key: '7ddc7cecd4d92d93c8e7aed9c9147fa5dec48571', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(5), current: this.activeIndex === 5, "tab-name": this.sixthTabName })), this.seventhTabName && (h("gb-tab-button-base", { key: '872dc9360bf94b380c33b7559a9449c4d484aa50', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(6), current: this.activeIndex === 6, "tab-name": this.seventhTabName })), this.eighthTabName && (h("gb-tab-button-base", { key: '16524aeba81cacfd31aaad7c5eb1cc35502d2ba7', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(7), current: this.activeIndex === 7, "tab-name": this.eighthTabName })), this.ninthTabName && (h("gb-tab-button-base", { key: '43fb5a3f39fd82062176597f200fff0ff9267e4c', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(8), current: this.activeIndex === 8, "tab-name": this.ninthTabName })), this.tenthTabName && (h("gb-tab-button-base", { key: 'cfb7018f66c4f981b4173be413070a2b012039fa', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(9), current: this.activeIndex === 9, "tab-name": this.tenthTabName })), this.eleventhTabName && (h("gb-tab-button-base", { key: 'd04da317b9565aac50049784cd6647e17f03b9b6', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(10), current: this.activeIndex === 10, "tab-name": this.tenthTabName })), this.twelfthTabName && (h("gb-tab-button-base", { key: 'f5a10272d354d67556b5d6191ed774adf3a34c42', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(11), current: this.activeIndex === 11, "tab-name": this.tenthTabName })), this.thirteenthTabName && (h("gb-tab-button-base", { key: '29a7e7881e91b3102cb1a61826858dc54d797249', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(12), current: this.activeIndex === 12, "tab-name": this.tenthTabName })), this.fourteenthTabName && (h("gb-tab-button-base", { key: '97a5a3917ea4c2363a5848b6b936acd7183bd5ed', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(13), current: this.activeIndex === 13, "tab-name": this.tenthTabName })), this.fifteenthTabName && (h("gb-tab-button-base", { key: '45b09d6e8d81e673f2132c3d1b510d3b37ff54b4', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(14), current: this.activeIndex === 14, "tab-name": this.tenthTabName })), this.sixteenthTabName && (h("gb-tab-button-base", { key: 'fdc3e4037b8d38d3e4f207f0860665bcdac2ee9f', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(15), current: this.activeIndex === 15, "tab-name": this.tenthTabName })), this.seventeenthTabName && (h("gb-tab-button-base", { key: 'abae8e0ed6da68e6e13e6d6943d673d31b132418', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(16), current: this.activeIndex === 16, "tab-name": this.tenthTabName })), this.eighteenthTabName && (h("gb-tab-button-base", { key: 'df10314de18d959f60a7de2d03f2850f7bedfb98', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(17), current: this.activeIndex === 17, "tab-name": this.tenthTabName })), this.nineteenthTabName && (h("gb-tab-button-base", { key: '6332a1e3a2df96f9a390580a4a33db179c748008', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(18), current: this.activeIndex === 18, "tab-name": this.tenthTabName })), this.twentiethTabName && (h("gb-tab-button-base", { key: '3a78ac441cd93f7723cf0760bde00db234c95809', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(19), current: this.activeIndex === 19, "tab-name": this.tenthTabName }))));
+    }
+    static get is() { return "gb-horizontal-tabs"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-horizontal-tabs.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-horizontal-tabs.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "type": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TabTypes",
+                    "resolved": "\"button_gray\" | \"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
+            },
+            "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
+            },
+            "fullWidth": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "full-width",
+                "reflect": false,
+                "defaultValue": "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-horizontal-tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gb-horizontal-tabs.js","sourceRoot":"","sources":["../../../src/components/gb-horizontal-tabs/gb-horizontal-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-horizontal-tabs',\r\n  styleUrl: 'gb-horizontal-tabs.css',\r\n  shadow: true,\r\n})\r\nexport class GbHorizontalTabs {\r\n  @Prop() type: TabTypes;\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() fullWidth: boolean = false;\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    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={`horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}`}>\r\n        <gb-tab-button-base\r\n          class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n          size={this.size}\r\n          full-width={this.fullWidth}\r\n          type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n          onClick={() => this.handleTabClick(0)}\r\n          current={this.activeIndex === 0}\r\n          tab-name={this.firstTabName}\r\n        ></gb-tab-button-base>\r\n        <gb-tab-button-base\r\n          class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n          size={this.size}\r\n          full-width={this.fullWidth}\r\n          type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n          onClick={() => this.handleTabClick(1)}\r\n          current={this.activeIndex === 1}\r\n          tab-name={this.secondTabName}\r\n        ></gb-tab-button-base>\r\n        {this.thirdTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(2)}\r\n            current={this.activeIndex === 2}\r\n            tab-name={this.thirdTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.fourthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(3)}\r\n            current={this.activeIndex === 3}\r\n            tab-name={this.fourthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.fifthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(4)}\r\n            current={this.activeIndex === 4}\r\n            tab-name={this.fifthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.sixthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(5)}\r\n            current={this.activeIndex === 5}\r\n            tab-name={this.sixthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.seventhTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(6)}\r\n            current={this.activeIndex === 6}\r\n            tab-name={this.seventhTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.eighthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(7)}\r\n            current={this.activeIndex === 7}\r\n            tab-name={this.eighthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.ninthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(8)}\r\n            current={this.activeIndex === 8}\r\n            tab-name={this.ninthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.tenthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(9)}\r\n            current={this.activeIndex === 9}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.eleventhTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(10)}\r\n            current={this.activeIndex === 10}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.twelfthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(11)}\r\n            current={this.activeIndex === 11}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.thirteenthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(12)}\r\n            current={this.activeIndex === 12}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.fourteenthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(13)}\r\n            current={this.activeIndex === 13}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.fifteenthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(14)}\r\n            current={this.activeIndex === 14}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.sixteenthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(15)}\r\n            current={this.activeIndex === 15}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.seventeenthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(16)}\r\n            current={this.activeIndex === 16}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.eighteenthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(17)}\r\n            current={this.activeIndex === 17}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.nineteenthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(18)}\r\n            current={this.activeIndex === 18}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.twentiethTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(19)}\r\n            current={this.activeIndex === 19}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}"]}