globuswebcomponents 1.8.5 → 1.8.6

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: '61fcc283d391e8d94b9c1695c9544d713b7ec180', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '7f461dd29482df19532c7d1df11268877b9f661d', class: "pattern" }, h("img", { key: '1bd878cf97856576695add972b3dcbb0907020f6', src: patternSrc, alt: "" }))), h("div", { key: '044c640ed39e01e28a73b38c76921fda01918d7d', class: "nav" }, h("div", { key: '96e64bbb6926f308c2192327395216b913de5e3d', class: `sidebar_header ${this.state}` }, h("div", { key: '3f9389058dff7a22e3bd0d2e8f13edb146582c7c', 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: 'de343ab75405db786815f6c549afe7861677e3bb', src: logoSrc, alt: "" })), h("div", { key: 'c89002de6020bb8ce3a808092fcde1067fef7fa4', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '0b1e95ab7f272c0772dfb21ae4d0f0826cd6034b', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '6ef42653694fd0bd499d307e1d8ee659becf9262', class: "navigation" }, h("div", { key: '1f76e86b44b00620f38d8851eb0909c83e7b907d', class: "item" }, h("gb-simple-side-bar-item", { key: '0243927a2f62f670cd77d9323221218e5b221763', 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: 'f0fca3b4edf3e75d6d3247d89b3fbeb1ad9f78bf', 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: '07208b6d4a1fb9cee629ee12dd0bbffad10c484e', 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: '75df5aa45c987972251e9f10e8c100b2230837bc', 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: 'cf00e3b1ade945e67afd42c95c15b8dff5f31767', 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: 'd6aaea86c9ddf4af96959ca13e2d5e0ee379800a', class: "navigation" }, h("div", { key: '50638a57c281b23c64d84f66e7874341d89b10d3', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '5c9ab9696332d6d618368b1a0772d1e9d52a038a', 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: 'a8be694a37cdacde3cd09840dfaac01f17bd00dc', 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: '8303bc155a7d50d2499a7614358f510a81e98510', 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: 'da0ef8e8e64d5419a47144ba4152c0ec317a5f68', 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: 'f2fc672e7f779dfb09580f9467947149a93625c7', 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: 'b8b07e170ef37922473ba414b013f21db6188992', class: "application_name" }, h("div", { key: 'd4191fba4ea4cfc8bdcc9f4210440b133e247faf', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '0673f83c5ec4691b5505196893cc4d60712bdb59', class: "application_name_pattern" }, h("img", { key: 'd0690452a6965bd538b341ccd7cc0bc5eac1f854', src: patternSrc, alt: "" }))), h("div", { key: 'e000bd4fe79052e08c8810fb629401aa8e38a27c', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: 'c696ed1781e3e151fca48ff5d95602f4183408c6', class: textClass }, h("slot", { key: 'b873bf34139605aa08b8ea9f06c8257caef8540d', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'fde61e033f0630839d8741095c8fc7caa70658d5', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'f700e5447dcbcf71f489615008827068b48bb892', class: "nav_div" }, h("div", { key: '021d7d838acebb6d02c8fee2f8c5a35df2396a22', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '0f8c88ed719209ec83029cd77c8aa85d124662c7', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '760f5bc6b1548289e6c003e956cb6dd9251c6d19', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '9742dbc937702441b3c63f7d0128c37926bf65cc', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '758421e598c1a59df8adea98662757e2f79e7f93', class: "complex_sidebar_div" }, h("div", { key: '532dc39accc3534210ce524c8353a4cac17f767c', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '8e094ea5ac592cffba80ea61f7a2990d6952985c', class: "pattern" }, h("img", { key: 'd3cbfbcdfbc31273c8b9fcd291f680d6f7bc821d', src: patternSrc, alt: "" }))), h("div", { key: 'a128c96d2616fa2fbf0e7c246dfec1eaea3d15a8', 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: 'fbfa72649d0b7e18db0133473195745f5fb05dc9', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '4fa20649c4689c62c8a3d47a57916e6e6c3e31fd', 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: '970a74131222072a0fe64427053272d615758c79', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '220860e01396b85b51407f1d88b151bd8f5b2e5f', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'f609c45d87f0ecc9a9041ab4392c7ed5524c68d7', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '4c5b55c672c65266dd26588553dbcc8db0e91900', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '3bd4751ef8546229edadd5f429e72519410e9430', class: "content" }, h("div", { key: '25680f4910a3e0046ba1598f6c1fda28d13a7d5e', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: '7f98bc635e7126ddd413bd6e7671d53ff5c910cc', 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: '0c1e7d1364418b9237d6d498d59c3fb4d6d5c088', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: '349daf21dc7a99f6c10cf322bebdec8a331c9d44' }, "10"))), this.showArrow && (h("svg", { key: 'f5ede8fe71326d1074cb98a312a7d402c134a390', 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: 'dcb9026c60e07ca597caa5daee2fe6670e4c6298', 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: '4062b91ad81e0518f39950710a364700691f5409', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '3b414d876f0f2dbb27ada758ec0855e5e27cfce9', 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: '8e1b6d03b2e464f08c74e30bfe2803cf35f373e2', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'bc133f1dd39015c2a22d1b728ed45d9b3f1cd08c', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '7f01a5d83525b501e5c5b296e070f59dbe5a8e27', 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: 'ea40a42270401fe458e43abb466e41770e2d34c7', 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: '6599a5cccdc4e1a489847d18e08e64868afa3cb4', 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: 'e005b690a2a0137394b539bc89e000383530b8ab', class: "tooltip-container" }, h("gb-tooltip", { key: 'f01d348ac7214d9ca0da81ebaba4d433e91747fa', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '52a989c1fbea1456552000c88372524d7edd5d4b', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '9b3537d73e56c8cfb0ce9bff66216c46e99c2444', class: "thumb-label" }, h("p", { key: '5660f9c53dc73ee4c4fb97e72ab41f6ce5043c5b', 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: '0983c5724be54d2f6bbfd9c0964ea81a5fc1a701' }, this.statusIcon === 'online_indicator' && h("div", { key: '50834acc8f9b93304c7fdc523ae1e5ba9b6d370e', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '8fd98ae8422b585f5c36083d5293525fcdbf90e3', 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: 'bcc3a221390a811419bc3ae59ec1bd608dbc64a3', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '1d2d49f969ca1b07d3c9f6f66a648c59350bd26a', 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: 'cc95428e84e92f6f6f47a96728ecc6b785148163', 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: 'e7630f96d5737b61da2c9f42910fee650a4ef3f6' }, h("clipPath", { key: '39973c07ecca89401af2bfb4841b02db4a5292ed', id: "clip0_0_21453" }, h("rect", { key: '592365b3c699af2770160b2087acb856eea90948', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '4462352b79a265674737fc8acea736830e79eda2', 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: '9198f63eab96db643b0e650f1e36d9a3af2da42b', 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: '85b6c92e81a4bfbd2709bbc874f7fa71073802b2', "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: '0f310b23fe37dd7ad884bfff25469f20d6f2668c', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: 'd1571b9bc2a4e0cce5375a19fd297ca15f2468d4', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: 'f53745c386b8cfd7dfd65ea4da863053a108de2f', class: `text_line_div_content` }, h("p", { key: '723119ca384ed0ce54fd02de9449b07afebd7fad', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: 'ddbac600f6489917acabf713c486a34608c77917', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '41a5273736093140181c690149cade9b1c47a341', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'e6f7b1cb9b1a0ef3bd5202dfd7e1e7e22da4d6c1', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '94fac18362f0533caaa891161bd2bd5c235110ae', 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: '5b9693290e545f699525c86b571379504a12665e', 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: '08ddddcafdb36a1c3b1a288165a131c3d4ea0e65', class: `icon_left_div ${this.size}` }, h("div", { key: 'd22d8dc884989e1be01b384e06bc68dec45daab8', class: "connector_wrap" }, h("div", { key: '6ac81cd18f3ced1be9876c1cbf17d2e9e3a6dca4', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '73393453132ecd661fa824d06246f7e4e92bf9e5', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'b12b4620db6c12e54b74fe62522e79af4b521949', 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: '8a93b78ae0ffc3e63b0147b6b3fc9d761df7e5c9', 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: '16e16fbd41610dd6ce8c235179147683daf97201', class: "connector_div" }, h("div", { key: '39105ed79175c1b466f6124730706811a197cde1', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: 'f573cf391ec8aadb137478fb21301f1fb7c01350', class: "icon_left_text" }, h("p", { key: 'c4c384be810b6b9bc7692fc5cb6c4e85420a6470', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '62d3c39f214a44eedbf533962dd2d2f0c96c1dd6', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: 'dacf9eec7a825be28a4030c60ae36ce2e0435867', class: `icon_top_div ${this.size}` }, h("div", { key: '832464a608a58852c06650186efeb80659de29bb', class: "step_icon" }, h("div", { key: 'e6cef2d7eaa1f83f4d1c4f9b46f27c0fb954b3fa', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '84189302a8695989f6fb28c0a8aa0140c2f4da1a', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '8d0ec4f100021eb0896b62271e77e16f1e539a21', 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: '5e5afe42bca3be96573cbe5d667226d78e242303', 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: '2ccfc28374d4f980e57a9f723790da0f428f6e54', class: "connector_div" }, h("div", { key: 'e012d5012d679b176a80e3f6b84532d388cbaf90', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: '78065af873f77871a3d350906da10a45e030bb60', class: "icon_top_content" }, h("p", { key: 'f14609da3a13b0825c767ac0804df21d140ea881', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '8a287b3b02db0b5c62eb3a3dec090d443c20b0a4', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: 'bcf282e961051671e5c87cbc15adb6bbb25bdd38', class: "featured_icon_left_div" }, h("div", { key: 'bfac6f103af8460b3e5c0aef7d3ece67d80c0c6e', class: "connector_wrap" }, h("gb-featured-icon", { key: 'f03989fbae6e90a7b6fa251fd36420cb7d700539', size: this.size, icon: "assets/user.svg", destructive: this.state === 'destructive' ? true : false }), h("div", { key: '4e91d6fbf820aec69b4e3c847dd809d2e97ddc41', class: "connector_div" }, h("div", { key: '4e4fd12ac5cb334c2cd1bfdefefd58a0ee13e239', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` }))), h("div", { key: '7905afa634d5d9285315d4d7ad2f89bea6cbedc0', class: "featured_icon_left_content" }, h("p", { key: 'e1c5ef19757796bf0d1c686b599beb0aa49bfa0d', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.state}` }, this.label), h("p", { key: '01b12d76659aa51b0523fbd6c2c400c40f79b1bb', 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: 'fdb2ec3447cee69488f0c51be7b6d0c68e5e4e82', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '0f061ba112d14898ce5002174e9a79bb3c14553d', 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: 'a5f683e73b52832d6d64d3fc4d0b9ceb52d677ce', 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: '89cea4ea26b8125b23c435fbf8e085cbdb830c7b', 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: '97d36bb9e489a4d673c84dae2657073a908e6c38', 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: '4bde5be58fd3c5e349cd98b10a9dc5647fb35473', 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: '921740dce30c0311c35f46dd6b12ac9bdf69eb17', 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: 'd95290251dea31a7e3fe7c9a08ea188b68ec7578', 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: '3564a940c5aa91d4f13f81093daebba2983b7f90', 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: 'e7f78f35243df130959fe70119305821fe94b9ef', 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: 'ff84c81dc7ea9cf66021ecdd65c3b4d34cd0bc35', 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: '2cd31d01daffae8570f6fb210eb153e6d09ae59f', 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: 'c875551fc3269c318f06ac82fca7d56ab67ec351', 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: 'cbfad7fb36919f2bf85e5b40fa8ecb8871fd93a5', 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: '006b479e7b6aac0a468ee2112e94e8a367e7f194', 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: 'aec3ac92d20f998687d2a5f3310296303124b585', 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: 'c43e32907874681e89685911470bd216b5b357a6', 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: '68e4252f899a9725b3b7964add9846f88eba9c5f', 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: '6161605f1353d50734c45445151c3f1e80e117c5', 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: 'b6d81e67233d469900f36864b5fbc734b6f01b46', 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: '886cb6e4ac7339db631a122d75f76a93b2e34506', 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: '5ebadb5758ad936e68e3e56f3c22fc4a1e601e8d', 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: '8c0aab44ef2ccf666a99ed0d8660d2bf2bcfeb99', 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: '5712de70e333644b1d5a2114cc75c79704893fd7', 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: 'a51d5ef38beca9fc5fc3d4128c321dc08585dd50', 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: '308d009b155c468cb1bd611d864ede79943ef925', 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: '9701cb097dc3947568b2c25b4e8d0c18a56dda53', 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: '0eb6e2743bf2714206db8b6e059f904bc9d2647d', 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: '5cf71b58fe5da783b194a982d6a42e80514c17c8', class: "text_with_line" }, h("gb-step-base", { key: '42571039d4a2f70e7cdbaaf46341b9a2345b0812', 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: '0e035b18e8826dfe405b42d53b67fcc24afb361b', 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: '0dd11bc8a82c87249e5671e0aa6b2caeee379981', 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: 'a84c83effedeebb1e18e8b85439ce8e9e5f07711', 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: '91863ed713242b02aac6030a8a44906376aabf96', 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: '0fdab51a05ce3112f63071e29ad8b7993ade77d3', 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: '5a9200548edc7a6eb814ae4b275fea204cb128f3', 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: 'e0f892030f0846ea89ef9e84018969509f4458db', 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: 'b2320f1676dc25540b1b47359b7a02134f9a9544', 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: '81d6f56738db171f542e07cdb465b9f6ed6c1c63', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '63c705f3f1c1af9541d1489dc4f1a159cd643ec4', 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: 'a7df624cad60a1a7d7f57c3d346a0f4061c40800', 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: '25aa9800bf07da9b6ad38a0d0f08f41dbe14b203', 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

@@ -8,7 +8,9 @@ export class GbTableHeader {
         this.showExport = false;
         this.showRefreshButton = false;
         this.tableHeadingLabel = '';
+        this.filterCount = '';
         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: 'cb2b02bd222e513709edf356f0e9b6a388903b9e', class: "table_header_div" }, h("div", { key: 'c1413b889c832bc076a9e350ea0faa2f2bfee44a', class: "table_header_content" }, this.tableHeading && h("p", { key: '03a41a450a34917b3adf4d6569415c42499ce4db', class: "text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: '9322fdd6f8d8c05097b1d6ea128134296e41f5db', class: "actions" }, this.showSearch && (h("div", { key: 'c3e774b9ebbd32f4c2c5ae39818999a61ce99594', class: "input_field" }, h("gb-input-field", { key: 'fc57853bf81f3120a131f5184e3279b283a0fc7f', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '5dc774c3046fcd0429b10e9aa21a683084da3c4d', class: "action" }, this.showColumnOptions && (h("gb-button", { key: 'c2d29ff42cee4afda7ab2c24bcae4a65854fee8b', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '06fc57b4bf3f7998656895c45360e9492fd485f7' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '7b6f2ad3fff274fd6cabc5e1a9f35d70adced5d3', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '5ac26fd7d9ff3e6dc124efb656096a6b4feefd96', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '0b03c3d4d779db3cb931146910ef387b6571ba46', class: "export" }, h("gb-button", { key: 'dbd4be35c92722d882285caa2b7291e6b725f92b', 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: 'acff8052a2a13b0dbc5a78ed8683f49623c1a51d' }, "Export")), this.showExportDropdown && h("gb-export-dropdown", { key: '689e46b5571d49c7b06f4e62d5a609c93e7475f5', onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" }))), this.showRefreshButton && (h("div", { key: '8fd4d15e17c4d9977f1ad1bd49cc27ff43521b37', class: "refresh_button" }, h("gb-button", { key: 'a0d16d9b7b06a812808559ea7dc8efd39aa5b4de', 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"; }
@@ -184,17 +196,37 @@ export class GbTableHeader {
                 "reflect": false,
                 "defaultValue": "''"
             },
-            "inputValueChanged": {
-                "type": "unknown",
+            "filterCount": {
+                "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "EventEmitter<any>",
-                    "resolved": "EventEmitter<any>",
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "filter-count",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "filterState": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "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 +237,36 @@ export class GbTableHeader {
                     "text": ""
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "attribute": "filter-state",
+                "reflect": false
             }
         };
     }
     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 = 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() filterCount: string = '';\r\n  @Prop() filterState: StateType;\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: 'a858a9db7a65514002c509d735dbfb7f8005b124', class: `container ${this.size}` }, h("div", { key: 'dd859b8dc8a7dbed4d1fbbb57de05d9d77cfc630', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '735233f58e8068b98cfcbc01aaf368dacf2d1092', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '8227d70722c35305daf00bcf4c4d45b9491743b2', class: "icon left-icon" }, h("img", { key: '9b9a3db8e06b1175fc430296d95f03d77ab8a700', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'ddb14389685588e211421d28b63cc88b907bfde3', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '5c719f3446c625258dda3862a5b779a154a12c51', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '6194cc9c4b3809ffa5665f7a30e65e32e6bf9545', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'a6627440afc5837eaff0f241f1a553df2c6e7290', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '640b4ab697a51471ed0baf636c7949a9b75c519c', class: "label" }, h("slot", { key: 'f40db1b614f12ed23ec6da06136cc5967d35e478' })), this.action === 'count' && (h("gb-tag-count", { key: '216cfa5c7847edd0e19a7a3e8551e7462fb50a40', size: this.size }, h("slot", { key: 'dcc8507e26ed69eab281dcd03cb207280bd54e97', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'a158c8fbb080e24b9ce3cb34ececf22efb8c6bb8', 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: '63bb54df7ddabd54eb908e32cad39fd7af869e82', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '9861fc12f57bab24fd7e0822289a40c083254dc9', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '6568e97ee96f1c0ab4b38b312e98efe55210ff36', class: `custom-checkbox ${this.size}` }, h("svg", { key: '5c9a63bc45d599d578229e498bdaacc2f26f53ee', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'd1b597d8e4d7d1f92634055c4c0ce6bcb40faf5e', 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: 'c32bd8d7d0d1323dae466cab0d22869f5b95cff6', class: this.size }, h("svg", { key: '4696f104154bffb4c88ad66c641e49b8ad8c16ce', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '48903eb298bb1b2f28437d5613c905ae312a18cd', 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"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagCount {
     render() {
-        return (h("div", { key: 'e0441a604b3e771bcff7e950156ea3e7d9209e13', class: this.size }, h("slot", { key: 'abcfe7965bbd74b2218b399cd2f3927bdd1503d4', name: "count" })));
+        return (h("div", { key: 'f287986e2a975b4bf8875c6e371115fccfb0eadb', class: this.size }, h("slot", { key: '058d6601fc06a6305d51f71bd0b9022b48313fbb', name: "count" })));
     }
     static get is() { return "gb-tag-count"; }
     static get encapsulation() { return "shadow"; }