globuswebcomponents 0.4.0 → 0.4.1

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

@@ -1,4 +1,4 @@
-import { h } from "@stencil/core";
+import { getAssetPath, h } from "@stencil/core";
 import { StateEnum } from "../../models/reusableModels";
 export class GbHeader {
     constructor() {
@@ -14,7 +14,9 @@ export class GbHeader {
         }
     }
     render() {
-        return (h("div", { key: 'c1da62de9dccee74b5ed307a8584dc81081e0fba', class: `header_div` }, h("div", { key: 'bac838f0ab8da5999f7cf53c407c8ad26096f0a8', class: "content" }, h("div", { key: 'a48d3d8217842cd47b04356b6194eb53eea338a9', class: "inner_content" }, h("gb-header-icon", { key: '3ea227538989caf0b4fdeac22f016d9c05afc584', state: StateEnum.Default, icon: "build/assets/help-circle.svg" }), h("gb-header-icon", { key: 'a72c11f6df933e5db774a9acfae6b0115feee754', state: this.state, icon: "build/assets/notification-03.svg", "show-indicator": this.showIndicator }), h("gb-avatar", { key: 'b7f6b1ce9d68c4e01d2d3387fa75d7ed0265f07e', size: "md", text: this.text, placeholder: this.placeholder }, this.text ? (h("slot", { slot: "initials", name: "initials" })) : (h("slot", { name: "image", slot: "image" })))))));
+        const helpIconSrc = getAssetPath(`assets/help-circle.svg`);
+        const notificationIconSrc = getAssetPath(`assets/notification-03.svg`);
+        return (h("div", { key: 'd622dc60519caf801e7e9437e959fe8870a8fe39', class: `header_div` }, h("div", { key: 'f285b6e756cfed348ebe62f3c9ec3bef302e356d', class: "content" }, h("div", { key: 'd5179a24d292a51191d2d60580c502c413854e4a', class: "inner_content" }, h("gb-header-icon", { key: 'f2ae78eb0784d65b7277225efe6f20e59a975a05', state: StateEnum.Default, icon: helpIconSrc }), h("gb-header-icon", { key: 'daa652b2861ba93a65e8700ac2724e2e980baf2b', state: this.state, icon: notificationIconSrc, "show-indicator": this.showIndicator }), h("gb-avatar", { key: 'dd23d14a9e5039d3f7c5ec7ceeea0d100f7d5d12', size: "md", text: this.text, placeholder: this.placeholder }, this.text ? (h("slot", { slot: "initials", name: "initials" })) : (h("slot", { name: "image", slot: "image" })))))));
     }
     static get is() { return "gb-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-header/gb-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-header.js","sourceRoot":"","sources":["../../../src/components/gb-header/gb-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAOxD,MAAM,OAAO,QAAQ;;;6BAEc,KAAK;oBACd,KAAK;2BACE,KAAK;;IAGpC,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAE5D,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,YAAY;YACtB,4DAAK,KAAK,EAAC,SAAS;gBAClB,4DAAK,KAAK,EAAC,eAAe;oBACxB,uEAAgB,KAAK,EAAE,SAAS,CAAC,OAAO,EAAE,IAAI,EAAC,8BAA8B,GAAkB;oBAC/F,uEAAgB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,kCAAkC,oBAAiB,IAAI,CAAC,aAAa,GAAmB;oBAChI,kEAAW,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,IAChE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,CAAC,CAC9F,CACR,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Prop } from \"@stencil/core\";\r\nimport { StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-header',\r\n  styleUrl: 'gb-header.css',\r\n  shadow: true,\r\n})\r\nexport class GbHeader {\r\n  @Prop() state: StateEnum;\r\n  @Prop() showIndicator: boolean = false;\r\n  @Prop() text: boolean = false;\r\n  @Prop() placeholder: boolean = false;\r\n  @Element() el: HTMLElement;\r\n\r\n  componentDidLoad() {\r\n    const initials = this.el.querySelector(\"[slot='initials']\");\r\n\r\n    if (initials) {\r\n      initials.classList.add('text-md-semi-bold');\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`header_div`}>\r\n        <div class=\"content\">\r\n          <div class=\"inner_content\">\r\n            <gb-header-icon state={StateEnum.Default} icon=\"build/assets/help-circle.svg\"></gb-header-icon>\r\n            <gb-header-icon state={this.state} icon=\"build/assets/notification-03.svg\" show-indicator={this.showIndicator}></gb-header-icon>\r\n            <gb-avatar size=\"md\" text={this.text} placeholder={this.placeholder}>\r\n              {this.text ? (<slot slot=\"initials\" name=\"initials\"></slot>) : (<slot name=\"image\" slot=\"image\"></slot>)}\r\n            </gb-avatar>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"gb-header.js","sourceRoot":"","sources":["../../../src/components/gb-header/gb-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAOxD,MAAM,OAAO,QAAQ;;;6BAEc,KAAK;oBACd,KAAK;2BACE,KAAK;;IAGpC,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAE5D,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,WAAW,GAAG,YAAY,CAAC,wBAAwB,CAAC,CAAC;QAC3D,MAAM,mBAAmB,GAAG,YAAY,CAAC,4BAA4B,CAAC,CAAC;QAEvE,OAAO,CACL,4DAAK,KAAK,EAAE,YAAY;YACtB,4DAAK,KAAK,EAAC,SAAS;gBAClB,4DAAK,KAAK,EAAC,eAAe;oBACxB,uEAAgB,KAAK,EAAE,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,WAAW,GAAmB;oBAC9E,uEAAgB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,mBAAmB,oBAAkB,IAAI,CAAC,aAAa,GAAmB;oBACnH,kEAAW,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,IAChE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,CAAC,CAC9F,CACR,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, getAssetPath, h, Prop } from \"@stencil/core\";\r\nimport { StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-header',\r\n  styleUrl: 'gb-header.css',\r\n  shadow: true,\r\n})\r\nexport class GbHeader {\r\n  @Prop() state: StateEnum;\r\n  @Prop() showIndicator: boolean = false;\r\n  @Prop() text: boolean = false;\r\n  @Prop() placeholder: boolean = false;\r\n  @Element() el: HTMLElement;\r\n\r\n  componentDidLoad() {\r\n    const initials = this.el.querySelector(\"[slot='initials']\");\r\n\r\n    if (initials) {\r\n      initials.classList.add('text-md-semi-bold');\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const helpIconSrc = getAssetPath(`assets/help-circle.svg`);\r\n    const notificationIconSrc = getAssetPath(`assets/notification-03.svg`);\r\n\r\n    return (\r\n      <div class={`header_div`}>\r\n        <div class=\"content\">\r\n          <div class=\"inner_content\">\r\n            <gb-header-icon state={StateEnum.Default} icon={helpIconSrc}></gb-header-icon>\r\n            <gb-header-icon state={this.state} icon={notificationIconSrc} show-indicator={this.showIndicator}></gb-header-icon>\r\n            <gb-avatar size=\"md\" text={this.text} placeholder={this.placeholder}>\r\n              {this.text ? (<slot slot=\"initials\" name=\"initials\"></slot>) : (<slot name=\"image\" slot=\"image\"></slot>)}\r\n            </gb-avatar>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}"]}

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

