globuswebcomponents 1.6.4 → 1.6.5

package/dist/cjs/gb-avatar_16.cjs.entry.js

@@ -586,6 +586,7 @@ const GbHorizontalTabs = class {
         index.registerInstance(this, hostRef);
         this.tabItemClicked = index.createEvent(this, "tabItemClicked");
         this.fullWidth = false;
+        this.badge = false;
         this.firstTabName = '';
         this.secondTabName = '';
         this.thirdTabName = '';
@@ -632,7 +633,7 @@ const GbHorizontalTabs = class {
         this.tabItemClicked.emit(index);
     }
     render() {
-        return (index.h("div", { key: '3a7fdf2845fdd7f56bb0896e41087112153cb34c', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, index.h("gb-tab-button-base", { key: 'd885054127e7bee320b6bc043825ef02758e56bb', 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, badge: true, alignment: "horizontal" }, index.h("p", { key: '0389da2e4ef53b8bb922c3311f7c8f98b3b05421', slot: "count" }, this.firstTabCount)), index.h("gb-tab-button-base", { key: 'c196846029547c7f6e6903f55c1444de6ea9d074', 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, alignment: "horizontal" }, index.h("p", { key: '1df7197d49cdc135a604004a5706d6437e7cf1ca', slot: "count" }, this.secondTabCount)), this.thirdTabName && (index.h("gb-tab-button-base", { key: '3ab7dca80816c5baee2d37dfcd15b8a167ec9357', 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, alignment: "horizontal" }, index.h("p", { key: '3127c5e784fa6645d976dc2e6e41f86c519b5917', slot: "count" }, this.thirdTabCount))), this.fourthTabName && (index.h("gb-tab-button-base", { key: '8c54b018ff62a421a59db16c0eda7e0e678bf8c4', 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, alignment: "horizontal" }, index.h("p", { key: '299681b995983ed3bc07b25144df40f98e57c0ba', slot: "count" }, this.fourthTabCount))), this.fifthTabName && (index.h("gb-tab-button-base", { key: 'b0738c3ea37821625fec4cf1b30a4d5af52c6369', 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, alignment: "horizontal" }, index.h("p", { key: '103bd3d2d68cdc46ae36aff57af9af93f26ae226', slot: "count" }, this.fifthTabCount))), this.sixthTabName && (index.h("gb-tab-button-base", { key: '1b4ee4451915cf462e9ac603c013599beee25faa', 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, alignment: "horizontal" }, index.h("p", { key: 'c4db64125736191f3be5e7f3f976a0e657ac9a0c', slot: "count" }, this.sixthTabCount))), this.seventhTabName && (index.h("gb-tab-button-base", { key: '220669619b1ec52a04aa27def51e6e63240c02a9', 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, alignment: "horizontal" }, index.h("p", { key: 'd529a4131739cbaeb71ca6e1ad2424cbf03d757f', slot: "count" }, this.seventhTabCount))), this.eighthTabName && (index.h("gb-tab-button-base", { key: '99fc0af3421964dec074701c56ff90310d6f1cad', 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, alignment: "horizontal" }, index.h("p", { key: '390cf2a5854701bee1dc5c3f7276e5c11c1cb309', slot: "count" }, this.eighthTabCount))), this.ninthTabName && (index.h("gb-tab-button-base", { key: 'db14269aeabd563855cc430ab54d1ec51586c490', 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, alignment: "horizontal" }, index.h("p", { key: '8b64120baa21a17cc1e5f59f8bfc4566ed85bdf6', slot: "count" }, this.ninthTabCount))), this.tenthTabName && (index.h("gb-tab-button-base", { key: '2a1beee364b85187ab0d9d5e71342a869a2064b0', 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, alignment: "horizontal" }, index.h("p", { key: 'ace5b8e51256b2253ac55fa5d91aff260c80a784', slot: "count" }, this.tenthTabCount))), this.eleventhTabName && (index.h("gb-tab-button-base", { key: 'b9b0db8d4367574c9dc0fab771203797e1df8ff1', 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.eleventhTabName, alignment: "horizontal" }, index.h("p", { key: '5bc122d44b3d4f48b0780c0d40c4b863f6653d92', slot: "count" }, this.eleventhTabCount))), this.twelfthTabName && (index.h("gb-tab-button-base", { key: 'd3bb99899bbec305469d99d1e79ff39872c97fae', 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.twelfthTabName, alignment: "horizontal" }, index.h("p", { key: 'b2881019a6cdc3a14421d701ff362060ca022472', slot: "count" }, this.twelfthTabCount))), this.thirteenthTabName && (index.h("gb-tab-button-base", { key: '4b0ac67949ad4e6769b59f109bdbb8255f581437', 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.thirteenthTabName, alignment: "horizontal" }, index.h("p", { key: '133a07a1c433fa34302f9b632352eebb2116dd2f', slot: "count" }, this.thirteenthTabCount))), this.fourteenthTabName && (index.h("gb-tab-button-base", { key: '4e9cabc020e4c5b08fe1e8f9eb3bc025fe516e5f', 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.fourteenthTabName, alignment: "horizontal" }, index.h("p", { key: 'aa7946f1bbaac9729a0fa43e2ac6ede946a18f65', slot: "count" }, this.fourteenthTabCount))), this.fifteenthTabName && (index.h("gb-tab-button-base", { key: '787cc97f4465cf213cbc471c33854036edc75681', 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.fifteenthTabName, alignment: "horizontal" }, index.h("p", { key: '9469626829b25061f0e57bb61b8275514543429f', slot: "count" }, this.fifteenthTabCount))), this.sixteenthTabName && (index.h("gb-tab-button-base", { key: '4a77b5bf9e4f6b8aa0d1ec3b6b64c120a79794c4', 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.sixteenthTabName, alignment: "horizontal" }, index.h("p", { key: '7e4e01548f6cc1c50d287f0b5edd0d5a2f2211c0', slot: "count" }, this.sixtenthTabCount))), this.seventeenthTabName && (index.h("gb-tab-button-base", { key: 'af733bac5932e6e8e064a2f7999cab7f694d32f4', 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.seventeenthTabName, alignment: "horizontal" }, index.h("p", { key: 'f8973447b0a7bf2b989f29e526b168d4792ad029', slot: "count" }, this.seventeenthTabCount))), this.eighteenthTabName && (index.h("gb-tab-button-base", { key: 'e4157e67c56e5de5ab96f10c341e8a63b0dea6f3', 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.eighteenthTabName, alignment: "horizontal" }, index.h("p", { key: '7437efb62bdfdc29b827de998b024aec7516471d', slot: "count" }, this.eighteenthTabCount))), this.nineteenthTabName && (index.h("gb-tab-button-base", { key: '755a1e97551755f5ff5237bee08caa87d3362535', 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.nineteenthTabName, alignment: "horizontal" }, index.h("p", { key: 'f87eff12dc05efdb0e3269e8289745bf0a19d79c', slot: "count" }, this.nineteenthTabCount))), this.twentiethTabName && (index.h("gb-tab-button-base", { key: '61381b6c4085cbbc4db7175899b2b45043635ab8', 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.twentiethTabName, alignment: "horizontal" }, index.h("p", { key: '4eafdf797955c62dafb57e7f63ac33492ed8eba2', slot: "count" }, this.twentiethTabCount)))));
+        return (index.h("div", { key: 'a39e2f89fa4732186de33f2430e34afa58a134be', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, index.h("gb-tab-button-base", { key: 'd4fa7eadcebdb61af31d84d57c2e4c8368cdf350', 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, badge: this.badge, alignment: "horizontal" }, index.h("p", { key: '88ea6bd73ddb8c79ea88ea0f408566b95edf85ca', slot: "count" }, this.firstTabCount)), index.h("gb-tab-button-base", { key: '9fd7675a2b05700bf7c79cc226a283c95316ddf4', 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, alignment: "horizontal" }, index.h("p", { key: '87824686a8dbca4edaa6a3198b1f0350d3416f7e', slot: "count" }, this.secondTabCount)), this.thirdTabName && (index.h("gb-tab-button-base", { key: '9a93aea7a0a3345b142d015bdb4edf7f32153251', 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, alignment: "horizontal" }, index.h("p", { key: '1db52cf1e10598eacc7ec4d61084fb30a9344fef', slot: "count" }, this.thirdTabCount))), this.fourthTabName && (index.h("gb-tab-button-base", { key: '2a33a93e575a7d9b405f194cf2843415424e5901', 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, alignment: "horizontal" }, index.h("p", { key: '0bdeb62070e1d6c4cbe677ee72d48cfd0361049d', slot: "count" }, this.fourthTabCount))), this.fifthTabName && (index.h("gb-tab-button-base", { key: '4d709c82eba4db990615a7bdbf4c73cba1abbcef', 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, alignment: "horizontal" }, index.h("p", { key: '18a278df3971210e1b800b42053f65ab9472e5c9', slot: "count" }, this.fifthTabCount))), this.sixthTabName && (index.h("gb-tab-button-base", { key: 'b015dd29df79accc654fcebe56572674e3019bc9', 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, alignment: "horizontal" }, index.h("p", { key: 'a9ec77c306c81517682dee626ec12cfe708922b9', slot: "count" }, this.sixthTabCount))), this.seventhTabName && (index.h("gb-tab-button-base", { key: 'ac5e865d27cdf51d86fbdd22e828a6767259fa7f', 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, alignment: "horizontal" }, index.h("p", { key: '06ca5c7ac0c893229684fc582c5c1facc2061249', slot: "count" }, this.seventhTabCount))), this.eighthTabName && (index.h("gb-tab-button-base", { key: '75bb030daff308d8317461deaf7466bc01eac062', 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, alignment: "horizontal" }, index.h("p", { key: '726e794e624570b73b13065f574cce0d32ed6ec3', slot: "count" }, this.eighthTabCount))), this.ninthTabName && (index.h("gb-tab-button-base", { key: '5121baa56fb07f0bd6fe185c2710dbdd0e1a0b64', 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, alignment: "horizontal" }, index.h("p", { key: 'a2a6b0b05e2ee8168bb53401e99fb174924a9ef3', slot: "count" }, this.ninthTabCount))), this.tenthTabName && (index.h("gb-tab-button-base", { key: '07e0d9d63c111d6598d85039c64ae0aa1d8e8fc5', 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, alignment: "horizontal" }, index.h("p", { key: '0a12cb47cc1555e72c448e0ec1e3fb068015d49c', slot: "count" }, this.tenthTabCount))), this.eleventhTabName && (index.h("gb-tab-button-base", { key: 'd6f78f5d0693c4f6622028a3a8d5218a6b648642', 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.eleventhTabName, alignment: "horizontal" }, index.h("p", { key: '20a5d5fd301f913ed2e438bfb94f46e71175255f', slot: "count" }, this.eleventhTabCount))), this.twelfthTabName && (index.h("gb-tab-button-base", { key: '0c9deaa4a86a02a6bbed7f39e8733895652ae374', 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.twelfthTabName, alignment: "horizontal" }, index.h("p", { key: '8b7651e656126f3ffb84711bc65f7940241039e3', slot: "count" }, this.twelfthTabCount))), this.thirteenthTabName && (index.h("gb-tab-button-base", { key: '80b6db3b00f5f1a91a8bf3caf3df502e0facb9ea', 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.thirteenthTabName, alignment: "horizontal" }, index.h("p", { key: '12993aaa665e7700b52d11a7d5b91e8ea621801f', slot: "count" }, this.thirteenthTabCount))), this.fourteenthTabName && (index.h("gb-tab-button-base", { key: '7abb4ff28e19cff8a292e3e2797aeed0c203c3d9', 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.fourteenthTabName, alignment: "horizontal" }, index.h("p", { key: '93dea58bd4f86b22520497f21284ee092957226d', slot: "count" }, this.fourteenthTabCount))), this.fifteenthTabName && (index.h("gb-tab-button-base", { key: 'fcb05e76bf60a06c17e531c38e53610adf415039', 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.fifteenthTabName, alignment: "horizontal" }, index.h("p", { key: 'ece4e44fa6a204ca8fe9828cdc0b1672dfa91010', slot: "count" }, this.fifteenthTabCount))), this.sixteenthTabName && (index.h("gb-tab-button-base", { key: '136c327f40cfa7509bb6120681b84e6d8982fd57', 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.sixteenthTabName, alignment: "horizontal" }, index.h("p", { key: '0d2eb030b81f7cf34f406922327c1f12f1a988ce', slot: "count" }, this.sixtenthTabCount))), this.seventeenthTabName && (index.h("gb-tab-button-base", { key: '620bf0716826cd2784c09a3811fdb3886a219ddc', 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.seventeenthTabName, alignment: "horizontal" }, index.h("p", { key: '27f1a5c4e8ad84cae4c84cc409e2a5bf1242b10e', slot: "count" }, this.seventeenthTabCount))), this.eighteenthTabName && (index.h("gb-tab-button-base", { key: '9e9134934b4fdd286ce708c36b4a11d8048852ae', 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.eighteenthTabName, alignment: "horizontal" }, index.h("p", { key: '4672f031efa1009ceed90a3b65e12f5e4e1a322e', slot: "count" }, this.eighteenthTabCount))), this.nineteenthTabName && (index.h("gb-tab-button-base", { key: '7f323f28eb38dd827573d85e7bf84ae99a515c9a', 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.nineteenthTabName, alignment: "horizontal" }, index.h("p", { key: 'dd902f498d0526bd6a12f3375cb983ad67899992', slot: "count" }, this.nineteenthTabCount))), this.twentiethTabName && (index.h("gb-tab-button-base", { key: '48c4eda5bd73d44e31744668748b1fc000884675', 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.twentiethTabName, alignment: "horizontal" }, index.h("p", { key: '55b2442828508d1e5b00973333480942b61e4111', slot: "count" }, this.twentiethTabCount)))));
     }
 };
 GbHorizontalTabs.style = gbHorizontalTabsCss;