globuswebcomponents 1.8.5 → 1.8.7

package/dist/collection/components/gb-scrollbar/gb-scrollbar.js

@@ -5,7 +5,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '4faa467aef4f1c612c1a8f465488be57dc992921', class: "scrollbar-container" }, h("div", { key: '3d21d67734ef4fcc46ff1d9e8832dd76ec184b67', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'b0c98d333fa0141e18ce5bcdb2b6db82c1b94aa4' }))));
+        return (h("div", { key: '1a043e5f03140a1dac2f5c1faae9af1a6914a1ec', class: "scrollbar-container" }, h("div", { key: '97c90c5ddd60355ac722a6ab168b7a537fce5025', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'ca1697915b195df8004214846925f19afdfb17d9' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-sidebar/gb-sidebar.js

@@ -98,7 +98,7 @@ export class GbSidebar {
         const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: '39fb0a3fe53a2de889d5c0c0f45119b195bd07e5', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'd4275fc7cc1e5915628bfc52140b1794078fd94d', class: "pattern" }, h("img", { key: '64f015b4fdae93ae6d582750c2b7b4c1e49950a0', src: patternSrc, alt: "" }))), h("div", { key: '70535d5e1ec954309585fb247af2bd00994640e7', class: "nav" }, h("div", { key: '0b09dba7f45fe73d3eb9de9ad93dee5ce598f8e7', class: `sidebar_header ${this.state}` }, h("div", { key: '0a211e5e921dc1ba9d4386b55e99c002cccbfd1b', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '73cbdad93051dc26caf1526c34b72e98f3efab2c', src: logoSrc, alt: "" })), h("div", { key: 'd3d19f155518f2b10844bd2b4c740a20d65ae32a', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'f272bf73d461defcd0c87ab0a0e2856db2e77be5', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'c39ccec3a5126e87d555f832fa6c0edb0b51712b', class: "navigation" }, h("div", { key: '3e991c4ddaef404998a925c84e9a3ee006beef70', class: "item" }, h("gb-simple-side-bar-item", { key: '9705c209eef84deb44fe383182779d1129104252', 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 }), h("gb-simple-side-bar-item", { key: 'be19dbdeee259d8897d931e6bb14b9cc43bfaa79', 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 && (h("gb-simple-side-bar-item", { key: 'f8a64b2a15d606d148ea3b2c353da7969fc8a383', 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 && (h("gb-simple-side-bar-item", { key: '7012610117c2a1c2ff6168e775ccae4f6855348c', 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 && (h("gb-simple-side-bar-item", { key: '1f687458c3ced29692db0d18b92b9c9c84568129', 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 && (h("div", { key: 'c89b6605178b7d2dcb169f122031280bb5fa4d1a', class: "navigation" }, h("div", { key: '9505ab6538b11d7a797bbdbc9d2226da54420339', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'b81c19346e4f73c0ea89b8db8c64edff95533690', 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 && (h("gb-simple-side-bar-item", { key: '68c7233c09297886e5b9c7aa26de317061a85306', 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 && (h("gb-simple-side-bar-item", { key: 'dbfc7005d220bd2b3ed82a36e045024549024aaa', 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 && (h("gb-simple-side-bar-item", { key: '71610aa4fefdeedf67b4c704126cbd0400446af3', 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 && (h("gb-simple-side-bar-item", { key: '06877756d184732a88c07fc39dddf2f81303a4f1', 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' && (h("div", { key: 'd023dfa1b2cf86b40cf837c6de5a6395fd56b391', class: "application_name" }, h("div", { key: '7ce9c96a52a2c4dec85b10dd8ad6e1ef0c10126c', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '5f3248ec2880b6658037f7e4fff38b6724aa6bcb', class: "application_name_pattern" }, h("img", { key: '0126761e8abbd29ccde8a8354e6425c143f9bf98', src: patternSrc, alt: "" }))), h("div", { key: '855c0d7b17f8df6bdd80af356b756d1a78cbe28e', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: 'a1a6bab0efae279daea539d556c93570b1c73fee', class: textClass }, h("slot", { key: 'c2bed9c193f76a20bf0ead6833a276f1883c12d2', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: '9e79fb82e8f77005eb61ee160400ce2a97fc9162', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'c733ac244aa594d96d0c24637d22d8aa6b62d1f2', class: "nav_div" }, h("div", { key: '9e7ea2734ed4376041b906b2693ce3c6e455748d', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '28edef38483f70e1a07aa53d35e0a65f6975ad05', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '2200dab25759eb1a8089c77f995bf2a2c2e7f6f0', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'd1ee0a5b3b6ca91387a08f61b3a0db1122b16ec5', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '32e51980cc24fc5821fb504554164af954f906e0', class: "complex_sidebar_div" }, h("div", { key: 'cd8c7921b6ef92ec5d9ee9d2e2873a1000aa1e52', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: 'b70f60dbb2a4d4fd80339533773f3c4c17adc50f', class: "pattern" }, h("img", { key: '054a7a7f60becd2df9bcf00795cd739d4a49525a', src: patternSrc, alt: "" }))), h("div", { key: '3bc6f416eeb0513316e6770bf8f604a238b761ac', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, 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) }))))), h("div", { key: 'cbf300cce3e5e213bd99e17ac8d0bdc8c82cb3de', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'f4be29df626379999142a18b241c22129464361c', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, 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) }))))))))));
+        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: 'f8a2145c3dc33d1a445c646d6364a33f66489d44', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'b530b57e6c73b25e891c43f934a9196d6e71acff', class: "pattern" }, h("img", { key: '4a6b66c21f25b867934c11df7a0f55ef988330e4', src: patternSrc, alt: "" }))), h("div", { key: '0be6244af7ced5ef7362a6b1113d3fc04135766d', class: "nav" }, h("div", { key: 'e8d85c117c19be9aecd342bd7883e94979f00d12', class: `sidebar_header ${this.state}` }, h("div", { key: '78bdf8517b484df9e45a354ee9dadfd7e0c8c68f', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '129e076d45ecbbf89526b80cb426b2b9737da638', src: logoSrc, alt: "" })), h("div", { key: '79dca921341fe7b89804b199d4e098fdec7cae08', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'b771f1c7808bd12ae5f652919abfb3d916ff0736', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '882aa49286df53f916dcff2716e1984a72d3967f', class: "navigation" }, h("div", { key: 'afe0a55fe9d8d5675513dff2d7e814760d318105', class: "item" }, h("gb-simple-side-bar-item", { key: 'b5f47ed7c9668fd3ead0f6be3d228c54062f4583', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: '52bbb60d97cb67ea8c883b501d74112b1790d881', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: 'dcd8083006494849bf3eb4222263a825aafcb5c7', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: 'cedd133bfbc571b20c21881a6df3555fa8d7710d', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: '44456e6e43d1c1f40bb69573acce8ad1c8e70768', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: 'c669ef001f3a244ef81b2df450e746e737d7a88c', class: "navigation" }, h("div", { key: '66842f959793137eaf46b5c6570ffbba9ca34052', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'd6ff8171935694a566085704ee68112976efcbe0', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: 'bdfa859617ed06604ba3c2365051cb478ab50721', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: 'b013a79a2f39972195fd0b845520eb9b661ac2dc', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: '2bfd36121e7ecad69ae08e9d196b2edecb943ad4', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: 'ac87ec6790ab268d7e467bedbc4dec983519ccfa', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: 'bf548198be4ca646dc03c0667125f9aca78b9e04', class: "application_name" }, h("div", { key: 'd869f27353c1498b13bd8586c2ccffa7dcaddb60', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '0e4847633e80bf9e8ffd6149be5a63390f415965', class: "application_name_pattern" }, h("img", { key: 'bf659affe5fc3157e74e040231d81f3c3361c3b4', src: patternSrc, alt: "" }))), h("div", { key: 'd7c9be0f0c2e98ab61538ed86b921c8fb5c3dfdc', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '0b4bd7f60d4af94622f609cebd43997c9311997d', class: textClass }, h("slot", { key: '0bcfaf5d319fb9eaa18801c2ba4a410b5910a9ef', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'f5dae28697f1a6b513db6f402617fa0723d0e2f6', class: `sidebar_and_nav ${this.state}` }, h("div", { key: '219ed0cd716e35eab3e81d25a8bf193c60517fe3', class: "nav_div" }, h("div", { key: 'a33ab0f87e89206194d213f4b28b5bca5c4529df', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '59d36b3a548dd161d6bd207307b7f22326e81175', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: 'c4aa1cab6e8ea9d1d9fe6c110b9f61b315366c89', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'dc82e3b8cfaba04d726faec7b88f122a361c1f3c', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '079e11a4c2503df716c7d83db6334ce7da25db53', class: "complex_sidebar_div" }, h("div", { key: 'ffde46fe01b241f442a4bb4d3d351c913c59f50e', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: 'a5b9c6db0918a831be1112bd9a926d90420b6a0b', class: "pattern" }, h("img", { key: 'cbf4ec57277a1356acd2ba95ea94152a0967eb59', src: patternSrc, alt: "" }))), h("div", { key: '07c58bfec1ee4b53bcc396873cc60cb4a2b455c3', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, 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) }))))), h("div", { key: 'd7f03a4251022066d03d08c2dbf8b8366d2c34d0', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'b8cbde18f7f2ed41dea09ba7a708c844010b2585', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, 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) }))))))))));
     }
     static get is() { return "gb-sidebar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.js

@@ -28,7 +28,7 @@ export class GbSimpleSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: '62b34bab46a4923ef4a999a1cdcde0504c546395', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '0fbb986d7a8c33a26570b1e6e423b1978ad69f5d', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'e11cea35526b4f0dd9ad0e01f1c6837df532d901', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '83f1e66468f44049a7f313a3d942eb0cf9ee1517', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'da9b1315ddc41d30191b4490d8db97bd8c8bc298', class: "content" }, h("div", { key: '3fd529894523699843b773783528889bd14fb81e', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'dddf3a4383fad2c4feb4c4d30cff495c12f8a4cf', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: 'ccabc055cf09c6fc3ff3fb63c8aa5538db49f261', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '704cfb56f964ae503f69ae313c0802663b46f57d' }, "10"))), this.showArrow && (h("svg", { key: 'a65d88c547022672eec03e504a49b8961a89c38b', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '48d4c89c6a4ac7b5f53b2c2e416861fbf9cca4c9', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '9ae95d8e360e0ca2d52b663288738102967d15ab', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '8aba76b9abd3487012d5a6b63cccf13e8a73b242', slot: "label" }, this.label)))));
+        return (h("div", { key: 'a59fc81caf3bd60eb8a3f4fa4a7b4d4d06dd353a', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '93c5da99e9c7335f7aa6f44b9a3b487e527f0cd9', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '1be5b5325475629aa6c14547a007f63c25568ddd', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'fa1b474c9a8e483d285d4244dfc43e0afbb6515a', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '13662e5df77fa1b6688580f21674dffa424b2506', class: "content" }, h("div", { key: '3b4b944feda83085f8ca36e994380198e5bf6e65', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'b627dd70705a3f2afa67fb120b9c3b8d3be4af6f', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: 'eb038556109d181eebd3c125226ef7ea41c9d01c', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'bac26eb935b0dede3390081a6e9edf36f8cbde94' }, "10"))), this.showArrow && (h("svg", { key: 'a73c8f5ed1cd1f11b2f34595f64bd91cba968f62', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '74bba5e2517fc67bf54d3eacecc955831a872572', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '7a8cb216af342c39a1a971407d0240baf9f75d4a', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '56af0d00a912efcc195a76560eb7b7f5a5eff0e4', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-simple-side-bar-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-slider/gb-slider.js

@@ -71,7 +71,7 @@ export class GbSlider {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: 'b0456ca2d1d367ddca8572d9426da0b17086b7b0', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '4e46a765002d05a6c1f61290f890c405f63531b9', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'eba60b7d1e8912f47604b0f25e2485600ba14d6f', 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') }), h("gb-slider-control-handle", { key: '1f8096f0523de812ae9285be2ee10af130356cf4', 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 (h("div", { key: 'c10df3219582af542f890c55b808d8c840d695ea', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '6e579f556ab946db8c04c7c5ba3a5eeb6381e54e', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '21eafb2f6cb2c228011f559cd23bdcb05f3be22f', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: 'fb2b74dff853c24307ff88ca3b9ee0626ed1e71c', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
     }
     static get is() { return "gb-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-slider-control-handle/gb-slider-control-handle.js

@@ -18,7 +18,7 @@ export class GbSliderControlHandle {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: '1fdd1bcb602d49065524dc1b4cfa2807805c6605', 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' && (h("div", { key: 'b341449d289fb1776cc62eb23c70a764060e2f47', class: "tooltip-container" }, h("gb-tooltip", { key: '30cd265e3b2360053492b16eb7698bba78f40fe4', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: 'b6dcaf5b9aa4aa8794e0e0a21d485adf5868e6e6', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'ea025afe708f9d1d5f05833416772fa93888a04c', class: "thumb-label" }, h("p", { key: '8ffc13ccad0d27077f09612af35de5ff114c7390', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: '6f4344de208ba5b565835ca4b31ba9d6d4950716', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: '6808717ed4144408165fd114af8fb306a3290c34', class: "tooltip-container" }, h("gb-tooltip", { key: '1d71c7743a6784a20efd2c3af31e6dd33abf39f3', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '70447b58b768eb8b836fb84f683c80ef2bfec37f', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'c0e8d30d7e59c6085c9efdc9ad1877676991e9e7', class: "thumb-label" }, h("p", { key: 'f9f4766b280174140af7f4eb6ffcbee562b624a9', class: "thumb_label text-md-medium" }, this.value)))));
     }
     static get is() { return "gb-slider-control-handle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-status-indicator/gb-status-indicator.js

@@ -8,7 +8,7 @@ export class GbStatusIndicator {
     }
     render() {
         return [
-            h("div", { key: '7e4b605a177dedddd0f4d055ce2e2524eace3c2c' }, this.statusIcon === 'online_indicator' && h("div", { key: 'b484ea8e760d9e8d6bb0601c0f81bfe625166cfe', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '033a4ee8844d6b81bf91a718dc8bd23921dc03df', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: 'b00e8bc969d636fafc093c766a4f00501320309f', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '05d20e3354f19b11b04de24480bdd2edd3f8df2f', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), h("path", { key: '4c1637bb397366f635769abaaf602e9b2d84752d', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: '754c6deb65fe775ff82f0758b0b5cd33637258b9' }, h("clipPath", { key: 'eb19b5d12fce5a62a3849db22b2a4775e748d09e', id: "clip0_0_21453" }, h("rect", { key: '590e1bd5dfd4a041b16215da16d6837c9c3ff48f', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '06de7f0b4d2f95a4d82aeaaf71d4c6a9d3af5b56', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { key: 'b989e504c5a49c4214f08475b0b6fcdaa5621218', d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { key: '7db19557481f9a9cc5cd87af3f8a03d2f95f3e58', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" })))),
+            h("div", { key: '7f34d0f2cbae7693dc437f6f04fdaaa1a31ce4a9' }, this.statusIcon === 'online_indicator' && h("div", { key: '6f5dacb80e4e23fa68e13b55059fa1c8f3be1613', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'f6095154ddac913e05ab43a9769358f2ca0de8e0', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: 'badb43fd80af99c39c7bf233a02c7946b0dd278a', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '98729b788fc4b46b7c386f58adac3ec8101385a5', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), h("path", { key: 'be31c4d4f938ad233cf25012ea62ab38cc4b145c', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: 'f8682254e66993d0021b95b5054d2dff64c69f5f' }, h("clipPath", { key: 'cf6abffe34d2ee5d05dc348ba02628e0b97f4335', id: "clip0_0_21453" }, h("rect", { key: '17ee39e757ea36496387f38c3feaf9747d582280', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '466d18f1f19a0405fba4df595643215d214c2dec', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { key: '25039301d89ee6ec72d8b7f5b8927fcd08ca4d47', d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { key: 'a62bf13abadface6f285d80e0cf73fa8805e795c', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" })))),
         ];
     }
     static get is() { return "gb-status-indicator"; }

package/dist/collection/components/gb-step-base/gb-step-base.js

@@ -28,7 +28,7 @@ export class GbStepBase {
         }
     }
     render() {
-        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: '36e5d6cf7d46838bdc2eb7b23fa0975877e59c97', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: '8acf5adb6c215cc9d77a78d36fed2261774606d2', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: 'a11df1f00936f5ef5b95bab249c8bb6e230bd684', class: `text_line_div_content` }, h("p", { key: 'e3732d2af74c46742cf43bbe8a8aab99a0fd7467', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: 'aeb0044fab8f44ad1861840b0c7c474177abc3f4', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '9dc2e64063da7f86ddfee181ab97493cfc9c7b72', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '2830fe4efb58770d15fb4d6fa2796c0e1c1ed597', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '3aa39bccf11cfff1229c110535df57549014c4db', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'bb1d7e3242b0a483d98b24e24fd3641e0613ad11', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: 'a278d3d4d7f291a5788b844fba826250cf3be8fd', class: `icon_left_div ${this.size}` }, h("div", { key: '48ef111a7ae37557a542e55af0b584f59a708d33', class: "connector_wrap" }, h("div", { key: 'aecbcc0dfa0943860cfad0eb57ec5ce14291d99f', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '0f22f54722e0bb13701337e75e26f187bbac1ad1', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '8a5cf6be65adf85877ddeda6b87890fc3ab7e9b8', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '90c56fe89a1822650e69bf71d82a41d5d71abe60', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '3b91f52b36c1c6b540df775cda5bd18fcf592998', class: "connector_div" }, h("div", { key: 'de59dc0041773027e957b6d767f5425be889cbe0', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: '00550d80660da5696cc570190faaa971c929e1a1', class: "icon_left_text" }, h("p", { key: '2e4aec55ba203d3aee9dc78a5b8174c1f1c0a5c9', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '73c914367219fc7c9e3bbea6403587bbc8357e21', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '8948bb0fdf72e83f4191e02c7b9ec5564f31d2bb', class: `icon_top_div ${this.size}` }, h("div", { key: '805442a2e7e8799f9888bfdd314b98232d7fdc0d', class: "step_icon" }, h("div", { key: '2d83dc8fa69529ad4a0d5cffe5f78db74e09cb13', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '920e0e6269502edf4aaf81b081c88df505d5961f', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '86eb5d4849426d795b769ffe633652695079e89a', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '98e344430bc6588ed6f566f2bee87a12011a71f2', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: 'c13a2f6459e5224c7116a0cd392567ec7d71ba49', class: "connector_div" }, h("div", { key: '9601e8ed5ecb6e5bcfa97b194460da672a89d175', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: 'e0effa603ab4e38f16f57d6d44c36cffeda6f677', class: "icon_top_content" }, h("p", { key: '03e67d8cfa806680b45ed8d23db3f53a92f1ceda', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'ba63fd494783528178def96308f7c251ed4fd59b', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '8f88148684bd1e87001c52beecdae47916b27757', class: "featured_icon_left_div" }, h("div", { key: '8376fa96c885a23c2c7ea94aeb5f99eda3756048', class: "connector_wrap" }, h("gb-featured-icon", { key: 'e29eb1abf9b54cd9f2a3e16f727d903b0b64adf8', size: this.size, icon: "assets/user.svg", destructive: this.state === 'destructive' ? true : false }), h("div", { key: '4608a356eb2d54d24e728b89fee0c5686fe558a6', class: "connector_div" }, h("div", { key: 'bc729c4ffcecb0febbc71fed334351e6fb90d1e7', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` }))), h("div", { key: 'cde869746cca954fc48d21e6d43fb20bd108c649', class: "featured_icon_left_content" }, h("p", { key: '5c4178f8bf1380c03ed06eb47d6afc4776b0a351', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.state}` }, this.label), h("p", { key: '936e537dd757a9dc6a644e145352f2e8a1fdab32', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.state}` }, this.supportingText))))));
+        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: '8ec2f519a2a1464e68402797b4c934a8788950ae', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: 'e9e79fe3ff002e376abab48f4ad2eefbbc48dec0', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: '76c38300659d5351353f355ef7eab9b58530c2c0', class: `text_line_div_content` }, h("p", { key: 'b9fccfe9f275e3634bba592e94cecfecd83238b5', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: 'fa121b6cbcfeb77fa73712a35a4be5cd6ae91e1b', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '4761dc49b4324bb00f8fe21da7569f593c73ea03', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '49857c3a0d106f574b761f08f952acede588d023', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '7a819887f72b01d263cb9627bd55dcb44267f9b7', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '8eaed745dd67c1ac804c26a02d7fe055ce74e0d3', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: '7fc9d43647a5c35b553da31585beac746902ac20', class: `icon_left_div ${this.size}` }, h("div", { key: '64fca0750cfae955babb24cba6b2835c2083eead', class: "connector_wrap" }, h("div", { key: '833e78c66d5a40a3b4d77d50c52b6f33aa1b024e', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '203c807381e51295ec4c8bd00daf2c74ef577140', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '51b9850f1dc43e2ddd52931be8ad561eabf09240', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'a8ba8d3a1bf3c1f53d0d36a2b97856dfa2ff63c4', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '80d9ef943233acf3b6a5b352927307dd6bd4bdbd', class: "connector_div" }, h("div", { key: '6ea8599ce4004089ad8dafab3733a88963683f30', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: '51234805365847c97fbff74353434338025aaea3', class: "icon_left_text" }, h("p", { key: 'e5c3f2bbc526edb48a5e3693fe132f77ad7d6d60', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '87592d644b4c3e537727e7700281765d1da91393', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '11981992fc5933940fdf719d734a837c0ee63b72', class: `icon_top_div ${this.size}` }, h("div", { key: '802283bfd568d3806e917bd8b4788a85334fd0a3', class: "step_icon" }, h("div", { key: 'c3b0ede9643dfc4c6b9c884bdb19afaa315f8d3c', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'a6b5f0201746816ea88de6f5ea7e1a5102bcab69', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'e7c378e8698b2e0acb90c968d8fe386b781a4132', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '3d42487dbf3333fe9537d50f38c6f1073168ca93', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '6840955fb94e9be8a4f1c223288ccd59c56c40d3', class: "connector_div" }, h("div", { key: '487e2b75c050ab745e1caba78f2419fa7c6e8f97', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: '750ed16c13b83d3a4dde1a079557fccb2a1ff70b', class: "icon_top_content" }, h("p", { key: '94f8cdce8f924cb1247bb76615b7f2cd07316985', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '79baee82afe3982324af66ec25fb915a7263a59f', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '753595c67caa0e2b9226c2ff4d4808c1481bb28f', class: "featured_icon_left_div" }, h("div", { key: '2ea639ff03d16d45edcc98189b003807ebf84810', class: "connector_wrap" }, h("gb-featured-icon", { key: 'f9d03d685b4954bbdfbff893ee8c5b3d3bec0499', size: this.size, icon: "assets/user.svg", destructive: this.state === 'destructive' ? true : false }), h("div", { key: '2d37390fa823e522b8b77e96f8ccbb2a11b07bd6', class: "connector_div" }, h("div", { key: 'aadfe8d107bd09b181b882784b820f7f84186523', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` }))), h("div", { key: 'bfc62a2645b2e4a4657257f363d227b897ab6ee3', class: "featured_icon_left_content" }, h("p", { key: '08da367088aacb5c8ba0a9e136df97eba0469b90', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.state}` }, this.label), h("p", { key: 'c4fe4c1d30474f1f55622572c0c0625cf6cbb547', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.state}` }, this.supportingText))))));
     }
     static get is() { return "gb-step-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js

@@ -17,7 +17,7 @@ export class GbStepperVerticalIconsCentered {
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '63246478011b60f2a618064ce5a10daea4d9dff5', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '4a5ce4acabfe6aa4c35ec49b02da164daed60add', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'a82c66a5faf40effac081b013a3ef6ba661d94ec', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: '2a20ce869151c9f0e7b136dd47d386a8c82a186c', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '6b673c75f9c854b4a9dbe1a449783ff0723c731c', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '01fec1bab928f4f0b7ec155ea78a0db0049eea36', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: '9be89717191711509c3f8b541fc92b8b160c9da7', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '6f58f0952ec4e0c07e619669af596a74e008195b', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '51e4cb7451a375e32ed94acec5e03c4b26ef2491', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '34e4824522d34d9bf516baa7c6105bcdb7367633', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: '64b53caddf399a08b6ccfcd18746e625b31d745b', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '89ebc89ba6f9d6c906e5cd4b65e0c3f6d020a3af', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '0c7a1b26e6aa17508eb8d8cea614136f44327e52', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '66bb5a3ac3d15529bdf1bb21b619b30b73d4baf5', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'c15ba93874045e5010252447f76ccbc5d4e2b285', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: '9da78fa98391288282c6fea5b6181ede7c92d89a', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'edc0179c728102b23fbc84f0ab96c68cfdfe5a08', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'dbdc69fa49ca1b58d632ccd837d25cba1414af39', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '008fcf789b542af1d18281235d55a69a22f41409', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'fc454ad5ba56d765c7d6b234cde7bc3042735ff3', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '5c407e5390785ff6570c8a4f13b4039f4715fbbd', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: '57cff11b70651a88d62b22b87456649b9ebba832', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'be3cad8faa3a4a8a1d7e75c9d62f06df4b8de868', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'ea47634eaa95a37c0c9942b76ce734492a3c1178', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '9983a1e3788960f111d4d73187fa89852e470e58', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'c6262031b6e6e7937db24072881513ed731d4530', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '4e8bb986b3a41cdc0114109d0340d8c0b8b4f978', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: 'bd2bc2c8b0f1edb84b956b9b739bda026a94fc3e', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
+        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '14af0fade4ef9134db25680dbd2c17244e943706', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '00ece26d6739d3d10feb70fef63a01da7f9f4f31', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '0b16f07004c8ffe33cabd63308a48fdb6f3eb4b0', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: 'b1795d7e8f09d3ec92e997c0ea290b555d61becd', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'ae937a361f1aa8febda4ea276e6e3ded1843d748', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '404b86df748c23b232389a6f41228144a0dd7622', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: '0f0135cefe5ab5e4f94f8974f4918339dfa09d82', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '993d0e43146e6592109dfcea72bc338400efb85f', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '933c4dc23127a57496ca02929f36c4aa5d86db84', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'e85563905d9eee8a545e0dd4aa3aeab554d9b910', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: 'dc084fb1e9d1f7703859c586dd3083f7fbd001d3', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'ccaccb3ffac0ae9937dd112c596760a4d9c9bc28', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'c4280e071c66c24c7a93ca41b67e6484e20fa0de', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'ec13c0fe4879bd24354599e16467e857dd8577b7', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '3ba0a1e53dbe5133cca8a24561926fe98d76830a', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: 'bf79bdd8faefd5edc86fd24f59c9dbb74ab074ce', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '42f4c957d89d647210f89d2399e2ecd3f87f5c09', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '1b5bb0dca1bdfd7b518c47f626921a4479959997', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '0063d9557a1002a238cc5449d46ee75f0aca4c38', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'b1c93bf0e24a2a8fa983bb3ffcf6c79c59aaad5d', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '00bc420a190f4b9a3020e6d89ee39c0fd270842f', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: '26709151f552af13a149108551ba85010e45eed0', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'f63704a347eea94ac0729c0dd7862223fae0a7cd', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '800fcbd39a1703d58e61e02e492619c4ba934706', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'd54cfcdef70f04733cf01cb419d33ca5824fb2bc', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '5a365e9d546648abe7eefc80c29e6a0ccfcfd80c', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '37c229b53127817d9378eb18bb29ea81c6c2ff58', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: 'd8fc12a4d5a8ce812ea7d9d2c917726ead9741e9', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
     }
     static get is() { return "gb-stepper-horizontal-icons-centered"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.js

@@ -31,7 +31,7 @@ export class GbStepperHorizontalLineWithText {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (h("div", { key: '0d5471bbd7dc370b3e82c6742e24f2eb4594dc61', class: "text_with_line" }, h("gb-step-base", { key: '8d73a70ae338dcbcf3c7b4c3cf37ad3dcc911fe2', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), h("gb-step-base", { key: '1d2c6e2359f7625752eab7b48b0690de5f891d3d', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: 'b8afc3c93400ab6fdebb013e45c95562034670d0', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: '2657d9df1a64f8f53b13d095848064b1584f244d', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: 'ce6b88572396ab96e89bfdc4cf699ee456f44eb2', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: 'c4343068edb59f99425a7b41e6f343a631a94b04', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: '23f39f65b41278edf51e9d24005b68bff57998b0', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
+        return (h("div", { key: 'b666e281adb34498e32da665b4575b678656e7b5', class: "text_with_line" }, h("gb-step-base", { key: '1b277f54e77d8bffffe27bc468eb534822cb3692', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), h("gb-step-base", { key: '4ee851d4bed1f899457630c60014d56f2207a1f8', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: '5c3903ac2f879b015658681069a7deb049619f56', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: 'a234b84733aada2ac50cee32168920775cee6ddc', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: '9748949f58c1bfd20b971a4b3f5679a7b74dee17', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: 'd4d8c57e873cf61b52f89222b0352e52cd0a9e22', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: 'fd40993e0615e08c8c267982f94f42a9012a5a1c', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
     }
     static get is() { return "gb-stepper-horizontal-line-with-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.js

@@ -84,7 +84,7 @@ export class GbstepperVerticalIconsWithText {
         ];
         // Filter out steps that should be displayed
         const visibleSteps = steps.filter(step => step.show);
-        return (h("div", { key: 'e6029a2d9d4d5bab5a264ac8ef4f35f34f9e6cb8', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, visibleSteps.map((step, index) => (h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === visibleSteps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText, onClick: () => step.event() })))))));
+        return (h("div", { key: '48cd2fb8ffc2e91effa16d44d8f62f84aa5b055c', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, visibleSteps.map((step, index) => (h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === visibleSteps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText, onClick: () => step.event() })))))));
     }
     static get is() { return "gb-stepper-vertical-icons-with-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.js

@@ -40,11 +40,11 @@ export class GbTabButtonBase {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: 'b8ece7d0d185b7ac80fa360b40c36cf51fa371af', class: `tab_button_div ${this.type}
+        return (h("div", { key: '445b5956da1b799f33f5e5b4a4de4eccf4650f9a', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '4834bff379dbd2053428b9458ddb2988f6c76344', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '4437051fda10a039330723cc83416051fd11e8be', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '54a7c6d29cb8d652db4e0cd911fede9eeac37e7a', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '7eb312b4aac8c78e4e7b65e3dd086dff9565426f', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
@@ -53,7 +53,7 @@ export class GbTabButtonBase {
                         :
                             this.current && this.type === 'line'
                                 ? 'information'
-                                : 'gray' }, h("slot", { key: 'e6e68c7dda43d8f6f7bb4d87ca048b33b7d94856', name: "count" })))));
+                                : 'gray' }, h("slot", { key: '38cf5a5b80732a69f6021b984185a5d9604dd595', name: "count" })))));
     }
     static get is() { return "gb-tab-button-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-table-cell/gb-table-cell.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTableCell {
     render() {
-        return (h("div", { key: '06c31b5980807c03cfc13f745272144a31657279', class: "table_cell_div" }));
+        return (h("div", { key: 'fbc6aee2832fc7d7f41ca1e28413ca0800ab7191', class: "table_cell_div" }));
     }
     static get is() { return "gb-table-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-table-header/gb-table-header.css

@@ -2661,7 +2661,7 @@
 .table_header_div {
   display: flex;
   width: 100%;
-  height: 5rem;
+  height: fit-content;
   flex-direction: column;
   align-items: flex-start;
   gap: 1.25rem;
@@ -2701,6 +2701,16 @@
   gap: var(--spacing-4);
 }
 
+.export{
+  position: relative;
+}
+
+.dropdown{
+  position: absolute;
+  top: 100%;
+  right: 0;
+}
+
 .refresh_button{
   width: 2.5rem;
 }

package/dist/collection/components/gb-table-header/gb-table-header.js

@@ -3,12 +3,14 @@ export class GbTableHeader {
     constructor() {
         this.showFilter = false;
         this.showColumnOptions = false;
-        this.tableHeading = false;
+        this.tableHeading = true;
         this.showSearch = false;
         this.showExport = false;
         this.showRefreshButton = false;
         this.tableHeadingLabel = '';
+        this.filterCount = 0;
         this.width = window.innerWidth;
+        this.showExportDropdown = false;
         this.handleResize = () => {
             this.width = window.innerWidth;
             this.updateButtonIcon();
@@ -18,17 +20,27 @@ export class GbTableHeader {
         this.updateButtonIcon(); // Set initial variant
         window.addEventListener('resize', this.handleResize);
     }
+    toggleDropdown() {
+        this.showExportDropdown = !this.showExportDropdown;
+    }
     updateButtonIcon() {
         this.buttonIcon = this.width < 1007 ? 'only' : 'default';
     }
+    emitValue(inputValue) {
+        console.log(inputValue.detail);
+    }
     onFilterButtonClicked() {
         this.filterButtonClicked.emit();
     }
+    emitSelection(selection) {
+        // console.log(selection);
+        this.exportClicked.emit(selection);
+    }
     onRefreshButtonClicked() {
         this.refreshButtonClicked.emit();
     }
     render() {
-        return (h("div", { key: '551ce87766f1a29bc554817a91e5b25ede04d373', class: "table_header_div" }, h("div", { key: 'bc0d4e2364a8d182b288019479294796d7b55fbf', class: "table_header_content" }, this.tableHeading && h("p", { key: '74ae5a9e447b82e12ad2dc0af44f5904f8338214', class: "text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: 'd62f071ae3d9bd3d8b07193053fac8560712a709', class: "actions" }, h("div", { key: '66ed267da025d310e9d177ca9feb275deae5a8e1', class: "input_field" }, h("gb-input-field", { key: '578631696077f366c1737b8e166ad985a2e74c7b', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search" })), h("div", { key: '1a220d9b0668adf374538c224956816a9ec6dfa3', class: "action" }, this.showColumnOptions && (h("gb-button", { key: '7c30aa19a27709df8ce47b69880c49ea9955134b', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: 'bbf6bdbddb52492b12cf678071ecd3f79cb786c9' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '10a3e4688e87005446e9dee655cc04c9c7f15468', state: "applied", "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '7eab51121ad047a803437d6a1f764b09ca658c00', slot: "filter_count" }, "3"))), this.showExport && (h("gb-button", { key: 'd0ef8cab4415d117cd40a1be2cc028be7104d533', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg" }, h("p", { key: '5eb97c1279fb114e96137f10abb5b4840c7b3823' }, "Export"))), this.showRefreshButton && (h("div", { key: 'b0091422a48341d1abcacb674b033b097aabade6', class: "refresh_button" }, h("gb-button", { key: 'e5602f854dfc8eab243d17a0f211df916161de42', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
+        return (h("div", { key: '816d40496433181252e438da79aa8ec2774d5d7f', class: "table_header_div" }, h("div", { key: 'be554d5d3aaa74a39c791420981dd62c099e88ef', class: "table_header_content" }, this.tableHeading && h("p", { key: 'cfc2dc30601374579f547521c4ad9b97c9b8e8af', class: "text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: 'baad50a8fdc6e2b3a093a53421c88ba30f17b5d4', class: "actions" }, this.showSearch && (h("div", { key: 'f471070092533cc7b18cd5f111e47c25c4f03437', class: "input_field" }, h("gb-input-field", { key: '9e6698312429e5ae91b71bc2c60dd8420237657d', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '51d8976b67dbec52d4d630670422104e609d1a6b', class: "action" }, this.showColumnOptions && (h("gb-button", { key: '4968ceeb340164e853f02eb1c1c4d492cc23caf2', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '7155b00432b820f0c52ea0df383d3ba868cb1522' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: 'ff65fac05b77f06421b1fa21824bdf77594ac58b', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '5d24e59ad3dd41c0f0367df90fb05ddc5a93b9cf', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '5cd0b150d295115691eca38e36141d75f592d958', class: "export" }, h("gb-button", { key: 'a972c86bfc92ae4e7644fbc12f0b14bb8112eb4a', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, h("p", { key: 'f9bf9208552d97dbaa23d26f9562c733a897d097' }, "Export")), this.showExportDropdown && h("gb-export-dropdown", { key: '58b690f6300348829fbb3034aeef32aa140b6a1a', onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" }))), this.showRefreshButton && (h("div", { key: '0651d75a86dd22f0de5cac72cf9d31340ecee879', class: "refresh_button" }, h("gb-button", { key: '5178148efa875fb93aeac478336ccb31628b31f7', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
     }
     static get is() { return "gb-table-header"; }
     static get encapsulation() { return "shadow"; }
@@ -102,7 +114,7 @@ export class GbTableHeader {
                 "setter": false,
                 "attribute": "table-heading",
                 "reflect": false,
-                "defaultValue": "false"
+                "defaultValue": "true"
             },
             "showSearch": {
                 "type": "boolean",
@@ -184,17 +196,17 @@ export class GbTableHeader {
                 "reflect": false,
                 "defaultValue": "''"
             },
-            "inputValueChanged": {
-                "type": "unknown",
+            "filterState": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "EventEmitter<any>",
-                    "resolved": "EventEmitter<any>",
+                    "original": "StateType",
+                    "resolved": "\"applied\" | \"default\" | \"disabled\"",
                     "references": {
-                        "EventEmitter": {
+                        "StateType": {
                             "location": "import",
-                            "path": "@stencil/core",
-                            "id": "node_modules::EventEmitter"
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::StateType"
                         }
                     }
                 },
@@ -205,18 +217,56 @@ export class GbTableHeader {
                     "text": ""
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "attribute": "filter-state",
+                "reflect": false
+            },
+            "filterCount": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "filter-count",
+                "reflect": false,
+                "defaultValue": "0"
             }
         };
     }
     static get states() {
         return {
             "width": {},
-            "buttonIcon": {}
+            "buttonIcon": {},
+            "showExportDropdown": {}
         };
     }
     static get events() {
         return [{
+                "method": "inputValueChanged",
+                "name": "inputValueChanged",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
                 "method": "filterButtonClicked",
                 "name": "filterButtonClicked",
                 "bubbles": true,
@@ -231,6 +281,21 @@ export class GbTableHeader {
                     "resolved": "void",
                     "references": {}
                 }
+            }, {
+                "method": "exportClicked",
+                "name": "exportClicked",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
             }, {
                 "method": "refreshButtonClicked",
                 "name": "refreshButtonClicked",

package/dist/collection/components/gb-table-header/gb-table-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-table-header.js","sourceRoot":"","sources":["../../../src/components/gb-table-header/gb-table-header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-table-header',\r\n  styleUrl: 'gb-table-header.css',\r\n  shadow: true,\r\n})\r\nexport class GbTableHeader {\r\n  @Prop() showFilter: boolean = false;\r\n  @Prop() showColumnOptions: boolean = false;\r\n  @Prop() tableHeading: boolean = false;\r\n  @Prop() showSearch: boolean = false;\r\n  @Prop() showExport: boolean = false;\r\n  @Prop() showRefreshButton: boolean = false;\r\n  @Prop() tableHeadingLabel: string = '';\r\n  @Prop() inputValueChanged: EventEmitter<any>;\r\n  @State() width: number = window.innerWidth;\r\n  @State() buttonIcon: 'default' | 'only';\r\n  @Event() filterButtonClicked: EventEmitter<void>;\r\n  @Event() refreshButtonClicked: EventEmitter<void>;\r\n\r\n  componentWillLoad() {\r\n    this.updateButtonIcon(); // Set initial variant\r\n    window.addEventListener('resize', this.handleResize);\r\n  }\r\n\r\n  private handleResize = () => {\r\n    this.width = window.innerWidth;\r\n    this.updateButtonIcon();\r\n  };\r\n\r\n  private updateButtonIcon() {\r\n    this.buttonIcon = this.width < 1007 ? 'only' : 'default';\r\n  }\r\n\r\n  onFilterButtonClicked() {\r\n    this.filterButtonClicked.emit();\r\n  }\r\n\r\n  onRefreshButtonClicked() {\r\n    this.refreshButtonClicked.emit();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"table_header_div\">\r\n        <div class=\"table_header_content\">\r\n          {this.tableHeading && <p class=\"text-lg-semi-bold\">{this.tableHeadingLabel}</p>}\r\n          <div class=\"actions\">\r\n            <div class=\"input_field\">\r\n              <gb-input-field size=\"sm\" type=\"icon_leading\" icon-swap=\"assets/search-01.svg\" placeholder=\"Search\"></gb-input-field>\r\n            </div>\r\n            <div class=\"action\">\r\n              {this.showColumnOptions && (\r\n                <gb-button size=\"md\" hierarchy=\"secondary_gray\" icon={this.width <= 1007 ? 'only' : 'default'} icon-leading={true} icon-leading-swap=\"assets/column-insert.svg\">\r\n                  <p>Columns</p>\r\n                </gb-button>\r\n              )}\r\n              {this.showFilter && (\r\n                <gb-filter-button state=\"applied\" icon-only={this.width <= 1007 ? true : false} onClick={() => this.onFilterButtonClicked()}>\r\n                  <p slot=\"filter_count\">3</p>\r\n                </gb-filter-button>\r\n              )}\r\n              {this.showExport && (\r\n                <gb-button\r\n                  size=\"md\"\r\n                  hierarchy=\"secondary_gray\"\r\n                  icon={this.width <= 1007 ? 'only' : 'default'}\r\n                  icon-leading={true}\r\n                  icon-leading-swap=\"assets/file-export.svg\"\r\n                  icon-trailing={this.width <= 1007 ? false : true}\r\n                  icon-trailing-swap=\"assets/arrow-down-01.svg\"\r\n                >\r\n                  <p>Export</p>\r\n                </gb-button>\r\n              )}\r\n              {this.showRefreshButton && (\r\n                <div class=\"refresh_button\">\r\n                  <gb-button\r\n                    size=\"md\"\r\n                    hierarchy=\"secondary_gray\"\r\n                    icon={this.width <= 1007 ? 'only' : 'default'}\r\n                    icon-leading={true}\r\n                    icon-leading-swap=\"assets/refresh.svg\"\r\n                    onClick={() => this.onRefreshButtonClicked()}\r\n                  ></gb-button>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-table-header.js","sourceRoot":"","sources":["../../../src/components/gb-table-header/gb-table-header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\nimport { StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-table-header',\r\n  styleUrl: 'gb-table-header.css',\r\n  shadow: true,\r\n})\r\nexport class GbTableHeader {\r\n  @Prop() showFilter: boolean = false;\r\n  @Prop() showColumnOptions: boolean = false;\r\n  @Prop() tableHeading: boolean = true;\r\n  @Prop() showSearch: boolean = false;\r\n  @Prop() showExport: boolean = false;\r\n  @Prop() showRefreshButton: boolean = false;\r\n  @Prop() tableHeadingLabel: string = '';\r\n  @Prop() filterState: StateType;\r\n  @Prop() filterCount: number = 0;\r\n  @State() width: number = window.innerWidth;\r\n  @State() buttonIcon: 'default' | 'only';\r\n  @State() showExportDropdown: boolean = false;\r\n  @Event() inputValueChanged: EventEmitter<void>;\r\n  @Event() filterButtonClicked: EventEmitter<void>;\r\n  @Event() exportClicked: EventEmitter<void>;\r\n  @Event() refreshButtonClicked: EventEmitter<void>;\r\n\r\n  componentWillLoad() {\r\n    this.updateButtonIcon(); // Set initial variant\r\n    window.addEventListener('resize', this.handleResize);\r\n  }\r\n\r\n  toggleDropdown() {\r\n    this.showExportDropdown = !this.showExportDropdown;\r\n  }\r\n\r\n  private handleResize = () => {\r\n    this.width = window.innerWidth;\r\n    this.updateButtonIcon();\r\n  };\r\n\r\n  private updateButtonIcon() {\r\n    this.buttonIcon = this.width < 1007 ? 'only' : 'default';\r\n  }\r\n\r\n  emitValue(inputValue) {\r\n    console.log(inputValue.detail);\r\n  }\r\n\r\n  onFilterButtonClicked() {\r\n    this.filterButtonClicked.emit();\r\n  }\r\n\r\n  emitSelection(selection) {\r\n    // console.log(selection);\r\n    this.exportClicked.emit(selection);\r\n  }\r\n\r\n  onRefreshButtonClicked() {\r\n    this.refreshButtonClicked.emit();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"table_header_div\">\r\n        <div class=\"table_header_content\">\r\n          {this.tableHeading && <p class=\"text-lg-semi-bold\">{this.tableHeadingLabel}</p>}\r\n          <div class=\"actions\">\r\n            {this.showSearch && (\r\n              <div class=\"input_field\">\r\n                <gb-input-field\r\n                  size=\"sm\"\r\n                  type=\"icon_leading\"\r\n                  icon-swap=\"assets/search-01.svg\"\r\n                  placeholder=\"Search\"\r\n                  onInputValueChanged={this.emitValue.bind(this)}\r\n                ></gb-input-field>\r\n              </div>\r\n            )}\r\n            <div class=\"action\">\r\n              {this.showColumnOptions && (\r\n                <gb-button size=\"md\" hierarchy=\"secondary_gray\" icon={this.width <= 1007 ? 'only' : 'default'} icon-leading={true} icon-leading-swap=\"assets/column-insert.svg\">\r\n                  <p>Columns</p>\r\n                </gb-button>\r\n              )}\r\n              {this.showFilter && (\r\n                <gb-filter-button state={this.filterState} icon-only={this.width <= 1007 ? true : false} onClick={() => this.onFilterButtonClicked()}>\r\n                  <p slot=\"filter_count\">{this.filterCount}</p>\r\n                </gb-filter-button>\r\n              )}\r\n              {this.showExport && (\r\n                <div class=\"export\">\r\n                  <gb-button\r\n                    size=\"md\"\r\n                    hierarchy=\"secondary_gray\"\r\n                    icon={this.width <= 1007 ? 'only' : 'default'}\r\n                    icon-leading={true}\r\n                    icon-leading-swap=\"assets/file-export.svg\"\r\n                    icon-trailing={this.width <= 1007 ? false : true}\r\n                    icon-trailing-swap=\"assets/arrow-down-01.svg\"\r\n                    onClick={() => this.toggleDropdown()}\r\n                  >\r\n                    <p>Export</p>\r\n                  </gb-button>\r\n                  {this.showExportDropdown && <gb-export-dropdown onExportClicked={() => this.emitSelection.bind(this)} class=\"dropdown\"></gb-export-dropdown>}\r\n                </div>\r\n              )}\r\n              {this.showRefreshButton && (\r\n                <div class=\"refresh_button\">\r\n                  <gb-button\r\n                    size=\"md\"\r\n                    hierarchy=\"secondary_gray\"\r\n                    icon={this.width <= 1007 ? 'only' : 'default'}\r\n                    icon-leading={true}\r\n                    icon-leading-swap=\"assets/refresh.svg\"\r\n                    onClick={() => this.onRefreshButtonClicked()}\r\n                  ></gb-button>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/gb-tag/gb-tag.js

@@ -22,7 +22,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: '48563b85c08f6d9a1aae216aed79e644026e2f72', class: `container ${this.size}` }, h("div", { key: '5a87ce3ec76fae1415b14e50eb2bb9319756633b', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'e579c60e3648ae3d874ff94e50c4c7afbe0c3a93', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'ace93c36698d7d2b768c7a49b4e615e17f701680', class: "icon left-icon" }, h("img", { key: 'f114fcc17586c8dbd26173e17ba1a4851cec8cda', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'ce98d91d34556fdeddb4b21e1b30330aeeef94e2', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: 'faae880f75c44867fccc220cb1c0072c62116949', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '6a493f6500f498b563e4477ce93dfa4618b5bd23', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'bfe2d09aa3a7d4918b1529c527053b8a52becff1', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '79f747d6a39bc5c8f7af9f3a780ef8ff2f202891', class: "label" }, h("slot", { key: '2d2c7005ac1e2f7fcccb489dc33c4db33fe6d0bd' })), this.action === 'count' && (h("gb-tag-count", { key: '02372f1d7d5a69f30d346594c73d144ebc7af751', size: this.size }, h("slot", { key: '48a57ba18f58fd78a31c155536644525eb3dde49', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '9352cd76d9913f8e0974a1e1314d84079250d285', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: 'bfc40149a48efe89b022ca3968cf985e4c9cb426', class: `container ${this.size}` }, h("div", { key: '14212b961e067e1a00e8693a5acd9da2ac7529df', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '3ac11c0f1dd1a8c0e3a7bb45f0190ddd165e1d65', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '2d5cffaafb81f3d47530b84fbfcce567f6ccd2c7', class: "icon left-icon" }, h("img", { key: '1c8d837501eb6dbfa8df7c4c8f8f6909cc8869e2', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '4f3112ee46e0fd7936703b08608d5091ce9ad2a6', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '8a3225e0552743234faf8529cd00f9c5ab9f2dc9', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '0741b366993513a62765dd5038a95e801c9c33ae', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '7773ee0b9c1d225e6a4e766af6f173124e15b52a', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '41ba5905b91945812d8ac6028a563b35e79234ce', class: "label" }, h("slot", { key: '64de421d8e05cefcce51ac03e526b209e26d39b1' })), this.action === 'count' && (h("gb-tag-count", { key: '11dad112b882b504120d01a516a8335fb2e05947', size: this.size }, h("slot", { key: '875cbf28e8c75516dae94de54422ab5d1274b3b1', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '5a79f7c3260bc91eae94e8bcfe81dbfea75379b3', size: this.size, onClick: () => this.onTagClose() })));
     }
     static get is() { return "gb-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tag-checkbox/gb-tag-checkbox.js

@@ -6,7 +6,7 @@ export class GbTagCheckbox {
         this.disabled = false;
     }
     render() {
-        return (h("label", { key: '917a592877bb6433ad2f6827651cc1cfa8ec16b5', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '7980083699917ce124470e3ae516836d652f0a60', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'ae4f4fb8480301be8c83a993421d85f3dc26787e', class: `custom-checkbox ${this.size}` }, h("svg", { key: 'ef44bf411b966f8e8f57d9462271702583e18710', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'd99991e782c736d6fbea7f913b9356546b3c8fc9', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (h("label", { key: 'e2a50edb120fbb76956953102ad54f2e16cfffc1', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'c5b162cf09d9074254b35d9a973807cfb7efb0c6', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '038ae7622a64c361811b1185c6872a6a5a3f1cc7', class: `custom-checkbox ${this.size}` }, h("svg", { key: '9ae37bba9faa8f2a34386fbadff10205ab0309f0', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '2d395c08587a91293254fa5f91372d1ff3a5d0a0', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get is() { return "gb-tag-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tag-close/gb-tag-close.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagClose {
     render() {
-        return (h("div", { key: '47f92799217724b57e7e1e4c863218606efb6d38', class: this.size }, h("svg", { key: '572dbabefb100657e2093b6d2de78b4bcb03fd2d', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'fb0b25c3f09e7810c11a9f1b0205a6119dae349e', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
+        return (h("div", { key: 'c4194fc7e6b34d70ba596358d1f489572ea20a53', class: this.size }, h("svg", { key: 'ffccf01b01597d8e62cfa3b975db1fe6f3ef5a11', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '84d9028ba9dddcc552047e22ac637e8eda5fb0a6', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
     }
     static get is() { return "gb-tag-close"; }
     static get encapsulation() { return "shadow"; }