globuswebcomponents 1.8.9 → 1.9.1

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

@@ -108,7 +108,7 @@ const GbSidebar = class {
         const logoSrc = index.getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = index.getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = index.getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (index.h(index.Fragment, null, this.type === 'simple' && (index.h("div", { key: 'f8a2145c3dc33d1a445c646d6364a33f66489d44', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: 'b530b57e6c73b25e891c43f934a9196d6e71acff', class: "pattern" }, index.h("img", { key: '4a6b66c21f25b867934c11df7a0f55ef988330e4', src: patternSrc, alt: "" }))), index.h("div", { key: '0be6244af7ced5ef7362a6b1113d3fc04135766d', class: "nav" }, index.h("div", { key: 'e8d85c117c19be9aecd342bd7883e94979f00d12', class: `sidebar_header ${this.state}` }, index.h("div", { key: '78bdf8517b484df9e45a354ee9dadfd7e0c8c68f', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && index.h(index.Fragment, null, this.category === 'plain_background' ? index.h("img", { src: blueLogoSrc }) : index.h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && index.h("img", { key: '129e076d45ecbbf89526b80cb426b2b9737da638', src: logoSrc, alt: "" })), index.h("div", { key: '79dca921341fe7b89804b199d4e098fdec7cae08', class: `collapse_button ${this.state}` }, index.h("gb-collapse-button", { key: 'b771f1c7808bd12ae5f652919abfb3d916ff0736', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: '882aa49286df53f916dcff2716e1984a72d3967f', class: "navigation" }, index.h("div", { key: 'afe0a55fe9d8d5675513dff2d7e814760d318105', class: "item" }, index.h("gb-simple-side-bar-item", { key: 'b5f47ed7c9668fd3ead0f6be3d228c54062f4583', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), index.h("gb-simple-side-bar-item", { key: '52bbb60d97cb67ea8c883b501d74112b1790d881', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (index.h("gb-simple-side-bar-item", { key: 'dcd8083006494849bf3eb4222263a825aafcb5c7', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (index.h("gb-simple-side-bar-item", { key: 'cedd133bfbc571b20c21881a6df3555fa8d7710d', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (index.h("gb-simple-side-bar-item", { key: '44456e6e43d1c1f40bb69573acce8ad1c8e70768', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (index.h("div", { key: 'c669ef001f3a244ef81b2df450e746e737d7a88c', class: "navigation" }, index.h("div", { key: '66842f959793137eaf46b5c6570ffbba9ca34052', class: "item" }, this.sixthItemLabel && (index.h("gb-simple-side-bar-item", { key: 'd6ff8171935694a566085704ee68112976efcbe0', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (index.h("gb-simple-side-bar-item", { key: 'bdfa859617ed06604ba3c2365051cb478ab50721', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (index.h("gb-simple-side-bar-item", { key: 'b013a79a2f39972195fd0b845520eb9b661ac2dc', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (index.h("gb-simple-side-bar-item", { key: '2bfd36121e7ecad69ae08e9d196b2edecb943ad4', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (index.h("gb-simple-side-bar-item", { key: 'ac87ec6790ab268d7e467bedbc4dec983519ccfa', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (index.h("div", { key: 'bf548198be4ca646dc03c0667125f9aca78b9e04', class: "application_name" }, index.h("div", { key: 'd869f27353c1498b13bd8586c2ccffa7dcaddb60', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (index.h("div", { key: '0e4847633e80bf9e8ffd6149be5a63390f415965', class: "application_name_pattern" }, index.h("img", { key: 'bf659affe5fc3157e74e040231d81f3c3361c3b4', src: patternSrc, alt: "" }))), index.h("div", { key: 'd7c9be0f0c2e98ab61538ed86b921c8fb5c3dfdc', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), index.h("span", { key: '0b4bd7f60d4af94622f609cebd43997c9311997d', class: textClass }, index.h("slot", { key: '0bcfaf5d319fb9eaa18801c2ba4a410b5910a9ef', name: "application_name" }))))))), this.type === 'complex' && (index.h("div", { key: 'f5dae28697f1a6b513db6f402617fa0723d0e2f6', class: `sidebar_and_nav ${this.state}` }, index.h("div", { key: '219ed0cd716e35eab3e81d25a8bf193c60517fe3', class: "nav_div" }, index.h("div", { key: 'a33ab0f87e89206194d213f4b28b5bca5c4529df', class: "logo_and_button" }, this.state === 'expanded' && index.h("img", { key: '59d36b3a548dd161d6bd207307b7f22326e81175', src: blueLogoSrc }), this.state === 'collapsed' && index.h("img", { key: 'c4aa1cab6e8ea9d1d9fe6c110b9f61b315366c89', src: logoSrc, alt: "" }), index.h("gb-collapse-button", { key: 'dc82e3b8cfaba04d726faec7b88f122a361c1f3c', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: '079e11a4c2503df716c7d83db6334ce7da25db53', class: "complex_sidebar_div" }, index.h("div", { key: 'ffde46fe01b241f442a4bb4d3d351c913c59f50e', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (index.h("div", { key: 'a5b9c6db0918a831be1112bd9a926d90420b6a0b', class: "pattern" }, index.h("img", { key: 'cbf4ec57277a1356acd2ba95ea94152a0967eb59', src: patternSrc, alt: "" }))), index.h("div", { key: '07c58bfec1ee4b53bcc396873cc60cb4a2b455c3', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index$1) => (index.h("gb-complex-primary-side-bar-item", { key: `${index$1}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index$1) }))))), index.h("div", { key: 'd7f03a4251022066d03d08c2dbf8b8366d2c34d0', class: `secondary_side_menu ${this.category} ${this.state}` }, index.h("div", { key: 'b8cbde18f7f2ed41dea09ba7a708c844010b2585', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index$1) => (index.h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index$1}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index$1) }))))))))));
+        return (index.h(index.Fragment, null, this.type === 'simple' && (index.h("div", { key: '5a3ea01a62a2e570f0727d60d8da2fd6824b1225', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: '0f7e19fc1151c42f7b8676aa4c3cf80f1e6fdc10', class: "pattern" }, index.h("img", { key: 'dca2813888b4c2f37ee4f8810cff5df095e6a23f', src: patternSrc, alt: "" }))), index.h("div", { key: '87da9ee003035692cce0a2a8df69b5d5c756017d', class: "nav" }, index.h("div", { key: '264d79898f3d15de38c50c6d0d1bcddd6e896ad6', class: `sidebar_header ${this.state}` }, index.h("div", { key: '6f9b3cde7b8018d71d71def858178d6574c86bd2', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && index.h(index.Fragment, null, this.category === 'plain_background' ? index.h("img", { src: blueLogoSrc }) : index.h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && index.h("img", { key: 'fd0781732ffffc4e11bbe0d53a5a4f7a558fd18d', src: logoSrc, alt: "" })), index.h("div", { key: 'dfc08fa5d56acc335abf1d668a47968a2806bda6', class: `collapse_button ${this.state}` }, index.h("gb-collapse-button", { key: '3be1d40b431f9a0a5c4f0aea4774f4c5a99a3f4a', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: '1ce1affac8c2ec12cb5df4b12ba0009ad88bfc7e', class: "navigation" }, index.h("div", { key: 'b21eaaa76bd576c9d3069d6e9fd31ee6b9d5227e', class: "item" }, index.h("gb-simple-side-bar-item", { key: 'f36999de6bbddcb042eac230f11e31c6e7b29e23', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), index.h("gb-simple-side-bar-item", { key: '66df531083d3377281acaddb50eaa99e5539db56', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (index.h("gb-simple-side-bar-item", { key: 'b722f89fade8840147c22f024dad154c2429573f', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (index.h("gb-simple-side-bar-item", { key: '149e627cfb61aed11a1daa99dadf56b4db41368c', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (index.h("gb-simple-side-bar-item", { key: '8d8b1c55ec30537ceac6bc6cdbec923f8a48aed5', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (index.h("div", { key: '6ba6332da2e5e08f3150b8bb2891fe7371217eb5', class: "navigation" }, index.h("div", { key: '478894f86a9775aaadb1493de036f450f2a9533b', class: "item" }, this.sixthItemLabel && (index.h("gb-simple-side-bar-item", { key: '64a3447d65c75448b17bbee371005e483cf7d834', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (index.h("gb-simple-side-bar-item", { key: '8ac716905e4ba654a21906a0c23751812f7ff59e', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (index.h("gb-simple-side-bar-item", { key: 'b493cd34be5a7a4f92c3a0bb0fcac281781b0871', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (index.h("gb-simple-side-bar-item", { key: '6f19062006866ffc03dabf917d95dd0706e7e896', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (index.h("gb-simple-side-bar-item", { key: '26af5dbc5beffcd44dae1b01e1e694ace0cce123', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (index.h("div", { key: 'd6b6ecf14b2d13673a4a3d45112785ce3e2c8461', class: "application_name" }, index.h("div", { key: 'f1d13cf76ce6dca72703011b166684b262fcfcbf', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (index.h("div", { key: 'd78e3654d32d7d8b591837360f388fcb1c614529', class: "application_name_pattern" }, index.h("img", { key: 'bee8e8cef290f9021baef70b52a0374d4bb0554f', src: patternSrc, alt: "" }))), index.h("div", { key: '702a9530a02018ef0fccca2030d4b0e8417388d4', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), index.h("span", { key: '20e9cf0fa3ba6ebc2af6ff9786b21c5852b2ab14', class: textClass }, index.h("slot", { key: 'f969c6bc94cff3fe14403a621762912daf78fdb8', name: "application_name" }))))))), this.type === 'complex' && (index.h("div", { key: 'b464de9686e367b019ec46965b61941b92cee9cc', class: `sidebar_and_nav ${this.state}` }, index.h("div", { key: 'fc5d2e140eb4339ef33002f5afe749cfb949ff2a', class: "nav_div" }, index.h("div", { key: 'ae8596ae84eedb023020593a9ffcf42185b850b3', class: "logo_and_button" }, this.state === 'expanded' && index.h("img", { key: '395313e714c201f3c89cbab7e9c878f02c1cf785', src: blueLogoSrc }), this.state === 'collapsed' && index.h("img", { key: '6e57fb7606451d8aef5f3ad414234e97637213a6', src: logoSrc, alt: "" }), index.h("gb-collapse-button", { key: 'cf415b831d6d5787804ec4fc87cf278635642df2', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: '2bd2a1940dd2339129539ba985c3f7b677b04e94', class: "complex_sidebar_div" }, index.h("div", { key: '3734e014a6b79d6ff55a6cc394f1336743847593', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (index.h("div", { key: 'e06a88a2e420d5175db4a9cb599664d7f57c55bc', class: "pattern" }, index.h("img", { key: 'dcdd9e442143ce6e869c0f1ff0d760e561b0b454', src: patternSrc, alt: "" }))), index.h("div", { key: '135a80d34d04a4dcce12fbad8363f585ee35eb04', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index$1) => (index.h("gb-complex-primary-side-bar-item", { key: `${index$1}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index$1) }))))), index.h("div", { key: '2d1eb953a7aa19f4f160558ed73274117de9df91', class: `secondary_side_menu ${this.category} ${this.state}` }, index.h("div", { key: 'a2ec56e00bc2641d0238b57c0d820b99b9c7fddb', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index$1) => (index.h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index$1}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index$1) }))))))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-slider-control-handle.cjs.entry.js

@@ -24,7 +24,7 @@ const GbSliderControlHandle = class {
         this.isFocused = false;
     }
     render() {
-        return (index.h("div", { key: '6f4344de208ba5b565835ca4b31ba9d6d4950716', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (index.h("div", { key: '6808717ed4144408165fd114af8fb306a3290c34', class: "tooltip-container" }, index.h("gb-tooltip", { key: '1d71c7743a6784a20efd2c3af31e6dd33abf39f3', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: '70447b58b768eb8b836fb84f683c80ef2bfec37f', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: 'c0e8d30d7e59c6085c9efdc9ad1877676991e9e7', class: "thumb-label" }, index.h("p", { key: 'f9f4766b280174140af7f4eb6ffcbee562b624a9', class: "thumb_label text-md-medium" }, this.value)))));
+        return (index.h("div", { key: 'cdc2c4ca4fd2657ecab7a9b220421cb9171b4cf6', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (index.h("div", { key: 'abc7a03b9ddee39c29cc2a50a175681e4528ac96', class: "tooltip-container" }, index.h("gb-tooltip", { key: 'b3fa415a4c33ae58dceccb8fab1fed340d2eeb7b', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: 'e95c766ec124050730e4f164eb377641e8903d15', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: 'f9dea8d8d989486fcdf835fbc58bec135012a00f', class: "thumb-label" }, index.h("p", { key: 'a9a905eefee5fd473ad435339fbeaf134ecc1dad', class: "thumb_label text-md-medium" }, this.value)))));
     }
 };
 GbSliderControlHandle.style = gbSliderControlHandleCss;

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

@@ -78,7 +78,7 @@ const GbSlider = class {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (index.h("div", { key: 'c10df3219582af542f890c55b808d8c840d695ea', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: '6e579f556ab946db8c04c7c5ba3a5eeb6381e54e', class: "track", ref: el => (this.trackEl = el) }), index.h("gb-slider-control-handle", { key: '21eafb2f6cb2c228011f559cd23bdcb05f3be22f', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), index.h("gb-slider-control-handle", { key: 'fb2b74dff853c24307ff88ca3b9ee0626ed1e71c', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
+        return (index.h("div", { key: 'ee656e4b38843607d7802c31c7fd05e1380dd0cd', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: 'f8e9d81b1e7623169288eff3f89d1538855a8295', class: "track", ref: el => (this.trackEl = el) }), index.h("gb-slider-control-handle", { key: '31fed9bfe9e8b56b22f4bd561611f2dfa18d44f9', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), index.h("gb-slider-control-handle", { key: '801f39351e057e7f012b455b32b53abb0e940e6f', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-stepper-horizontal-icons-centered.cjs.entry.js

@@ -23,7 +23,7 @@ const GbStepperVerticalIconsCentered = class {
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (index.h(index.Fragment, null, this.type === 'icon' && (index.h("div", { key: '14af0fade4ef9134db25680dbd2c17244e943706', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (index.h(index.Fragment, null, this.steps === 2 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '00ece26d6739d3d10feb70fef63a01da7f9f4f31', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '0b16f07004c8ffe33cabd63308a48fdb6f3eb4b0', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: 'b1795d7e8f09d3ec92e997c0ea290b555d61becd', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: 'ae937a361f1aa8febda4ea276e6e3ded1843d748', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: '404b86df748c23b232389a6f41228144a0dd7622', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '0f0135cefe5ab5e4f94f8974f4918339dfa09d82', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '993d0e43146e6592109dfcea72bc338400efb85f', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: '933c4dc23127a57496ca02929f36c4aa5d86db84', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: 'e85563905d9eee8a545e0dd4aa3aeab554d9b910', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: 'dc084fb1e9d1f7703859c586dd3083f7fbd001d3', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: 'ccaccb3ffac0ae9937dd112c596760a4d9c9bc28', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: 'c4280e071c66c24c7a93ca41b67e6484e20fa0de', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: 'ec13c0fe4879bd24354599e16467e857dd8577b7', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), index.h("gb-step-base", { key: '3ba0a1e53dbe5133cca8a24561926fe98d76830a', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: 'bf79bdd8faefd5edc86fd24f59c9dbb74ab074ce', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '42f4c957d89d647210f89d2399e2ecd3f87f5c09', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: '1b5bb0dca1bdfd7b518c47f626921a4479959997', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: '0063d9557a1002a238cc5449d46ee75f0aca4c38', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), index.h("gb-step-base", { key: 'b1c93bf0e24a2a8fa983bb3ffcf6c79c59aaad5d', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), index.h("gb-step-base", { key: '00bc420a190f4b9a3020e6d89ee39c0fd270842f', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '26709151f552af13a149108551ba85010e45eed0', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: 'f63704a347eea94ac0729c0dd7862223fae0a7cd', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: '800fcbd39a1703d58e61e02e492619c4ba934706', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: 'd54cfcdef70f04733cf01cb419d33ca5824fb2bc', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), index.h("gb-step-base", { key: '5a365e9d546648abe7eefc80c29e6a0ccfcfd80c', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), index.h("gb-step-base", { key: '37c229b53127817d9378eb18bb29ea81c6c2ff58', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), index.h("gb-step-base", { key: 'd8fc12a4d5a8ce812ea7d9d2c917726ead9741e9', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
+        return (index.h(index.Fragment, null, this.type === 'icon' && (index.h("div", { key: 'ae11b2813d4af3c3fb0467f7fa400f36c89adfea', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (index.h(index.Fragment, null, this.steps === 2 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '9c0f1d62c4d79128433136448cace9f2afb106c5', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '5cd868602f847aa5388266dd390db0e0fd18c326', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '702271730d66fe2390629d03df17d8811a080ea2', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '9be53afeda412073b22f96a0315c0a0545d8a350', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: '621048ba77db8a4be62f6cacd2517c565127bcf7', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '2372c71fe597987f1b29423903789f2f20e890f3', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: 'b701290bd3195fbceabbe79066bd79d1a3dca2b0', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: 'c5490f314d09f5f31e427eda4d8ae4b9520816ad', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: '802535fa12ef50132e544e41ffea774e58881e77', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '040ca5a7db216e7bdb2dce447f9fac456a16503c', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '7726324ca4cca89198c939b4df9350a6d107603d', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: '54a29636f6f5ab8114cd02077303828aac763f55', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: 'e249df77b43f0bafa6fde5c6f6755d6356503cff', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), index.h("gb-step-base", { key: 'b1bef8d1e05a11140759113c08a34f95029d0dd1', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: '0a046f900a830cfdee407a6c9e87c03fbac0bd56', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '610b4493056edcd146a02a3e232f7a95c43eca0e', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: '09aa8be1ea0d3bf146ded767adb0d41ddc0556f8', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: 'e0881543b9f72841790f9360207400bd76e43d21', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), index.h("gb-step-base", { key: 'a9351c861e2bfe1acdee07a5fe723e0177dac0ed', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), index.h("gb-step-base", { key: '3ff534b1d8c001d3cfc4ee1f5672b65d3b2be856', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (index.h(index.Fragment, null, index.h("gb-step-base", { key: 'de8d9db10794cdde6d54d7ca5b9bd5d6ed2e956e', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: 'a8fc0efc2b03e9b513a1154f0ee839a80aca826a', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), index.h("gb-step-base", { key: 'a08736d9ed8340e19197f386bac12fc2c1dd6a38', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), index.h("gb-step-base", { key: '7f817e8d27a574defc9e19c60480a8ebdcbea591', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), index.h("gb-step-base", { key: '71ff429896f061e1e5c991585a6f1e695addb789', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), index.h("gb-step-base", { key: 'b4373cb715188b83c6a7681c7f29f89a0bac133d', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), index.h("gb-step-base", { key: 'e169a0670e3145e12f5e85f92b64064108370006', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
     }
 };
 GbStepperVerticalIconsCentered.style = gbStepperHorizontalIconsCenteredCss;

package/dist/cjs/gb-stepper-horizontal-line-with-text.cjs.entry.js

@@ -37,7 +37,7 @@ const GbStepperHorizontalLineWithText = class {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (index.h("div", { key: 'b666e281adb34498e32da665b4575b678656e7b5', class: "text_with_line" }, index.h("gb-step-base", { key: '1b277f54e77d8bffffe27bc468eb534822cb3692', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), index.h("gb-step-base", { key: '4ee851d4bed1f899457630c60014d56f2207a1f8', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (index.h("gb-step-base", { key: '5c3903ac2f879b015658681069a7deb049619f56', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (index.h("gb-step-base", { key: 'a234b84733aada2ac50cee32168920775cee6ddc', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (index.h("gb-step-base", { key: '9748949f58c1bfd20b971a4b3f5679a7b74dee17', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (index.h("gb-step-base", { key: 'd4d8c57e873cf61b52f89222b0352e52cd0a9e22', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (index.h("gb-step-base", { key: 'fd40993e0615e08c8c267982f94f42a9012a5a1c', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
+        return (index.h("div", { key: '1a2372db0eca76c63bd68957157a78e0f0b5da7b', class: "text_with_line" }, index.h("gb-step-base", { key: '06ed7c972904ae7ada3363728780773b75fe62ec', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), index.h("gb-step-base", { key: '200a538a64dbf148d4b7223e72ef2773741c931e', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (index.h("gb-step-base", { key: '70b77ef217dd634fcd07cbad7723578b6e25fa74', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (index.h("gb-step-base", { key: '821b45aa5cd8c0f3b4da0da1dc29f5fccbed9e82', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (index.h("gb-step-base", { key: '0f215ace9956a510924d3044661490674ced6102', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (index.h("gb-step-base", { key: '8c0fb914d9fa38fdf63eec9aa079074729614f30', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (index.h("gb-step-base", { key: 'a9a0ba75f52c73aaec39db9a029105bc3a596b42', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
     }
 };
 GbStepperHorizontalLineWithText.style = gbStepperHorizontalLineWithTextCss;

package/dist/cjs/gb-tab-button-base.cjs.entry.js

@@ -47,11 +47,11 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (index.h("div", { key: '445b5956da1b799f33f5e5b4a4de4eccf4650f9a', class: `tab_button_div ${this.type}
+        return (index.h("div", { key: '324e4461c439271f380272c3c886c58811e6e3df', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: '54a7c6d29cb8d652db4e0cd911fede9eeac37e7a', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: '7eb312b4aac8c78e4e7b65e3dd086dff9565426f', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: '34a72053a0f8e81ad106bddacb61065552e7e298', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: '6437e46dee094cb21e2cba3503162c81e8d776f8', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
@@ -60,7 +60,7 @@ const GbTabButtonBase = class {
                         :
                             this.current && this.type === 'line'
                                 ? 'information'
-                                : 'gray' }, index.h("slot", { key: '38cf5a5b80732a69f6021b984185a5d9604dd595', name: "count" })))));
+                                : 'gray' }, index.h("slot", { key: '84b1531050d3ace41fea0283d0843a55112757d6', name: "count" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-table-cell.cjs.entry.js

@@ -9,7 +9,7 @@ const GbTableCell = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'fbc6aee2832fc7d7f41ca1e28413ca0800ab7191', class: "table_cell_div" }));
+        return (index.h("div", { key: '8e70c2190136f2b207169d479201957946fb80f1', class: "table_cell_div" }));
     }
 };
 GbTableCell.style = gbTableCellCss;

package/dist/cjs/gb-table-header.cjs.entry.js

@@ -50,7 +50,7 @@ const GbTableHeader = class {
         this.refreshButtonClicked.emit();
     }
     render() {
-        return (index.h("div", { key: '816d40496433181252e438da79aa8ec2774d5d7f', class: "table_header_div" }, index.h("div", { key: 'be554d5d3aaa74a39c791420981dd62c099e88ef', class: "table_header_content" }, this.tableHeading && index.h("p", { key: 'cfc2dc30601374579f547521c4ad9b97c9b8e8af', class: "text-lg-semi-bold" }, this.tableHeadingLabel), index.h("div", { key: 'baad50a8fdc6e2b3a093a53421c88ba30f17b5d4', class: "actions" }, this.showSearch && (index.h("div", { key: 'f471070092533cc7b18cd5f111e47c25c4f03437', class: "input_field" }, index.h("gb-input-field", { key: '9e6698312429e5ae91b71bc2c60dd8420237657d', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), index.h("div", { key: '51d8976b67dbec52d4d630670422104e609d1a6b', class: "action" }, this.showColumnOptions && (index.h("gb-button", { key: '4968ceeb340164e853f02eb1c1c4d492cc23caf2', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, index.h("p", { key: '7155b00432b820f0c52ea0df383d3ba868cb1522' }, "Columns"))), this.showFilter && (index.h("gb-filter-button", { key: 'ff65fac05b77f06421b1fa21824bdf77594ac58b', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, index.h("p", { key: '5d24e59ad3dd41c0f0367df90fb05ddc5a93b9cf', slot: "filter_count" }, this.filterCount))), this.showExport && (index.h("div", { key: '5cd0b150d295115691eca38e36141d75f592d958', class: "export" }, index.h("gb-button", { key: 'a972c86bfc92ae4e7644fbc12f0b14bb8112eb4a', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, index.h("p", { key: 'f9bf9208552d97dbaa23d26f9562c733a897d097' }, "Export")), this.showExportDropdown && index.h("gb-export-dropdown", { key: '58b690f6300348829fbb3034aeef32aa140b6a1a', onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" }))), this.showRefreshButton && (index.h("div", { key: '0651d75a86dd22f0de5cac72cf9d31340ecee879', class: "refresh_button" }, index.h("gb-button", { key: '5178148efa875fb93aeac478336ccb31628b31f7', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
+        return (index.h("div", { key: '0035205826d439ffbad471dfc9bddaae16790f4d', class: "table_header_div" }, index.h("div", { key: '7e2217e41a0b07de985a36f488eaafa6b3953843', class: "table_header_content" }, this.tableHeading && index.h("p", { key: '696984ca6f0ff3ca1d07866f313efb4bc073e1ab', class: "text-lg-semi-bold" }, this.tableHeadingLabel), index.h("div", { key: '5f155831f90c83b6ad75a6af21369b79569a66e8', class: "actions" }, this.showSearch && (index.h("div", { key: '151f5a1449038415743a03bf7d555b3ff448244b', class: "input_field" }, index.h("gb-input-field", { key: '8fe6c9cf0efd86f75ef44a3a4f0b941f68100589', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), index.h("div", { key: 'f90a89e24b4affe9471275b16324e7e789165b8c', class: "action" }, this.showColumnOptions && (index.h("gb-button", { key: '3d552ac203dc6969d5476f8be7459292cc2ec50e', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, index.h("p", { key: '84d5a5d9d26be4b3a728d6761050d11f62da2ff4' }, "Columns"))), this.showFilter && (index.h("gb-filter-button", { key: '9c81e024bd40f7ebc305a18e16136b072de226a9', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, index.h("p", { key: 'cedc487cdb7a13d921dbca2737d5449c50b8aa11', slot: "filter_count" }, this.filterCount))), this.showExport && (index.h("div", { key: '91d5e7bcd26ab964308dabc735b5b3d005272720', class: "export" }, index.h("gb-button", { key: '2f642ef5376b40a3581174b8900cd6316e3f1ab9', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, index.h("p", { key: '88d7d005f3e219fa2988b29ce8a010a7fac75813' }, "Export")), this.showExportDropdown && index.h("gb-export-dropdown", { key: '836a518362265b1c2a244c564126411a67b3680c', onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" }))), this.showRefreshButton && (index.h("div", { key: '34594a574fffbf094b460120327b3b794137082b', class: "refresh_button" }, index.h("gb-button", { key: 'f2b54ab277839245927d6c6e19b98d15cb921d40', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
     }
 };
 GbTableHeader.style = gbTableHeaderCss;

package/dist/cjs/gb-textarea-input-field.cjs.entry.js

@@ -193,14 +193,14 @@ const GbTextareaInputField = class {
         }
     }
     render() {
-        return (index.h("div", { key: '8e3514e36d53b2d4f712ee562d3b3aa773440c8d', class: "textarea_container" }, index.h("div", { key: '087c5f93d2251606a4484d3bead233a05b61fd3c', class: "input_with_label" }, this.showLabel && index.h("p", { key: '8998821f0032dc1efba7c50d0089f59077ef182e', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: '553b5c4797ce497b677f9e2317bc3ef5511afd20', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (index.h("div", { key: '7532a0cc4fff013a34116585aa480e4f6679cb8b', class: "textarea_tags" }, index.h("div", { key: '6469f3af3eb8c192a910aa2eae1a979321c48d7e', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: 'aa72a2a71786fff967313b46cdea7935eebd964e', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (index.h("div", { key: '31436c1b6fee08513860325622e22322546060b5', class: "textarea_container" }, index.h("div", { key: 'c7ab9e1915b4f8eeafdeed602e909b4350ec1cbe', class: "input_with_label" }, this.showLabel && index.h("p", { key: '1aac4f9a39dafa786aa63f3507b28338c4b44f95', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: '0c4c9f33624396c7b9d7e8b9561ac02cb320831f', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (index.h("div", { key: 'c35f44d4b9c0c190069251941cd70f50ba035fe3', class: "textarea_tags" }, index.h("div", { key: '0c24489b27fc7cbf29ba6134d755f85675018df8', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: 'f20b94902e4bfbf8b696db65bc46744b70c2df2f', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (index.h(index.Fragment, null, this.selectedItems.map((item, index$1) => (index.h(index.Fragment, null, typeof item === 'object' ? (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), index.h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h(index.Fragment, null, this.value.map((val, index$1) => (index.h(index.Fragment, null, typeof val === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, val.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("p", null, val)))))))), index.h("span", { key: '8d3ec256702aff3318545715620c91aef4cd9977', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: '023b4026e39e3c4928a2cd9eb961d3a2cda526eb', class: "input_field" }, index.h("input", { key: '524ab6605860a80e31b12e5a742951472bfdbac7', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (index.h("div", { class: "added_tag", key: index$1 }, index.h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index$1) }, index.h("p", { class: "text-xs-medium" }, item))))))))) : (index.h(index.Fragment, null, this.value.map((val, index$1) => (index.h(index.Fragment, null, typeof val === 'object' ? (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, val.objectName.split(' ')[0]))) : (index.h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index$1), key: index$1 }, index.h("p", null, val)))))))), index.h("span", { key: '4da0fad4a4a2c751b1adc74834468c92123ee02f', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: '802f64196ac2aa2706f00eadcc8ee7ab3e765abf', class: "input_field" }, index.h("input", { key: 'd0dd578bb75d74138af186b3bfe5c6962d0e2541', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
             // placeholder={this.placeholderText}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (index.h("div", { key: 'b85bdfb6a6b35c352f39ed18ea7c8bfa7815e1c1', class: "help_icon" }, index.h("svg", { key: '6d683775e8a6fd376909035d9040522a19dd372f', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '4bfb9031f35c01c3f5b6540207156e3e669398d8', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (index.h("div", { key: '89225aefbef35dd390cb58f06b7f63d95f50d18c', class: `dropdown_menu` }, this.results.map(item => (index.h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: reusableModels.StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (index.h("div", { key: '4e1fa1aab6843803682d03e2eedf6282231965d8', class: "help_icon" }, index.h("svg", { key: '2874fb419f167844f37f41b6008605c558c50a89', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '0d4b5fb4c3c861577779b92efd8e111016dcc05e', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (index.h("div", { key: 'd00bc3712f0517650ac6e20a661d9622abf73f08', class: `dropdown_menu` }, this.results.map(item => (index.h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: reusableModels.StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [index.h("p", { slot: "name" }, item.objectName), index.h("p", { slot: "supporting_text" }, item.objectValue)]
-            : typeof item !== 'object' && index.h("p", { slot: "name" }, item))))))))), this.showHintText && index.h("p", { key: 'bd297f5c9955d9f12b805d457eff2c76b9392ffa', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && index.h("p", { slot: "name" }, item))))))))), this.showHintText && index.h("p", { key: 'cf7122847d515ed78eb85bb7e2a6a41dd42486f7', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gb-toast-button.cjs.entry.js

@@ -13,7 +13,7 @@ const GbToastButton = class {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (index.h("div", { key: 'f6265e703ec8c3b4373279294d5670fed056dbe9', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: 'a845e995726af5a0752a73658434c34a1b319f76' })));
+        return (index.h("div", { key: '3a59a6bc1fdcfdade44a053c2ce6bcfee8f6bb67', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: 'f23c9de89114d89ef5ec987896aa39abf3c29d78' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -60,7 +60,7 @@ const GbToast = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'f5c142408ee11c1ac5abf8888bd034b03c94fff5', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: 'e3dc78e9670686e9bbcdcc2a436e6818b7162f86', class: `icon_container` }, index.h("svg", { key: '1bb8f060cc3c9254f0ca6e87f066efaefe2e48e3', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '0e18451bf9c1f4afc7ec63eceaf74f38aa160f09', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: '76e27edbc8500a41042aeaaa09a6abeecd9414d0', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: 'ca84ee3c7ea95f1f436ffe72c8c7605b9b70b1db', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: '79a85a7e26e83f9094fb2de8af4e23cc6066763c', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: 'a2aebea0078ef2f5767502496bc876f8876e19ed', class: `text ${this.size}` }, index.h("slot", { key: '498060581797f2a1e03841de7e2aa04efa667957', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '871455cf20bdbc3e6c062dcb1fa690e6332a5b68', name: "supporting_text" })), this.actions && (index.h("div", { key: 'd4568a27dbd43de2bf04845f857e389313d08b74', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes"))))))), index.h("gb-button-close", { key: '6fe62af2820e848f0ff61e0f0fee6c4ecda10120', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (index.h("div", { key: '3c64f3b9cdcbe057e03d28beab15990a249c135c', class: `container ${this.breakpoint}` }, index.h("div", { key: '9fd21733dec38a50297f719699a9ac79a19a890d', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: '67d55763b6e280a6b5593298cf943d3630b2f411', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: '772251c30165ebeda688bb9935d316500b4062da', class: `icon_container` }, index.h("svg", { key: 'b2f64bf05d01f638140ac9bb9afcda7a199cf29f', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '635d36d97fca405e148f50c4a0cdbc3a3fd8e6fa', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: '45608a818c206a8fd8361f15bde647b74f58dfa5', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: '2cce6ba1e0327197abb27c0950042b41aa716cb1', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: 'c9f8c9db5a6a854216c183eb40dd3c11072320ae', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: '3d9f7e37cde46bfb3b3909fd8ae5a812a4128bc2', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '71b37e6c0bdc4934f3a228fb96dbe531d144c875', name: "supporting_text" }))), this.actions && (index.h("div", { key: 'c956b6dc6dcb3b34f0faffbc464f3a0840b36640', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes")))))), index.h("gb-button-close", { key: '8e057126a782f4abc3a3cd183e6b787ae120b306', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
+        return (index.h("div", { key: '1ad817951420c5fc40d36a17a51cf09991049de5', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: '584cb0894646fec17e16b6edfaa1fa4def8538e4', class: `icon_container` }, index.h("svg", { key: 'b7c4d605196d91097a56033acf6273513254239a', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '8fd5acc4c7acf5b2173eaaab5dccc782abe2e925', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: 'd68d4e29b82032e0411fd234ef47f367c736389f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: 'cd38f7734bd833e58443f41fb4ba6fb3c8cc5ed4', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: '5e1bf25104ba45afad1506fd532b1f689302c2c8', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: '15e8454363ab05bd4de8b2e75adcabbed2d87a03', class: `text ${this.size}` }, index.h("slot", { key: '7417ed16cd9d9d69d3e7774685f2b90efa398ce2', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '038abe7f65e2155feb94f96a7351bfcd567fa4d3', name: "supporting_text" })), this.actions && (index.h("div", { key: 'c645e3ca106edcb1d43c3c34b3845a4b6d96731a', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes"))))))), index.h("gb-button-close", { key: '1162fe407e4ee44317bc40239ed7e4e854a9cb35', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (index.h("div", { key: '6c54403b2edf12ef9f64efad01e62c524f8e6c80', class: `container ${this.breakpoint}` }, index.h("div", { key: '6fb8b65fe0a32dd71ccf5092e4d231473def22f9', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: '89f5e069a2141ee671de90ae9a2556ebbed6c9ca', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: '910ca112773413fb9a0b57496f8ac495a26f5cf0', class: `icon_container` }, index.h("svg", { key: 'd87f64f1fbd158c54297a6c4bb8f36a3b8af3007', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: 'e9f5f8a8e276a24942ab135dd5dde9c549e6f67e', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: '60609c91249dd4a03fbd171f278defefbf8e9752', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: '2dca6df2af6bc82901c050ace29f7d6f80f46967', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: '3596a662627c2acc8bf12e086de4c9f5c02f351b', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: 'e2023669cac556a9ac0b6ed8eb5a0efe3c23e6d7', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '84556fde8907616f1cb8df79567f317353e99439', name: "supporting_text" }))), this.actions && (index.h("div", { key: '9cba73e671b57e1172aae3a23520d034a1f7759e', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes")))))), index.h("gb-button-close", { key: '7eddca8a421d31228aabfd6960753a200da51725', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-toggle-base.cjs.entry.js

@@ -18,8 +18,8 @@ const GbToggleBase = class {
     }
     render() {
         return [
-            index.h("input", { key: '5ad7e6d7c75e77bda658b8f28305c98e9677b99e', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            index.h("label", { key: '537e1f8ea5597280e25ed32fc53514c58bfc18d8', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
+            index.h("input", { key: '874ef3bf96a038d81a28fbfb484c5dffeaae4219', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            index.h("label", { key: 'a36b69b7fdbe7a4315f18834f25bec3d307b7ef9', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
         ];
     }
 };

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

@@ -40,7 +40,7 @@ const GbToggle = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'd4b9ef1068adcdd285fdbc25527e5373cdc29e7c', class: `toggle_div ${this.size}` }, index.h("div", { key: 'bdb20fdf3a02228a6e8769f9360fa128559dd52f', class: "toggle_base" }, index.h("gb-toggle-base", { key: '7780b3369d8e81f7afbad59629c218a4d107353f', size: this.size, state: this.state, pressed: this.pressed })), this.text && (index.h("div", { key: '992a9ae083239a87f0ebeccffcfecec052f7ca52', class: "text" }, index.h("slot", { key: '8d726905753189570c842df072635a68ef07e859', name: "main_text" }), this.supportingText && (index.h("slot", { key: '424a89d3f7c56d74dc39a281137a2c054b398724', name: "supporting_text" }))))));
+        return (index.h("div", { key: '44b21b19d8efcd9583728a06dcf7addeaa35cc92', class: `toggle_div ${this.size}` }, index.h("div", { key: '25a5e8fe2a51a8c99288698b48bf8d837e5e4276', class: "toggle_base" }, index.h("gb-toggle-base", { key: 'baffe0e658660848338411cdbc75062a751a4e95', size: this.size, state: this.state, pressed: this.pressed })), this.text && (index.h("div", { key: 'c9c5cd0b60bf80385f19465e46931fe10db59e97', class: "text" }, index.h("slot", { key: '046f6090423fe95ae50f291843d959e0b42e04b9', name: "main_text" }), this.supportingText && (index.h("slot", { key: 'e92c48fe7ddeaaf3b9a97c5a3fa7b06f173137d7', name: "supporting_text" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-token-field-compact.cjs.entry.js

@@ -11,7 +11,7 @@ const GbTokenFieldCompact = class {
         this.supportingText = '';
     }
     render() {
-        return (index.h("div", { key: '5638ea317a84814c76a35ce40343d633ac204510', class: this.size }, index.h("div", { key: 'b2d31edd8a2c1bda7ca8a478f38b4004e323af26', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '5e654294de23f9d7b3d14ccedab0cc57657c4e9a' }, this.label)), this.digits === 4 && (index.h("div", { key: '2833085ea85919fdbdd5c4068862d87b388069c5', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'b1805392e851283640b7b8d1111380616b7cc1c8', size: this.size }), index.h("gb-mega-input-field-base", { key: 'f9cd90ff15d4bec98188b1332a9733300c796b7c', size: this.size }), index.h("gb-mega-input-field-base", { key: '4c6994b1a4751cd191ab9048cdfca65bac96520b', size: this.size }), index.h("gb-mega-input-field-base", { key: '047e9635a5ed44fa39285a0eb43d7c42addb044e', size: this.size }))), this.digits === 6 && (index.h("div", { key: '539a9f5888ef80ea29fc46866f49e3a98308b6b3', class: "input-wrapper" }, index.h("div", { key: '14c8bf9d2bf15efc52b88e9e300fb7a0ac44b7a9', class: "first=section" }, index.h("gb-mega-input-field-base", { key: 'd5ba5fba34e867dfdee67097433a43b63f75c15d', size: this.size }), index.h("gb-mega-input-field-base", { key: '4459767301db9d8131b1ba30d09d4dabf5ea02b7', size: this.size }), index.h("gb-mega-input-field-base", { key: '9997758eee6f03a1f0d9b7aa124077c4ba93d3f9', size: this.size })), index.h("div", { key: '5dfd37db48904a55feab7eb5249e22a543da0c5b', class: "second=section" }, index.h("gb-mega-input-field-base", { key: '64ce4c4acccca58eb9e1651fa5c507f15d054e76', size: this.size }), index.h("gb-mega-input-field-base", { key: '3711afa3f21a8ce38e52d2f290746925c54e9c2e', size: this.size }), index.h("gb-mega-input-field-base", { key: '772d0db8886756d124b447f1c4d0f20d00eb5db0', size: this.size })))), this.digits === 8 && (index.h("div", { key: 'd5b71d2d65330b145993575f614f8f7f93ab627a', class: "input-wrapper" }, index.h("div", { key: '78a6c599499d3acc60fc816718eef7050f742dd9', class: "first=section" }, index.h("gb-mega-input-field-base", { key: '4a1d6545008f2a6a32bd76592b24378a904de1d8', size: this.size }), index.h("gb-mega-input-field-base", { key: '390e7d30ec22822cbdd04aa82ed3f5fe6f19f7b0', size: this.size }), index.h("gb-mega-input-field-base", { key: '5f470e92c5cce43840c5803f5fdc9bc0c77966f0', size: this.size }), index.h("gb-mega-input-field-base", { key: '211277d36a364f156f3e5d874d1b684e94bbd08c', size: this.size })), index.h("div", { key: '4a0ffe5c7fab75eba1ec774a3205f03ca710d0a3', class: "second=section" }, index.h("gb-mega-input-field-base", { key: 'b1aae06cfceaf51e67959234009104b414c7388e', size: this.size }), index.h("gb-mega-input-field-base", { key: '764268f5a4cb0e55950c0165e87c92a28c00731f', size: this.size }), index.h("gb-mega-input-field-base", { key: '70890034c6fed91d120fd5a4ce420d4ed8052a40', size: this.size }), index.h("gb-mega-input-field-base", { key: '63817ce4b4b9910ca63a505dcf8a579345f6cd9d', size: this.size }))))), index.h("p", { key: '0c65beedcd391a9332ebed0a91573ab0bac492d9' }, this.supportingText)));
+        return (index.h("div", { key: '7a74a176f28f06c7ae1f42db09cf9100da76f2b2', class: this.size }, index.h("div", { key: 'ffe2be0a763dbd226b693bdcf9eb69abe24e9405', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '9204b563856f8178f56555910f272103c3e27c2e' }, this.label)), this.digits === 4 && (index.h("div", { key: 'eed9d38e102a3648fb0292c06bbc6b74ad8ed99d', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '4c923a1e69a6541f110f48f914285457306b0d2b', size: this.size }), index.h("gb-mega-input-field-base", { key: '36f5e4513d5e6beacd27bd13ea5274d765fcf99f', size: this.size }), index.h("gb-mega-input-field-base", { key: '0cb819385dcdfd816afe6cc3e24e743e2a220d8d', size: this.size }), index.h("gb-mega-input-field-base", { key: '15824a0d395f59c5ef742369b50e31f530341cea', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'e5de56e749ca9767060a5173b5f7fdbb73f54d42', class: "input-wrapper" }, index.h("div", { key: '90b09f290f1b6ba1a747543a66a5bc903f011d2f', class: "first=section" }, index.h("gb-mega-input-field-base", { key: '47cddafeb786934937a1b5527f6515807f85d381', size: this.size }), index.h("gb-mega-input-field-base", { key: '360c48de024beee52c5a847412d8041326cfe4b0', size: this.size }), index.h("gb-mega-input-field-base", { key: 'e9f6134f81c32681d53fa05ec49ab2c533809ae8', size: this.size })), index.h("div", { key: 'bc99072527392d931f1901831687293e297dd08f', class: "second=section" }, index.h("gb-mega-input-field-base", { key: 'f9642a6ebe8558e9fbbcda6d9099630434b06051', size: this.size }), index.h("gb-mega-input-field-base", { key: '328e81a567743be7c105e89e98b17c906cd27fe5', size: this.size }), index.h("gb-mega-input-field-base", { key: '552b63f746eaeeef261303dd308c87bac90d986b', size: this.size })))), this.digits === 8 && (index.h("div", { key: 'a4fe6d4f57a55c978abe903a95b4cce58791f741', class: "input-wrapper" }, index.h("div", { key: '6d1ec5eb38cc827f1aa518fe71c36547290584e9', class: "first=section" }, index.h("gb-mega-input-field-base", { key: '45c83d56eed503c413ad32c505cd91b45229b38b', size: this.size }), index.h("gb-mega-input-field-base", { key: '1fea2b7952910427bfe7d6beb08109abda537993', size: this.size }), index.h("gb-mega-input-field-base", { key: '4ff271fa5a95b66a7bed738ae7b36a3b97c64a97', size: this.size }), index.h("gb-mega-input-field-base", { key: '872fcc82f502584205632fdec31a2f3e4c257482', size: this.size })), index.h("div", { key: '2b0b8bf66df52dbf40206914cd4a6d2ce8c3188b', class: "second=section" }, index.h("gb-mega-input-field-base", { key: '4ba03d2a53231622ebec4e74c0fb6faa0fb0f5b4', size: this.size }), index.h("gb-mega-input-field-base", { key: '5505fcc5161fefb7f2eb239ec6273143f2a82a93', size: this.size }), index.h("gb-mega-input-field-base", { key: '0501e6284405cdf9b975e7300842054334732baf', size: this.size }), index.h("gb-mega-input-field-base", { key: '71ab8621c6efd3dba433e8d4c56e057b13be355d', size: this.size }))))), index.h("p", { key: 'ed9d4998abf4d4a51e743e485954d3243cd67ddb' }, this.supportingText)));
     }
 };
 GbTokenFieldCompact.style = gbTokenFieldCompactCss;

package/dist/cjs/gb-token-field-compressed.cjs.entry.js

@@ -11,11 +11,11 @@ const GbTokenFieldCompressed = class {
         this.hintText = '';
     }
     render() {
-        return (index.h("div", { key: '2bb16b9dfdb22740769021043c6a997639a54749', class: {
+        return (index.h("div", { key: '269681cd6f5a214667ed3d31eba9fb918b93175a', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, index.h("div", { key: '39073e2c8e1174b44d2033a13398367992f7cce9', class: "input-with-label" }, this.showLabel && (index.h("label", { key: 'e3717eafb012ce275872529e97187c95aa1b47ef', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: '21df1d75b4792534d95520534f441c66e9d5464a', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'a8a85abeee8335ef1847783b582af486ee044ff9', size: this.size }), index.h("gb-mega-input-field-base", { key: '1a04c12c842bd24c25f2f42598103a6e8b33c8be', size: this.size }), index.h("gb-mega-input-field-base", { key: '6305b00023187df45a398a2c6b7a290fad42e383', size: this.size }), index.h("gb-mega-input-field-base", { key: '0c2a9c6fb73f3f667a121b303e32f99d3b43068a', size: this.size }))), this.digits === 6 && (index.h("div", { key: '8489831905184384cecb6b8343c9860debfaeb4e', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'd309b9fa197d263dd4864c429ea591e571f2e2ba', size: this.size }), index.h("gb-mega-input-field-base", { key: 'c90fc09ef4c0731a06a6e39dbeb465ccddc1770b', size: this.size }), index.h("gb-mega-input-field-base", { key: '6f907f5c759af1b336e99553d375e1640f72e3f0', size: this.size }), index.h("p", { key: '345400417096919bed9995a2b2b417df61ba1134', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: '81d503e5c6eb65dff074c18750b964abc1c9fd68', size: this.size }), index.h("gb-mega-input-field-base", { key: '11d9b8d7441c69caec1936da643b99053834f42b', size: this.size }), index.h("gb-mega-input-field-base", { key: '2cd21bb77e868a13df7575c3073160efbd3159f3', size: this.size }))), this.digits === 8 && (index.h("div", { key: '920c3e25c2a464b9c4d263a0fa989b13b0ed6c6d', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '31c49657b61c298dcc247a38d0fb13e09f91a86f', size: this.size }), index.h("gb-mega-input-field-base", { key: '78b0551ee19a82f8f53e97e0cb561b2723260e6e', size: this.size }), index.h("gb-mega-input-field-base", { key: '9a8d696d000a2883266ef3a12c99fdd2d1888db8', size: this.size }), index.h("gb-mega-input-field-base", { key: '52bfd0188edaa32c6cdfce624de64a94dbeb10a6', size: this.size }), index.h("p", { key: '0dc0c5c541377ba0e58502f4e9465c5621fe0cbd', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: 'b225a42470c6aa41db0757c2ef9c5c97a5dc65f1', size: this.size }), index.h("gb-mega-input-field-base", { key: '7e3139bde46fb2cdefa834523214555745dbc888', size: this.size }), index.h("gb-mega-input-field-base", { key: 'e251273d95dbc01310f5c90e9e47b7763710acd4', size: this.size }), index.h("gb-mega-input-field-base", { key: '7f3941c92833047208a97fa633f3b69a3c4654aa', size: this.size })))), this.showHintText && (index.h("div", { key: '8c6228b580a9603fc63cb452696c5f9387f1ee20', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, index.h("div", { key: '258319c38c9156b74fe9e7581eafbbf2c7bd11f5', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '38f2078a71d6da0e93aa158ecc7960b0139f4ea3', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: 'd17073ba0b7e6998cb427c87b71269fde344fa1d', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'a02848e56902d97d620555d6ff914367ed235b22', size: this.size }), index.h("gb-mega-input-field-base", { key: 'd098ca03db00c7ed58862b7010b6685de80c4459', size: this.size }), index.h("gb-mega-input-field-base", { key: 'c5956c512157bd91d28036616cb4bfc537db7ae2', size: this.size }), index.h("gb-mega-input-field-base", { key: 'a369c0322e767b2891134e73a26c271734bf2d28', size: this.size }))), this.digits === 6 && (index.h("div", { key: '979ebbf3b0e5f435a1aeaf1e675c42044f2e2511', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'd1432bedf4bccf8b6ae03080f7d659d952aa3bd7', size: this.size }), index.h("gb-mega-input-field-base", { key: 'b42ae8f751cc9e48557e158603768243ce4dac40', size: this.size }), index.h("gb-mega-input-field-base", { key: '3070ef43df72f74b2f942812a3f5eb64d2424c27', size: this.size }), index.h("p", { key: '93b9d390bcb462a83c964bab39d432df7aa59a38', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: 'f065fa67ba3087925f5aa84e8f817763ade601a2', size: this.size }), index.h("gb-mega-input-field-base", { key: '4239b134f8b1fa01c5f09ce8c08e92130f197cef', size: this.size }), index.h("gb-mega-input-field-base", { key: '1673e41763ef572e47d518bf2ac914785dba6294', size: this.size }))), this.digits === 8 && (index.h("div", { key: '8571ff34c30deb93bf080bf0b3d8c99cce04544a', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '286c0dc422bff70a3f5266e94d35cee0e92cd381', size: this.size }), index.h("gb-mega-input-field-base", { key: '3fed1f38c2f43f19c2ebdd9bbff7bddd1a7e94bb', size: this.size }), index.h("gb-mega-input-field-base", { key: '41e4e0277fd654f5d58d77ceeab54677bb3473cb', size: this.size }), index.h("gb-mega-input-field-base", { key: 'b37f0c37a889a1ee0f3b68229fa59a363890e6fb', size: this.size }), index.h("p", { key: 'dead3257c96b949335bdc86341ed1f74ce4426bd', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: 'add55a0fea7f9dd959e29f33719db3550fdecc2b', size: this.size }), index.h("gb-mega-input-field-base", { key: '8581ddfbe40d12396a886ddf71b28ec8c0c5aee6', size: this.size }), index.h("gb-mega-input-field-base", { key: '219f012d7d7e84fea11ac99afdec0ed8191d8886', size: this.size }), index.h("gb-mega-input-field-base", { key: '560b432a352664ce7486a20daf84c3077d15570c', size: this.size })))), this.showHintText && (index.h("div", { key: '66fc3b0fe3dea64eb076f807c4dd1572fd4eb262', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
 };
 GbTokenFieldCompressed.style = gbTokenFieldCompressedCss;

package/dist/cjs/gb-top-bar-item.cjs.entry.js

@@ -23,7 +23,7 @@ const GbTopBarItem = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (index.h("div", { key: 'b30ec8f5dc547767bd08bf28b104b2d7b42b0c93', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("div", { key: 'dc88119fb1a38d55c12fe5b01048ab4fc8f6dbb5', class: `top_bar_content` }, index.h("div", { key: '434c67e8deba2650d8e46fb048d3088a8fd420d2', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (index.h("div", { key: '48163a2de852482f6b61257fddaf8adfe012ed9a', class: "label" }, index.h("p", { key: '926237b213eebf68f6db1a80026a30fe79456274', class: `label_text text-md-medium ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && index.h("div", { key: '89ef0f04adbda4f16c41e7e58b6af0fd9b48eda4', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && index.h("div", { key: '3015cac35f0c0873f419ed81e161ac9e70c317f6', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (index.h("gb-tooltip", { key: '55acef6f20d3dcef129b220a410ca808b9f5d21e', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, index.h("p", { key: '4fe265cdcb345403e5b87f3fe2176e431290ef54', slot: "label" }, this.label)))));
+        return (index.h("div", { key: '76f5bb86ed05464a02f2bec7f7d846b2021ca866', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("div", { key: 'ddf790107c3be495908e988158eb8f419b06b04b', class: `top_bar_content` }, index.h("div", { key: '9ad0544f1913ec6aa81f90be21fde2e70cab5b56', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (index.h("div", { key: 'd0609c9e87c4135214ce1fb41841e48cffde2445', class: "label" }, index.h("p", { key: '3557e76c7ef61fb5f2b8e8ad0a12d3d80aaaa561', class: `label_text text-md-medium ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && index.h("div", { key: 'a666f6c39b360a14867cb298474870af30b5e948', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && index.h("div", { key: '950d160a670bfcbb1605fc7d36514efa6a4ccd18', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (index.h("gb-tooltip", { key: '7f127e5acc385ef7a3b644353d723ab5df4ea0fe', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, index.h("p", { key: 'b12de1dcf5498d510aebc318142268422c58dd01', slot: "label" }, this.label)))));
     }
 };
 GbTopBarItem.style = gbTopBarItemCss;

package/dist/cjs/gb-top-bar-sidemenu.cjs.entry.js

@@ -39,7 +39,7 @@ const GbTopBarSidemenu = class {
     }
     render() {
         const patternSrc = index.getAssetPath(`assets/pattern_wrapper.svg`);
-        return (index.h("div", { key: '3fc7690d65991d5e8c354fc11dd284a1beccf2d4', class: "top_bar_sidemenu_div" }, index.h("div", { key: 'dbd2042cd1408577ccbdff915265a2a867bd00b2', class: "vertical_tabs_div" }, index.h("gb-vertical-tabs", { key: '98deb2ca70086c65a3617d2ddbf1f657264b2aa9', size: "md", "first-tab-name": this.firstTabName, "second-tab-name": this.secondTabName, "third-tab-name": this.thirdTabName, "fourth-tab-name": this.fourthTabName, "fifth-tab-name": this.fifthTabName, type: "button_primary", "active-index": this.activeIndex, onTabItemClicked: this.onTabItemClicked.bind(this) })), index.h("div", { key: 'fb0811778e66b282b403bf6278748fc82f390a25', class: "wrapper" }, index.h("div", { key: 'b033f2685252917b4e3e9d7c240c6bdb58122235', class: "wrapper_pattern" }, index.h("img", { key: '81b693ae0dd898c3193c1f64b32a9fb16b491f1c', src: patternSrc, alt: "" })), index.h("div", { key: '6a53d78b460560d49cf466085536fbde7322b8e8', class: `application_icon`, innerHTML: this.leadingIconSvg }), index.h("div", { key: '111ccf2cb7fa1f495b8fed44de98600a33448693', class: "application_name" }, index.h("slot", { key: 'a591ce4a83220fbb27d07adc88591b65036b34f4', name: "application_name" })))));
+        return (index.h("div", { key: '4fafdefcc7bb55549780d5c38d3fa3b69fbd4bb5', class: "top_bar_sidemenu_div" }, index.h("div", { key: '98a543e88d1b8e19f7863bd9d0b9ea0689f4db95', class: "vertical_tabs_div" }, index.h("gb-vertical-tabs", { key: 'e8335ba797e8fb17d9bdf0ca78af16391329010d', size: "md", "first-tab-name": this.firstTabName, "second-tab-name": this.secondTabName, "third-tab-name": this.thirdTabName, "fourth-tab-name": this.fourthTabName, "fifth-tab-name": this.fifthTabName, type: "button_primary", "active-index": this.activeIndex, onTabItemClicked: this.onTabItemClicked.bind(this) })), index.h("div", { key: '30b426e6f9b6be85d792e7649b114ef9dd8107c9', class: "wrapper" }, index.h("div", { key: '4e86d2c62b3aa203cec83080cbbd24cb8d01606a', class: "wrapper_pattern" }, index.h("img", { key: '39a353d328b31aadb7c9005915ad120b1c94a84f', src: patternSrc, alt: "" })), index.h("div", { key: '78b78aecf0f69c99d306d9ed96531273bc2d78a8', class: `application_icon`, innerHTML: this.leadingIconSvg }), index.h("div", { key: 'c779ce9a828b9397bfc6e825446f970840477edf', class: "application_name" }, index.h("slot", { key: 'b4146a884136e7142dd437cb9b91bac66a19d348', name: "application_name" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-top-bar.cjs.entry.js

@@ -37,7 +37,7 @@ const GbTopBar = class {
     }
     render() {
         const patternSrc = index.getAssetPath(`assets/top_bar_pattern.svg`);
-        return (index.h("div", { key: 'b57bcc7ea952d821f9dfd9bb93d87d85f214223c', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: 'c1e710dbfc6941ad37e1fb21b4ada3e9551f2dba', class: "pattern" }, index.h("img", { key: 'adb390c24ef5bb729b7d41e5a1f2f5e5366d5cf2', src: patternSrc, alt: "" }))), index.h("div", { key: '78e3736fc9238f6bf24786da5f52ec58f3d40a2b', class: "top_bar_content" }, index.h("div", { key: 'ea3226bf59c051befd33ac56642d313f25f766c3', class: "content" }, this.firstTabLabel && (index.h("gb-top-bar-item", { key: 'c2a03b8245ac442e3e610d3f0a83f4d41628e690', state: this.activeIndex === 0 ? 'active' : 'default', "icon-only": this.firstTabIconOnly, category: this.category, icon: this.firstTabIcon, label: this.firstTabLabel, onClick: () => this.onTabItemClicked(0) })), this.secondTabLabel && (index.h("gb-top-bar-item", { key: '23eae278095e0a5ba133c717054e1b0aa61b5438', state: this.activeIndex === 1 ? 'active' : 'default', "icon-only": this.secondTabIconOnly, category: this.category, icon: this.secondTabIcon, label: this.secondTabLabel, onClick: () => this.onTabItemClicked(1) })), this.thirdTabLabel && (index.h("gb-top-bar-item", { key: '0c4b3dd057f99d4af671f2ed4b3ed7b7ef82c700', state: this.activeIndex === 2 ? 'active' : 'default', "icon-only": this.thirdTabIconOnly, category: this.category, icon: this.thirdTabIcon, label: this.thirdTabLabel, onClick: () => this.onTabItemClicked(2) })), this.fourthTabLabel && (index.h("gb-top-bar-item", { key: 'fae5007f5e297a4bfab90a7fbe71110bbc1acde4', state: this.activeIndex === 3 ? 'active' : 'default', "icon-only": this.fourthTabIconOnly, category: this.category, icon: this.fourthTabIcon, label: this.fourthTabLabel, onClick: () => this.onTabItemClicked(3) })), this.fifthTabLabel && (index.h("gb-top-bar-item", { key: '69cea80b87a47aefdad49e9faa0f1ebad6a288fa', state: this.activeIndex === 4 ? 'active' : 'default', "icon-only": this.fifthTabIconOnly, category: this.category, icon: this.fifthTabIcon, label: this.fifthTabLabel, onClick: () => this.onTabItemClicked(4) })), this.sixthTabLabel && (index.h("gb-top-bar-item", { key: 'a925208f2f1794336347434bcb0a6a781d30bf4c', state: this.activeIndex === 5 ? 'active' : 'default', "icon-only": this.sixthTabIconOnly, category: this.category, icon: this.sixthTabIcon, label: this.sixthTabLabel, onClick: () => this.onTabItemClicked(5) })), this.seventhTabLabel && (index.h("gb-top-bar-item", { key: '1cf4181dbb2a009a8e78a9e207999fb1074e5cfb', state: this.activeIndex === 6 ? 'active' : 'default', "icon-only": this.seventhTabIconOnly, category: this.category, icon: this.seventhTabIcon, label: this.seventhTabLabel, onClick: () => this.onTabItemClicked(6) }))))));
+        return (index.h("div", { key: '768766d5c999b5df07bc9c19acaba371ca710ca8', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: '7b042aa1b87ebce64fb230ca58a89ec8e839bee5', class: "pattern" }, index.h("img", { key: '22ae136acfca250b5e34dae6a63159e5583c2912', src: patternSrc, alt: "" }))), index.h("div", { key: 'ed7bf897c3e33989b38a0a12910ceafb81b86945', class: "top_bar_content" }, index.h("div", { key: '8db2aec863ed0b926e4b05724ff65bd23245dd0d', class: "content" }, this.firstTabLabel && (index.h("gb-top-bar-item", { key: 'e227efad0536541b0e6324a7107e474d28cb553f', state: this.activeIndex === 0 ? 'active' : 'default', "icon-only": this.firstTabIconOnly, category: this.category, icon: this.firstTabIcon, label: this.firstTabLabel, onClick: () => this.onTabItemClicked(0) })), this.secondTabLabel && (index.h("gb-top-bar-item", { key: '8071ab7de8443e1d7dfa535ccdf4c8b57bc71a0d', state: this.activeIndex === 1 ? 'active' : 'default', "icon-only": this.secondTabIconOnly, category: this.category, icon: this.secondTabIcon, label: this.secondTabLabel, onClick: () => this.onTabItemClicked(1) })), this.thirdTabLabel && (index.h("gb-top-bar-item", { key: '5925e2353c91b4f7093628800e3b805f6fc7f529', state: this.activeIndex === 2 ? 'active' : 'default', "icon-only": this.thirdTabIconOnly, category: this.category, icon: this.thirdTabIcon, label: this.thirdTabLabel, onClick: () => this.onTabItemClicked(2) })), this.fourthTabLabel && (index.h("gb-top-bar-item", { key: '1ea576828e9f0e7d420ffb5ee6f8ee3c6b9d5b76', state: this.activeIndex === 3 ? 'active' : 'default', "icon-only": this.fourthTabIconOnly, category: this.category, icon: this.fourthTabIcon, label: this.fourthTabLabel, onClick: () => this.onTabItemClicked(3) })), this.fifthTabLabel && (index.h("gb-top-bar-item", { key: '66d35c4fbf1cc948ccc813867c335a23a6932ef2', state: this.activeIndex === 4 ? 'active' : 'default', "icon-only": this.fifthTabIconOnly, category: this.category, icon: this.fifthTabIcon, label: this.fifthTabLabel, onClick: () => this.onTabItemClicked(4) })), this.sixthTabLabel && (index.h("gb-top-bar-item", { key: 'fa72793108f76c28821edc86e34de41c4269f30e', state: this.activeIndex === 5 ? 'active' : 'default', "icon-only": this.sixthTabIconOnly, category: this.category, icon: this.sixthTabIcon, label: this.sixthTabLabel, onClick: () => this.onTabItemClicked(5) })), this.seventhTabLabel && (index.h("gb-top-bar-item", { key: 'a6eb7d308f4cf18f6f47d09fa7b64c7a82adb726', state: this.activeIndex === 6 ? 'active' : 'default', "icon-only": this.seventhTabIconOnly, category: this.category, icon: this.seventhTabIcon, label: this.seventhTabLabel, onClick: () => this.onTabItemClicked(6) }))))));
     }
 };
 GbTopBar.style = gbTopBarCss;

package/dist/cjs/gb-vertical-tabs.cjs.entry.js

@@ -36,7 +36,7 @@ const GbVerticalTabs = class {
         this.tabItemClicked.emit({ index, label });
     }
     render() {
-        return (index.h("div", { key: 'e1f45b05856b8081c5c1c73e50a0da5cb3069df1', class: `vertical_tab_div` }, index.h("gb-tab-button-base", { key: '661d8f801e0b1d13682910eaf12fc9d45e0ae30b', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.firstTabName, current: this.activeIndex === 0, onClick: () => this.handleTabClick(0, this.firstTabName), alignment: "vertical" }), index.h("gb-tab-button-base", { key: '11d51aac6ce00d123846f8b36d04fe8389c28769', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.secondTabName, current: this.activeIndex === 1, onClick: () => this.handleTabClick(1, this.secondTabName), alignment: "vertical" }), this.thirdTabName && (index.h("gb-tab-button-base", { key: '9e3d935630fd8cfd929e2fc27f10c82ff89810ea', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirdTabName, current: this.activeIndex === 2, onClick: () => this.handleTabClick(2, this.thirdTabName), alignment: "vertical" })), this.fourthTabName && (index.h("gb-tab-button-base", { key: 'b2ddfbfde56ebb8e5f7a274df43a7bfc37aa68fa', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourthTabName, current: this.activeIndex === 3, onClick: () => this.handleTabClick(3, this.fourthTabName), alignment: "vertical" })), this.fifthTabName && (index.h("gb-tab-button-base", { key: 'afcd119a02794f9bac0449c0ed75478f5df5836a', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifthTabName, current: this.activeIndex === 4, onClick: () => this.handleTabClick(4, this.fifthTabName), alignment: "vertical" })), this.sixthTabName && (index.h("gb-tab-button-base", { key: 'd74dd33f25afddf4c7939ea82d3d10f2ce0a6d1f', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixthTabName, current: this.activeIndex === 5, onClick: () => this.handleTabClick(5, this.sixthTabName), alignment: "vertical" })), this.seventhTabName && (index.h("gb-tab-button-base", { key: 'c12e559b958eb708ca5ee2c86c33e052839fe927', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventhTabName, current: this.activeIndex === 6, onClick: () => this.handleTabClick(6, this.seventhTabName), alignment: "vertical" })), this.eighthTabName && (index.h("gb-tab-button-base", { key: 'bf633e53b566a1f42c1abcd849bedc17f72252f5', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighthTabName, current: this.activeIndex === 7, onClick: () => this.handleTabClick(7, this.eighthTabName), alignment: "vertical" })), this.ninthTabName && (index.h("gb-tab-button-base", { key: 'afbe49b320b1da628c6d3915ec1fce1daa758b3c', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.ninthTabName, current: this.activeIndex === 8, onClick: () => this.handleTabClick(8, this.ninthTabName), alignment: "vertical" })), this.tenthTabName && (index.h("gb-tab-button-base", { key: 'c2527ac6acb425eb47430fbd48e4beedcb004b77', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.tenthTabName, current: this.activeIndex === 9, onClick: () => this.handleTabClick(9, this.tenthTabName), alignment: "vertical" })), this.eleventhTabName && (index.h("gb-tab-button-base", { key: '4d717a75c321e41d47011e573f5f04188d850316', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eleventhTabName, current: this.activeIndex === 10, onClick: () => this.handleTabClick(10, this.eleventhTabName), alignment: "vertical" })), this.twelfthTabName && (index.h("gb-tab-button-base", { key: '4ce1ef75939d1cf0c50c60e5b49ead97cb1cd3e1', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twelfthTabName, current: this.activeIndex === 11, onClick: () => this.handleTabClick(11, this.twelfthTabName), alignment: "vertical" })), this.thirteenthTabName && (index.h("gb-tab-button-base", { key: '90a7d4797ce15e248baa9d51b5011be7b0cfff8e', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirteenthTabName, current: this.activeIndex === 12, onClick: () => this.handleTabClick(12, this.thirteenthTabName), alignment: "vertical" })), this.fourteenthTabName && (index.h("gb-tab-button-base", { key: '38e2b8a01c6fba2a37f61f830f1ef3dcad21415d', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourteenthTabName, current: this.activeIndex === 13, onClick: () => this.handleTabClick(13, this.fourteenthTabName), alignment: "vertical" })), this.fifteenthTabName && (index.h("gb-tab-button-base", { key: 'a3e17c83b0f3b7ce941c2998cb2ffd0ccc81ba03', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifteenthTabName, current: this.activeIndex === 14, onClick: () => this.handleTabClick(14, this.fifteenthTabName), alignment: "vertical" })), this.sixteenthTabName && (index.h("gb-tab-button-base", { key: '862aaadce009f7626a4bebe09645f1dbb9788b38', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixteenthTabName, current: this.activeIndex === 15, onClick: () => this.handleTabClick(15, this.sixteenthTabName), alignment: "vertical" })), this.seventeenthTabName && (index.h("gb-tab-button-base", { key: 'fdb201e81f112a2aae3b5cf0c26895fc014b9833', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventeenthTabName, current: this.activeIndex === 16, onClick: () => this.handleTabClick(16, this.seventeenthTabName), alignment: "vertical" })), this.eighteenthTabName && (index.h("gb-tab-button-base", { key: '3a7e4f3908a84a74f2f90b94c41ed3825e713bb2', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighteenthTabName, current: this.activeIndex === 17, onClick: () => this.handleTabClick(17, this.eighteenthTabName), alignment: "vertical" })), this.nineteenthTabName && (index.h("gb-tab-button-base", { key: '4abf0d76e7cb5ccfabe3a7f1ca120cd831732591', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.nineteenthTabName, current: this.activeIndex === 18, onClick: () => this.handleTabClick(18, this.nineteenthTabName), alignment: "vertical" })), this.twentiethTabName && (index.h("gb-tab-button-base", { key: 'a8693bd48ca0a21c948552be02d525d914438e84', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twentiethTabName, current: this.activeIndex === 19, onClick: () => this.handleTabClick(19, this.twentiethTabName), alignment: "vertical" }))));
+        return (index.h("div", { key: '7e103bd2851901c7a52152c815bac91780f64e1d', class: `vertical_tab_div` }, index.h("gb-tab-button-base", { key: '8b249bd3c09a55e0a6b38fb7fc7e971c4117d087', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.firstTabName, current: this.activeIndex === 0, onClick: () => this.handleTabClick(0, this.firstTabName), alignment: "vertical" }), index.h("gb-tab-button-base", { key: '28ccfd36a9dc2ecb94355c1a0fb7a7b2b1d5cec2', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.secondTabName, current: this.activeIndex === 1, onClick: () => this.handleTabClick(1, this.secondTabName), alignment: "vertical" }), this.thirdTabName && (index.h("gb-tab-button-base", { key: 'f6302171643af5b91b88d28e3ebdd9aa89d671c4', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirdTabName, current: this.activeIndex === 2, onClick: () => this.handleTabClick(2, this.thirdTabName), alignment: "vertical" })), this.fourthTabName && (index.h("gb-tab-button-base", { key: '868a3621dd16b4d0b9b36b1505eb2bc9bbea7094', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourthTabName, current: this.activeIndex === 3, onClick: () => this.handleTabClick(3, this.fourthTabName), alignment: "vertical" })), this.fifthTabName && (index.h("gb-tab-button-base", { key: '9ab169e6b1c41e0681863fcc4067cb8b27d4b921', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifthTabName, current: this.activeIndex === 4, onClick: () => this.handleTabClick(4, this.fifthTabName), alignment: "vertical" })), this.sixthTabName && (index.h("gb-tab-button-base", { key: 'bff31b4ccc116aabf792246aef4f8b74f932e5e3', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixthTabName, current: this.activeIndex === 5, onClick: () => this.handleTabClick(5, this.sixthTabName), alignment: "vertical" })), this.seventhTabName && (index.h("gb-tab-button-base", { key: 'b4759f59ad37305553d4b009bf12b0748c996fb2', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventhTabName, current: this.activeIndex === 6, onClick: () => this.handleTabClick(6, this.seventhTabName), alignment: "vertical" })), this.eighthTabName && (index.h("gb-tab-button-base", { key: '553c2fa99121a59e62b490449e6d6863f9c74b47', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighthTabName, current: this.activeIndex === 7, onClick: () => this.handleTabClick(7, this.eighthTabName), alignment: "vertical" })), this.ninthTabName && (index.h("gb-tab-button-base", { key: '5fdb987126aab10e51f178ed629e9678305a6157', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.ninthTabName, current: this.activeIndex === 8, onClick: () => this.handleTabClick(8, this.ninthTabName), alignment: "vertical" })), this.tenthTabName && (index.h("gb-tab-button-base", { key: 'b818bed50356435e67143fe31a364b1e80a62015', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.tenthTabName, current: this.activeIndex === 9, onClick: () => this.handleTabClick(9, this.tenthTabName), alignment: "vertical" })), this.eleventhTabName && (index.h("gb-tab-button-base", { key: '33a4627775ce0c3ba74d9804870cc6e32391a004', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eleventhTabName, current: this.activeIndex === 10, onClick: () => this.handleTabClick(10, this.eleventhTabName), alignment: "vertical" })), this.twelfthTabName && (index.h("gb-tab-button-base", { key: '24c18a4a468d4923683c07a85451dfff8cf086ce', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twelfthTabName, current: this.activeIndex === 11, onClick: () => this.handleTabClick(11, this.twelfthTabName), alignment: "vertical" })), this.thirteenthTabName && (index.h("gb-tab-button-base", { key: '2f7f95467e2835ba751308ff20fca05769a44b59', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirteenthTabName, current: this.activeIndex === 12, onClick: () => this.handleTabClick(12, this.thirteenthTabName), alignment: "vertical" })), this.fourteenthTabName && (index.h("gb-tab-button-base", { key: '252dd8c4ac7311fe16a2cf5dc47fc191636a1758', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourteenthTabName, current: this.activeIndex === 13, onClick: () => this.handleTabClick(13, this.fourteenthTabName), alignment: "vertical" })), this.fifteenthTabName && (index.h("gb-tab-button-base", { key: '85396c53fac71655b77784527cd0babf01fa77b0', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifteenthTabName, current: this.activeIndex === 14, onClick: () => this.handleTabClick(14, this.fifteenthTabName), alignment: "vertical" })), this.sixteenthTabName && (index.h("gb-tab-button-base", { key: 'a2fc292c1fd888d12e624c1f748b96e0423c0fcd', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixteenthTabName, current: this.activeIndex === 15, onClick: () => this.handleTabClick(15, this.sixteenthTabName), alignment: "vertical" })), this.seventeenthTabName && (index.h("gb-tab-button-base", { key: 'b64cbcbf2c5d824cb62bca90575f7f7785e22486', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventeenthTabName, current: this.activeIndex === 16, onClick: () => this.handleTabClick(16, this.seventeenthTabName), alignment: "vertical" })), this.eighteenthTabName && (index.h("gb-tab-button-base", { key: '6513c3549007c7873c76083b521deb1884c5bf4b', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighteenthTabName, current: this.activeIndex === 17, onClick: () => this.handleTabClick(17, this.eighteenthTabName), alignment: "vertical" })), this.nineteenthTabName && (index.h("gb-tab-button-base", { key: 'a4b66c3a0ca5312024148f0c7e9b5e9eca7625bd', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.nineteenthTabName, current: this.activeIndex === 18, onClick: () => this.handleTabClick(18, this.nineteenthTabName), alignment: "vertical" })), this.twentiethTabName && (index.h("gb-tab-button-base", { key: '0bef725575927413ab331ac2f958c7c139e0f395', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twentiethTabName, current: this.activeIndex === 19, onClick: () => this.handleTabClick(19, this.twentiethTabName), alignment: "vertical" }))));
     }
 };
 GbVerticalTabs.style = gbVerticalTabsCss;