globuswebcomponents 2.4.9 → 2.5.1

package/dist/collection/components/gb-help-dropdown/gb-help-dropdown.js

@@ -4,7 +4,7 @@ export class GbHelpDropdown {
         this.helpItemClicked.emit(item);
     }
     render() {
-        return (h("div", { key: '7fcadc4a9a98dabc747b11e5e501a8355304bc26', class: "dropdown-container" }, h("div", { key: '059d613a12a9d589fc586121b660202046557d68', class: "user_guide" }, h("gb-dropdown-items-with-shortcut", { key: 'f6a9bf0271f459c043a754a55f6c47a32b44675e', icon: true, iconSrc: "assets/book_open.svg", label: "Download user guide", onClick: () => this.onHelpItemClicked('download_user_guide') })), h("div", { key: 'aceb99c8923db1b7308d913090635dee8ab8ad07', class: "bug" }, h("gb-dropdown-items-with-shortcut", { key: '8937359bfbd377df1e469c1cb08dabc0c9f30eb6', icon: true, iconSrc: "assets/bug_02.svg", label: "Report a bug", onClick: () => this.onHelpItemClicked('report_a_bug') })), this.showLogError && (h("div", { key: 'c63c20ce818b1b63d7a6a8f94dc11acade9b2dca', class: "log_error" }, h("gb-dropdown-items-with-shortcut", { key: '9eba7420aa671783f80a52743a44922506093467', icon: true, iconSrc: "assets/alert_02.svg", label: "Log a profile error", onClick: () => this.onHelpItemClicked('log_a_profile_error') })))));
+        return (h("div", { key: '13325a8364fd67f196000203a4cad1b0be7eabeb', class: "dropdown-container" }, h("div", { key: '24e563b5b76b737dfb3ae6439f85d90654e5ace3', class: "user_guide" }, h("gb-dropdown-items-with-shortcut", { key: '5e7566e1ea650c9616dd4aedc9215f8793eb8f65', icon: true, iconSrc: "assets/book_open.svg", label: "Download user guide", onClick: () => this.onHelpItemClicked('download_user_guide') })), h("div", { key: '4485d36a85826ba845c074631c944c8b372495c0', class: "bug" }, h("gb-dropdown-items-with-shortcut", { key: '0932f2cc5dfaade5ac82eacf2460c5aad2606886', icon: true, iconSrc: "assets/bug_02.svg", label: "Report a bug", onClick: () => this.onHelpItemClicked('report_a_bug') })), this.showLogError && (h("div", { key: '2cb82cc1b7745f53584e85aee4a7e26d867cf49f', class: "log_error" }, h("gb-dropdown-items-with-shortcut", { key: 'aaf9778fe80b9bb8e07c33c33a4a02f8267a40b3', icon: true, iconSrc: "assets/alert_02.svg", label: "Log a profile error", onClick: () => this.onHelpItemClicked('log_a_profile_error') })))));
     }
     static get is() { return "gb-help-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-help-tooltip/gb-help-tooltip.js

@@ -16,7 +16,7 @@ export class GbHelpTooltip {
         }
     }
     render() {
-        return (h("div", { key: 'db7f02a40c4e000e736553c29242b0380a1690d6', class: `help_tooltip` }, h("svg", { key: '366881509c3de7545bf8a41d99028cd47d6b3e2b', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", onMouseEnter: () => (this.showHelpTooltip = true), onMouseLeave: () => (this.showHelpTooltip = false), class: "help_circle" }, h("path", { key: 'cf59a8c4a5cc84526baa8a78468a3b84156790c7', d: "M6.66659 6C6.66659 5.26362 7.26354 4.66666 7.99992 4.66666C8.7363 4.66666 9.33325 5.26362 9.33325 6C9.33325 6.26543 9.25569 6.51275 9.12199 6.72052C8.72352 7.33978 7.99992 7.93028 7.99992 8.66666V9M7.99458 11.3333H8.00057M14.6666 8C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8C1.33325 4.3181 4.31802 1.33333 7.99992 1.33333C11.6818 1.33333 14.6666 4.3181 14.6666 8Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), this.showHelpTooltip && (h("gb-tooltip", { key: 'fadc7d71cb95537e61c0b18e01c78b78025ae82a', "show-arrow": true, arrow: "bottom_right", "show-supporting-text": this.showSupportingText, class: "tooltip" }, h("slot", { key: 'c6a9f83b56cafec79069e6d60c151e26c9e2b460', name: "label", slot: "label" }), h("slot", { key: '38d84d6d109196d91bde442adde22ca1354db82d', name: "supporting_text", slot: "supporting_text" })))));
+        return (h("div", { key: '46e639b628fa3171db9eb6b1919b0cf267dd8687', class: `help_tooltip` }, h("svg", { key: '9e92214b2e45e8991f1ed59234130830f381281e', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", onMouseEnter: () => (this.showHelpTooltip = true), onMouseLeave: () => (this.showHelpTooltip = false), class: "help_circle" }, h("path", { key: '720ce01e2a0a31c933a443bb254bc07793d3b0e4', d: "M6.66659 6C6.66659 5.26362 7.26354 4.66666 7.99992 4.66666C8.7363 4.66666 9.33325 5.26362 9.33325 6C9.33325 6.26543 9.25569 6.51275 9.12199 6.72052C8.72352 7.33978 7.99992 7.93028 7.99992 8.66666V9M7.99458 11.3333H8.00057M14.6666 8C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8C1.33325 4.3181 4.31802 1.33333 7.99992 1.33333C11.6818 1.33333 14.6666 4.3181 14.6666 8Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), this.showHelpTooltip && (h("gb-tooltip", { key: '0c4e387157267535cfe9b2b9504b9c83b95d54f6', "show-arrow": true, arrow: "bottom_right", "show-supporting-text": this.showSupportingText, class: "tooltip" }, h("slot", { key: 'f031e63d2b812ee0866739be59b77b33f5c0958c', name: "label", slot: "label" }), h("slot", { key: '7ec6d36918aac60b5f8b4fdda4ce37668967b8a4', name: "supporting_text", slot: "supporting_text" })))));
     }
     static get is() { return "gb-help-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -3,43 +3,36 @@ export class GbHorizontalTabs {
     constructor() {
         this.fullWidth = false;
         this.badge = false;
-        this.firstTabName = '';
-        this.secondTabName = '';
-        this.thirdTabName = '';
-        this.fourthTabName = '';
-        this.fifthTabName = '';
-        this.sixthTabName = '';
-        this.seventhTabName = '';
-        this.eighthTabName = '';
-        this.ninthTabName = '';
-        this.tenthTabName = '';
-        this.eleventhTabName = '';
-        this.twelfthTabName = '';
-        this.thirteenthTabName = '';
-        this.fourteenthTabName = '';
-        this.fifteenthTabName = '';
-        this.sixteenthTabName = '';
-        this.seventeenthTabName = '';
-        this.eighteenthTabName = '';
-        this.nineteenthTabName = '';
-        this.twentiethTabName = '';
+        this.tabs = [
+        // {
+        //   name: 'First',
+        //   index: 0,
+        //   badgeCount: '5',
+        // },
+        // {
+        //   name: 'Second',
+        //   index: 1,
+        //   badgeCount: '10',
+        // },
+        ];
+        this.internalTabs = [...this.tabs];
         this.internalActiveIndex = 0;
     }
     setActiveIndex(_oldValue, newValue) {
-        // console.log('totalPages changed from', oldValue, 'to', newValue);
         this.internalActiveIndex = newValue;
-        // this.generatePages();
+    }
+    onTabsChanged(newTabs) {
+        this.internalTabs = newTabs;
     }
     componentWillRender() {
         this.internalActiveIndex = this.activeIndex;
-        // setTimeout(() => {this.internalActiveIndex = 2}, 2000)
     }
     async handleTabClick(index) {
         this.activeIndex = index;
         this.tabItemClicked.emit(index);
     }
     render() {
-        return (h("div", { key: '5a38ebead293b7c856a045a6745f35c8724870d7', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, h("gb-tab-button-base", { key: '3c603fa6ddab309a88bc1b72a0554a574f3b83b7', 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.internalActiveIndex === 0, "tab-name": this.firstTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'd56fd3d22576745bbde124b884b73138e75641d1', slot: "count", name: "first_tab_count" })), h("gb-tab-button-base", { key: '6c8d314cd8ed64a13c7eab52b8c1902cf19668fc', 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.internalActiveIndex === 1, "tab-name": this.secondTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'd265dfe0fddcffe58067d44b223b2c282236b70b', slot: "count", name: "second_tab_count" })), this.thirdTabName && (h("gb-tab-button-base", { key: '4208f2b99db16fd331055077a21992d272681976', 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.internalActiveIndex === 2, "tab-name": this.thirdTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'd44e704870e8f02d7c66c70c05078f98115fabe5', slot: "count", name: "third_tab_count" }))), this.fourthTabName && (h("gb-tab-button-base", { key: '71dd698adc8547a9c12b2a5525bfee1d288de816', 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.internalActiveIndex === 3, "tab-name": this.fourthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'b10362c279d13467bbbbd43c595221b57da8221b', slot: "count", name: "fourth_tab_count" }))), this.fifthTabName && (h("gb-tab-button-base", { key: '9e67c205e0cc5004ef132388f85658d0a0ce994c', 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.internalActiveIndex === 4, "tab-name": this.fifthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '1960820fb15d96c1a6aa24abaabb9ce5fbac27bb', slot: "count", name: "fifth_tab_count" }))), this.sixthTabName && (h("gb-tab-button-base", { key: 'f7e10dbcaaeb6baa292ed09097f19238a96a9ad4', 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.internalActiveIndex === 5, "tab-name": this.sixthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '3a72baf48cc2effea6f69bd31a8e406762d4acac', slot: "count", name: "sixth_tab_count" }))), this.seventhTabName && (h("gb-tab-button-base", { key: '3f440d0b889e69b286301bffdce883c73000a7f3', 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.internalActiveIndex === 6, "tab-name": this.seventhTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '48fb7967859f20c1cdad3b10e8719d639d38d505', slot: "count", name: "seventh_tab_count" }))), this.eighthTabName && (h("gb-tab-button-base", { key: '9a7a51bf5649525ae06302a241b5b277447a88d2', 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.internalActiveIndex === 7, "tab-name": this.eighthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '824f1b970325f9b91732d855e66bdfe74dc038f2', slot: "count", name: "eighth_tab_count" }))), this.ninthTabName && (h("gb-tab-button-base", { key: 'd55e31011c745acb5848207d70df386f90402609', 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.internalActiveIndex === 8, "tab-name": this.ninthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '4df30a2c223c7ea84137ef28d9272d5ba38ec276', slot: "count", name: "ninth_tab_count" }))), this.tenthTabName && (h("gb-tab-button-base", { key: '782619d9086acd62607178dd477a403d03bbad5b', 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.internalActiveIndex === 9, "tab-name": this.tenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '59eb87a390c45455e637e2a13c8fe819d4069dff', slot: "count", name: "tenth_tab_count" }))), this.eleventhTabName && (h("gb-tab-button-base", { key: '528296054f27035b86617c39c6928a6cef06283b', 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.internalActiveIndex === 10, "tab-name": this.eleventhTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '8e71bcc4513322f28a21fdcae28d98552dd1634a', slot: "count", name: "eleventh_tab_count" }))), this.twelfthTabName && (h("gb-tab-button-base", { key: 'dd9f415845766e5d2b40d3b512db0502dd75d7b2', 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.internalActiveIndex === 11, "tab-name": this.twelfthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '76094c1e9e17a81d7fe1028e2f57a178e0b9f04e', slot: "count", name: "twelfth_tab_count" }))), this.thirteenthTabName && (h("gb-tab-button-base", { key: 'bb9e2ad06a2651771e921200ee6bb08271144bf5', 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.internalActiveIndex === 12, "tab-name": this.thirteenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '542297cd1226829aecc850a88cdc60a7ea1b7f9f', slot: "count", name: "thirteenth_tab_count" }))), this.fourteenthTabName && (h("gb-tab-button-base", { key: 'fc2ea159f9641f404538ad6fb2120d5bc489cad3', 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.internalActiveIndex === 13, "tab-name": this.fourteenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '64af958445b2a2063d9f7e537876e5f6019d241b', slot: "count", name: "fourteenth_tab_count" }))), this.fifteenthTabName && (h("gb-tab-button-base", { key: '35201a76fd39782f963fa5cacff82a4d31c22b5e', 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.internalActiveIndex === 14, "tab-name": this.fifteenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '3d787104eb133d9ed5888cf144780aaeae2ed6e2', slot: "count", name: "fifteenth_tab_count" }))), this.sixteenthTabName && (h("gb-tab-button-base", { key: 'aadafaf945a6bb65b2f13731a2cbe8f397fb82d6', 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.internalActiveIndex === 15, "tab-name": this.sixteenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'dea1c3e62cbbc1fb7c232e92fcb8dbbf52b35adc', slot: "count", name: "sixteenth_tab_count" }))), this.seventeenthTabName && (h("gb-tab-button-base", { key: '2f2cca4e897b8782cc4ca5cbbe072385a5256ce4', 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.internalActiveIndex === 16, "tab-name": this.seventeenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'f809ff44d43b0ea3c858d16ed5e4eb2eb97c3006', slot: "count", name: "seventeenth_tab_count" }))), this.eighteenthTabName && (h("gb-tab-button-base", { key: '0474895bb5c54147616bb9c06d9d3d4a676ba08d', 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.internalActiveIndex === 17, "tab-name": this.eighteenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'e804d6a17548111f917cd2d26f3dd4ff5b29ad47', slot: "count", name: "eighteenth_tab_count" }))), this.nineteenthTabName && (h("gb-tab-button-base", { key: '510e6f03a73a2c87aaa27701c65c6ac8e0285bf7', 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.internalActiveIndex === 18, "tab-name": this.nineteenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'd4b2b1a4a1775303308c1008ff4ec0b07aac6635', slot: "count", name: "nineteenth_tab_count" }))), this.twentiethTabName && (h("gb-tab-button-base", { key: '11b5cc958a489158031dba2beb77dfe6761ebb34', 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.internalActiveIndex === 19, "tab-name": this.twentiethTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '2943f88d246a50eddc6aeb83d00b6089136fc30f', slot: "count", name: "twentieth_tab_count" })))));
+        return (h("div", { key: 'c39a8dcb5e33ff2ff2a2d7d2e2118bc4039a593f', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { 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(index), current: this.internalActiveIndex === index, "tab-name": tab.name, badge: this.badge, alignment: "horizontal" }, h("p", { slot: "count" }, tab.badgeCount))))));
     }
     static get is() { return "gb-horizontal-tabs"; }
     static get encapsulation() { return "shadow"; }
