npm - globuswebcomponents - Versions diffs - 1.9.0 → 1.9.1 - Mend

globuswebcomponents 1.9.0 → 1.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (477) hide show

package/dist/collection/components/gb-quick-action-icon/gb-quick-action-icon.js CHANGED Viewed

@@ -6,7 +6,7 @@ export class GbQuickActionIcon {
         this.isHovered = false;
     }
     render() {
-        return (h("div", { key: '74973862ed698efb70fa2680b3e49bc297e6ee61', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: 'a92028dee44203145dbea33879cada2f30bcbfd7', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '8a1f505ab65e4987b4100da914b1c39962b02b58', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '2601bcfe13f4c7d6a055003fb91dc0cd357eb3f1', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '3e45232d2f2102282b802a950a874dc019312dd3', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: 'd20e7540fc84c0477d059257e5ef913063f6dff4', class: "label text-xs-medium" }, this.label)));
     }
     static get is() { return "gb-quick-action-icon"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

@@ -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: 'a59fc81caf3bd60eb8a3f4fa4a7b4d4d06dd353a', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '93c5da99e9c7335f7aa6f44b9a3b487e527f0cd9', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '1be5b5325475629aa6c14547a007f63c25568ddd', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'fa1b474c9a8e483d285d4244dfc43e0afbb6515a', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '13662e5df77fa1b6688580f21674dffa424b2506', class: "content" }, h("div", { key: '3b4b944feda83085f8ca36e994380198e5bf6e65', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'b627dd70705a3f2afa67fb120b9c3b8d3be4af6f', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: 'eb038556109d181eebd3c125226ef7ea41c9d01c', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'bac26eb935b0dede3390081a6e9edf36f8cbde94' }, "10"))), this.showArrow && (h("svg", { key: 'a73c8f5ed1cd1f11b2f34595f64bd91cba968f62', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '74bba5e2517fc67bf54d3eacecc955831a872572', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '7a8cb216af342c39a1a971407d0240baf9f75d4a', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '56af0d00a912efcc195a76560eb7b7f5a5eff0e4', slot: "label" }, this.label)))));
+        return (h("div", { key: '807c92db88b48c800e4d991d87df18e69f7ad4e9', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '0040a79573bfa1ebcf34656b056cdec65f841150', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'dee5c0d5961c1c97b49898f8727068e0fc7b3625', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '9a5018319c2ac44847ec328d188d13a289de2ee8', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'b30e424cf7165232e709839773c2b574589b21f3', class: "content" }, h("div", { key: '492a2259b3a564f7c54fb118873b332caf8bf762', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'b4453b3e964ff882ba11cb695e1e513bae508fc9', 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: '1862e44c7880c9accf68ffc97af15b812fd87177', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'f57377a6baf4601f5c9fae4a82538b141a85c9b4' }, "10"))), this.showArrow && (h("svg", { key: '423eeb280fb6cc63fcb14236dcbbbbfeb8412a76', 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: '410ea2e712c95ba70b4fd303fea3acf61df31ad9', 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: '669ba83733d3625eb4e327bb6803083462bb66be', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '27f149b617ee21d5778174785b8073c58205b419', 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 CHANGED Viewed

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

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

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

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

@@ -28,7 +28,7 @@ export class GbStepBase {
         }
     }
     render() {
-        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: '8ec2f519a2a1464e68402797b4c934a8788950ae', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: 'e9e79fe3ff002e376abab48f4ad2eefbbc48dec0', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: '76c38300659d5351353f355ef7eab9b58530c2c0', class: `text_line_div_content` }, h("p", { key: 'b9fccfe9f275e3634bba592e94cecfecd83238b5', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: 'fa121b6cbcfeb77fa73712a35a4be5cd6ae91e1b', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '4761dc49b4324bb00f8fe21da7569f593c73ea03', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '49857c3a0d106f574b761f08f952acede588d023', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '7a819887f72b01d263cb9627bd55dcb44267f9b7', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '8eaed745dd67c1ac804c26a02d7fe055ce74e0d3', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: '7fc9d43647a5c35b553da31585beac746902ac20', class: `icon_left_div ${this.size}` }, h("div", { key: '64fca0750cfae955babb24cba6b2835c2083eead', class: "connector_wrap" }, h("div", { key: '833e78c66d5a40a3b4d77d50c52b6f33aa1b024e', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '203c807381e51295ec4c8bd00daf2c74ef577140', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '51b9850f1dc43e2ddd52931be8ad561eabf09240', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: 'a8ba8d3a1bf3c1f53d0d36a2b97856dfa2ff63c4', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '80d9ef943233acf3b6a5b352927307dd6bd4bdbd', class: "connector_div" }, h("div", { key: '6ea8599ce4004089ad8dafab3733a88963683f30', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: '51234805365847c97fbff74353434338025aaea3', class: "icon_left_text" }, h("p", { key: 'e5c3f2bbc526edb48a5e3693fe132f77ad7d6d60', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '87592d644b4c3e537727e7700281765d1da91393', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '11981992fc5933940fdf719d734a837c0ee63b72', class: `icon_top_div ${this.size}` }, h("div", { key: '802283bfd568d3806e917bd8b4788a85334fd0a3', class: "step_icon" }, h("div", { key: 'c3b0ede9643dfc4c6b9c884bdb19afaa315f8d3c', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'a6b5f0201746816ea88de6f5ea7e1a5102bcab69', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'e7c378e8698b2e0acb90c968d8fe386b781a4132', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.state} ${this.size}` }, h("path", { key: '3d42487dbf3333fe9537d50f38c6f1073168ca93', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.connector && (h("div", { key: '6840955fb94e9be8a4f1c223288ccd59c56c40d3', class: "connector_div" }, h("div", { key: '487e2b75c050ab745e1caba78f2419fa7c6e8f97', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: '750ed16c13b83d3a4dde1a079557fccb2a1ff70b', class: "icon_top_content" }, h("p", { key: '94f8cdce8f924cb1247bb76615b7f2cd07316985', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '79baee82afe3982324af66ec25fb915a7263a59f', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '753595c67caa0e2b9226c2ff4d4808c1481bb28f', class: "featured_icon_left_div" }, h("div", { key: '2ea639ff03d16d45edcc98189b003807ebf84810', class: "connector_wrap" }, h("gb-featured-icon", { key: 'f9d03d685b4954bbdfbff893ee8c5b3d3bec0499', size: this.size, icon: "assets/user.svg", destructive: this.state === 'destructive' ? true : false }), h("div", { key: '2d37390fa823e522b8b77e96f8ccbb2a11b07bd6', class: "connector_div" }, h("div", { key: 'aadfe8d107bd09b181b882784b820f7f84186523', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` }))), h("div", { key: 'bfc62a2645b2e4a4657257f363d227b897ab6ee3', class: "featured_icon_left_content" }, h("p", { key: '08da367088aacb5c8ba0a9e136df97eba0469b90', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.state}` }, this.label), h("p", { key: 'c4fe4c1d30474f1f55622572c0c0625cf6cbb547', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.state}` }, this.supportingText))))));
+        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: 'f5047ce15c5f1a33029ebc42bc14495560f1860f', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: '23d173c08fe74e0d8fffcdb37d0c773826456090', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: '5a5538524d75d7db32d6b2e09160fceebccb2da6', class: `text_line_div_content` }, h("p", { key: 'e1b1597c407c93bf44792cae23ce636ae3509cfc', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: '8439ce34faaa399a5fd03ec5529e21e2828006e0', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '27e983341f99cbc594f04e3a2c1cc3bbce59711e', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '782ff4dbe27788260a04ad09e5ec176405fe6849', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '797b92f7ec93db60bda03950c2e8403c3dd50ffc', 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: '98bd221d9def96ed103a7b3d643615034f00172c', 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: 'f98b0e18b7f1a0ac9f092b7b1e1c71d3b45a51c9', class: `icon_left_div ${this.size}` }, h("div", { key: 'fa10562507b8fa11a6484ac025d13c07db2f8810', class: "connector_wrap" }, h("div", { key: 'e3d10c9c553a6c7fafd1d2e2ef67901b4be9bd7d', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'd78be00a08b1d8286d0cbb2004417ed66dc455eb', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '1eca59cc16922eabaab9f921cdd5e6a0d581023f', 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: 'c480a9c50220c2b902fbc8e6eb0e859696002649', 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: 'cb3cb7e28624d9a4f1944622633630f39baf531e', class: "connector_div" }, h("div", { key: 'e308b43808e3bcfa110fe6e33903d5797f272b73', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: '6ea07983dcd2761f8f8e796b32bb9b54283d6670', class: "icon_left_text" }, h("p", { key: '9cf28333e97a19753f4abfd5051cf52f6102a019', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '7237fb48afc1be1fcd5af551b1cd461865756450', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: 'dd3a5150d1ddbf89f619044baf1947b8a63ab654', class: `icon_top_div ${this.size}` }, h("div", { key: '0fd665734d7d65c426f2e9e3860f3fcd8f038cd0', class: "step_icon" }, h("div", { key: 'bed7da97a78473090398cf334e5ffdb3fcc8923f', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '0e718599724315fb195d3f9c84ef8ff06f904fa8', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '7c6e7597ee19b90d492db74530d91380b2e27a91', 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: '97bcb48ade2b2fd4c28193757f216fb7d490d555', 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: '7dbe1ce18adca7a2f8ba8e5172940967083eea9c', class: "connector_div" }, h("div", { key: '773e7dfe33813da4790afd9948c37418341fa995', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: '68339384acd588bf69c06838c079b37dde80faee', class: "icon_top_content" }, h("p", { key: '66fa5751bd901fa8e5acb93c30d7f289924a6681', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '4eaa3cbc851034cd0e0cec1e5bf10bb4743ac49e', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '33f2f72785f6cfef0f0fd1edb15bb39a42ff4fbc', class: "featured_icon_left_div" }, h("div", { key: '8d84d736fd4956cdf564e305aee9074e4b035870', class: "connector_wrap" }, h("gb-featured-icon", { key: '1a715f8ac07baefd19f7a56db7e5840f87352872', size: this.size, icon: "assets/user.svg", destructive: this.state === 'destructive' ? true : false }), h("div", { key: '2542952ef492f5fceb3e56d85df75567053a4d52', class: "connector_div" }, h("div", { key: '698a4794d67b28561486aff238ad9a5c8b1ee73f', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` }))), h("div", { key: 'd5230d830c5b4631b08d956ca2be300890fe4238', class: "featured_icon_left_content" }, h("p", { key: 'd8f05285fb8f3869af3a76e0d4e4c45f95ac8e7a', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.state}` }, this.label), h("p", { key: 'aa733bdabfe18c29a001d4dcbd9a8db5207b40ba', 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 CHANGED Viewed

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

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