@@ -27,13 +27,23 @@ export class GbHorizontalTabs {
     }
     async handleTabClick(index) {
         this.activeIndex = index;
+        localStorage.setItem('activeIndex', index.toString());
         this.tabItemClicked.emit(index);
     }
-    componentDidLoad() {
-        this.activeIndex = 0;
+    // componentDidLoad() {
+    //   this.activeIndex = 0;
+    // }
+    componentWillLoad() {
+        const storedIndex = localStorage.getItem('activeIndex');
+        if (storedIndex !== null) {
+            this.activeIndex = parseInt(storedIndex, 10); // Retrieve active index from localStorage
+        }
+        else if (storedIndex === null) {
+            this.activeIndex = 0;
+        }
     }
     render() {
-        return (h("div", { key: 'a308f44268a46aaf5bbead44bed900499625f7c4', class: `horizontal_tab_div ${this.type} ${this.breakpoint} ${this.fullWidth ? 'full_width' : ''}` }, h("gb-tab-button-base", { key: '9140c3f39f7933b75ded747d0140c297ec340469', 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: '40836018fe762b9294897733cf917a094deab0f8', 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.thirdTab && (h("gb-tab-button-base", { key: 'a7e53048a4d6f75499039026b13282a75b747284', 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.fourthTab && (h("gb-tab-button-base", { key: '5cef37deaa09e5d427f1486d38e41f2462923f02', 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.fifthTab && (h("gb-tab-button-base", { key: '08965d543ed2cf35c195553811d5a165612e4993', 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.sixthTab && (h("gb-tab-button-base", { key: 'a6b49e8d15c8127b4ba842ba3884ac2f208f3113', 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.seventhTab && (h("gb-tab-button-base", { key: '3fc0adc097a3ed3c0cdcca03a887af9bf15b80e0', 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.eighthTab && (h("gb-tab-button-base", { key: 'd205100f221ba296d44ca64a2bd33966bea421e0', 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.ninthTab && (h("gb-tab-button-base", { key: 'ad2b2866bd1e614ab86a2b75760340773bbcb152', 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.tenthTab && (h("gb-tab-button-base", { key: '69d2e3b8826a34bef1d20b370d6604d2adb4b8d5', 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 }))));
+        return (h("div", { key: '69483f44df204aa90d46d94769660d045a00a8f9', class: `horizontal_tab_div ${this.type} ${this.breakpoint} ${this.fullWidth ? 'full_width' : ''}` }, h("gb-tab-button-base", { key: '845f61c536d3636e8564ede896961fc7e718530b', 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: '898f72072f18ce48e72be27295189e9f2d4d10e7', 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.thirdTab && (h("gb-tab-button-base", { key: '5e56a46ed286155d543d32e07dc18d9ec66d7cde', 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.fourthTab && (h("gb-tab-button-base", { key: '7aa608bc50382b599e8a6be10bed2ea1686c82b3', 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.fifthTab && (h("gb-tab-button-base", { key: '9879f5bfea9c4c66a92cac3c3bcd173319e230cb', 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.sixthTab && (h("gb-tab-button-base", { key: '19eb677cb4314553750d803bc34599d965f531ef', 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.seventhTab && (h("gb-tab-button-base", { key: 'b036e2092d5a3d36e05d9aed6c1fc6095d83ef73', 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.eighthTab && (h("gb-tab-button-base", { key: '116c13364cf96cfeb0986343e02871e8b616d3bf', 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.ninthTab && (h("gb-tab-button-base", { key: 'ef24fa0d20e5142685421795983ac055222559f0', 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.tenthTab && (h("gb-tab-button-base", { key: '10e8c7a2f293428c1d7cf0f99cc28b24707b1f09', 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 }))));
     }
     static get is() { return "gb-horizontal-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1 +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, State, h } from \"@stencil/core\";\r\nimport { BreakPoints, 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\n\r\nexport class GbHorizontalTabs {\r\n  @Prop() type: TabTypes;\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() fullWidth: boolean = false;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() thirdTab: boolean = false;\r\n  @Prop() fourthTab: boolean = false;\r\n  @Prop() fifthTab: boolean = false;\r\n  @Prop() sixthTab: boolean = false;\r\n  @Prop() seventhTab: boolean = false;\r\n  @Prop() eighthTab: boolean = false;\r\n  @Prop() ninthTab: boolean = false;\r\n  @Prop() tenthTab: 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  @State() activeIndex: number = 0;\r\n  @Event() tabItemClicked: EventEmitter<number>;\r\n\r\n  async handleTabClick(index: number) {\r\n    this.activeIndex = index;\r\n    this.tabItemClicked.emit(index);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.activeIndex = 0;\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`horizontal_tab_div ${this.type} ${this.breakpoint} ${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.thirdTab && (\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.fourthTab && (\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.fifthTab && (\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.sixthTab && (\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.seventhTab && (\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.eighthTab && (\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.ninthTab && (\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.tenthTab && (\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      </div>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"gb-horizontal-tabs.js","sourceRoot":"","sources":["../../../src/components/gb-horizontal-tabs/gb-horizontal-tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAS/E,MAAM,OAAO,gBAAgB;;;;yBAGE,KAAK;;wBAEN,KAAK;yBACJ,KAAK;wBACN,KAAK;wBACL,KAAK;0BACH,KAAK;yBACN,KAAK;wBACN,KAAK;wBACL,KAAK;4BACF,EAAE;6BACD,EAAE;4BACH,EAAE;6BACD,EAAE;4BACH,EAAE;4BACF,EAAE;8BACA,EAAE;6BACH,EAAE;4BACH,EAAE;4BACF,EAAE;2BACF,CAAC;;IAGhC,KAAK,CAAC,cAAc,CAAC,KAAa;QAChC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,YAAY,CAAC,OAAO,CAAC,aAAa,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;QACtD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC;IAED,uBAAuB;IACvB,0BAA0B;IAC1B,IAAI;IAEJ,iBAAiB;QACf,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACxD,IAAI,WAAW,KAAK,IAAI,EAAE,CAAC;YACzB,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC,0CAA0C;QAC1F,CAAC;aAAM,IAAG,WAAW,KAAK,IAAI,EAAC,CAAC;YAC9B,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,sBAAsB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE;YACpG,2EACE,KAAK,EAAE,mBAAmB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9D,IAAI,EAAE,IAAI,CAAC,IAAI,gBACH,IAAI,CAAC,SAAS,EAC1B,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,qBAAqB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,6BAA6B,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAC7I,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EACrC,OAAO,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,cACrB,IAAI,CAAC,YAAY,GACP;YACtB,2EACE,KAAK,EAAE,mBAAmB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9D,IAAI,EAAE,IAAI,CAAC,IAAI,gBACH,IAAI,CAAC,SAAS,EAC1B,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,qBAAqB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,6BAA6B,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAC7I,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EACrC,OAAO,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,cACrB,IAAI,CAAC,aAAa,GACR;YACrB,IAAI,CAAC,QAAQ,IAAI,CAChB,2EACE,KAAK,EAAE,mBAAmB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9D,IAAI,EAAE,IAAI,CAAC,IAAI,gBACH,IAAI,CAAC,SAAS,EAC1B,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,qBAAqB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,6BAA6B,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAC7I,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EACrC,OAAO,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,cACrB,IAAI,CAAC,YAAY,GACP,CACvB;YACA,IAAI,CAAC,SAAS,IAAI,CACjB,2EACE,KAAK,EAAE,mBAAmB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9D,IAAI,EAAE,IAAI,CAAC,IAAI,gBACH,IAAI,CAAC,SAAS,EAC1B,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,qBAAqB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,6BAA6B,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAC7I,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EACrC,OAAO,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,cACrB,IAAI,CAAC,aAAa,GACR,CACvB;YACA,IAAI,CAAC,QAAQ,IAAI,CAChB,2EACE,KAAK,EAAE,mBAAmB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9D,IAAI,EAAE,IAAI,CAAC,IAAI,gBACH,IAAI,CAAC,SAAS,EAC1B,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,qBAAqB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,6BAA6B,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAC7I,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EACrC,OAAO,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,cACrB,IAAI,CAAC,YAAY,GACP,CACvB;YACA,IAAI,CAAC,QAAQ,IAAI,CAChB,2EACE,KAAK,EAAE,mBAAmB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9D,IAAI,EAAE,IAAI,CAAC,IAAI,gBACH,IAAI,CAAC,SAAS,EAC1B,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,qBAAqB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,6BAA6B,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAC7I,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EACrC,OAAO,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,cACrB,IAAI,CAAC,YAAY,GACP,CACvB;YACA,IAAI,CAAC,UAAU,IAAI,CAClB,2EACE,KAAK,EAAE,mBAAmB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9D,IAAI,EAAE,IAAI,CAAC,IAAI,gBACH,IAAI,CAAC,SAAS,EAC1B,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,qBAAqB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,6BAA6B,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAC7I,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EACrC,OAAO,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,cACrB,IAAI,CAAC,cAAc,GACT,CACvB;YACA,IAAI,CAAC,SAAS,IAAI,CACjB,2EACE,KAAK,EAAE,mBAAmB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9D,IAAI,EAAE,IAAI,CAAC,IAAI,gBACH,IAAI,CAAC,SAAS,EAC1B,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,qBAAqB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,6BAA6B,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAC7I,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EACrC,OAAO,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,cACrB,IAAI,CAAC,aAAa,GACR,CACvB;YACA,IAAI,CAAC,QAAQ,IAAI,CAChB,2EACE,KAAK,EAAE,mBAAmB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9D,IAAI,EAAE,IAAI,CAAC,IAAI,gBACH,IAAI,CAAC,SAAS,EAC1B,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,qBAAqB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,6BAA6B,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAC7I,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EACrC,OAAO,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,cACrB,IAAI,CAAC,YAAY,GACP,CACvB;YACA,IAAI,CAAC,QAAQ,IAAI,CAChB,2EACE,KAAK,EAAE,mBAAmB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAC9D,IAAI,EAAE,IAAI,CAAC,IAAI,gBACH,IAAI,CAAC,SAAS,EAC1B,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,qBAAqB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,6BAA6B,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAC7I,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EACrC,OAAO,EAAE,IAAI,CAAC,WAAW,KAAK,CAAC,cACrB,IAAI,CAAC,YAAY,GACP,CACvB,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, Prop, State, h } from \"@stencil/core\";\r\nimport { BreakPoints, 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\n\r\nexport class GbHorizontalTabs {\r\n  @Prop() type: TabTypes;\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() fullWidth: boolean = false;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() thirdTab: boolean = false;\r\n  @Prop() fourthTab: boolean = false;\r\n  @Prop() fifthTab: boolean = false;\r\n  @Prop() sixthTab: boolean = false;\r\n  @Prop() seventhTab: boolean = false;\r\n  @Prop() eighthTab: boolean = false;\r\n  @Prop() ninthTab: boolean = false;\r\n  @Prop() tenthTab: 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  @State() 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  // componentDidLoad() {\r\n  //   this.activeIndex = 0;\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    } else if(storedIndex === null){\r\n      this.activeIndex = 0;\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`horizontal_tab_div ${this.type} ${this.breakpoint} ${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.thirdTab && (\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.fourthTab && (\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.fifthTab && (\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.sixthTab && (\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.seventhTab && (\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.eighthTab && (\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.ninthTab && (\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.tenthTab && (\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      </div>\r\n    );\r\n  }\r\n}"]}