globuswebcomponents 1.6.8 → 1.7.0

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

@@ -23,33 +23,13 @@ export class GbHorizontalTabs {
         this.eighteenthTabName = '';
         this.nineteenthTabName = '';
         this.twentiethTabName = '';
-        this.firstTabCount = '';
-        this.secondTabCount = '';
-        this.thirdTabCount = '';
-        this.fourthTabCount = '';
-        this.fifthTabCount = '';
-        this.sixthTabCount = '';
-        this.seventhTabCount = '';
-        this.eighthTabCount = '';
-        this.ninthTabCount = '';
-        this.tenthTabCount = '';
-        this.eleventhTabCount = '';
-        this.twelfthTabCount = '';
-        this.thirteenthTabCount = '';
-        this.fourteenthTabCount = '';
-        this.fifteenthTabCount = '';
-        this.sixtenthTabCount = '';
-        this.seventeenthTabCount = '';
-        this.eighteenthTabCount = '';
-        this.nineteenthTabCount = '';
-        this.twentiethTabCount = '';
     }
     async handleTabClick(index) {
         this.activeIndex = index;
         this.tabItemClicked.emit(index);
     }
     render() {
-        return (h("div", { key: 'a39e2f89fa4732186de33f2430e34afa58a134be', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, 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" }, h("p", { key: '88ea6bd73ddb8c79ea88ea0f408566b95edf85ca', slot: "count" }, this.firstTabCount)), 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" }, h("p", { key: '87824686a8dbca4edaa6a3198b1f0350d3416f7e', slot: "count" }, this.secondTabCount)), this.thirdTabName && (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" }, h("p", { key: '1db52cf1e10598eacc7ec4d61084fb30a9344fef', slot: "count" }, this.thirdTabCount))), this.fourthTabName && (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" }, h("p", { key: '0bdeb62070e1d6c4cbe677ee72d48cfd0361049d', slot: "count" }, this.fourthTabCount))), this.fifthTabName && (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" }, h("p", { key: '18a278df3971210e1b800b42053f65ab9472e5c9', slot: "count" }, this.fifthTabCount))), this.sixthTabName && (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" }, h("p", { key: 'a9ec77c306c81517682dee626ec12cfe708922b9', slot: "count" }, this.sixthTabCount))), this.seventhTabName && (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" }, h("p", { key: '06ca5c7ac0c893229684fc582c5c1facc2061249', slot: "count" }, this.seventhTabCount))), this.eighthTabName && (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" }, h("p", { key: '726e794e624570b73b13065f574cce0d32ed6ec3', slot: "count" }, this.eighthTabCount))), this.ninthTabName && (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" }, h("p", { key: 'a2a6b0b05e2ee8168bb53401e99fb174924a9ef3', slot: "count" }, this.ninthTabCount))), this.tenthTabName && (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" }, h("p", { key: '0a12cb47cc1555e72c448e0ec1e3fb068015d49c', slot: "count" }, this.tenthTabCount))), this.eleventhTabName && (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" }, h("p", { key: '20a5d5fd301f913ed2e438bfb94f46e71175255f', slot: "count" }, this.eleventhTabCount))), this.twelfthTabName && (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" }, h("p", { key: '8b7651e656126f3ffb84711bc65f7940241039e3', slot: "count" }, this.twelfthTabCount))), this.thirteenthTabName && (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" }, h("p", { key: '12993aaa665e7700b52d11a7d5b91e8ea621801f', slot: "count" }, this.thirteenthTabCount))), this.fourteenthTabName && (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" }, h("p", { key: '93dea58bd4f86b22520497f21284ee092957226d', slot: "count" }, this.fourteenthTabCount))), this.fifteenthTabName && (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" }, h("p", { key: 'ece4e44fa6a204ca8fe9828cdc0b1672dfa91010', slot: "count" }, this.fifteenthTabCount))), this.sixteenthTabName && (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" }, h("p", { key: '0d2eb030b81f7cf34f406922327c1f12f1a988ce', slot: "count" }, this.sixtenthTabCount))), this.seventeenthTabName && (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" }, h("p", { key: '27f1a5c4e8ad84cae4c84cc409e2a5bf1242b10e', slot: "count" }, this.seventeenthTabCount))), this.eighteenthTabName && (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" }, h("p", { key: '4672f031efa1009ceed90a3b65e12f5e4e1a322e', slot: "count" }, this.eighteenthTabCount))), this.nineteenthTabName && (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" }, h("p", { key: 'dd902f498d0526bd6a12f3375cb983ad67899992', slot: "count" }, this.nineteenthTabCount))), this.twentiethTabName && (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" }, h("p", { key: '55b2442828508d1e5b00973333480942b61e4111', slot: "count" }, this.twentiethTabCount)))));
+        return (h("div", { key: '92ca5ae6698edbfde2610510b5771cd87d89ec83', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, h("gb-tab-button-base", { key: '950f24c9c6ac4da14d3c566c50cbdbf1dba7a1c7', 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" }, h("slot", { key: 'bd9479c9486a5646c5965ffe5950a7d0d4285bcf', slot: "count", name: "first_tab_count" })), h("gb-tab-button-base", { key: 'ba46d07034a7b2b5a689ffcc56e85c6cc447a4f1', 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, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '99000afe7c3f7f7d498bbbf02d310166cb88a469', slot: "count", name: "second_tab_count" })), this.thirdTabName && (h("gb-tab-button-base", { key: '58be80b1fe1bc05ea73b484d5284db0029684309', 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, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'b583ddb17157c302a5927d32c84b6265d686fa50', slot: "count", name: "third_tab_count" }))), this.fourthTabName && (h("gb-tab-button-base", { key: '20ec2b1856a94b60277e30618809cf38183af73f', 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, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '56a81be527444f0fb2cb941a112aef2180fb6299', slot: "count", name: "fourth_tab_count" }))), this.fifthTabName && (h("gb-tab-button-base", { key: '9a6a264b0e5414a5f6e7044fde726437769c0768', 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, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '4990066f56ff0e514dac688a1e62095e2a335ba0', slot: "count", name: "fifth_tab_count" }))), this.sixthTabName && (h("gb-tab-button-base", { key: '59c02167c1bea7620d8ba84f74451d56c200793c', 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, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '505a0c78f10adc5773ebbaa35a881fea56b2a9be', slot: "count", name: "sixth_tab_count" }))), this.seventhTabName && (h("gb-tab-button-base", { key: '687a4dcf513d1884a9ec3e018447a1848fac49df', 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, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'a2836cdc82ade4d0be42bf777b5262207333cbd1', slot: "count", name: "seventh_tab_count" }))), this.eighthTabName && (h("gb-tab-button-base", { key: '1a44d7e2608a86f152ce1f4293537c0e9d0f128d', 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, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '5ef5b31603fceb521ff8379baefe95fd728516c9', slot: "count", name: "eighth_tab_count" }))), this.ninthTabName && (h("gb-tab-button-base", { key: '9ecf779be8cf3ca8e48082e8ccd94ce2415a0e2c', 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, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '4b98098d351a911ebe44a4f92bd9eb49f41d343f', slot: "count", name: "ninth_tab_count" }))), this.tenthTabName && (h("gb-tab-button-base", { key: '3731173d9d7045a1ca244aba441f2d1759f46354', 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, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '9e8238ab20a3755486a7dcdddcc9b2ce17ea0d28', slot: "count", name: "tenth_tab_count" }))), this.eleventhTabName && (h("gb-tab-button-base", { key: 'e52ade33d51578237aae3753e525bfc9638b57f7', 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, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'fa06e7b4478db59112ffe68f564c87fe852925c7', slot: "count", name: "eleventh_tab_count" }))), this.twelfthTabName && (h("gb-tab-button-base", { key: 'dafc01cf593135cc9499325081dc1601ca10807d', 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, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'b727a93168ecc9ab3d8b9ea7cdd4961e35078c4e', slot: "count", name: "twelfth_tab_count" }))), this.thirteenthTabName && (h("gb-tab-button-base", { key: '9fba810d1f122f27b70c73964984cb113952518d', 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, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'dd6ae4386bde38024bba4f471ed97d9d380450fc', slot: "count", name: "thirteenth_tab_count" }))), this.fourteenthTabName && (h("gb-tab-button-base", { key: '77c02ab239a9ec8b9e35e354e3a1ab5ecfbd9a4f', 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, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'd75e300b1be31b995d1b7b51157ea660f7717098', slot: "count", name: "fourteenth_tab_count" }))), this.fifteenthTabName && (h("gb-tab-button-base", { key: '58b1719ac1eb06faef98b4ec7da5688728870ec4', 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, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '74fdaa2588a69c69e9854d6231cd852562186330', slot: "count", name: "fifteenth_tab_count" }))), this.sixteenthTabName && (h("gb-tab-button-base", { key: '084565a81ea9791a1929255f519404d6d8efcbcd', 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, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'e082fb6754572ca7cb646ac068b5f904490a96a4', slot: "count", name: "sixteenth_tab_count" }))), this.seventeenthTabName && (h("gb-tab-button-base", { key: '4540ddb17a67f5354b4dea8ff466f87d5f948fbf', 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, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '21ce755dbcec886adde4b8cda19b9bf51a4a8580', slot: "count", name: "seventeenth_tab_count" }))), this.eighteenthTabName && (h("gb-tab-button-base", { key: '5b546c0edcc7740b71dd7ee87acad8d592fb4944', 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, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '9ee6b3f2a019ed17d4fc7720173712d646ee9356', slot: "count", name: "eighteenth_tab_count" }))), this.nineteenthTabName && (h("gb-tab-button-base", { key: '76097ba531e1bfc02d9e1515c1c9ba7c337eb010', 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, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '3c1e991d8d2f691b05694cb5a6900d8cb95edec2', slot: "count", name: "nineteenth_tab_count" }))), this.twentiethTabName && (h("gb-tab-button-base", { key: '120550b6f6e91bc6a91b2c13b6f92a1dc0bace5d', 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, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'bc65277dedea072f11832d9551623a9578dd0b1d', slot: "count", name: "twentieth_tab_count" })))));
     }
     static get is() { return "gb-horizontal-tabs"; }
     static get encapsulation() { return "shadow"; }
@@ -555,406 +535,6 @@ export class GbHorizontalTabs {
                 "reflect": false,
                 "defaultValue": "''"
             },
-            "firstTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "first-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "secondTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "second-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "thirdTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "third-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fourthTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fourth-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fifthTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fifth-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "sixthTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "sixth-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "seventhTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "seventh-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "eighthTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "eighth-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "ninthTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "ninth-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "tenthTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "tenth-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "eleventhTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "eleventh-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "twelfthTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "twelfth-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "thirteenthTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "thirteenth-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fourteenthTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fourteenth-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fifteenthTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fifteenth-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "sixtenthTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "sixtenth-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "seventeenthTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "seventeenth-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "eighteenthTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "eighteenth-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "nineteenthTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "nineteenth-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "twentiethTabCount": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "twentieth-tab-count",
-                "reflect": false,
-                "defaultValue": "''"
-            },
             "activeIndex": {
                 "type": "number",
                 "mutable": true,