globuswebcomponents 1.6.3 → 1.6.5

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

@@ -2,6 +2,7 @@ import { h } from "@stencil/core";
 export class GbHorizontalTabs {
     constructor() {
         this.fullWidth = false;
+        this.badge = false;
         this.firstTabName = '';
         this.secondTabName = '';
         this.thirdTabName = '';
@@ -22,13 +23,33 @@ 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: '5991cd87b9365df64c41c2fcfad5531ff79e892f', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, h("gb-tab-button-base", { key: 'e9b28b8b2e3db71589318ea2004596d04ed01041', 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, alignment: "horizontal" }), h("gb-tab-button-base", { key: 'da4957d8ddbd4843904caeb940b906c7101d3fbc', 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" }), this.thirdTabName && (h("gb-tab-button-base", { key: '034758fa2c9f1380fa0e0204d7e135333feeb941', 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" })), this.fourthTabName && (h("gb-tab-button-base", { key: 'ab5d32a57a87a5f20413e696b814180af5f34f1d', 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" })), this.fifthTabName && (h("gb-tab-button-base", { key: 'e3ec58c4b2285e485aec15576c235796d507a021', 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" })), this.sixthTabName && (h("gb-tab-button-base", { key: '0d436f095d06ca1c50c6bba9a32ba386bf1884ce', 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" })), this.seventhTabName && (h("gb-tab-button-base", { key: '1af2d1c02ea69401868a43d9f81dd53d06766157', 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" })), this.eighthTabName && (h("gb-tab-button-base", { key: '4a3a19c1f5825d883d1d1524906e181a9f70407a', 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" })), this.ninthTabName && (h("gb-tab-button-base", { key: '21916b8c58a166c8535daf7cd99c79ec4f82eecb', 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" })), this.tenthTabName && (h("gb-tab-button-base", { key: '1f6fc751de455674b1460cb2b12d7d2820ec704e', 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" })), this.eleventhTabName && (h("gb-tab-button-base", { key: 'b9b8fbe537a91bd56403266de0cae8506a555aa7', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(10), current: this.activeIndex === 10, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.twelfthTabName && (h("gb-tab-button-base", { key: 'b61c74a7e2ebee7e78bc5ede7fb9971a0bb2d115', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(11), current: this.activeIndex === 11, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.thirteenthTabName && (h("gb-tab-button-base", { key: '70c6b396d3f71e46e8082235859d78d7d2440256', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(12), current: this.activeIndex === 12, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.fourteenthTabName && (h("gb-tab-button-base", { key: 'fec11f69ac8c12f3f965eb3a060c020dfc92ec73', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(13), current: this.activeIndex === 13, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.fifteenthTabName && (h("gb-tab-button-base", { key: '551f2a849ce1265617a3f7c938e8f60de0eb4047', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(14), current: this.activeIndex === 14, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.sixteenthTabName && (h("gb-tab-button-base", { key: '279baab903fcb01257413916fafdd4b7978d4833', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(15), current: this.activeIndex === 15, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.seventeenthTabName && (h("gb-tab-button-base", { key: 'e836ea7de0e98bb243c9f53b119643fe00485ba9', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(16), current: this.activeIndex === 16, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.eighteenthTabName && (h("gb-tab-button-base", { key: 'c0455cc834128b327bfd19399bdbf623435f8b76', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(17), current: this.activeIndex === 17, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.nineteenthTabName && (h("gb-tab-button-base", { key: '8c97bcb7596f05088f04e40c42420561a198c66f', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(18), current: this.activeIndex === 18, "tab-name": this.tenthTabName, alignment: "horizontal" })), this.twentiethTabName && (h("gb-tab-button-base", { key: '70cb890f30e0f7c3b01664e72e095be8138552ef', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(19), current: this.activeIndex === 19, "tab-name": this.tenthTabName, alignment: "horizontal" }))));
+        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)))));
     }
     static get is() { return "gb-horizontal-tabs"; }
     static get encapsulation() { return "shadow"; }
@@ -114,6 +135,26 @@ export class GbHorizontalTabs {
                 "reflect": false,
                 "defaultValue": "false"
             },
+            "badge": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "badge",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "firstTabName": {
                 "type": "string",
                 "mutable": false,
@@ -514,6 +555,406 @@ 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,