globuswebcomponents 1.2.6 → 1.2.7

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

@@ -13,7 +13,7 @@ const GbScrollbar = class {
         this.length = '25%';
     }
     render() {
-        return (index.h("div", { key: '5445e10f58b5fd7c5feb442e4b68013985b6af75', class: "scrollbar-container" }, index.h("div", { key: '0d59e26e2540e45b1cdfc27e51b742816077ec8c', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: 'd82cd3d7ed6e8360c1904098081836f85fcf4207' }))));
+        return (index.h("div", { key: 'df5a9a9cb82066f764939a2f2de2f07873d1dc3c', class: "scrollbar-container" }, index.h("div", { key: '4747344087fbd18e7f175056b7d6a4e7641c313c', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: '845697b188662eb6b01f6592613c3aaf0cb90900' }))));
     }
 };
 GbScrollbar.style = GbScrollbarStyle0;

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

@@ -112,7 +112,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: 'cae687fcbb7c2973a5dbfb229a8f3d12e93700be', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: '629c9470d3633d10cd2bd04fa211738fabcbef70', class: "pattern" }, index.h("img", { key: '3c4cc9b24f8e415a46e6854ad78a1f31fb173738', src: patternSrc, alt: "" }))), index.h("div", { key: '4d56f760e913f8d0af384cdda98ab1bf7c25e18a', class: "nav" }, index.h("div", { key: 'e73929dbade29861799187773f3942296e6cb158', class: `sidebar_header ${this.state}` }, index.h("div", { key: 'c2c1ec8f2af54c7fb4ea792f712b1171509842a7', 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: '7c24792149584cd1ae0352ecef72c183c6642719', src: logoSrc, alt: "" })), index.h("div", { key: '2534293a1c2bba7919404e503b37738b2f742e8d', class: `collapse_button ${this.state}` }, index.h("gb-collapse-button", { key: '78ebe8bc2f660461b2d2feba97a519b7f69af53e', 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: '6855832a4bb0fc13516302646494329e50070045', class: "navigation" }, index.h("div", { key: '13010bae3255e0b5d5b9a9ca520cda472b979600', class: "item" }, index.h("gb-simple-side-bar-item", { key: 'bcc0c5fb36167ed6428c21b0e7956584e417ad63', 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: '5243e564fdaa2c183bd5af37341e090753119c7b', 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: 'ab45f7aaf89f5a1a49efa8dda9b5f73f0b4387cb', 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: 'c1c5630eb9dcb933ec2b22ad16463f7a4b3dcd8a', 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: '3f6bffaf4f0010199d9a6c41edbe69e0e72973f8', 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: 'a04574fdf3c118599fd1e55037020564e50c5037', class: "navigation" }, index.h("div", { key: '62ec3d8f6aff93a167eb3067773805204e3b5cc0', class: "item" }, this.sixthItemLabel && (index.h("gb-simple-side-bar-item", { key: 'bcbedd2ea93ed15583b556d75e0322384d2b4485', 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: '04d471db48248a37fa0b5f212443871d0835f642', 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: '3746aa798f324ee4cda7fa0578b628e101b88aeb', 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: '6b7128fa7245f0daa35fa5561bdbd1295272d545', 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: '52697c56f7a7b14e32391052bee25722efbe2626', 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: '4ead8291855d6ce7ed7b51284e5ebe5b9428f73f', class: "application_name" }, index.h("div", { key: '24db86f97b26eda401f672ffe3c9b680927954c2', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (index.h("div", { key: '7d0ce360d240556524b56b64354705ad91698eb9', class: "application_name_pattern" }, index.h("img", { key: 'bf1139cab6e6c4c4a335f62f98d9bc82913e9be6', src: patternSrc, alt: "" }))), index.h("div", { key: '7e0d592959c2fced6145c0861a8c5173092274ff', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), index.h("span", { key: '5b9f669c7f326e7430673f22438a9b5a3282485d', class: textClass }, index.h("slot", { key: 'cf394c20a444721474e89c66d456c12f2b11001b', name: "application_name" }))))))), this.type === 'complex' && (index.h("div", { key: 'cc423032bf9555b5da6c37a2625c5fe87e10cd32', class: `sidebar_and_nav ${this.state}` }, index.h("div", { key: 'cd3738f9645453675c5170b6799d68b33c0f3a87', class: "nav_div" }, index.h("div", { key: '979fdb7f3266b6a7f6d2d448eb181eaf40467f9f', class: "logo_and_button" }, this.state === 'expanded' && index.h("img", { key: '659582146262d180331b0a457fa1376b4877f412', src: blueLogoSrc }), this.state === 'collapsed' && index.h("img", { key: '006777d6cf51dcf69cb905cc50ecb564e07c605f', src: logoSrc, alt: "" }), index.h("gb-collapse-button", { key: 'd7a4dcc9925e39fc905600e5f7d8bbbba9606056', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: 'f1b8d62aff6b93552c06e8b7ddbf89c8bc721390', class: "complex_sidebar_div" }, index.h("div", { key: '8ee8aff85bc7bc0103409ac8553eca8f23af2355', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (index.h("div", { key: '4574e82cb91e64d2c564b5392755153075339c4d', class: "pattern" }, index.h("img", { key: '744854596dd79742162f252f00778043bad456fc', src: patternSrc, alt: "" }))), index.h("div", { key: 'ca2a239efc10cd8fec6722634e77c34b521d9a1c', 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: 'b3460507ba57ce1edbbd05afd479755932ee2ed5', class: `secondary_side_menu ${this.category} ${this.state}` }, index.h("div", { key: 'a2bd8ade4fbebad55fe2bdd91580c44f73f98e6e', 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: '391e180f24203bcfa3be712f4164042fbcd28a42', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: '82a1965e4de80f0dfbf06024b82546f1e9c6947e', class: "pattern" }, index.h("img", { key: '8bba4ae2f1b3ac6f3d603dfcf873862c87118053', src: patternSrc, alt: "" }))), index.h("div", { key: '20876135ff94f5084561fec6ad048ad745504e48', class: "nav" }, index.h("div", { key: '3e38e32f51690deeddd7db7fd4a4e520a850ac7b', class: `sidebar_header ${this.state}` }, index.h("div", { key: '4e7645a2c80e422dd4aa1a44422498720606b89c', 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: '859bb6043c76887f02fb9682d13f25921c747b7a', src: logoSrc, alt: "" })), index.h("div", { key: '9adbfa9b8196f68be9075499bdd359a80297ba3f', class: `collapse_button ${this.state}` }, index.h("gb-collapse-button", { key: '3bd82035c4465ae41c227c57e1e24cb249f4cb49', 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: '76b546eddc3ddc7a4901fe28e9f34efd113a4f55', class: "navigation" }, index.h("div", { key: 'db7423c6adc1209c0a9befc071a2f3d27a91048b', class: "item" }, index.h("gb-simple-side-bar-item", { key: '0fcdfcd772806d1a33d997e95863cae4ef78da07', 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: '3f7b82dfeaec256e0778c6ed0d3d415355c341d8', 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: '04fb042c14a4206839521826ab0336e911390758', 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: '2aa5aaeb4b8c5a1890fb59bccb53e299109f3803', 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: '1151ee0fe0a5e0b872e950a20ed784bd7431b597', 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: '43e33308bc4a3b664ba1860160169cecb6a0106e', class: "navigation" }, index.h("div", { key: 'b071d122fbcbbc6c88d5ba9af26e54c91f274759', class: "item" }, this.sixthItemLabel && (index.h("gb-simple-side-bar-item", { key: '00db086cfd7cd6d236fc895e8012e3ad781a810f', 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: '917fe590c536c1c55343414438aa0d849789d46b', 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: 'c29a22f668f74b618f8733302b18e0118f54ccb5', 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: 'a4d4d547968078e6cb5bbac1b31c4afda618cac2', 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: 'dad17f9b302f64404a7cef1e3cd25aed2ee29a4d', 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: 'ce65d7bde98e427c93a03d675e77593a77301f18', class: "application_name" }, index.h("div", { key: '81369740eda657292fca4343205a25901086ca90', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (index.h("div", { key: '8dfa2953b34d0900d8d06f0d7b20d9552516a0b2', class: "application_name_pattern" }, index.h("img", { key: '1eae11e37023a146058998ffc2ce8251660f0cee', src: patternSrc, alt: "" }))), index.h("div", { key: '92b5d8c24a2a55f40fd1f5b0b075aae37b6f295d', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), index.h("span", { key: 'e72a303f1b81588e9db6782cbd9f700cb99e2634', class: textClass }, index.h("slot", { key: 'f679b00a227ef216c96a654bf1c95d220eccbc0b', name: "application_name" }))))))), this.type === 'complex' && (index.h("div", { key: 'efccdc2bf5915d2f191a9c645c46da1a2156f286', class: `sidebar_and_nav ${this.state}` }, index.h("div", { key: '071defd6b527ce29dfc3cda2fb12d6e9f3900a4f', class: "nav_div" }, index.h("div", { key: '45d47714af139dda02aa1ebbf4d4d4874425b512', class: "logo_and_button" }, this.state === 'expanded' && index.h("img", { key: '33d9af7141bc7b8aadbd0db51ddc44b8a478e1a1', src: blueLogoSrc }), this.state === 'collapsed' && index.h("img", { key: '79de93d28a27f55534f6180a8483bb190a58da41', src: logoSrc, alt: "" }), index.h("gb-collapse-button", { key: 'caaa694e99f64abce21cb22f70fdc20bdd563ae0', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: 'efa40a30c7aa193edb84cfd8e17a76b92667ac3c', class: "complex_sidebar_div" }, index.h("div", { key: 'a89ba06dff7d3b5160451bbc14cddbddfde49870', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (index.h("div", { key: '68816d5a41286e90c13db90e8c3fe8dbc4511ea6', class: "pattern" }, index.h("img", { key: '87d823c680a21dfb28a9d2dbce6abb8d57b0593a', src: patternSrc, alt: "" }))), index.h("div", { key: '8ec13623e4533bcc52d59138a21b09eada1d1b24', 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: 'b1ab89c1456a9dd903ccff11ef7ce5f6fab5327a', class: `secondary_side_menu ${this.category} ${this.state}` }, index.h("div", { key: 'f7b0264788925d0d8674c968601d97055c9017ca', 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

@@ -28,7 +28,7 @@ const GbSliderControlHandle = class {
         this.isFocused = false;
     }
     render() {
-        return (index.h("div", { key: 'd22833acc82f15751a66049b3d04f0ac4a710864', 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: '57490ff32d38a0d9160bd75a197c6331c5a7ea8b', class: "tooltip-container" }, index.h("gb-tooltip", { key: 'dbd42398a9726f8f38d363ca7f740d786c005c19', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: 'ed6c5a9704e28619efa2ace6dc2ce4859eff4e7c', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: 'e784a87f08c56443cbf03b6d666ef4f3b37b6bf9', class: "thumb-label" }, index.h("p", { key: '3adf74a5891ea9439c0e3df3cd6ab47bf2c24832', class: "thumb_label text-md-medium" }, this.value)))));
+        return (index.h("div", { key: '3dbb8609246bd1cdd563ec73588c8885f03f841e', 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: '3cea31054eb76b1e8842a9fb20dca39500c1eee4', class: "tooltip-container" }, index.h("gb-tooltip", { key: '8ac188591bc41a9428af859c29af092392b2d48e', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: '87c682a35020a8a8237b8098f3c5cbefa1dfbd7d', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: '896b28eb9d3ad4672814d472d278edba876d9384', class: "thumb-label" }, index.h("p", { key: 'bef8c7255122b1c69c1e433d2695bc0076ae1340', class: "thumb_label text-md-medium" }, this.value)))));
     }
 };
 GbSliderControlHandle.style = GbSliderControlHandleStyle0;

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

@@ -85,7 +85,7 @@ const GbSlider = class {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (index.h("div", { key: '87840fc34f0f40ac4dc33fa92477cc681a0a3ee8', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: 'f97717145a13fbf06ec0b62ed4faea790f5c7230', class: "track", ref: el => (this.trackEl = el) }), index.h("gb-slider-control-handle", { key: 'dfe65cce0059fe08598677141f31926c6618a049', 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: '31676df2e0697428d69903338bdbd4f2c2cf5bb3', 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: 'ac2997d43f906a23f5c153a7f52ee43ac5b71b35', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: 'ead3a3d775c30e4641c92d6bb6f883f67451d435', class: "track", ref: el => (this.trackEl = el) }), index.h("gb-slider-control-handle", { key: 'ce21ef95713e7eb1cb5781ee2bceeef6cf23adf2', 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: '8109d02c11994dfee18c3999cc212651ab87fb88', 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

@@ -44,7 +44,7 @@ const GbStepperVerticalIconsCentered = class {
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (index.h(index.Fragment, null, this.type === 'icon' && (index.h("div", { key: '9004ee4346d349a9909a5cc1ecf761841df34165', 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: 'a9fb3bd2af9b03f1cc47fde7a464bb6adb255ccc', 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: '66b258969db56b1ad2219db09d46954acc4e29f2', 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: '3a5613085b0b7db9f7ac15fe4ad3309076d70a2c', 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: '5aece7308e972e4c7e0a92c604086b1a91da05d3', 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: 'ea712557e0c38a02209cd8d0e4dc4786b749dc95', 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: '8a7c5aa66585a038742339d25ca2098572ac2b4e', 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: 'ffa6f79abf3a481da5e9b5304fdbac2730fc9cce', 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: 'aaa0954a45b97bed143be3b226728840d8d74721', 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: '076cd4992008741dedc65b04f2d73ac46a37b254', 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: '43cbefcaa1133c8a850f83ecaa81824535b5f4bd', 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: '881cf3a301d52efe6d5c426e75b30dd2a92095eb', 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: '3d1f6218fc02f4d35c6839869cf33c0626ada8e0', 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: '72a0650a556ff5637899ac3ef8633c37f5d56b53', 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: 'b37b3cf27d6fb2ce3090f41c9b6aeb2456e9ffff', 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: '991764e9fc37c5707ba24a41bf6841849d5a52a5', 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: 'd661ebf73cda48041e4b2c2625683aee083a1de1', 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: '503058aa61597f0208c22e5774c50cd583dd3afb', 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: '71aeb9cc19fd3a6b8192b9e4fb4de8239cfeec94', 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: '683b3af47f8f93cb5b107fc12ff02d5f944ddec4', 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: '4b70d0a7b2dc9738daeb6cb77872f83bf0aba875', 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: '9d47c45a116d3170e1649be3421bf9355f1d8a54', 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: '3a6162b107a3f3163c2166bee1c072a5e4ddffc2', 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: 'c40d1b33ddb8facdc81394670a8eb1fa516a7831', 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: 'fdbc4374a06125e2d34494acc176dc744a35286a', 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: '460b3e9a91ec943805f0b02aeae6a9874d634262', 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: '805c1d4c84f79624a9134d0eebaf4850775b1fe0', 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: '8995d443180b8716456ff102a5f3e05757fb8517', 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: '0b0706c80ab69437c805e4e40532313646f309d1', 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: 'bbd55d64ac2484020cfdd98638a84c4f189f17a0', 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: '50b2c1729ef67a6f97520c3edba91daa33bf588a', 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: 'b46e7eff046d4c69621c5084a584ba6978009124', 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: 'cc77c3d57928469d5e92c5d443f3c50959c5cc8f', 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: '0ced4c515b0c15abb3306ecd20dd73f35fd169a3', 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: '4e758f0320c803e004119b36e0e5db1f96a86e53', 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: '0883cd5c54b534c2d5d7357e32f22ed5f2c21f27', 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: '714c7138792a8de10749f50c370ed972bb88cc62', 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: '530b56a3bf99af5108270cd83daec579e7c1f7cd', 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: '034e49be7de6359cf0c5fb009edc3d3b366e3876', 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: '02665900d56c81f6a7afeee8f05ea4b513886401', 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: 'f7ae30a18239cb0bd4347e464bc01fe2ebd22468', 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: '105e6947803f22c2222364239d5360db362a7c00', 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: 'f67866c0789af20f510cf7acee2cd4f80dd4c19e', 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: '039324e67065b077712c696940ded900472a4c6e', 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: 'ed0d773ed11779175064a1e33dbf14cb54bdb934', 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: 'bf52e67ca1511c1966b31951e052ce3e63214db4', 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: '84133991e00b718c103642893ce267b6aad620f1', 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: 'e36f5569528b92fc8a9bca820f0401f78dfe6f71', 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: 'da13cb54cfaf36ccf67e7412d350b88602923cb9', 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: 'e14cba505d0d2386c28790fdbf714524f861202f', 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: '345a203756bf43bb5df2657f5315d7d7beca36b6', 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: '34dff5e6fe152fb48cbd94a228b5690e6c62d528', 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: '32a6ac9cae76d9d489695b38e8e58e58d54105b7', 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: 'fc94847445da698f024476324c96112ed1e1215e', 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: '83dd1da40fb3eca3564635904345c757f8179908', 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: '09f445bf19a56d2f8cbe12f2f89b21eb30e589ec', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
     }
 };
 GbStepperVerticalIconsCentered.style = GbStepperHorizontalIconsCenteredStyle0;

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

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-a9259aac.js');
+
+const gbStepperHorizontalLineWithTextCss = ".text_with_line{display:flex;width:100%;align-items:stretch;gap:var(--spacing-4)}gb-step-base{width:100%}";
+const GbStepperHorizontalLineWithTextStyle0 = gbStepperHorizontalLineWithTextCss;
+
+const GbStepperHorizontalLineWithText = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.size = undefined;
+        this.breakpoint = undefined;
+        this.firstStepState = undefined;
+        this.secondStepState = undefined;
+        this.thirdStepState = undefined;
+        this.fourthStepState = undefined;
+        this.fifthStepState = undefined;
+        this.sixthStepState = undefined;
+        this.seventhStepState = undefined;
+        this.firstStepStatus = undefined;
+        this.secondStepStatus = undefined;
+        this.thirdStepStatus = undefined;
+        this.fourthStepStatus = undefined;
+        this.fifthStepStatus = undefined;
+        this.sixthStepStatus = undefined;
+        this.seventhStepStatus = undefined;
+        this.firstStepLabel = '';
+        this.secondStepLabel = '';
+        this.thirdStepLabel = '';
+        this.fourthStepLabel = '';
+        this.fifthStepLabel = '';
+        this.sixthStepLabel = '';
+        this.seventhStepLabel = '';
+        this.firstStepSupportingText = '';
+        this.secondStepSupportingText = '';
+        this.thirdStepSupportingText = '';
+        this.fourthStepSupportingText = '';
+        this.fifthStepSupportingText = '';
+        this.sixthStepSupportingText = '';
+        this.seventhStepSupportingText = '';
+    }
+    render() {
+        return (index.h("div", { key: 'd5d55dcf2b3fd6eb490454f626fa1437ce3a9bb5', class: "text_with_line" }, index.h("gb-step-base", { key: '3aa7fdf4bac2d396a55d9053502e6a722bb9c32d', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), index.h("gb-step-base", { key: '9a41053cc8a5a3378892227ff0974ae0b9f630f5', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), this.thirdStepLabel && (index.h("gb-step-base", { key: 'a83b60767616ebe867ed8f65fc9f93c16bfacb12', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText })), this.fourthStepLabel && (index.h("gb-step-base", { key: '01f51b17609051e4a2169b481e3ee69e7cdf549a', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText })), this.fifthStepLabel && (index.h("gb-step-base", { key: '5103cbdef0ef0a6cd10a7a8b2f3d07dffc16db71', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText })), this.sixthStepLabel && (index.h("gb-step-base", { key: 'f56e749801091724a6e11a01196cce4cc824b5e2', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText })), this.seventhStepLabel && (index.h("gb-step-base", { key: '8d226c469af37f8f6cb180e68894f2fa14a213e6', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText }))));
+    }
+};
+GbStepperHorizontalLineWithText.style = GbStepperHorizontalLineWithTextStyle0;
+
+exports.gb_stepper_horizontal_line_with_text = GbStepperHorizontalLineWithText;
+
+//# sourceMappingURL=gb-stepper-horizontal-line-with-text.cjs.entry.js.map

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

@@ -0,0 +1 @@
+{"file":"gb-stepper-horizontal-line-with-text.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kCAAkC,GAAG,2GAA2G,CAAC;AACvJ,8CAAe,kCAAkC;;MCOpC,+BAA+B;;;;;;;;;;;;;;;;;;;8BAiBT,EAAE;+BACD,EAAE;8BACH,EAAE;+BACD,EAAE;8BACH,EAAE;8BACF,EAAE;gCACA,EAAE;uCACK,EAAE;wCACD,EAAE;uCACH,EAAE;wCACD,EAAE;uCACH,EAAE;uCACF,EAAE;yCACA,EAAE;;IAE9C,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,gBAAgB,IACzBA,2EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,EAChBA,2EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,eAAe,EAC3B,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAC7B,KAAK,EAAE,IAAI,CAAC,eAAe,qBACV,IAAI,CAAC,wBAAwB,GAChC,EACf,IAAI,CAAC,cAAc,KAClBA,2EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,CACjB,EACA,IAAI,CAAC,eAAe,KACnBA,2EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,eAAe,EAC3B,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAC7B,KAAK,EAAE,IAAI,CAAC,eAAe,qBACV,IAAI,CAAC,wBAAwB,GAChC,CACjB,EACA,IAAI,CAAC,cAAc,KAClBA,2EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,CACjB,EACA,IAAI,CAAC,cAAc,KAClBA,2EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,MAAM,EAAE,IAAI,CAAC,eAAe,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,qBACT,IAAI,CAAC,uBAAuB,GAC/B,CACjB,EACA,IAAI,CAAC,gBAAgB,KACpBA,2EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAC5B,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAC9B,KAAK,EAAE,IAAI,CAAC,gBAAgB,qBACX,IAAI,CAAC,yBAAyB,GACjC,CACjB,CACG,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.css?tag=gb-stepper-horizontal-line-with-text&encapsulation=shadow","src/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.tsx"],"sourcesContent":[".text_with_line{\r\n    display: flex;\r\n    width: 100%;\r\n    align-items: stretch;\r\n    gap: var(--spacing-4);\r\n}\r\n\r\ngb-step-base{\r\n    width: 100%;\r\n}","import { Component, Prop, h } from '@stencil/core';\r\nimport { BreakPoints, GeneralSizes, ProgressStepStates, ProgressStepStatus } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-horizontal-line-with-text',\r\n  styleUrl: 'gb-stepper-horizontal-line-with-text.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepperHorizontalLineWithText {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() firstStepState: ProgressStepStates;\r\n  @Prop() secondStepState: ProgressStepStates;\r\n  @Prop() thirdStepState: ProgressStepStates;\r\n  @Prop() fourthStepState: ProgressStepStates;\r\n  @Prop() fifthStepState: ProgressStepStates;\r\n  @Prop() sixthStepState: ProgressStepStates;\r\n  @Prop() seventhStepState: ProgressStepStates;\r\n  @Prop() firstStepStatus: ProgressStepStatus;\r\n  @Prop() secondStepStatus: ProgressStepStatus;\r\n  @Prop() thirdStepStatus: ProgressStepStatus;\r\n  @Prop() fourthStepStatus: ProgressStepStatus;\r\n  @Prop() fifthStepStatus: ProgressStepStatus;\r\n  @Prop() sixthStepStatus: ProgressStepStatus;\r\n  @Prop() seventhStepStatus: ProgressStepStatus;\r\n  @Prop() firstStepLabel: string = '';\r\n  @Prop() secondStepLabel: string = '';\r\n  @Prop() thirdStepLabel: string = '';\r\n  @Prop() fourthStepLabel: string = '';\r\n  @Prop() fifthStepLabel: string = '';\r\n  @Prop() sixthStepLabel: string = '';\r\n  @Prop() seventhStepLabel: string = '';\r\n  @Prop() firstStepSupportingText: string = '';\r\n  @Prop() secondStepSupportingText: string = '';\r\n  @Prop() thirdStepSupportingText: string = '';\r\n  @Prop() fourthStepSupportingText: string = '';\r\n  @Prop() fifthStepSupportingText: string = '';\r\n  @Prop() sixthStepSupportingText: string = '';\r\n  @Prop() seventhStepSupportingText: string = '';\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"text_with_line\">\r\n        <gb-step-base\r\n          size={this.size}\r\n          type=\"text_line\"\r\n          state={this.firstStepState}\r\n          status={this.firstStepStatus}\r\n          label={this.firstStepLabel}\r\n          supporting-text={this.firstStepSupportingText}\r\n        ></gb-step-base>\r\n        <gb-step-base\r\n          size={this.size}\r\n          type=\"text_line\"\r\n          state={this.secondStepState}\r\n          status={this.secondStepStatus}\r\n          label={this.secondStepLabel}\r\n          supporting-text={this.secondStepSupportingText}\r\n        ></gb-step-base>\r\n        {this.thirdStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.thirdStepState}\r\n            status={this.thirdStepStatus}\r\n            label={this.thirdStepLabel}\r\n            supporting-text={this.thirdStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.fourthStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.fourthStepState}\r\n            status={this.fourthStepStatus}\r\n            label={this.fourthStepLabel}\r\n            supporting-text={this.fourthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.fifthStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.fifthStepState}\r\n            status={this.fifthStepStatus}\r\n            label={this.fifthStepLabel}\r\n            supporting-text={this.fifthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.sixthStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.sixthStepState}\r\n            status={this.sixthStepStatus}\r\n            label={this.sixthStepLabel}\r\n            supporting-text={this.sixthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.seventhStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.seventhStepState}\r\n            status={this.seventhStepStatus}\r\n            label={this.seventhStepLabel}\r\n            supporting-text={this.seventhStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

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

@@ -53,17 +53,17 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (index.h("div", { key: 'e127f399f311d0f21dbb8b02ac2b811d249ca543', class: `tab_button_div ${this.type}
+        return (index.h("div", { key: '7d65f3d04b2cd8643c863314da3871a317dac943', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: '06f500a45260e3ced8e4aca34bf88e79a15a2321', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: '25b74a59c6b09c9daf3f8dcac71c6e4a5cbe1c90', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: '336a4987ff3b6cd4d1b21dcdf9b9d40ab1a4a2fb', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: 'f8a799d2f7f86c6ce4cca27faadfc1be49b4e5e1', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
                     : this.current && this.type === 'line'
                         ? 'information'
-                        : 'gray' }, index.h("slot", { key: 'fd7a0648f14c0b6ebab8f0598e406cbfb15ff781', name: "count" })))));
+                        : 'gray' }, index.h("slot", { key: '67b1f1ea4fae3ff0771250296da68d2e3904a7bd', name: "count" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -13,7 +13,7 @@ const GbTableCell = class {
         this.type = undefined;
     }
     render() {
-        return (index.h("div", { key: '9b1f5df52a2bdfe6e91bf72e3351155df4b182d9', class: "table_cell_div" }));
+        return (index.h("div", { key: '56f8bacf3ce4f1b8120ca685cddf296ef93f1ff1', class: "table_cell_div" }));
     }
 };
 GbTableCell.style = GbTableCellStyle0;

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

@@ -197,14 +197,14 @@ const GbTextareaInputField = class {
         }
     }
     render() {
-        return (index.h("div", { key: '95527b9871d887826376b17758c95a5c294696da', class: "textarea_container" }, index.h("div", { key: 'cfd4ec264d821ffdd8817848ffdd4043dc17c1b0', class: "input_with_label" }, this.showLabel && index.h("p", { key: '00a09de7884a25330f3fff7204665008f3797671', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: 'ff4ec732a31c491f304bbf2b60be00d4e2347df7', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (index.h("div", { key: '25af5be1657095e99c0499721ef645c49dfe44dd', class: "textarea_tags" }, index.h("div", { key: '14e662ed1c7a83259664f2a3fdd04dd0c287ec0a', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: 'f549030d305808666aea4a93b64e5313604ef367', 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: '3d583db2dff09e9e169ea9b29cd4ddb4dc22bd5e', class: "textarea_container" }, index.h("div", { key: '1c97a778794ed9a0f45db54e18a956ea3a9f4b15', class: "input_with_label" }, this.showLabel && index.h("p", { key: '7e9266ff7235a73d0d6663e068a0861ce07164ce', class: `label text-sm-medium` }, this.label), this.type === 'default' && (index.h("textarea", { key: '3ae7e442a9f512b8624b806b335cd74c1cae65b4', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (index.h("div", { key: '12633e5114727b656ca8158b7e50215559feb4ec', class: "textarea_tags" }, index.h("div", { key: '52a0a568d8517965a5dffbbdcf59602c2011f825', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, index.h("div", { key: '9b40fc88004dc19d92ec8c8c073fd3e6ca62d19d', 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: 'cade8d73f19f0c5efe239c833527b3b140c5ea06', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: 'a68396f7abbfadf11a36d48077dadb548f03db72', class: "input_field" }, index.h("input", { key: '714b0fe1a88c3200961ef524ffa898c1b89084ae', 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: '2c6cee589959ab002c08c2985616bb18dc1b200d', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), index.h("div", { key: '0a205d0f4b103ef52aad5d3893e32eb4c28e9ce6', class: "input_field" }, index.h("input", { key: 'ba23f09c2a9ae3dacf68e2b8c68948c3fdb3cf98', 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: 'a3aa3332ad531ba1aa480958a9ffeb2902904231', class: "help_icon" }, index.h("svg", { key: 'fa6f8bea24d811232aedcf98cc071f4baf0be35e', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '59d101b3fb540dbe11c81d5ae9049e27c8614f60', 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: '884db06ed108045f1df06c5da03c52885b87e97f', 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: '0cfada94c449d2e8f7778936938de1b86d02463d', class: "help_icon" }, index.h("svg", { key: '6cc37f7dea5be7142d17a6ed364297881fe6f021', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '0648b0932a26f140bf4e99a81d5a409b016f52b5', 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: '7b24e38ffaa6afcb05c3e2ff7cababde95168cf5', 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: 'd456341ccc3854f7ce76ab03023be11cddc88e73', 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: '1a7585d5cc742bd7dd8339438b8626f982cb28e8', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -18,7 +18,7 @@ const GbToastButton = class {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (index.h("div", { key: '0d8c808798f598e5fe6d752904ec0efce09e9e2b', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '25af39bd7de7408295fb7905703cdd6b30b307d5' })));
+        return (index.h("div", { key: '34faaa788d374142784dba48a552e98fe52ec508', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '76dbad4c615a949ae7401db37c762230e33c311a' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -65,7 +65,7 @@ const GbToast = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'c8cb9ce1714c1c8898f67f61f8d36f22847d98d3', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: 'e858529fd8dd69d051bd1ae370cb514ba2e93784', class: `icon_container` }, index.h("svg", { key: '20ee41d60c78494dfe906db776c30eed8d1b9ca0', 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: '68b20a01220f76408b6bb68e94832cacb4007f4b', 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: 'f892972d17cb14d1381582e56e31e242b0f795d7', "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: '77f4531aa8d79f75f26ddfc56e9b753753517c0a', "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: '24f244b6a7ca8e6c9a8cdd98dfc48ba4de2bf9ba', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: 'fd6f3037f280f20fc859b2537bf70cdb338e918f', class: `text ${this.size}` }, index.h("slot", { key: 'd5eb095b6f2b192214bb9b8f0e4d16a7d644c7c0', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'e02ca1210813709d4d19716a262cccc17bb2cd2e', name: "supporting_text" })), this.actions && (index.h("div", { key: '0565db6bcffdb9bf37c9f9a3a60d3972c4689ade', 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: '4dd1fdfbf9ac60b096f4a80dfbbe80f8050542cb', 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: 'a88e9a61fdf379a7bd467978096e6b7879103987', class: `container ${this.breakpoint}` }, index.h("div", { key: '0a188cf2704b0e97d1e7bc360f3d957616858e88', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: '4f5c294d813ae912de0e61c4ceec98cda1aead1b', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: '33a1597135c8b85db7beb5a282f37f01b76ae96d', class: `icon_container` }, index.h("svg", { key: 'a970056deddd20e711ee9ea3604771d3d37ad282', 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: 'f71f0b440c0beeb73944828d0117ac974183e579', 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: 'd85aee774d88cf72e495123cea770da708ec16c0', "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: '461212242bb62fcd2bc3acf6541246f97bb36ed4', "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: 'f85a191dfccf0c05c0004844821e4700944dce87', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: '6ce58d6a0c4a95dd88d0730e90e37979990b3563', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'de227ad650dd61a17f79d712ee6a4ec949fd7116', name: "supporting_text" }))), this.actions && (index.h("div", { key: 'c74641d9e04a52030f171203e5afff2e48006b2e', 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: '18f57a1e3dd13057b0f3b14e3a6354574ea412ff', 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: '21fe123f50b98efbed1ac5e483342061cebc535d', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: '98f1187468ba0b0f0078ac6af07e3946c9d1f7e9', class: `icon_container` }, index.h("svg", { key: 'c5ac1a77790bcf1dfdb8980ebd21f3ad5b2ef294', 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: '074864be9302f5142aaf060f9d67c30e7a7d56d7', 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: '78ba873d77ccb7eca16b5dbeedbbc108dba9fb01', "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: '6985cef176d764b988d85713fe9f8abb6bd63850', "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: '20f96bbe0ae2c56bb6b96f3c1a6a562916104977', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: '35fe8b526eb7ccdd4bc94eb98effe4ad96573f0a', class: `text ${this.size}` }, index.h("slot", { key: 'efbe92be6ad1f45cd7213d864655ec29ad49c949', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'a06186488546038d5e8626e6f9007f31d3abd227', name: "supporting_text" })), this.actions && (index.h("div", { key: 'fbe64196e7c74ccd22cd6af86e39b77474d61e22', 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: 'ebb84802677110703a5e63fe7604101f82ef0a5d', 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: '979fb686e14870189843a3c37fa206755cc8884e', class: `container ${this.breakpoint}` }, index.h("div", { key: '1a6580787db4c70eaf048c407d3d0df90b6be399', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: 'e49871ee1289f3ba0eadbf9f0907b19eb3df640d', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: 'ea66cd501361eb18a9d9548884f011353908119d', class: `icon_container` }, index.h("svg", { key: '4fcf4aae9e973a57ea8f41aa5204f8a559f5bb8c', 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: '491dcf8f14a9ca8aadf9f4fa9173289be81f9493', 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: 'd66f15bafb60453674911acaa6907e6b81138de3', "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: '10d3b53d0e3e58ac308c173579dd94afe85691c2', "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: '4f2328a36c403ce2b7ad236e41420b08646afa32', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: '064062d56b3977b3d477e2fc29a53fe602ca51e1', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '65d8976f8a05665105e01e74266ab417becacdce', name: "supporting_text" }))), this.actions && (index.h("div", { key: 'c22cb2acf26868df28a79a47f266faf159b01036', 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: '4a64377c92006ad78d162f2bd614f2ddfe50e284', 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

@@ -23,8 +23,8 @@ const GbToggleBase = class {
     }
     render() {
         return [
-            index.h("input", { key: 'b1e77171e5316902538ec3887846d6c77da0be5a', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            index.h("label", { key: '2ae4d911017d14e4c6506c4ab456616cec042852', 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: '3476c80afd702202bfeacd9b39398999e16d6aca', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            index.h("label", { key: 'a21e9c87901d3c605f352d508ab2e1cca1d6c4a3', 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

@@ -45,7 +45,7 @@ const GbToggle = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'c9c9b20984a02e40f64661c37f2483db617ad5da', class: `toggle_div ${this.size}` }, index.h("div", { key: '3549de975160cb9b1e4b4a152326f3dc43df60c5', class: "toggle_base" }, index.h("gb-toggle-base", { key: 'e9531c035015080003ccca5a219072fab6473321', size: this.size, state: this.state, pressed: this.pressed })), this.text && (index.h("div", { key: '75e4f9136970b956f9c86bdc2e47e5c767a1a619', class: "text" }, index.h("slot", { key: 'ec84a0f64894b52ff952a23f50bf1fd8035438ba', name: "main_text" }), this.supportingText && (index.h("slot", { key: '042edc7dbf177959b7695c04f417f10570ad8001', name: "supporting_text" }))))));
+        return (index.h("div", { key: '1249576141607394651d756d143bdf62aeab612f', class: `toggle_div ${this.size}` }, index.h("div", { key: '029c2134551f57ae8ca40a943bd3f7a70c5c7ec2', class: "toggle_base" }, index.h("gb-toggle-base", { key: '4c10531b5ed9317192b9cb3bd4c01647e1d0ee61', size: this.size, state: this.state, pressed: this.pressed })), this.text && (index.h("div", { key: '6b838a78c03451ea5e62b1654ca1d81de0436688', class: "text" }, index.h("slot", { key: 'f6a2fde3a1901694f20170e91c5021ea926ad509', name: "main_text" }), this.supportingText && (index.h("slot", { key: '82186eec5189f5888b6c9e6861fe7f2912037294', name: "supporting_text" }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -18,7 +18,7 @@ const GbTokenFieldCompact = class {
         this.supportingText = '';
     }
     render() {
-        return (index.h("div", { key: '790c33bc5a71f8849d2f3195d4b3b06aaad6342f', class: this.size }, index.h("div", { key: '8f09eef8c32b05e4b1aa379231d28dc49a1ec264', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '199dfd0c33bfa2204f5d045614afe4bbfb8cbd66' }, this.label)), this.digits === 4 && (index.h("div", { key: 'f938f977a6b15642808597b7e44c0b17877ae585', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '1db50e820b5f49d511da652ce333f8162b4a907b', size: this.size }), index.h("gb-mega-input-field-base", { key: '854d0b72352719f5b25ff6498a5f14c6b97be5d0', size: this.size }), index.h("gb-mega-input-field-base", { key: '121c13a973ff43ddcc55de98028ad5e3c1970fde', size: this.size }), index.h("gb-mega-input-field-base", { key: 'a48b89f01a0fc4021923fcebe1e0c0259f7783b7', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'a8f338b67878e86cf44ba5bd3ff5077e81865c99', class: "input-wrapper" }, index.h("div", { key: '4974073c1624d16ed91c092891c03bc439e90934', class: "first=section" }, index.h("gb-mega-input-field-base", { key: 'a967b75380e8e703d87e1f8bdd5f56847bc350bf', size: this.size }), index.h("gb-mega-input-field-base", { key: '6c609377af881db4758c40f6653878891b2e5766', size: this.size }), index.h("gb-mega-input-field-base", { key: 'e8cda7239ebd3fb8714110d109035df7157de8cf', size: this.size })), index.h("div", { key: 'c6e9b72f6a82b81ad6c16edd8a288ce389658278', class: "second=section" }, index.h("gb-mega-input-field-base", { key: '1892ff18b87e5992215bdbd33ed6d89a30ffd90e', size: this.size }), index.h("gb-mega-input-field-base", { key: '88ee25da24869951cb52b8eb4efa063dbb6a1596', size: this.size }), index.h("gb-mega-input-field-base", { key: '049dbdd9b7649a03f01013c9ee90f04b4ddce258', size: this.size })))), this.digits === 8 && (index.h("div", { key: '5e7764bab631e1cd8182d580cad3c54e6be3cad3', class: "input-wrapper" }, index.h("div", { key: '4d37268b78e8054ada946ae3c707c0934a6d3933', class: "first=section" }, index.h("gb-mega-input-field-base", { key: '37b7567becece88d79d22ce892096c2a69d98278', size: this.size }), index.h("gb-mega-input-field-base", { key: '6d4b363b608a3da2b2bb246a16de4840365cc4f9', size: this.size }), index.h("gb-mega-input-field-base", { key: 'cc05584006f1ae281474baa3b9c704879aaee7a4', size: this.size }), index.h("gb-mega-input-field-base", { key: '134b2905234d03dc18303ee7d9ee23ea870c227a', size: this.size })), index.h("div", { key: '458d63216ff1f51399389934ccc247cc5fb976b5', class: "second=section" }, index.h("gb-mega-input-field-base", { key: '2d183de81a4047b95e1c81bfa4ab64d6c5951db2', size: this.size }), index.h("gb-mega-input-field-base", { key: '3bdebb01eccf28786fa138ec9d9e106a4e1cf284', size: this.size }), index.h("gb-mega-input-field-base", { key: '915ae6a171c57aeb59abe1a305d0b128dae38ac2', size: this.size }), index.h("gb-mega-input-field-base", { key: '3b18ec30b403e04c5cbbd08314e66cdf981b2b95', size: this.size }))))), index.h("p", { key: '4492f58db5d25ed18c9c2bc97ee84601772fcf38' }, this.supportingText)));
+        return (index.h("div", { key: '4ecf482172952fa6fee01541d7d49a96a8b852a6', class: this.size }, index.h("div", { key: 'd7e54a51a91fab6a26c600aa2334810d03589772', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '6a5583bfbd48fb567a23694da8e1fc2f61afd133' }, this.label)), this.digits === 4 && (index.h("div", { key: 'c639f6cffa16c8844731c4f20a9fc95793eacdf4', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '6509b95d810d452acd103361b092450983b5178b', size: this.size }), index.h("gb-mega-input-field-base", { key: 'a07e5ef38f7bae7406a3ed6255e444e2fecb6db0', size: this.size }), index.h("gb-mega-input-field-base", { key: '826fc0c7579abffce7fb2a15e0cd9b283d2cb9ec', size: this.size }), index.h("gb-mega-input-field-base", { key: 'd6cc64fb07f7e0583d56dc7e57bcd229e93f6b5e', size: this.size }))), this.digits === 6 && (index.h("div", { key: '48a0833cce5da0a54a7375b3c14e3508ba68b33f', class: "input-wrapper" }, index.h("div", { key: '31d50c10fb7be2de0b49eb5552442ffa9c6b94e2', class: "first=section" }, index.h("gb-mega-input-field-base", { key: 'fc74c89a2340db8d4770e83ad5dc0e0d83dc79bf', size: this.size }), index.h("gb-mega-input-field-base", { key: '8981bc32eafbea409fe317e2df73b814e03b39f4', size: this.size }), index.h("gb-mega-input-field-base", { key: '5f6d1d5b1716b25767aaff09d4f4edccb120c626', size: this.size })), index.h("div", { key: '185ca3e266fef47eec899ffadcb3496f8bcbe53e', class: "second=section" }, index.h("gb-mega-input-field-base", { key: '70f77b771c80b0917caaa57889a5e8b826c3a61b', size: this.size }), index.h("gb-mega-input-field-base", { key: 'ef5edde20d1dd4bdb1ac4e9db8a060c8dba4e069', size: this.size }), index.h("gb-mega-input-field-base", { key: '87f924c062087ed1d040e5cdab84b31a7d4c373c', size: this.size })))), this.digits === 8 && (index.h("div", { key: '9214df86f43a9e96830c4bfa8c5d3ae593d626a0', class: "input-wrapper" }, index.h("div", { key: 'e8cc911aa0fdb6231f9684d12276a99b40a5c1b4', class: "first=section" }, index.h("gb-mega-input-field-base", { key: 'c96fe2c13ba01ad7eb085daec13ce8efc3e30c3c', size: this.size }), index.h("gb-mega-input-field-base", { key: '2e73f3770824d30f1933baa532ae3bcde5cb52f3', size: this.size }), index.h("gb-mega-input-field-base", { key: '20a98f45dcb6dfcb85765d8a1ce643f53f9e6522', size: this.size }), index.h("gb-mega-input-field-base", { key: '16bec717eeca70d66f68bcd34d00b43dbbecb4f4', size: this.size })), index.h("div", { key: '8eac1d482e6b122b45013b926b3dee0e8c822a9c', class: "second=section" }, index.h("gb-mega-input-field-base", { key: 'd64d729782560a67d45958ee295dce83127d9ec0', size: this.size }), index.h("gb-mega-input-field-base", { key: '4cf6c8d0a456b0d8b28a057e35c19b5dc63a71b6', size: this.size }), index.h("gb-mega-input-field-base", { key: '21046ac6c53a477d5f2fe057a2bc46c44a6694bf', size: this.size }), index.h("gb-mega-input-field-base", { key: '44207b2e711d71df13b7321f587ab5cb7e0f0775', size: this.size }))))), index.h("p", { key: '5277a36c7d25443e3c8f0fa81347bc77a6833acd' }, this.supportingText)));
     }
 };
 GbTokenFieldCompact.style = GbTokenFieldCompactStyle0;

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

@@ -18,11 +18,11 @@ const GbTokenFieldCompressed = class {
         this.hintText = '';
     }
     render() {
-        return (index.h("div", { key: '234b3b9ac04a7444d48e2e107692e523c23c9247', class: {
+        return (index.h("div", { key: '7d65e3f03ae25ff319c5f273c27964980641532d', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, index.h("div", { key: 'ae64b11af6f8206a4b66bc39208b6a95b0f2a11d', class: "input-with-label" }, this.showLabel && (index.h("label", { key: 'ee8dff7eb7064e8edb2c628c1a9a2c4644f9ba0c', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: '737b6e3e8be193d0e77fdee1a1c4b515853874ed', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '42b98a2760c21d5a39d219e3d76b8ba2ff76c2de', size: this.size }), index.h("gb-mega-input-field-base", { key: '3fb5640878a5c90e76103eeab77897fae6a0c642', size: this.size }), index.h("gb-mega-input-field-base", { key: '5c6eb708c2c5e28969ae117ea439cb31be4ff59d', size: this.size }), index.h("gb-mega-input-field-base", { key: '014ab858a8e8bfa2816017041314c92b792da9dc', size: this.size }))), this.digits === 6 && (index.h("div", { key: '88de6e182bfb4535f22969dc360965c7460553d7', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '4dbb8f33ddd2f0c095a4ec405500cf4495bdccf5', size: this.size }), index.h("gb-mega-input-field-base", { key: '596dc5fb09a4fbd28b95ce50a8d4dc64b496ac8f', size: this.size }), index.h("gb-mega-input-field-base", { key: '9b77a3a7c4ed75b8b9d1907f9849c9d4d997e30f', size: this.size }), index.h("p", { key: '47b0f892fe640349875e2b0b7180b4d5a64cdb0f', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: '578e1ccb8b87c146bbd0eff346c5b151b39bcaea', size: this.size }), index.h("gb-mega-input-field-base", { key: '1741856b33042f1c088a564406ef90a0e831f4f1', size: this.size }), index.h("gb-mega-input-field-base", { key: '76b6b35eccb1afe5cb7d92c5752f8410bd1f87da', size: this.size }))), this.digits === 8 && (index.h("div", { key: '858509c98cf39ae3741b8bb8473f8c4ac5faf629', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'df1c07510b7296feffb23cdf52f536c1e59783e6', size: this.size }), index.h("gb-mega-input-field-base", { key: '55c7875435387eb45656948e8440d214732affb6', size: this.size }), index.h("gb-mega-input-field-base", { key: '796b64e4072034a6fc88ed15fd17995873d06d97', size: this.size }), index.h("gb-mega-input-field-base", { key: '840c4bf0fe4fb6b8dfa91bda3fbe458c225e3027', size: this.size }), index.h("p", { key: 'c8ff41d0b86ef73a435021ee392f2aed9aa25283', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: 'b313da686d2b67cd52889a7f29f692d791e85161', size: this.size }), index.h("gb-mega-input-field-base", { key: '72ecf41b1c88603647b40f7425617074d5c6445e', size: this.size }), index.h("gb-mega-input-field-base", { key: '1a9cf1a2a0852d4b65a73c6950ff09e9311565da', size: this.size }), index.h("gb-mega-input-field-base", { key: 'dcc7ed827e58d0de0938a52e73c7d7b979565e16', size: this.size })))), this.showHintText && (index.h("div", { key: '0ca811b97cf0da12f075388101d59b4c47580c06', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, index.h("div", { key: 'a9ea8ae878104dbf98d79b5edba96b2e9c34eb64', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '5bf2705f6d54a51416470b6777b72758739b209e', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: '024211751daaeb9ca93b4f9e94be576f242059e8', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'd04ebfa28e799f896f99857ad3aae4407a83fbb8', size: this.size }), index.h("gb-mega-input-field-base", { key: '167a9c7b8af69a20a7dcc34466769446f3adf979', size: this.size }), index.h("gb-mega-input-field-base", { key: '395f54c3200de72ec5f43f886507e0ec6de7d255', size: this.size }), index.h("gb-mega-input-field-base", { key: '804b798916817d4d48257de2e4576f815ed1c9e5', size: this.size }))), this.digits === 6 && (index.h("div", { key: '30d8c35c9efc2586f7bc19dc2e9bae9451477222', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '7bb86fe5f5ab626f4f65a6edf3620797628db91d', size: this.size }), index.h("gb-mega-input-field-base", { key: '297848ca9beed696c0d51e7528054c219ad3e792', size: this.size }), index.h("gb-mega-input-field-base", { key: 'cfd315487fe99aee9bdee12443ecb62fc2f32f8b', size: this.size }), index.h("p", { key: 'd7bd3dad9afb394754c7f277acd9f1cc2ea9780c', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: '91fb69a85e589e334a6c76db5d7ef7fa15d2548b', size: this.size }), index.h("gb-mega-input-field-base", { key: '748b97ee051e4276a838e936b05ffab41947473a', size: this.size }), index.h("gb-mega-input-field-base", { key: '5be4948ccdc7ba6dd2d166cf95e7de40b714e2a9', size: this.size }))), this.digits === 8 && (index.h("div", { key: '533c4e68b8ed1d217d8710b0354a97d116bcf2ef', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '17816531bfef4a714683221fa5edb74ddf581f7d', size: this.size }), index.h("gb-mega-input-field-base", { key: '775e15d04e03f2efaa0a493720ce5e4328024cc5', size: this.size }), index.h("gb-mega-input-field-base", { key: 'ef30ed14cf0c798ea90370d262e4a3cee6d92c6b', size: this.size }), index.h("gb-mega-input-field-base", { key: '37413304e32b2289d67a15bcdbcdfb443e4ca961', size: this.size }), index.h("p", { key: 'a3f5e3335f41575e985401188a044d7b6a061aae', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: 'e58b48f9453d4ae48f3f1a5fb77491681371e3a2', size: this.size }), index.h("gb-mega-input-field-base", { key: '46c43c383a7d7ccfa6bcae9711f942083344d01d', size: this.size }), index.h("gb-mega-input-field-base", { key: '363249d4fac7dd976a33b6268e5a7f297224c65f', size: this.size }), index.h("gb-mega-input-field-base", { key: 'a2c3254906d5116a0065d320a03827754f4503dd', size: this.size })))), this.showHintText && (index.h("div", { key: '989b13d829f15f4d5ef71ea0cc950dda8e584105', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
 };
 GbTokenFieldCompressed.style = GbTokenFieldCompressedStyle0;

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

@@ -28,7 +28,7 @@ const GbTooltip = class {
         return this.showArrow ? `arrow ${this.arrow}` : '';
     }
     render() {
-        return (index.h("div", { key: '4f4d51447854496712da2ac5acc5a419d6521ac4', class: "tooltip_container" }, index.h("div", { key: '9e260706cabebf6d9f514d3ded47f1500a80f25c', class: "tooltip" }, this.showArrow && index.h("div", { key: '52b65a77d07fa6b8efd5e395514b564372264ce7', class: this.getArrowClass() }), index.h("div", { key: '44f215935bdb1ed8dec1c67067ef543824b485b0', class: "tooltip_content" }, index.h("slot", { key: 'bcccfcf656d6f33a2ca3f4c226f2f7a913d503a2', name: "label" }), this.showSupportingText && index.h("slot", { key: '3351772f8c7bce4df8a06d9e0c15953917d89ba0', name: "supporting_text" })))));
+        return (index.h("div", { key: 'd8e1e881c57b8c616f5ad8ff9e874d81d73d948b', class: "tooltip_container" }, index.h("div", { key: 'a1d590209fd3d33a21ac37162027888e284623bd', class: "tooltip" }, this.showArrow && index.h("div", { key: 'ab4cfaaa01758a07098256b8f12ecaf84cb34d58', class: this.getArrowClass() }), index.h("div", { key: '63f16ff48b589012998d206dc876a6147db42945', class: "tooltip_content" }, index.h("slot", { key: '3179d3899c068167563230d549b4e0f576d99fec', name: "label" }), this.showSupportingText && index.h("slot", { key: '161473e9189213ce663093c3fce34f95946f8a47', name: "supporting_text" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -40,7 +40,7 @@ const GbVerticalTabs = class {
         this.tabItemClicked.emit(index);
     }
     render() {
-        return (index.h("div", { key: 'c6fb01f356fc230136f404660aba78b60482d2cf', class: `vertical_tab_div` }, index.h("gb-tab-button-base", { key: 'd0102366c8f58ba82444709f228e3dc5c58c1241', 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), alignment: "vertical" }), index.h("gb-tab-button-base", { key: '2e365d833b3db09947763f19200c4e4c41e237cc', 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), alignment: "vertical" }), this.thirdTabName && (index.h("gb-tab-button-base", { key: '0dbdc71d77b8786808fa52a6c503efe4d425bfde', 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), alignment: "vertical" })), this.fourthTabName && (index.h("gb-tab-button-base", { key: 'a508ddd39aa18a1f98b9ab44898c8a1f03641b87', 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), alignment: "vertical" })), this.fifthTabName && (index.h("gb-tab-button-base", { key: 'd6e966be1fe63ddf9bf1957b1ddc85677815c43d', 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.sixthTabName && (index.h("gb-tab-button-base", { key: 'd80615ee668f4673c40e213c1c76c4cabe9033b3', 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.seventhTabName && (index.h("gb-tab-button-base", { key: 'aecc8492621bc9ff669f28b4462a9658a967856d', 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.eighthTabName && (index.h("gb-tab-button-base", { key: '77e15700ec12ae28780ceac5fcb93557a813c9b2', 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.ninthTabName && (index.h("gb-tab-button-base", { key: 'fcc7f37c8449ad5a7e069d4a3d54d580b965af07', 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.tenthTabName && (index.h("gb-tab-button-base", { key: 'ea6118cbd99bd40272dcb494d0d6960b33061c25', 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.eleventhTabName && (index.h("gb-tab-button-base", { key: 'c6850a8335a9de72e3102f0310c3a4c83d3f5c8e', 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.twelfthTabName && (index.h("gb-tab-button-base", { key: 'e1abbd75299f49bbabfd099cb477b69d3e2cb2b7', 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.thirteenthTabName && (index.h("gb-tab-button-base", { key: 'df359253db4bd7b263989d2b051e53a9270118fd', 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.fourteenthTabName && (index.h("gb-tab-button-base", { key: 'fdf3f5e9c35c97b9c97f3557311a577a7fe23692', 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.fifteenthTabName && (index.h("gb-tab-button-base", { key: 'c4586ab49b0013c4a4a462e64ceb4b8ac7b140ae', 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.sixteenthTabName && (index.h("gb-tab-button-base", { key: 'eb52b176868fdc416e63a100682e7730347aee66', 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.seventeenthTabName && (index.h("gb-tab-button-base", { key: '3f2e52b1780576002616280d6bf0832d3d36d756', 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.eighteenthTabName && (index.h("gb-tab-button-base", { key: '7949a041e6565f0a152c009d1309d27fda26940b', 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.nineteenthTabName && (index.h("gb-tab-button-base", { key: '06b275948404d28472d10892cd8c5388936d4d78', 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.twentiethTabName && (index.h("gb-tab-button-base", { key: '0dba1f82aa906e6d0d66162583de6140f91cafbf', 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) }))));
+        return (index.h("div", { key: 'bf52c04fc504e91d43a8a0b50e935a520ce5a4b8', class: `vertical_tab_div` }, index.h("gb-tab-button-base", { key: '8eb2029f9d71e30a13c90d9fb13571a585d599b8', 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), alignment: "vertical" }), index.h("gb-tab-button-base", { key: '065925712b987fb0bce0bf78775ac92581f7bb7e', 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), alignment: "vertical" }), this.thirdTabName && (index.h("gb-tab-button-base", { key: 'cad4d7d01aa16dd35486e91edf5e0eabc4250e47', 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), alignment: "vertical" })), this.fourthTabName && (index.h("gb-tab-button-base", { key: 'ca77c97a9380e59c4e27fa270b5068c4f27b0182', 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), alignment: "vertical" })), this.fifthTabName && (index.h("gb-tab-button-base", { key: 'dcf7c87d9c67be8e54a5328104e7db86467366c0', 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.sixthTabName && (index.h("gb-tab-button-base", { key: '7d722d61301f331bd00f67a7b892e857406e2cd0', 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.seventhTabName && (index.h("gb-tab-button-base", { key: '7d62d6fecf2e7cde3c059b6b4df3c46d01d67610', 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.eighthTabName && (index.h("gb-tab-button-base", { key: '0b3121472344f915399066bbc7234cedf7ce4198', 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.ninthTabName && (index.h("gb-tab-button-base", { key: '91622877622812a211d3402c6a5eac5df5a9c44d', 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.tenthTabName && (index.h("gb-tab-button-base", { key: '6b82d4bc132d7dfe7bc0537b17a18b2c6538d5b4', 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.eleventhTabName && (index.h("gb-tab-button-base", { key: '4f378fbb8c800da54c5b54da1f2dc1bfc76ccf04', 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.twelfthTabName && (index.h("gb-tab-button-base", { key: '25e3b8a3d9b162c2fafcda39d90fd72c23518288', 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.thirteenthTabName && (index.h("gb-tab-button-base", { key: '85e0e7b2ca54d41704284771e7c61e73aa99f276', 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.fourteenthTabName && (index.h("gb-tab-button-base", { key: '4e32d93c3fc55d37c38315f157fde28782afca49', 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.fifteenthTabName && (index.h("gb-tab-button-base", { key: '2fef7433324c88597233932103c92383c6873e5a', 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.sixteenthTabName && (index.h("gb-tab-button-base", { key: 'e8efc91ad81d01de65c52ffbbdb30b511460a25c', 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.seventeenthTabName && (index.h("gb-tab-button-base", { key: '86669ecd86ce14c91eaa81dfc4a4f9b8b920329e', 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.eighteenthTabName && (index.h("gb-tab-button-base", { key: '755ace16f706d91cb26a77aaf02650dbc14ac481', 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.nineteenthTabName && (index.h("gb-tab-button-base", { key: '19e0290cd934a1b554b853e9b15001f9df1da10c', 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.twentiethTabName && (index.h("gb-tab-button-base", { key: 'a1b09c413ab9ed97addd983ece35a502cea95305', 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) }))));
     }
 };
 GbVerticalTabs.style = GbVerticalTabsStyle0;