@@ -145,372 +138,12 @@ export class GbHorizontalTabs {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "firstTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "first-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "secondTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "second-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "thirdTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "third-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fourthTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fourth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fifthTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fifth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "sixthTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "sixth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "seventhTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "seventh-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "eighthTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "eighth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "ninthTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "ninth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "tenthTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "tenth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "eleventhTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "eleventh-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "twelfthTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "twelfth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "thirteenthTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "thirteenth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fourteenthTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fourteenth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fifteenthTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fifteenth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "sixteenthTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "sixteenth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "seventeenthTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "seventeenth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "eighteenthTabName": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "eighteenth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "nineteenthTabName": {
-                "type": "string",
-                "mutable": false,
+            "activeIndex": {
+                "type": "number",
+                "mutable": true,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "number",
+                    "resolved": "number",
                     "references": {}
                 },
                 "required": false,
@@ -521,16 +154,15 @@ export class GbHorizontalTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "nineteenth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
+                "attribute": "active-index",
+                "reflect": false
             },
-            "twentiethTabName": {
-                "type": "string",
+            "tabs": {
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "{ name: string; index: number; badgeCount?: string }[]",
+                    "resolved": "{ name: string; index: number; badgeCount?: string; }[]",
                     "references": {}
                 },
                 "required": false,
@@ -541,33 +173,13 @@ export class GbHorizontalTabs {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "twentieth-tab-name",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "activeIndex": {
-                "type": "number",
-                "mutable": true,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "active-index",
-                "reflect": false
+                "defaultValue": "[\r\n    // {\r\n    //   name: 'First',\r\n    //   index: 0,\r\n    //   badgeCount: '5',\r\n    // },\r\n    // {\r\n    //   name: 'Second',\r\n    //   index: 1,\r\n    //   badgeCount: '10',\r\n    // },\r\n  ]"
             }
         };
     }
     static get states() {
         return {
+            "internalTabs": {},
             "internalActiveIndex": {}
         };
     }
@@ -593,6 +205,9 @@ export class GbHorizontalTabs {
         return [{
                 "propName": "activeIndex",
                 "methodName": "setActiveIndex"
+            }, {
+                "propName": "tabs",
+                "methodName": "onTabsChanged"
             }];
     }
 }