globuswebcomponents 1.7.0 → 1.7.2

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

@@ -105,7 +105,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: 'e49dba90cd5c956f18abd8d2ed8e30f4ec87e1cf', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: 'ebb9d22d8bb66211d86d91fcb323e0d4665f9147', class: "pattern" }, index.h("img", { key: 'f38f3abd56e0e06706724bd8edd8476c8953b730', src: patternSrc, alt: "" }))), index.h("div", { key: '2494180527905071cb681e10fed003dea2f47de7', class: "nav" }, index.h("div", { key: '1245aa9d456a254dd9140bcfe13eac192ca9ec41', class: `sidebar_header ${this.state}` }, index.h("div", { key: 'e45427ebe0670bf11ccd2e4b2b90810a161d151e', 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: '1cacfc915deba86d6a4234f49d3f8381033050d4', src: logoSrc, alt: "" })), index.h("div", { key: '8ffc18b786ff178ef794cbfbeb2dd51e2e813fb3', class: `collapse_button ${this.state}` }, index.h("gb-collapse-button", { key: 'dae34f666beac58a58ede2d5ddac7f390c876936', 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: 'a4af3a4575bca3a2c04f9026140f60d0faa3bb69', class: "navigation" }, index.h("div", { key: 'c8d51b7aed32e8682733f32903ecb19fac1942cf', class: "item" }, index.h("gb-simple-side-bar-item", { key: '08f70df7b38c2579a1c66faa173ab76ff41e74e9', 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: '5aee6e2c7c8c523128ad405d157bc73adca4b646', 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: '0b9887f145a4ea0136398c5a606bb440fe32cd15', 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: 'bced4368c0ebaefbc783febc1850db96f44b8ca9', 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: '8ed6384d193109718db858d4acc5f1b1cc2f7c46', 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: '66fbc87a5481db2d4b7f203262abab9ae2588704', class: "navigation" }, index.h("div", { key: 'e78ab47e83a8d54d3083860fd24339a37d8363d5', class: "item" }, this.sixthItemLabel && (index.h("gb-simple-side-bar-item", { key: '0def1ec65d4a1d661064c15333ff1b4ad397dca7', 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: '1c48fdaca71b9234a1214303f267ca5af2f51ff0', 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: '3cc3f91bf7c09180ab260e0f7d10ce9d8a4ce5f0', 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: 'be02dc1f946d2ba75c7e210423b3f9506707bfc5', 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: 'f9ca238bd522640535171ea83351483544bf33e7', 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: '7d11a75491be9e985de0f6cf23d52c08d6869672', class: "application_name" }, index.h("div", { key: 'dd46bd895ce532d925e0079c7f9757535b88caea', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (index.h("div", { key: '8a05b7dd84085dd6bf24f2d5e13df81a964da521', class: "application_name_pattern" }, index.h("img", { key: '69d6c516c860e5336046c5ebce156f0330291d89', src: patternSrc, alt: "" }))), index.h("div", { key: '17dc8aff29d2c2c85e319d546580c364f2f9f8a9', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), index.h("span", { key: 'e8272320d883f9e9671396c326aed329522328fd', class: textClass }, index.h("slot", { key: 'ca1e93026428a95ede56cb92e1c81b974d6333d9', name: "application_name" }))))))), this.type === 'complex' && (index.h("div", { key: 'df85f12ed7f10fd8ddb53d83ccdfa6c0ff39f959', class: `sidebar_and_nav ${this.state}` }, index.h("div", { key: 'f5feabd9f7495fba733243195cc31dc1d7ba49c0', class: "nav_div" }, index.h("div", { key: '2e881104a293ba7e16b5b57b190446188891f56f', class: "logo_and_button" }, this.state === 'expanded' && index.h("img", { key: 'abe4a18a5abfcb9baaa33702dec2c422be26a3a2', src: blueLogoSrc }), this.state === 'collapsed' && index.h("img", { key: 'c2d304a6ae5e2ecb8b1a016c6523bc68e3adefc7', src: logoSrc, alt: "" }), index.h("gb-collapse-button", { key: 'e997ffb98d5753fe77404c14e2d73f486eb6a5f6', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: '7743b0441d962611e0c619c025c65e0aacac429f', class: "complex_sidebar_div" }, index.h("div", { key: 'cd85a53895501f46b89d2f874c290efedacaac9f', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (index.h("div", { key: '6a3fdc85613f30dae16bc8a4682c07c946aaa8d6', class: "pattern" }, index.h("img", { key: '1fe5efc76bd9a01b0ea49ad8217e6b2533c9f965', src: patternSrc, alt: "" }))), index.h("div", { key: 'ab626f554758be7dc29fc034c392f63b1ed69fe7', 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: '9eccaa267472f6b02400ad7a116f33c6e740c495', class: `secondary_side_menu ${this.category} ${this.state}` }, index.h("div", { key: 'a8c83ff9a593700cd5202aa89453a4aa76c2a0a4', 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: '79b4e41409c6caca2ac91e42fc0944fe9d62dadd', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: 'd11ac12f4d0f6acc6796aa04a86df80f31e317bc', class: "pattern" }, index.h("img", { key: '961d7169aa05d5cf4d1a9489c6fda98473076335', src: patternSrc, alt: "" }))), index.h("div", { key: '23a34d88c6168f6f41bf5a701f36cb3188d35701', class: "nav" }, index.h("div", { key: 'a12de46f837d04efef27f44c44c93606c64d6593', class: `sidebar_header ${this.state}` }, index.h("div", { key: 'e99e5e97008033325f94789677d53d9e163b1155', 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: '39add78556373b899bb422cf3239151c709f213d', src: logoSrc, alt: "" })), index.h("div", { key: '663d8a0587edde12c4d8a551460343f02d1c6315', class: `collapse_button ${this.state}` }, index.h("gb-collapse-button", { key: '34a00255deaed9a87edbbf75074314b536bc7c23', 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: 'dfda319c6d4e0292ad2fcce4660ca1d77eef5b78', class: "navigation" }, index.h("div", { key: '315fe05e0295ed1f0d44c36f2de8ca569bdc32b2', class: "item" }, index.h("gb-simple-side-bar-item", { key: '739fb67e2826fd87f3b2ca57efd54f57b54ff7dd', 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: 'd4baa6950e94f74cf925010f65f9d92bb42ff30b', 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: '9c2ac37992269c13a87eefe7de73944ab6d4a734', 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: '4ef688f99327139bff3e5ed4f51a863c55909426', 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: 'ab28cfe4678b060c72bdebb7fc65712b4ec1d657', 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: '9f8afb23b08eb23291f7d27aa64915176f229873', class: "navigation" }, index.h("div", { key: '611a34d4acf2262fd5e9295ecb95ebfcaf11d63c', class: "item" }, this.sixthItemLabel && (index.h("gb-simple-side-bar-item", { key: 'd5b4f2800e1a9a4dc0486d122f0eddd192a9d0d5', 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: 'e274ec6e4dc0863a86826a4a0178637ed34a0a02', 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: 'f91bddcf7050df2384027f44746e47c1561976d2', 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: 'f5abe03373f4573c3d15410523d9b30d57eb1a69', 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: 'a5a656a0f44e1d45e64fe2f6e778b43f3478b7eb', 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: '9b8d6aea6c7c63fa606f5b69d3f3a0694ab02c5a', class: "application_name" }, index.h("div", { key: '87551f149029b7469062de2994584f2ca96233c7', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (index.h("div", { key: '41fad01e03bb4def9d61bda0254866059ddb9321', class: "application_name_pattern" }, index.h("img", { key: 'ebc5140ea53a15626085deed3a65699540c5f3fe', src: patternSrc, alt: "" }))), index.h("div", { key: 'ee1adc66444d295ba0248dc787007dbecdba2b7c', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), index.h("span", { key: 'c7ae604ecc987f11e68d5c1ef5ace9563a1888aa', class: textClass }, index.h("slot", { key: '1f6fe72c6ab2d430d17f3e8c1ce31490b0c6783c', name: "application_name" }))))))), this.type === 'complex' && (index.h("div", { key: 'd8bc13cde2833989044066b9dc79b22d79eaf1c4', class: `sidebar_and_nav ${this.state}` }, index.h("div", { key: 'de2f27bc52f286490e152dec43e7c531412dc3a8', class: "nav_div" }, index.h("div", { key: '6fb780e2eecfa7ad3e2a622592b25c6a62d41374', class: "logo_and_button" }, this.state === 'expanded' && index.h("img", { key: '5cda696b5ed31ce8464039d0eca1ee10f9b66153', src: blueLogoSrc }), this.state === 'collapsed' && index.h("img", { key: '426287437ba7f3f38774716c21ee10430bdb6682', src: logoSrc, alt: "" }), index.h("gb-collapse-button", { key: '06d61761cfc441e184d22c99f980ca27caaf684d', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: '1fedcc933f50f170e21beaa9a4cdbac26fa80385', class: "complex_sidebar_div" }, index.h("div", { key: 'f2ecc885a66326e7c6a25bb5e4bac8ba45b081a2', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (index.h("div", { key: '15a567fde2881f6ca7672b9b91a213413582e991', class: "pattern" }, index.h("img", { key: 'b9f9084636760ad5c48e33bdcc3a2c11007fac3d', src: patternSrc, alt: "" }))), index.h("div", { key: '98187737c407b0ba1d147fd4bf61c111b4cd66ec', 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: '47d9a99ee704fbc3f147ca629e0a5cdd40b5aa40', class: `secondary_side_menu ${this.category} ${this.state}` }, index.h("div", { key: '1e9e521328cc337927eaacd21ed975468cfffc0c', 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: '598310bc275af289da73620b754ed74b4604271a', 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: 'd2ea1244f2f403d884561d99c278c64080e4d133', class: "tooltip-container" }, index.h("gb-tooltip", { key: '75ee9ce0a9e21916e3729a7282d0a35a48e0ec29', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: '7a1aa46096758dacb7e7eeed2ea2184f7e9d89de', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: 'fc1f2763cbae48636a1e45130e299e0e532d86da', class: "thumb-label" }, index.h("p", { key: '7e7b928514bf78c806e524495d19c8a77b091555', class: "thumb_label text-md-medium" }, this.value)))));
+        return (index.h("div", { key: '99428923764ce0204f7b06d767b4aaef4f212258', 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: '18d385d157ae719716b7b6fd239a485eb77cf60e', class: "tooltip-container" }, index.h("gb-tooltip", { key: '0db62a3d64c690f9f92809856b74126b2895cfb8', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: 'da6c93eccf851ad2d494f9ff497d78e43a00946c', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: '341edbeb32130e60cda44679ed6ae0b18a55dd39', class: "thumb-label" }, index.h("p", { key: '690c3282a74b18c2a2eef3ccdb5441066e101364', 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: '734fce29fd12e7f0d63ff9c9687a39d14ff6b3c6', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: '8da70ef5decf63a868a6daec7852f0cf098be202', class: "track", ref: el => (this.trackEl = el) }), index.h("gb-slider-control-handle", { key: 'cd8de089bc7f0c05c4e26b40399fbb992c4d2d04', 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: '73729a7492ad45e96a9d4da36a02663c059620a0', 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: 'fcce223ac90039dde1402439e13ddd141cffd048', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: 'c8ce5ddb269a9703fb0228a5d144cd7463b69de1', class: "track", ref: el => (this.trackEl = el) }), index.h("gb-slider-control-handle", { key: '83ef41b052a87780058885f34325c1ca03503c58', 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: 'fb6965f0c21b1b377e6c07bfa82de98ad51837db', 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: 'ed87f09ace529917f9f3afeeb96f1ce5467a92a9', 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: '3b72d20257f987dd30520bed6aa10427aea481c3', 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: '1d6fb2d8c3a73016e15f398c6d8b06875bdb9fb4', 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: '98d71abd35440b642991afcc63ecc8a86363c8cd', 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: 'f4a2ed73bdbb18027093e2d4c0dd7cc1aabbe0c4', 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: 'fc7f825f43c5d0f18c02a1b2933380f03bccad07', 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: '0a93ce887dc3f61a1c3063c10fa3c7e8472f2f6e', 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: 'be09932f458aee58c7aaf7576e4dae85879976c4', 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: 'bd1fc69e44f08d9cbca47b92691b0d03619ecaf4', 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: '0f7aa8a2ca8a86a55ec16c1f26a62f672d72ddbf', 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: 'b1cf80e9a48bf4bf9b754d7942e54f2cc191adb8', 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: '7b33c293aa8ba0d899e1c793f53d02abf38219bb', 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: '996af69c0d0e81814efe7f2ae30bc4597aa01c5c', 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: '2cea3f780f10e9b5932d7d8755ded5938e3c86ec', 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: 'b52006bcee5e15e8191de071e5d7c7b270324b09', 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: '7ecd5d3a7b19de1b8b25b67d3fec66a8c908d260', 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: 'c279dcb92961de344178d838364b5698ad1d0879', 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: 'b959441179a007e8351e036277bfb7a02c01b9f6', 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: 'bd8483320e3be378e2ff9b6f1d3cb57ca62c6aea', 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: 'c7ad58ef7f6b5e84922d85ad9a113d38bf6e5533', 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: 'ea5efe6542cbad7601e67c38680ade5d3a975cfb', 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: 'cbdcc6635a32e54b6bc16fd0636402ec23254a8e', 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: 'ed333f39a03274f58c025b26ddf3a52b1aebc332', 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: 'da587e736aac75865a504e38490a1a3f3f7c732a', 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: '2103ae313a74dcc9e56ea90a7fd0a2f5c62b7051', 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: 'bbf57375a69441ac8103a0231b921db2d8220feb', 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: '6e67e47c7786b4d64bb443963220264f3bfeec75', 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: 'fc256dc699e5f108e70a98a4352af5e6e94aebf2', 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: '4db95511f9f7d4226fa5f63f4dcccc4e4f4ba6d8', 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: '9990dca001c5595662e93c81462c6597d1d8b912', 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: '10a2a80acccf9048fd922e7235e828b42d9d4e39', 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: '52cb37b10fdc7d2f30dca51ce663401159dd5978', 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: 'bed46e5dbdbfc3e2bd8c4320f935cd17ec9b5848', 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: '7e42a2c8bb9e8f826e775c5356bea2a16e8b772e', 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: 'c008057e9fc1b0cc171f6387002191b86819cd4f', 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: 'ebbb632593ac652c8abf1165d5c3dcbb1a212a34', 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: 'a775eb95362fc60a4c405d24bc038a1cc6569e92', 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: '10c444cfe2ce33552dd05b5466816e9351628c64', 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: 'd57bb2ee72e59196da0d7ad0b54be5b6bd146458', 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: '9de23258786d2da27e4a1b9cb028221d488a1587', 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: '37893e4492404ea13e673b479c6f732bc66f6745', 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: '878a69c8b6443cd1e65a80efed98622ab74c54fc', 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: 'c610a6f7c3224c3400edfd4b92ded65bc5cb2082', 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: '9c6ca4c21c0b3f00cc1aff000e8e2450650d8645', 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: 'ad06803f120bba43406f970330d9fb0ff865e0a8', 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: 'ec41d74cdd733f410e836cfd46abc82b7a78ee52', 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: '204b7c243395a212527555bc19ee7e4e132053cf', 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: 'ebc98ddef9462d694465df4d1c742c6dafd5f19d', 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: '82e63e6b3f7b27c380d631c207f564e64850d516', 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: '5a2a966cfb95ecfa5dac771a13f5618e1253c1b4', 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: 'f90bc78cff2d2d80040ad1da2c83bd3f250c13fb', 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: '8dee82b5ee997a554c6f3b0e3f8a01c35f08b751', 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: 'b9a0aaea4eb46c25988f4f6c01f7baf5e6c8b989', 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: '0c38a767330be6fbfa854cada240788c4f5868b2', 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: '64c1095e4b9d981e975f3011025ddb826d62dc00', 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: 'c1166c0553d0e0e9528110a791734ea58374e5e6', 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: 'fbeaf8662b7aebfbe1dcc1674b7a29706e917382', class: "text_with_line" }, index.h("gb-step-base", { key: '125eec29640ebca3a6104fd7bcf8c770bd057aff', 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: 'ae5931683ce2f541456ade51a6aa04595c1a42f9', 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: '93889ab42518273442c9830a58d826dd8d7787a6', 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: '1281c564505816751dfcc53abbc2573f5e8b941c', 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: 'c0a46c7a91d4964b3e5c39723093fe079e2476a9', 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: 'c409886b660e231743c99e03cade738e9ad35aa2', 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: 'e95fc449f5182c8f6f98f635d42d07a07b9ae601', 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: '683edd2084b735ddc6d62ab8651c48d03b133d39', class: "text_with_line" }, index.h("gb-step-base", { key: '8feb47e785836c9e253d59faeed29a66f50595ad', 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: '3b66b2360c030ffb4e6c87cf6df4fbc52dcd3d09', 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: '8ab228739b57ca3a6f0a0b4d8b490dbfe27919a7', 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: 'a11d69c97cf3125d7ab71162fe7a971e11bc153d', 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: 'c58205611db672eeef7467236e1f0314326d7d89', 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: '0e87c3acf712edfdea90def16c50bff50847361f', 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: 'af8baec265eb893a32f364edc4ab84354320d7f8', 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-stepper-vertical-icons-with-text.cjs.entry.js

@@ -83,7 +83,7 @@ const GbstepperVerticalIconsWithText = class {
         ];
         // Filter out steps that should be displayed
         const visibleSteps = steps.filter(step => step.show);
-        return (index.h("div", { key: 'f6b23f5302ba8c2c8dbcd92dd2f85b8d4683c341', class: "vertical_stepper_div" }, this.type === 'icon' && (index.h(index.Fragment, null, visibleSteps.map((step, index$1) => (index.h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index$1 === visibleSteps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText })))))));
+        return (index.h("div", { key: '0f26c17617ec96e860adcc235facc00f6d4378cc', class: "vertical_stepper_div" }, this.type === 'icon' && (index.h(index.Fragment, null, visibleSteps.map((step, index$1) => (index.h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index$1 === visibleSteps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText })))))));
     }
 };
 GbstepperVerticalIconsWithText.style = gbStepperVerticalIconsWithTextCss;

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: 'ce83e06b6ae1c2b207bf9d49ebbc9dc1a70f49c5', class: "table_cell_div" }));
+        return (index.h("div", { key: '0ee4b853131a5ec67df022a4696586d278238783', class: "table_cell_div" }));
     }
 };
 GbTableCell.style = gbTableCellCss;

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

@@ -191,14 +191,14 @@ const GbTextareaInputField = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'f551dde23be9945eefe6f72aaa5278d1181bb8ae', class: "textarea_container" }, index.h("div", { key: 'dd0c32eee25ab77d807c3c8900243ca4af98e6ee', class: "input_with_label" }, this.showLabel && index.h("p", { key: 'fac61936dab0bf4db68a58aa4f649af3651af68c', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: 'e939a0f5085634ae6b4a642647edc90960e8843b', 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: 'c9a046129b5b1011df0047437cff0d25a915f802', class: "textarea_tags" }, index.h("div", { key: 'cca1a3af6608f9ba711cbc403e98d4579cb04463', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: '228f6b031d0083d6c765c4b3d81bbc6810eb9f07', 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: '6053b9ab9b703f7274ca3a6ae3ae9004588a3701', class: "textarea_container" }, index.h("div", { key: '6bd452d1c4cab43d7dba7c61e926db12defc8750', class: "input_with_label" }, this.showLabel && index.h("p", { key: '2dad528a217f51ffe2e898cb7bfefdf984a91300', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: '06f54bd2faa34522ed6bb491fc3dcd7b7cc15b94', 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: '078210c5b18d33e56497abb013bac03deec77521', class: "textarea_tags" }, index.h("div", { key: '3421b030cfcac1d45170e74c75ac19c3ab3d8854', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: 'd0505f56fae5d2f804ee3ed976fc6dfd1e604211', 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: '835cbad116f75f5629ab4ea78d08bb5437699526', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: '0dcb4dc9b911da0615c549cfb976355b656fa4c8', class: "input_field" }, index.h("input", { key: '46d6795b491338be10644ee84c4de2de96d80e78', 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: 'e120448879b44df93b90625f52ea8ac6d4438b6b', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: 'a513b334880e6cc630081c46de87bd683cc6699e', class: "input_field" }, index.h("input", { key: '1e6ce0858ba5dd6b0c88f287a3f26d4160ee4757', 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: 'effcf6adc6b4d947a85f49c5af71f75d165fda9f', class: "help_icon" }, index.h("svg", { key: 'db80aa47b972d4f7477dd3213bf26f179339b3b1', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '21d0b313e85d7b28841ab4f76c00cc07bae5ef5e', 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: 'ed079345912ca4c702a127d0eb0c46695f5a6766', 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: '325a148aa77050beec05c8a16c9f3d4858623337', class: "help_icon" }, index.h("svg", { key: '9c95127ebe02cfdb5876ebd68d6b552219e376cc', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '41b2a824ab9b6e6ad3c281e918cb31124c1396d5', 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: '7cd3101402e8950829634fc4e326d2094d9d4c04', 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: '9d9c892eed21c6770f395482bbf55b4cc1e8efa8', 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: '6b78228ad77ee1851e26d01d5fb3f2fa85593da0', 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-theme-tab.cjs.entry.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var index = require('./index-CmQuD5Lz.js');
+
+const gbThemeTabCss = "";
+
+const GbThemeTab = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return;
+    }
+};
+GbThemeTab.style = gbThemeTabCss;
+
+exports.gb_theme_tab = GbThemeTab;
+//# sourceMappingURL=gb-theme-tab.entry.cjs.js.map
+
+//# sourceMappingURL=gb-theme-tab.cjs.entry.js.map

package/dist/cjs/gb-theme-tab.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"gb-theme-tab.entry.cjs.js","mappings":";;;;AAAA,MAAM,aAAa,GAAG,EAAE;;MCQX,UAAU,GAAA,MAAA;;;;IACnB,MAAM,GAAA;QACF;;;;;;;","names":[],"sources":["src/components/gb-theme-tab/gb-theme-tab.css?tag=gb-theme-tab&encapsulation=shadow","src/components/gb-theme-tab/gb-theme-tab.tsx"],"sourcesContent":["","import { Component } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'gb-theme-tab',\r\n    styleUrl: 'gb-theme-tab.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbThemeTab {\r\n    render() {\r\n        return\r\n    }\r\n}"],"version":3}

package/dist/cjs/gb-theme-tab.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-theme-tab.entry.cjs.js","sources":["src/components/gb-theme-tab/gb-theme-tab.css?tag=gb-theme-tab&encapsulation=shadow","src/components/gb-theme-tab/gb-theme-tab.tsx"],"sourcesContent":["","import { Component } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'gb-theme-tab',\r\n    styleUrl: 'gb-theme-tab.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbThemeTab {\r\n    render() {\r\n        return\r\n    }\r\n}"],"names":[],"mappings":";;;;AAAA,MAAM,aAAa,GAAG,EAAE;;MCQX,UAAU,GAAA,MAAA;;;;IACnB,MAAM,GAAA;QACF;;;;;;;"}

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: '2ab0347e70d2e59ef0f526eb507312065210f3c6', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '67b8bd82ad91bae2eac953c4fd186ad66b6930fa' })));
+        return (index.h("div", { key: 'e557d4035fcf551de72d41f18777a85a57511d66', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '67538d3be984f83384d5517c7b54732e67fbfd48' })));
     }
     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: 'fec07f2226467e5a238a52271593c1b195dba906', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: 'a257f7b58c53a39d64c073ab6f323973cb8928d2', class: `icon_container` }, index.h("svg", { key: '2e395ac09edca117fe1d2dc2d6e553c3f550ea03', 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: 'a4d3bd704698467fcb460a22faf1251457aba814', 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: '6a548bad63b6ce7d6c4bf3b633c1e2a69ad51f28', "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: 'fa58fd1485bc6db27bf1da8816ccc941663d431a', "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: 'd36ad3954db9e343701640b334e3af96860bc5a4', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: 'be92e898d27a9f2f2aa3b25eee460298bbb3b234', class: `text ${this.size}` }, index.h("slot", { key: 'f9c00ccdf0d949cdbad9a687778a44f4f01c1b15', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'b7f59997fae964662cec73ce68d6d4a48f2c29e1', name: "supporting_text" })), this.actions && (index.h("div", { key: 'fe80f2a9df3b87321f73a878ad724de9eb8f2d90', 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: 'f94405f363f318c23f60283537a22cf50cfedda0', 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: 'e97ad59250204157b36a1fcd95d4c0df67021055', class: `container ${this.breakpoint}` }, index.h("div", { key: 'a26df9c7c342d50afb23a66e73c00c6b1618ff40', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: '5d5a49ae45fa4ce5d96f0715cfe2d7ae25a7647e', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: '1ff5124fd7787a9ef1e90d6a4907fad4946e4194', class: `icon_container` }, index.h("svg", { key: '3e9c328eaba85a614643a73d18708f11e50cdcc7', 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: 'a096517c8625ff3547435f32044958cb664ea309', 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: '003ea0fbf7084a27e9cb59dc1d2177b2db069f50', "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: '88747e04d2723b22feaa046f47262fff889052e6', "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: '47bdfb1dc93c9b78c07d7c2adc3a754102803139', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: 'f6667562789210ce850a5593998294ea1256234d', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '776c4ce2626cd3e27c0df3314dbb77e04c476e8e', name: "supporting_text" }))), this.actions && (index.h("div", { key: '592593b4efac5ead26b9ddb77a328a37dd5d9cb2', 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: 'a8e6187c9875a13abf53f77ab7ffab79ccad471c', 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: 'f02d01b7585a22480ee80fc28a772c7295fd55f3', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: 'f456c92d6c1a440665c35d1f4431e4df8cea8496', class: `icon_container` }, index.h("svg", { key: '6cb4e2829b7e031231c7a16bf9d6d9bc9c5567e4', 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: '5ad180ea17d0cf3219c0514659e80a28abb43fda', 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: '9dd79a57b9c745b4fe9141f4a0c32a0bc0779fe6', "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: 'c433c2c634b61dc6015232e43a79c148ad91bad5', "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: 'ec029a7260cc39577070174b78482eb43c02687e', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: 'bfda53bd8943c767aaaf944f3636e22ffa4e5f09', class: `text ${this.size}` }, index.h("slot", { key: '637e42f881a8f5a3d342d666f5d85d138886ee76', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'b563371a20c64f3eb3a324ef1a3e4a33b7a7be69', name: "supporting_text" })), this.actions && (index.h("div", { key: 'c09220e2660644cbf711e5f9b4c438cde887f3df', 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: '8224db41234905f33f43bb016482cfa36dcd6448', 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: '5c79b2113357385d9a31b4f893e57d7c0e282fae', class: `container ${this.breakpoint}` }, index.h("div", { key: '3fb4994473d7b29383b59cdd61e88c0d31ecd041', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: 'ad721c10d1f452c5bb17a15797319aa99ea19012', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: 'd03d58e453158b20b7bdc537b992812d25a0ea2c', class: `icon_container` }, index.h("svg", { key: '15237368e1af891231f8452a11c356e4d09e51d6', 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: '66667b3a06ce6f2fc03f722fe03fe8a10f287203', 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: '6ab94664966d69092c6853aa617aa4fb2cc6d3f8', "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: '63a43278e868b46f189a733320478d7643dba6e7', "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: '989e760d1ef3af1cf81faad2d750a766bdd4236e', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: 'daec49de7773b711a5e709e4a02330b82a70ca9e', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '748d7d04db518bd728df0e92ce61d1b8fca7c8d8', name: "supporting_text" }))), this.actions && (index.h("div", { key: 'befff61f9a8554fac87ae733c5899087bdeded2f', 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: 'a62701f1ec64a436f5e4d15b36642044ef2aeb55', 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: 'b36669a4d939b340d318c10c207d6a0e12c8a61e', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            index.h("label", { key: '43bdd98082a83a5c71bbcdefbe0f7a26ee6920fb', 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: '9fa4a1a7ebd828e86353fd791fc9437db38c03d7', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            index.h("label", { key: '4d9166f43a333d2e26c19cb160b96fb67a82293e', 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: '6b9b11779baad5f31974b03fd4700e6d8108fbff', class: `toggle_div ${this.size}` }, index.h("div", { key: '60455c9aee3831c01387a5e96f4ea89ec3dd39cb', class: "toggle_base" }, index.h("gb-toggle-base", { key: '04ae7b99cc22de5d011b430b366fe90dcf1576eb', size: this.size, state: this.state, pressed: this.pressed })), this.text && (index.h("div", { key: '7964caab5d570c0532ea66ad2e433ddc51b982f9', class: "text" }, index.h("slot", { key: '3153edb505e536304971a99af086e2be3fe81e0b', name: "main_text" }), this.supportingText && (index.h("slot", { key: '1d0f458174015124d08f72ca91cdf01b74abc1db', name: "supporting_text" }))))));
+        return (index.h("div", { key: '22939043f504149284362fab19135f523108e247', class: `toggle_div ${this.size}` }, index.h("div", { key: '636e11bbf00b7d13d97cbe67ade49fa8c9ced8cb', class: "toggle_base" }, index.h("gb-toggle-base", { key: '016be63cefc0034104dd9130e39d55d35aec631f', size: this.size, state: this.state, pressed: this.pressed })), this.text && (index.h("div", { key: '222074822ead76c821e78b7d836bf1277f24ef7b', class: "text" }, index.h("slot", { key: '94acdb830aeafcbb432e7a8f79a6191dc7a5b5d3', name: "main_text" }), this.supportingText && (index.h("slot", { key: 'c2cf15bb0f2a08305f05cefd6ec9565681f43be1', 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: 'c565320601703f75195b00730187be298be172db', class: this.size }, index.h("div", { key: '1adc1b609e458085ee05dd9896f15d069f4373ec', class: "input-with-label" }, this.showLabel && (index.h("label", { key: 'bce61a6415cf63fddf641ab1bb3235c66882196e' }, this.label)), this.digits === 4 && (index.h("div", { key: '04c3b4d3d3979f4debf5dae7cfd8bb91f10e0a7e', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '7084cd4c5bfd2b23a126522953efe8ffab57d6ee', size: this.size }), index.h("gb-mega-input-field-base", { key: '2b1629414836966ecb76e485789423e4d498383e', size: this.size }), index.h("gb-mega-input-field-base", { key: 'c3404b23dcbd316a0320190db93e3239febad3cf', size: this.size }), index.h("gb-mega-input-field-base", { key: '22f6cf7e43c6e89c4a59dae15761ba9cfd96ec80', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'b21ad36761a3f4a21e958d98b691c4a8ca9dc7c0', class: "input-wrapper" }, index.h("div", { key: 'd7b45c9fa6f513d7b797462bcbd2c6e238b217dc', class: "first=section" }, index.h("gb-mega-input-field-base", { key: 'efe1ffc81e49eb28993cfde6e1020388008376f4', size: this.size }), index.h("gb-mega-input-field-base", { key: 'b9f631039eb58950939ec0af73b85eb3d2e3dfc9', size: this.size }), index.h("gb-mega-input-field-base", { key: 'bae2210880f70b892393fd37151143b39f4c94ab', size: this.size })), index.h("div", { key: '9319f85eb1d62b7a74744f01144f312b97349fc2', class: "second=section" }, index.h("gb-mega-input-field-base", { key: 'a004a00a5e4cd0afa808a04d79da725b78a6a587', size: this.size }), index.h("gb-mega-input-field-base", { key: 'ce7436fdea95b83d617400185417df5f4491109e', size: this.size }), index.h("gb-mega-input-field-base", { key: '7841f24661b87f92006e2ffee1c63ee4dc55e261', size: this.size })))), this.digits === 8 && (index.h("div", { key: '48cd3f8f47c2a065f691cf7456c5b042d6f67c2d', class: "input-wrapper" }, index.h("div", { key: '8129b8bb63d3d928f9e68944a7c232f5d9d21ddf', class: "first=section" }, index.h("gb-mega-input-field-base", { key: 'ca854a66bbee2b63d98acc16abab9351fa8332c1', size: this.size }), index.h("gb-mega-input-field-base", { key: '8f359e477f2b20de598a91c07e758057933ce456', size: this.size }), index.h("gb-mega-input-field-base", { key: 'b04ccfa6c202d8fc29caff87b07f5753d0d437c9', size: this.size }), index.h("gb-mega-input-field-base", { key: '0e4ac99a289f05f3a1981e32c1f3105478a3a8d3', size: this.size })), index.h("div", { key: '12124ad8329cb77c679e5f6d27935d4cb1e66a8c', class: "second=section" }, index.h("gb-mega-input-field-base", { key: 'ef7c824a7d7fcf31fd2b4c5471194079ac93282a', size: this.size }), index.h("gb-mega-input-field-base", { key: 'eb882e2ae8272d951bfbcfe44c90cac94fc21cbf', size: this.size }), index.h("gb-mega-input-field-base", { key: '7e390f361832a5d6689ec4c15749d520d4e630d6', size: this.size }), index.h("gb-mega-input-field-base", { key: '091a42b97b9941ed05abb4f179edec31a5e40cba', size: this.size }))))), index.h("p", { key: '11cec26c667a94354305844e220b8bbe346d4373' }, this.supportingText)));
+        return (index.h("div", { key: 'ce3b55683df0acbda10348f80d81b7556f2b5bed', class: this.size }, index.h("div", { key: '4a3c15998b25f58415e9b9a7b95326c85e3239bc', class: "input-with-label" }, this.showLabel && (index.h("label", { key: 'eba469e6703885440bfbbc2d498d5b918e7c237e' }, this.label)), this.digits === 4 && (index.h("div", { key: '00eb7d9bada6ed7c524e19976ef4f98049e23cec', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '2e70c259c8778e814aea99ad35c1ff5545b9021d', size: this.size }), index.h("gb-mega-input-field-base", { key: 'e2b4d3e7ff5a5b3d7d022fee67dcf02ec0f8717a', size: this.size }), index.h("gb-mega-input-field-base", { key: '30c2f365fcb684483a88b4ad0984e2e461d2952d', size: this.size }), index.h("gb-mega-input-field-base", { key: 'f5c7ea2d8b22296a1fc75c7456addb2b71d18576', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'c6663d932e9be3420ab5d1c112f1105e613700c3', class: "input-wrapper" }, index.h("div", { key: '7f6181ff42e48666ccf031d90ec6ae8def54895d', class: "first=section" }, index.h("gb-mega-input-field-base", { key: '7a4c6ae5a5899b77f4e24dd9e1086c6daaa18648', size: this.size }), index.h("gb-mega-input-field-base", { key: '48e69a4101ff53838477c957bf77ac13ef53621c', size: this.size }), index.h("gb-mega-input-field-base", { key: '03c8548203638953fd43ceadbfd388acce295c1f', size: this.size })), index.h("div", { key: '4fff79e5ae923c655e8f40462078a9d2a11fff26', class: "second=section" }, index.h("gb-mega-input-field-base", { key: '396f44241569f8050966169db1d33ae8a618726d', size: this.size }), index.h("gb-mega-input-field-base", { key: '23851775ff1dfe26c383be2a19dd69a165acd660', size: this.size }), index.h("gb-mega-input-field-base", { key: '14f0c4101d2ab4865293ca8efea1e6ee281ef5d2', size: this.size })))), this.digits === 8 && (index.h("div", { key: '7cd22e7e229af76a1f978595f54dc4150f4c22eb', class: "input-wrapper" }, index.h("div", { key: '2a14216dfd68e583378ee88cdb8370400d00a55a', class: "first=section" }, index.h("gb-mega-input-field-base", { key: '153ec6244a2cfa5d6e24ee559007d1bb87fb937c', size: this.size }), index.h("gb-mega-input-field-base", { key: '7647ac7e79557bec209316bbaff025d66f25fcb9', size: this.size }), index.h("gb-mega-input-field-base", { key: '8d6b93f14558497deac66bba06a8bd3aec7c0bbb', size: this.size }), index.h("gb-mega-input-field-base", { key: '9283046e4ae73316fd9e01a62afe4fc4a099c5c2', size: this.size })), index.h("div", { key: '4a12b2fe505438110df4b31dfddb0f57ec3807a4', class: "second=section" }, index.h("gb-mega-input-field-base", { key: 'bea575744c11b57f624b87bc26ce8fb7cee7bdf2', size: this.size }), index.h("gb-mega-input-field-base", { key: '392a542d40de7db59a9557255f910d10d94ddcb2', size: this.size }), index.h("gb-mega-input-field-base", { key: '21bf7bf89241e86a68e007c550a7ed934e1755ae', size: this.size }), index.h("gb-mega-input-field-base", { key: 'a79946cc41f5430387c3a06a1a4131c24e8ccb8b', size: this.size }))))), index.h("p", { key: '4bb359fa3c8d2671d56f276816695ceee2e8c43c' }, 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: '88d7672f2e631430cd13afe3f9fbd68825f65438', class: {
+        return (index.h("div", { key: '4f1f7c1e84fbe85117576207c9ba39293c31e33c', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, index.h("div", { key: '877d998cc2cd390aa9f8dc795e24a9ea2c7be2fb', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '25257cef108ff2f562fd98993363471739b42879', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: '0b37845e136b78a943368c7e18431f68455c1031', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '0c5d402b7fbb0da048dc555e831e9a253d6f1e0d', size: this.size }), index.h("gb-mega-input-field-base", { key: 'dc4b7a414a86dd1ed2f94a7800102204277a5b53', size: this.size }), index.h("gb-mega-input-field-base", { key: 'b4a79a9f1dcc5279956845208ac9ae638bb71c14', size: this.size }), index.h("gb-mega-input-field-base", { key: 'f1886f75ab62c7d8841c614dad0631ddf423baa5', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'ee0b0f0f3bfc3d4af427dcba02049ba4156bc1db', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '9f1ab058233197946051470b6e991f9dc5020af2', size: this.size }), index.h("gb-mega-input-field-base", { key: '59cea152b1c7c314c93942da6a68e07f4bbd9847', size: this.size }), index.h("gb-mega-input-field-base", { key: '30ec6dfc22124336a4f711fd5a692530ad24412f', size: this.size }), index.h("p", { key: 'ecb9ee7f32ce5465ead81802ef476e106f681b31', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: '9c213c23bc2846db03da48afd62f0aad0849ab74', size: this.size }), index.h("gb-mega-input-field-base", { key: 'e26e3c0cc1deb0a6941bf88ab2485e656c0f1b99', size: this.size }), index.h("gb-mega-input-field-base", { key: 'e08135ae151edb7ae96273ea4476d6e5e331995a', size: this.size }))), this.digits === 8 && (index.h("div", { key: '441505c345d833c937816d0ccd9b4d3bf8d60b30', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '16c50a262eb5580c4102383032a5070f31adc2b3', size: this.size }), index.h("gb-mega-input-field-base", { key: 'd51e3ef4a22b890b47efdcd28cadf7e2a4c4f5c5', size: this.size }), index.h("gb-mega-input-field-base", { key: '5669cd373ae9bb122686f6b9bc75ba439126f5b1', size: this.size }), index.h("gb-mega-input-field-base", { key: '541ea8856664593925b33decb04716f8e92a640d', size: this.size }), index.h("p", { key: '5d376f377eae01471aa350abc18f354427478fad', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: '845d6de919eb310b4f9859ae72f451260a4d1ad9', size: this.size }), index.h("gb-mega-input-field-base", { key: 'c9e0d06fa724c1c7f5d5c7fd4e06dea1a4775490', size: this.size }), index.h("gb-mega-input-field-base", { key: '38d64e5827d4d5bb175554b2b002b9b3217dbd19', size: this.size }), index.h("gb-mega-input-field-base", { key: '340ac2477e4949cbc3f0ee0f9685cea2602c37ce', size: this.size })))), this.showHintText && (index.h("div", { key: 'db9b066c2e6dccbce2d4c79d27d1faf54e049453', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, index.h("div", { key: '18c83675622cecc719a71c2e62a6fd5a9b038d39', class: "input-with-label" }, this.showLabel && (index.h("label", { key: 'faac5fe279649ab8068b651e319c14c5202d7ee4', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: 'fdd2e6e1d93310de2e99565f3522139cccab4915', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'c25ffe33723a4479fe5b4edf4feaee0d02578772', size: this.size }), index.h("gb-mega-input-field-base", { key: 'e56be3893376d0fc4f2eab242a11a51d376f1d5e', size: this.size }), index.h("gb-mega-input-field-base", { key: '2ef9ff2b1aed2663ed0bec54eb6ceebe28c05f06', size: this.size }), index.h("gb-mega-input-field-base", { key: 'fc4503fcde5941734cae18a841eb89f1f81e659c', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'd9c4a2f3cc10913b12502c88d08183daab736dfb', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'e4e4fd9d6597a7c11177f6b5214bbe5e2cc31d9d', size: this.size }), index.h("gb-mega-input-field-base", { key: '0bcf94a72bd5f33fe6fdeee4563db3496f44ee21', size: this.size }), index.h("gb-mega-input-field-base", { key: 'ca915e490669aad75202ce8d7b46a17a5b34216e', size: this.size }), index.h("p", { key: '7005a890a44fb20e1a2ba3469762657977ef9cd6', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: '6710d70190490e06fe2b39747930a0674d951395', size: this.size }), index.h("gb-mega-input-field-base", { key: '69aaafcb2bf4444d94e0568bd546b53325215951', size: this.size }), index.h("gb-mega-input-field-base", { key: '66a59cbd996eb66bfee748ef2575146eaf9c14d8', size: this.size }))), this.digits === 8 && (index.h("div", { key: 'e0f51b24578e5f36b208c64043b65f26afccbbb2', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '01b972c5502a60591b7696bbf011820f1abd438e', size: this.size }), index.h("gb-mega-input-field-base", { key: '8c4b87acc686ee289045e10480ef34be3d57525c', size: this.size }), index.h("gb-mega-input-field-base", { key: '03a3dabbf8636949eb1c0ce68101a6f4ce843272', size: this.size }), index.h("gb-mega-input-field-base", { key: '1702a5592fd45d808069dc75e8985ae7e15ea367', size: this.size }), index.h("p", { key: '78ee67c8a58b803b93037ab34ecf95a6499d3e11', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: 'ce8e250c4cfab5bbe46f3edae62f5f7d4416e4e4', size: this.size }), index.h("gb-mega-input-field-base", { key: '35964afcbe01f0290d8696c9bedefdd274b8561d', size: this.size }), index.h("gb-mega-input-field-base", { key: 'eccb902b45cb10ea94ea73f63adef773f09bd6f7', size: this.size }), index.h("gb-mega-input-field-base", { key: '249fdeb0999bcfa3ec414386edf1677ce3a8380b', size: this.size })))), this.showHintText && (index.h("div", { key: '4072c598038459a617a0b972e5d37587691cd356', 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: 'aa5e5207f0aa9e73f1a1484ac48c3b5c51dc887e', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("div", { key: '0bf9129ef990f361efb945c2f35ad5aa03b8e867', class: `top_bar_content` }, index.h("div", { key: '807361f2cadba154f102d3a43c90d0be3e468e1c', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (index.h("div", { key: 'e5607a0b2f146c475c841e1749d14474c45334da', class: "label" }, index.h("p", { key: '4715f7e4da4d1d578deb1910c5cf9bd4e28ffaf9', class: `label_text text-md-medium ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && index.h("div", { key: '59b89f10e11bec396b025bb4f24c99fd8b037985', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && index.h("div", { key: '80999be8d152e52f3824431589afc72eea3df029', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (index.h("gb-tooltip", { key: '9ca61d5caa717d389b9b72de291fc3e49730c01c', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, index.h("p", { key: '419c3c135fbda0a60475344eb928c492760b08e7', slot: "label" }, this.label)))));
+        return (index.h("div", { key: 'bbe18550a96531af405b68c1a49cdf00f682cd39', class: `top_bar_item_div ${this.category} ${this.state}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("div", { key: '7f59a6a0f1b13227e9904ea53363ace063550fb3', class: `top_bar_content` }, index.h("div", { key: '85455436a86523bb09f5c32af61290c802ba6fdd', class: `icon ${this.category} ${this.state}`, innerHTML: this.leadingIconSvg }), !this.iconOnly && (index.h("div", { key: '7192bd8aad661bc5bcf32def0bd698bf735c1cc3', class: "label" }, index.h("p", { key: '6b9f90411a6a7e05d45c76191fc420289502f40f', class: `label_text text-md-medium ${this.category} ${this.state}` }, this.label))), this.state === 'active' && this.category === 'colored_background' && index.h("div", { key: '562f681b8e62c994455970baec82656be40ef845', class: `bar ${this.category}` }), this.state === 'active' && this.category === 'plain_background' && index.h("div", { key: 'eff429a2d7624fa12383efe85d48bff964b0be9d', class: `bar ${this.category}` })), this.iconOnly && this.showTooltip && (index.h("gb-tooltip", { key: '0dbb128e3cb6af18439599ac81fb8a3dd07931c5', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, index.h("p", { key: '5a3bd725c5b5c60f83974d6f604c7d27fd75e1ac', 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: 'c080a48610165bda0aa35a3b942eb14bcec9053c', class: "top_bar_sidemenu_div" }, index.h("div", { key: '110e670d4af8af7bd1c84df8a46c9fb8426f62eb', class: "vertical_tabs_div" }, index.h("gb-vertical-tabs", { key: '34e488279498c0ed7f9fc38801a463db00645c45', 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: '35c868172e6dc042610d36fe9af8148af594e6e9', class: "wrapper" }, index.h("div", { key: '759018c5d3f4158b410cb651f1a5543426fcfda4', class: "wrapper_pattern" }, index.h("img", { key: 'c852e3176be5fc85fd8410109262fb970ea33c81', src: patternSrc, alt: "" })), index.h("div", { key: '06de38d63946e609fb64e957d4ded9f69e9f0c80', class: `application_icon`, innerHTML: this.leadingIconSvg }), index.h("div", { key: 'a131bc3379f0a020da71f40257214af3873b0506', class: "application_name" }, index.h("slot", { key: 'e80c8c768e4ed808ded5db61e9f5a965432cf588', name: "application_name" })))));
+        return (index.h("div", { key: '88ba3fa5553fe54f950e39d55bb56b54eb5546e9', class: "top_bar_sidemenu_div" }, index.h("div", { key: '0a186bc843ca5dddb49636a2304ea0cde2ae5a65', class: "vertical_tabs_div" }, index.h("gb-vertical-tabs", { key: '4626174231b77777809383f690b7c2305c0b662e', 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: 'b75d53119ffe2bae7399e2bafa33c0c51a9cce6c', class: "wrapper" }, index.h("div", { key: 'b03e63d5e3496bb87b11b4142a246e05c9a187cd', class: "wrapper_pattern" }, index.h("img", { key: '9dfe4b42e08e45d36213481f31f7da7e5a14196b', src: patternSrc, alt: "" })), index.h("div", { key: 'b0674f0e2deba027fb80c3fa0cff4fdba31d1528', class: `application_icon`, innerHTML: this.leadingIconSvg }), index.h("div", { key: 'a5d2a09bd1d71f11e44cd9b01a6216c883c92f57', class: "application_name" }, index.h("slot", { key: 'f9b00b0ab71ec9db0812f80b281f9ca488622b85', 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: 'e77a98a1a8f5c05377e25530b7e15b98a5f69d0d', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: 'b4009567b2a330d58c58b35c9aacf2763f7b5ba3', class: "pattern" }, index.h("img", { key: '5ec4b6369e313ba3d6b7d9f4fc9972d43795709c', src: patternSrc, alt: "" }))), index.h("div", { key: '6c4b4a9026ca34a79357a5ca74246e9e304f2164', class: "top_bar_content" }, index.h("div", { key: '9ee0c88fe85cca96bed04bff66c71610de4dd9e5', class: "content" }, this.firstTabLabel && (index.h("gb-top-bar-item", { key: '9ee4c2bc183b2cf3ca2b019106cb942029feed92', 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: '95a875ff73b929d91b477c9496be23aa49d1e10a', 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: 'e6e521a9af4433a04a916b0216ab70f987722785', 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: '16f2554c5a5939082bc3715b49c6571f5ba802bd', 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: '29da5df7dfe538084e2fab6ab671047cba67c213', 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: 'd0e78b7c6fd47d55382987b35d25eb1f905b0aae', 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: 'fdf30c231b860eb950600eaa29d33964604effbe', 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: '0d7632cc6eeff35116293697feb340ffb8aa8820', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: 'b3d94c8be1e3abd0796987c679b36fa97f02f0a1', class: "pattern" }, index.h("img", { key: '258c968dc04c920bc6b937d804a18d59fb703638', src: patternSrc, alt: "" }))), index.h("div", { key: '6f29a931c79879d887052f68c4cf45f43670d6c2', class: "top_bar_content" }, index.h("div", { key: '9472fba8c25d0d10187a66e70f8d4df1f87fb0c8', class: "content" }, this.firstTabLabel && (index.h("gb-top-bar-item", { key: '41b4c2b857a8e74f172b0ba817e02c1ea3ea2d99', 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: 'ff1e81a67d3cc41a46ed4c35355be68a21049c90', 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: '956d48783e21212b2258b48c2608b62f878b26b2', 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: '9d8496082d3199012d76f73b03d65fc8bee46356', 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: 'a08c7dceafc8ab6f64d9ca795e1ce9ff4014aa4d', 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: '83afbb54278723814d56999ace713559030fa32f', 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: '9ba2a2b6439761d13b0079d6c9d97d2bee03f8ec', 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: 'dfe8d9c1fa31716e0d539e75e56bcd10b8d5d577', class: `vertical_tab_div` }, index.h("gb-tab-button-base", { key: '8955c4f761f173218fc7727c64a6a3e0c884a096', 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: '022a8b517089ec0eef560a30cacb320448502e70', 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: '19615d8c506242d5e9d85176f054cbfe678ae195', 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: '77dcebbdd21ba4d59afe395144ef34ab7d8cec2a', 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: '1916f5706748879632f66352906039bb9a9c0831', 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: 'f3238beab93ec198c602c5651847997c6d2feb2c', 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: 'daa250273cb253a90336a860bd6a7a153c52c9c7', 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: '2bc4f372db73e2caaa8db5f1814b89b136323188', 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: '19e44901a69c974fecc2e37ea91078868189c203', 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: '330f3b6c9caf6f2775531d28add61414a6332d08', 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: 'b59df88a697240e686b7739d8b16be43634fcbd0', 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: '36bb941b79f7fd8e34809a08dabbc6f330cb3952', 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: 'e6e4cf8549717d353047aeaf320d0ee9457efb77', 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: 'bbdad1384caaf092719b564b75776edfa3f923e5', 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: '765252fe2a0e402cf647644f32c99a3061a17950', 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: '6edf05435532b6bc73faaab5a352b8b61693ed44', 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: '5f14a6fa8e5fe69cd455e71264d855c211554e02', 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: '6eaf2c120c353b6cfe31922b605b11d52143106b', 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: '889d63a57aa993a6779861675706a4b526264427', 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: 'bc3a325a95350a58057b3aa5e13620b10f90b326', 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: '2910780f2af6ad60528c076895442e4e53a6ab1b', class: `vertical_tab_div` }, index.h("gb-tab-button-base", { key: 'f475d0a617e9cd9ba77e86f0c1a7fcb0656d5f86', 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: '14aeaaa4bc3be9467ff23cf117c0711e5ccaa9b9', 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: '505ba36027415df1e9f8a131cb4cc69ad74428fb', 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: '7ab06969163f548cca2ce338a034e569cd18410e', 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: 'c213a05d4acbe702931f9fc7d6c531cc61fd460c', 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: '015ff4be7318e26f93997d64b5f9ece8454f57cd', 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: 'cf10114ff9650a9ca0fa66750874c8cd7e0fc690', 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: 'fa262eaa363d57e466dee771705b40b3b6813bad', 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: 'e8b64d8384f81027e57b7bcab7132803110af4e2', 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: '54f17e5f4e34312a4f9d0f07da2e11a47a2b8d78', 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: '513ec6d2835035f2a51793c0b62d8ec44dbd93d3', 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: 'f2542bf640dba67cd6ac0445d7f091615370c974', 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: '0f623b1f875282425a3fb34a70efd4344d8548d2', 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: 'cbd99aa2994133e3ed7f62c41fdae808b0649ced', 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: 'e63e487fb4e3cd451a17ff827183f1679fd46492', 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: 'd2f51b4ef5d19923e9b8c1babb7ae6c937c44be1', 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: '31146d6e49530bbf4117b806a163506b04317f70', 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: '749ca8cb8cef8320057422793ebc0ff1367b2e9f', 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: '2217e2df1744f6c93ca8ac8e791e57de2aad4d2a', 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: '025410c1278080e9cfd1902d54ab8511ef33bd66', 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;