npm - globuswebcomponents - Versions diffs - 1.2.9 → 1.3.1 - Mend

globuswebcomponents 1.2.9 → 1.3.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 (406) hide show

package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js CHANGED Viewed

@@ -23,7 +23,7 @@ export class GbPaginationButtonGroupBase {
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: '893cfb1de52d42bff0464c787916aa347489c235', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '45353a7a763e64605d667690567ee519c265af8c' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'e2cca2611229f2497061fd7a33c01e0c97a43f64', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '23d476cd3f5be99211b39684b19e3911528db95f', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: 'e46bb3aa1b9161f56036a44b11b73a5f2767d192' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'dec45c8b5f639b9a53d5c4a49e07b8cbcb4c1302' }), h("svg", { key: '4d2b4cd990865fd1b660053fde2332c61b5e3297', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'b6f5f550802513ec9236c0de20f7ca4b9be2d313', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null))));
+        return (h("div", { key: 'caa397f6826b3785c63d8f04dd5f45bfb8128949', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '96b1ccd8bd017fa1c0f768d46c912796a8349eca' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: '60f2cd4b76fa89bb90297c56eaab01666a59fef8', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'd972ca36e46d815d64c86af8fb4bb74809d454b1', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: '36368d76e25b1c89bf572e1f51ac7b3e33c04fc5' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '91e7e9d1a78e952d71ca13366cd5ada00b4c5360' }), h("svg", { key: 'ddeff549a14ab1f76845f365297932ef2042b6c1', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'd725b0f59ba2e234177b250d5afd97e5ef0a2bef', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null))));
     }
     static get is() { return "gb-pagination-button-group-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pagination-dot-group/gb-pagination-dot-group.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class GbPaginationDotGroup {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: '98eadff7003bed884a6294100208b9376a667c8e', class: "dot_group_div" }, h("div", { key: '2f0d259ff6d04e872f291c454d8f69de64358034' })));
+        return (h("div", { key: 'b62bfa76325b3013f096c20ba17f9ea29160bea3', class: "dot_group_div" }, h("div", { key: '32c7c48b8ab778183525296483d61a52bb2cdf2b' })));
     }
     static get is() { return "gb-pagination-dot-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js CHANGED Viewed

@@ -6,7 +6,7 @@ export class GbPaginationDotIndicator {
         this.size = undefined;
     }
     render() {
-        return (h("div", { key: 'd0dbe2f2ea404fed987c49ea277e185ab5bd6e80', class: `dot_indicator_div
+        return (h("div", { key: 'dc5fd339393037e4f8c74d5273c9b22eb65fead7', class: `dot_indicator_div
       ${this.type} ${this.current ? 'current' : ''}
       ${this.size}` }));
     }

package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js CHANGED Viewed

@@ -17,7 +17,7 @@ export class GbPaginationNumberBase {
         }
     }
     render() {
-        return (h("div", { key: '5ac10b645455650d2c1bdabf7ee244cfe06b9dda', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'ec92e53b69d4e813005645814ea23f075d91b455', name: "page_number" })));
+        return (h("div", { key: '457c61cb7c7697e9e3f0a238b84359d557cb4fd5', class: `page_number_base ${this.shape} ${this.state}` }, h("slot", { key: 'c94940b3029547a85ce6bbece9e769dcb74bf65a', name: "page_number" })));
     }
     static get is() { return "gb-pagination-number-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-password-button/gb-password-button.js CHANGED Viewed

@@ -8,7 +8,7 @@ export class GbPasswordButton {
         this.isPasswordVisible = !this.isPasswordVisible;
     }
     render() {
-        return (h("div", { key: '914097c849db2809af7209ca65682941b7ed7cc6' }, h("gb-btn", { key: '5226e66ca3b80784aa5ad0fe6ec949e09f4bb738', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
+        return (h("div", { key: '0e7acb47df9e4bc8b51f16d39bb8a3dca0939700' }, h("gb-btn", { key: '01b926b8fe7fe79f768b16791860b3166344c930', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
     }
     static get is() { return "gb-password-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-progress-bar/gb-progress-bar.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class GbProgressBar {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (h("div", { key: '8eab8a24ef6dfc0cf7e6d2e3ebfd49c9b57779b9', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '54d316a93957c5343385313279d7f025d8b12c1d', class: "progress_bar" }, h("div", { key: 'c964709591ce7b50931fbd64718c4c3ad41fa8d8', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '25d6743d93b7507c83a517809cfaef2fc0b59203', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '44ba18f40d9222693faba20173f00002431a2742', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '065427a1b412a9f8340487fe70efd24d752c3b35', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '34d2ad2576286b5aa7d63f1bdab7ab7a975c746c', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '961ae6d0f27284b5b98ce825636357bdca08adcd', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: '85008c102eaf2f415526e0a6f1bd27a6ae7fa64a', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '2318fb652c3dcb358964ebd9dd9b8a290844eee3', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (h("div", { key: '7ee1fbe3525fb85334bda795ef7e3f4eb6910228', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: 'ea12a061d8d176cc41fe710c01d244db6b75d6ad', class: "progress_bar" }, h("div", { key: '256c451a2d2f8742f855b75ff8550103f647a938', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '295c59bd140570a30efc0a7e08ac5c72a8b9652e', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: 'd3588174e5f7cf97a3edbdad93bc1ae4a9ae2c6a', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: 'a16d867966da9e9b0a6c3c415224393832968fcc', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: '7211b10c3deb9ea8b4b80851a93cd736699e4e14', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '9187f56b0dc95ad7648250d050e3db438761a5fd', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'fd4c35cc73e6541a541b7f220a25c4ec182fe7d4', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: '0bf59ec3b64c305f592b7842e7f9f30cf1ae3447', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
     static get is() { return "gb-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-progress-circle/gb-progress-circle.js CHANGED Viewed

@@ -30,7 +30,7 @@ export class GbProgressCircle {
         }
     }
     render() {
-        return (h("div", { key: '8a06b61b24c6200f095ae3fa9bf51fdfa45d9f53', class: "gauge" }, h("div", { key: '221adf7e4825bc0bbed9dd6469b10a2700d2b247', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'ad5b199338c423e1a0fce2dfb7af63863f7827e5', class: "mask" }), this.label && (h("div", { key: '9eea82fcfd76fca5eb1118f9bbdff55fc321c161', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '68f000408037f401c51f42f8950667d504b9ad92', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: '135b8d16c16c6d956728619b1f3c8d12ade86a44', class: "gauge" }, h("div", { key: '36999b312a808498f2e52f803a8c1aada3089296', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '5d42b3374b1399d2df053ac6a48e94795725d785', class: "mask" }), this.label && (h("div", { key: '8f9b561bf7fe39bc5b7316c3a2e38e192be29f61', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: 'c22f7c5c3f1cd831f5d4d617e2bb0bc90661b989', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     static get is() { return "gb-progress-circle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '0d44fae0f4510f79a1ee99f8e56487d29a8d772a', class: "scrollbar-container" }, h("div", { key: '0a6b6065c5b2a2ff24397005f24779aac9ac082d', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '6035119b2b1c09412dfcf2bdedf1b7362cba0446' }))));
+        return (h("div", { key: '1ec8eddaf160663bf63ec8060d91df0bd619f1e1', class: "scrollbar-container" }, h("div", { key: '93ac26d12c47345b3e6c240041d2041b0dba95ea', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '76cd3a7fc1e5659e925dad541d5ab4b6527865e1' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -99,7 +99,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: 'cf18b86aac3d2bdd61ed9983f82cd6ecce92ea69', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'b159390001b4a19606ff208fd6ba54e1fa97f26b', class: "pattern" }, h("img", { key: 'fdd176152bf33537eb0aed276d285ca2c0d1e0b0', src: patternSrc, alt: "" }))), h("div", { key: '8c0cf53d797caaeb2f16c5aa551bfe7a1a7989e0', class: "nav" }, h("div", { key: 'bc963c7ffe6ef705cfe63bbd9432ac56f579518b', class: `sidebar_header ${this.state}` }, h("div", { key: '76fa4f48e6c8449fed687215d67a7d0474a5ea3c', 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: '1b9000e6f006eea7b7f280e25c51e42594160ef7', src: logoSrc, alt: "" })), h("div", { key: '612f384ca59de54fdc09ccbd9ac812b9db1b5185', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'bec7a16054f2cefbaad36cea91a9d12ad2b8bb41', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'e0a33c4f26945012baad189843e226ea97815878', class: "navigation" }, h("div", { key: 'ed6f685db9f8b0b10dcd891a12e0f50ef44c49b7', class: "item" }, h("gb-simple-side-bar-item", { key: 'a9ec593aae9b46e7a095c707ce8cd6cab57e46d7', 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: 'd3044c5616f595e5c8e265a9c9684d336899321b', 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: '02569ebab9caf9c680cc0a033ec217062bc8c080', 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: 'a4beafabd39f8594fb98f7ca28a540c4d40d3ee6', 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: '1b8d185217fe565b4670419fb5524deb17a01214', 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: '41aa271b096a00fdd48f892185d776a609b772f5', class: "navigation" }, h("div", { key: '8196c97c76bc4c63eccc80814e5789838cd8b44e', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'cf81f9e6f2610b91b181ba075d9c5fe99f51fb98', 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: '4a3e59e41801d8d6d7a4151e6a849c38d239394e', 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: '6e330e16e9cdb029912fc63314f1d56ad8b12157', 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: '8d59cdb063e2f1a2cf3e31e72550a89d5576667f', 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: '2d97869720038918c468625f1af4dea27590d21f', 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: '1425862575a4c0317d5a894f9e5e80179461984c', class: "application_name" }, h("div", { key: 'f38cfe9a84c3809173a3fcfb58f447196f105826', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '7e47c3b1d36a584577fcaf605f49da79c83983de', class: "application_name_pattern" }, h("img", { key: 'e8e45dbb4248112105054cedb42eda4d95ccc5a2', src: patternSrc, alt: "" }))), h("div", { key: 'b6d211f795aa3c74bdaf9cba7faf588c485308dd', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '9ee7038a1fc06ce73766bc135e28fd2dabb9a4df', class: textClass }, h("slot", { key: '4b1f0e6a98eb54b2d8f08a296a5bc776636a889b', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: '09b5e9234103686ca58a80e088d2afc44bd6499f', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'e390c4c52aca6e69899eab222f7214cf4fffa2ee', class: "nav_div" }, h("div", { key: '3bbe36ab048664cedf37093290c0964d07b8add5', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '799d1fec16db481da0b80960e024268953024b70', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: 'c555a2578562121978197200f333650e632b6630', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'f2832a2ce76546cb32bba314612ebb722619a0a7', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: 'c75650371795fa0dc010c48b9d248109811b179b', class: "complex_sidebar_div" }, h("div", { key: 'e78ce5cccf40523b318202f4df7fa99c3aa0e142', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '005b9f3817f09f2de0bb71fac4960a1f40021408', class: "pattern" }, h("img", { key: '9c86c0dc12f5c78c8c4e904fbbc49d79b43be368', src: patternSrc, alt: "" }))), h("div", { key: 'b0d61bb3cede079b6352236cc22dd30a4c334862', 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: '7799d396e9373e614a075c8dc90ea2d1297d2333', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'e97f276966da1731136b00e0917988e817e16557', 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: '80c52632d3ed1a5fd869d57f1a19e3f0d356c173', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'efe12a8fba6af426c5d2a3fafc6ea1ccee64f8fc', class: "pattern" }, h("img", { key: 'a42704b8ff5fcb89be1dcac9151b1e9b8b3900f0', src: patternSrc, alt: "" }))), h("div", { key: '910c1f707b38d44af172815379ef1866dee44dfc', class: "nav" }, h("div", { key: 'ad8fc9c2abeaab6c4d43c7cea65238cebdfa940f', class: `sidebar_header ${this.state}` }, h("div", { key: 'd50727974b3da32b08397244ff1700afd73f9e0b', 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: 'd3b10d0526e3d4e640c118ba49fc3cd44991d256', src: logoSrc, alt: "" })), h("div", { key: '7bc43d6e621a8f9128d6b53ea8e5e02d8b44d1c3', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '46452ddbfd93df4d2e7348d0cc1771ed5828e7de', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '799f32c2cb578400593db33b4b9c810617f832b4', class: "navigation" }, h("div", { key: 'd616720b939a80989834354d197de9fe795aefd5', class: "item" }, h("gb-simple-side-bar-item", { key: '12d76cf7d2bd0f85d3a884c066ef3a97a300a5f7', 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: '28986f5247c74fa35e3013e590080575fdb6f718', 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: '8162c9a3753ef3053b549d6dd319a027b5d5e9f2', 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: '176ce165ffc75922ce4be924a8041d75e5843fcc', 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: 'd2598f32f1beda5748bbd07ec13381c5d9a93316', 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: 'e524938680d9c7d6ae2f2caa39e8c263ff70b2d1', class: "navigation" }, h("div", { key: '96fe61e633c3099e358916cee103ec652a33a2ad', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '1354db6418653d07c5544ae09069a3570a0cb685', 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: 'cf6133b8d39ce3ede3aff06c312c5e3671842b6b', 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: '819a24e11da1536f1824d58d2593b9baf24ef111', 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: 'c962055a75396eb88e4486680808e44ed37d3c56', 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: 'e7bb7b306bf0dd5d6cedf9f9513f4f903733eee6', 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: 'c5607ef82d0eeb4d6238ac72aaa0295df9a0641d', class: "application_name" }, h("div", { key: '4ae954c62dbc1c0cd7e584b3b0bd81863e327341', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '1c30d2bf09575d03c4d2c020d33ccdfc256b944d', class: "application_name_pattern" }, h("img", { key: 'ba3b631c19ebfbe0b40566acc311fc063d494720', src: patternSrc, alt: "" }))), h("div", { key: 'd9b5b9bf8b3b7cbce52e131e6a998aaaf1687c9f', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: 'a60946b2e3de107bd917e702344caf29dc189cc4', class: textClass }, h("slot", { key: '0ed6522cfd59f0622cc4d21500c54931d20be24e', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'fbf83f2251f1778b393b3caeab78628e01c1bf5a', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'daad83eb25cc8f573c938d3426adaa7cfc10b121', class: "nav_div" }, h("div", { key: '8c3d4401941aa009f1342953d97773528df53e13', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '1eba2347de1614f0e787edcaf796d4e8904bddd8', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '603b68810786a20db4b1874ecb70d3eb2c990243', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '27d349b8330d1901eb0744d0177f985f1f744395', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '08a8472c850eb291ce3dc0a62a744ad34aa62bed', class: "complex_sidebar_div" }, h("div", { key: 'ecc43c883ae51f1737dac98c5dbf29d93b6f4d95', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '1d22709bec4e84594fc44efc70c51f49ead9d170', class: "pattern" }, h("img", { key: 'e19cd5b6f786a5838b958ff9fd1485a4a158ed07', src: patternSrc, alt: "" }))), h("div", { key: '9c9329832f805f81a13e8e499486aca6832e05ae', 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: '740a4bc272e9816734a737eacf34c7a0518ae217', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'db2aceea8275a05c698bb6c895461354ca768d1c', 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

@@ -31,7 +31,7 @@ export class GbSimpleSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: '7be09a9b35040d18cf00e4e5561ad6cc848fd205', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'a2fcd1a5f5e8cf3f537e2f8856163d5435822ca8', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '5b1ed9f1f1cd8ca11d7d2eaa3878f4eddabc37f3', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'd7037253a50974157150538e8483705cba72ea04', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'b314aa8cefd17ee7f31f5985ca46bb38661386cf', class: "content" }, h("div", { key: 'd24833f0380492284fca8e4b72fa7a09f2bda2e6', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'cd10c7bfd0c0e99a8025a0bc9948272adcf6312d', 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: 'f1cccc3f8f29c7ee315b027769c7707a4ca0a5b2', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'fc163d2db8c61f6f2a601f30d4246a416d327e01' }, "10"))), this.showArrow && (h("svg", { key: '31acde551e89e708889343b9f1982986c10f65f5', 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: '48fe8b58e46283292e144ae7d774ccc4568e1175', 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: 'bdb72cc232a0d1c123bcc6e7ab341a50b691cb7d', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '1e8516a0a64050d5a213a796d21f28c487ca9f25', slot: "label" }, this.label)))));
+        return (h("div", { key: 'd3746f505dab53dfff41ea16bd8cbdd423b2fdae', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '5dc67256806ddbc1c5edf9396e289f43824bcd25', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'cd804cc708648526032358d2e54633824cc2ccbe', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '419d850c509b6adbeab3d522a15a13f5330a638c', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '09409f3e7bc50c09c9f6419009a9bed5c557cab0', class: "content" }, h("div", { key: 'c90cddefddb1c07f26c69968dfc492bed130e2d0', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'c309c572f780dea971bfb125eca2c224979dc77a', 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: '196dd26060435c8bc58baa96f6298d63e44ae96a', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'c1e3087e7bb74db5442bbf7cd8661550cbf81ead' }, "10"))), this.showArrow && (h("svg", { key: '8141348607dad17ca0b1b64b279fd3668f6cac22', 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: 'd106ab288b2dbf6a1d996cf4eb96b165ee46da28', 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: 'ce4a43e9b0f5f91ab761c35eb98411f2ce6c8262', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'f38e48d4ad96fbb263d79fb51042f006e07a2a55', 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

@@ -75,7 +75,7 @@ export class GbSlider {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: '6a9ee8822e7dc92e6af958af108d249143ef6003', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'f3898996c586389b35fcd729dedbee446141ae68', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '4fcca9decbab1408cc90a547bb0e43020f4eba4a', 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: '3d62e7f550a22ca8ca964f2149b99cd7443c2f89', 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: 'd47c7ff49fe94f0a71454dfa4c8ae0bf52cbf0fe', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '914d05fd07cdabb6f0cb8cc5e212c6aa33abf1e8', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'bee5f03f98e5e8a0bf3802b7791f15b127627888', 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: 'b16043af5a026e079b88f592778a835074053734', 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

@@ -19,7 +19,7 @@ export class GbSliderControlHandle {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: '200476fdec4134dbbbd77ab89b849752ee922b86', 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: '1dabb0700fad0a6f69789d906f5efe4f9fc4f798', class: "tooltip-container" }, h("gb-tooltip", { key: '3c7e637178a3d7096c4589b39ac400b4d0cd8962', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '02f54d9aa6769acaa597a336d362e1a936aada45', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '527152fe62ba1449b7c65c8c6369b54404826995', class: "thumb-label" }, h("p", { key: '92b1e4ba3b10fe3724979e01f9c074fea0a26b72', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: '22d2bcd52741f9712c093f9dd65d28160add85ca', 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: '46e758290b4024fe94cabe2f971034ddc608e104', class: "tooltip-container" }, h("gb-tooltip", { key: '66ab05226bf8d5189461fc347647c0b8108c469f', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: 'b63ca6ba39dc1921e09da850583fdc9c38df1eb5', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'e434c94b36c6768f7612ebb5491648dd9c3d18db', class: "thumb-label" }, h("p", { key: 'e20954f888bb8d1a2432b78b2be99400c1a984d7', 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

@@ -9,7 +9,7 @@ export class GbStatusIndicator {
     }
     render() {
         return [
-            h("div", { key: '93127d4323564bbbc906921499e11e0324214dcd' }, this.statusIcon === 'online_indicator' && h("div", { key: '9fec485b11fc332860915a45382337bb7b122787', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '8b4e6eaf5ac00c73c6beac2b8f445944f8a5e4fe', 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: 'bcc93f5f44027dbdf56f1c9ed8517df2e8c57f09', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '0fccc345db16d496c7f6e199c07b2cf2249b3c74', 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: '3ab593768d9ccd5790f00df241f27b23d26eb4e5', 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: 'dbc1ab50e5606d4f95d0d101a50ebbe73c0e672b' }, h("clipPath", { key: '6d44a4c3b7b5770ee995f2a76c351fbec4292f72', id: "clip0_0_21453" }, h("rect", { key: 'fc31426194f0f7df018ee84207c4e0bd86da29bf', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: 'd432caa890d2b90f0cc82d1c9304e3c241493635', 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: '24a3eddbed2038224ddd6ae40bd5bffab250e8f0', 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: 'b504b7254d1fd41bcfbdcbfdaf364718dec0891a', "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: 'cc72c34f2c496deefcb9e76da8566c8f4a93d8c6' }, this.statusIcon === 'online_indicator' && h("div", { key: '05c5239fafbe15b00cf29c99d0de0bbfd40499b7', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '7ce83895ae46f6151f61dfa37568312b1847c472', 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: '7a83d451c33d6f175f122433c67d54fb85d60434', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '26504bca6415d1905160be47c9491ecb1c930af5', 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: 'ba56d6774ca3f77c08b07939fd0e001149bc5845', 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: '59742431b94b660695cef7e6e5e881ffe02e5059' }, h("clipPath", { key: 'f085b3bf31679535ee6045ada65fc1c358c851a6', id: "clip0_0_21453" }, h("rect", { key: '4c07897abd9c8fa5c42e165a246e792d61c612a0', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: 'fef386b564a1be0e79e0cac09a4014b3229179ca', 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: '09e79e5d499130972d570cedd379c014b8a85ea9', 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: '4aa3ebea773c9ffc678bdc584fa7c187147c3022', "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.css CHANGED Viewed

@@ -2683,21 +2683,26 @@
     padding-top: var(--spacing-5);
 }
-.text_line_div.default.incomplete{
-    border-top: 4px solid var(--color-border-subtler, #E3E8EF);
+.bar{
+    height: 0.25rem;
 }
-.text_line_div.default.current,
-.text_line_div.default.complete{
-    border-top: 4px solid var(--color-border-selected, #075DB2);
+.bar.incomplete.default{
+    background-color: var(--color-border-subtler, #E3E8EF);
 }
-.text_line_div.incomplete.destructive,
-.text_line_div.current.destructive,
-.text_line_div.complete.destructive{
-    border-top: 4px solid var(--color-border-danger, #B51726);
+.bar.current.default,
+.bar.complete.default{
+    background-color: var(--color-border-selected, #075DB2);
 }
+.bar.incomplete.destructive,
+.bar.current.destructive,
+.bar.complete.destructive{
+    background-color: var(--color-border-danger, #B51726);
+}
 .text_line_div_content{
     display: flex;
     flex-direction: column;

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

@@ -12,7 +12,7 @@ export class GbStepBase {
         this.supportingText = '';
     }
     render() {
-        return (h(Fragment, null, this.type === 'text_line' && (h("div", { key: 'a8d30c5c523be49d8c5a04b3084ac909298176c8', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, this.showContent && (h("div", { key: '80870a1575ed4b25ba391ca49e4cc2dbdd6f4e11', class: `text_line_div_content` }, h("p", { key: '24cef9ffbcd3a091e72be427613a86b7828564d0', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: 'a7d6daac1d27dab6213701e2b46c7be28034f5e7', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText))))), this.type === 'icon_only' && (h("div", { key: 'ee3f96441a967fe493a4a58baf8a2d4f7e2f00d0', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '363401c2f987a5e520f73a063a4c4eccecb6ef03', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '3e5b1d2ad33334a4d67bf3454614561b6eae4e0f', 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: 'aec7f500f38d5bc5735da0385154d39bcc13acb3', 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: '7d75f292b5549baa20d27e1866fee1dd53bf02b9', class: `icon_left_div ${this.size}` }, h("div", { key: '9698604b631dd16d939742584e9d430e2df12770', class: "connector_wrap" }, h("div", { key: '67e124ff1844380afde3331e9e536117ab58578d', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '0b238d4e59da2158727307170cc57375161e5cc8', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'a5ba93f58640766dce10e0efe9fcb459b28d8844', 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: '3cf53592426aee9ec2c0b2e972ad4bb759ea74bd', 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: 'f4b3529313212c91d35e48c688f5b0294857ac7c', class: "connector_div" }, h("div", { key: '4b0f92934bcdc27dec5323bb2eeef634005efb34', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: '2de5c902b4d6a7cbf1cc4ceec339cbf82c485324', class: "icon_left_text" }, h("p", { key: '7f650b6500f4a2f821568ebea4981ccd6e55c22d', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '28e80b7fcad0a004d75fee136afe491b063b52f8', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '421136bb73298c7dca866056698288d1d80804d5', class: `icon_top_div ${this.size}` }, h("div", { key: 'ccc56d66a5cb6f2a6c323e78fdd838aff0102dd7', class: "step_icon" }, h("div", { key: '678d180890ea3294f0929f99a505409cbbecb3ab', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '5d67b04cbb3d2be37c76479f559ff3d18c9cff6f', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '5a3af2e75562138988607c570d2003848cb0053a', 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: '43d06b3113a754d39032423e3722bbee7e824bd0', 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: '6dae9f1a92d91a990604530b17eaa1a3996dc451', class: "connector_div" }, h("div", { key: 'f0a1de2e3609cf8e2637acded0fa00dfd705cf67', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: '4f1d9140e09b2f0cecf811c8e6ee8e7c08aac2ce', class: "icon_top_content" }, h("p", { key: 'e050faa74fc1fc14f7429ca4927f102bcbefa29c', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'f3b629ac96678f68fd529c7daae9ff02f028106e', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: 'a2c37eff4b8e065160692d0f1b0e1c001c656970', class: "featured_icon_left_div" }, h("div", { key: 'b6efd305f68a1f37ebee7b7f305bd8b1d575ec75', class: "connector_wrap" }, h("gb-featured-icon", { key: 'fb2a355c0eab0bced34422c37e234c6ba02889ad', size: "lg" }), h("div", { key: '7d991000229e101f2c23b6c72acc8261583ccb63', class: "connector_div" }, h("div", { key: '1ab2ee581be019a2865412e8be973ab05374cf17', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` })))))));
+        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: '9ec2c846c35a9a1021ca31a8bf6d6e3a06dc0514', class: `bar ${this.size} ${this.status} ${this.state}` }), this.showContent && (h("div", { key: '8fe6ee06133c030498b840aeb4222f996c59df9e', class: `text_line_div ${this.size} ${this.status} ${this.state}` }, h("div", { key: 'f7b05b521a2473661eb7146e71683cc34b94500b', class: `text_line_div_content` }, h("p", { key: '84d0fbd066b90e6dd5ea61874295981f5a355fd9', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), this.showSupportingText && h("p", { key: '89843ebea7b40c50c986f03ab05ddcd7ab41746d', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '7d4525ca140313288e19ce7bc4e7f90f6dffc4f0', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'd71cafabf87cfb87135acc6a8c9ad4dff9ac8094', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'b9a4df486bfe09c52b460069c88ecc1ed323b79f', 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: '9da876d9c38e0adc76542503f4d4edf2340d6d49', 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: '0dbdf39a7fc3c5270042ead5341056c03cd848ee', class: `icon_left_div ${this.size}` }, h("div", { key: 'b69b308189471e7aae54cfc9d7db96c90b7e6c2c', class: "connector_wrap" }, h("div", { key: '59c79b2319bf4b7a0f776eee4a8feaf6f2349f59', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '58f7162a1ab5771b17398efa7dd47c7233d547c8', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '21d02ab9052297afa0b10148e2f37b6261a40a7b', 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: 'b5a8e36a63b4e7a5c6e6c07e17e1adb405e7d592', 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: '4f3ba546a04036dbdbd5611aca81c40451faa1af', class: "connector_div" }, h("div", { key: 'b1afdd9702786abc471a44f0e845aabb25e738f1', class: `icon_left_connector ${this.state} ${this.status}` })))), h("div", { key: 'a0334fa440f2910de56e78bddcdf7382ac218db7', class: "icon_left_text" }, h("p", { key: 'dd19fd73de1fb9b10141fe9a2d57031d8a5deaf3', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: 'f166986dbafd6d3905fcf78bcad60b982502ae06', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: 'ab48571a1c884306a3e43bc3d857a43bf5cf53a4', class: `icon_top_div ${this.size}` }, h("div", { key: '5c17dd82054dc8083c750e9fe059178fedd378b0', class: "step_icon" }, h("div", { key: '7bd414dc9e2a07388958c03aaed742b143e9bf52', class: `icon_only_div ${this.status} ${this.state} ${this.size}` }, this.status !== 'complete' && h("div", { key: '8427038322ab2229c5fa257d50682c8ea437847c', class: `dot ${this.status} ${this.state} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '6fc444c4b96f0ef4ec9197636dcfeaeabec9d7e2', 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: '7bed074f4529070acd29355cc3208aa877ff0021', 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: '366c746d100bab6737b929ece9ca540df42e4025', class: "connector_div" }, h("div", { key: '1cb3530276f245415937c126866af1cea3f107d1', class: `icon_top_connector ${this.state} ${this.status}` })))), h("div", { key: '22e17e1d63309e106db70b730ea99f56c19cc8e7', class: "icon_top_content" }, h("p", { key: 'e2c13ccd5bdca38e9ac8b9e19316c2650bfd338c', class: `text_line_label text-sm-semi-bold ${this.status} ${this.state}` }, this.label), h("p", { key: '9993f8d30314ed22490efa89c5e0fe6fe8ae20dc', class: `text_line_text text-xs-regular ${this.status} ${this.state}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '52780924260d534e1ac66d3f94063526266fdc9f', class: "featured_icon_left_div" }, h("div", { key: '0b4125939c14bdda24adcd9ff23ae5b0a842a00a', class: "connector_wrap" }, h("gb-featured-icon", { key: 'e4f90b29d0c0c8c1b610371ac6f9b31256e1b47c', size: "lg" }), h("div", { key: 'c4045417356dc7d263d4022ae832d640efc06a22', class: "connector_div" }, h("div", { key: '5e590ab4e4042763cc39e2969734b74c9465e55b', class: `featured_icon_left_connector ${this.size} ${this.state} ${this.status}` })))))));
     }
     static get is() { return "gb-step-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-step-base/gb-step-base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-step-base.js","sourceRoot":"","sources":["../../../src/components/gb-step-base/gb-step-base.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQ7D,MAAM,OAAO,UAAU;;;;;;yBAKQ,KAAK;2BACH,KAAK;kCACE,KAAK;qBACnB,EAAE;8BACO,EAAE;;IAEnC,MAAM;QACJ,OAAO,CACL;YACG,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,CAC5B,4DAAK,KAAK,EAAE,~~iBAAiB~~,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE,~~IAClE~~,IAAI,CAAC,WAAW,IAAI,CACnB,4DAAK,KAAK,EAAE,uBAAuB;~~gBACjC~~,0DAAG,KAAK,EAAE,qCAAqC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE,IAAG,IAAI,CAAC,KAAK,CAAK;~~gBAC3F~~,IAAI,CAAC,kBAAkB,IAAI,0DAAG,KAAK,EAAE,kCAAkC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE,IAAG,IAAI,CAAC,cAAc,CAAK,CAC1H,CACP,~~CACG~~,~~CACP~~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","sourcesContent":["import { Component, Prop, h, Fragment } from \"@stencil/core\";\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-step-base',\r\n styleUrl: 'gb-step-base.css',\r\n shadow: true,\r\n})\r\nexport class GbStepBase {\r\n @Prop() status: ProgressStepStatus;\r\n @Prop() size: GeneralSizes;\r\n @Prop() type: ProgressStepTypes;\r\n @Prop() state: ProgressStepStates;\r\n @Prop() connector: boolean = false;\r\n @Prop() showContent: boolean = false;\r\n @Prop() showSupportingText: boolean = false;\r\n @Prop() label: string = '';\r\n @Prop() supportingText: string = '';\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.type === 'text_line' && (\r\n <div class={`~~text_line_div~~ ${this.size} ${this.status} ${this.state}`}>\r\n {this.showContent && (\r\n <div class={`~~text_line_div_content~~`}>\r\n <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n {this.showSupportingText && <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>}\r\n </div>\r\n )}\r\n ~~</div>\~~r\n )}\r\n {this.type === 'icon_only' && (\r\n <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n {this.status === 'complete' && (\r\n <svg 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}`}>\r\n <path 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\" />\r\n </svg>\r\n )}\r\n </div>\r\n )}\r\n {this.type === 'icon_left' && (\r\n <div class={`icon_left_div ${this.size}`}>\r\n <div class=\"connector_wrap\">\r\n <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n {this.status === 'complete' && (\r\n <svg 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}`}>\r\n <path\r\n d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\"\r\n stroke=\"#075DB2\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n )}\r\n </div>\r\n {this.connector && (\r\n <div class=\"connector_div\">\r\n <div class={`icon_left_connector ${this.state} ${this.status}`}></div>\r\n </div>\r\n )}\r\n </div>\r\n <div class=\"icon_left_text\">\r\n <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>\r\n </div>\r\n </div>\r\n )}\r\n {this.type === 'icon_top' && (\r\n <div class={`icon_top_div ${this.size}`}>\r\n <div class=\"step_icon\">\r\n <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n {this.status === 'complete' && (\r\n <svg 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}`}>\r\n <path\r\n d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\"\r\n stroke=\"#075DB2\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n )}\r\n </div>\r\n {this.connector && (\r\n <div class=\"connector_div\">\r\n <div class={`icon_top_connector ${this.state} ${this.status}`}></div>\r\n </div>\r\n )}\r\n </div>\r\n <div class=\"icon_top_content\">\r\n <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>\r\n </div>\r\n </div>\r\n )}\r\n {this.type === 'featured_icon_left' && (\r\n <div class=\"featured_icon_left_div\">\r\n <div class=\"connector_wrap\">\r\n <gb-featured-icon size=\"lg\"></gb-featured-icon>\r\n <div class=\"connector_div\">\r\n <div class={`featured_icon_left_connector ${this.size} ${this.state} ${this.status}`}></div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </>\r\n );\r\n }\r\n}"]}
1	+ {"version":3,"file":"gb-step-base.js","sourceRoot":"","sources":["../../../src/components/gb-step-base/gb-step-base.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Fragment } from \"@stencil/core\";\r\nimport { GeneralSizes, ProgressStepStates, ProgressStepStatus, ProgressStepTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-step-base',\r\n styleUrl: 'gb-step-base.css',\r\n shadow: true,\r\n})\r\nexport class GbStepBase {\r\n @Prop() status: ProgressStepStatus;\r\n @Prop() size: GeneralSizes;\r\n @Prop() type: ProgressStepTypes;\r\n @Prop() state: ProgressStepStates;\r\n @Prop() connector: boolean = false;\r\n @Prop() showContent: boolean = false;\r\n @Prop() showSupportingText: boolean = false;\r\n @Prop() label: string = '';\r\n @Prop() supportingText: string = '';\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.type === 'text_line' && (\r\n <>\r\n <div class={`bar ${this.size} ${this.status} ${this.state}`}></div>\r\n {this.showContent && (\r\n <div class={`text_line_div ${this.size} ${this.status} ${this.state}`}>\r\n <div class={`text_line_div_content`}>\r\n <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n {this.showSupportingText && <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>}\r\n </div>\r\n </div>\r\n )}\r\n </>\r\n )}\r\n {this.type === 'icon_only' && (\r\n <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n {this.status === 'complete' && (\r\n <svg 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}`}>\r\n <path 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\" />\r\n </svg>\r\n )}\r\n </div>\r\n )}\r\n {this.type === 'icon_left' && (\r\n <div class={`icon_left_div ${this.size}`}>\r\n <div class=\"connector_wrap\">\r\n <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n {this.status === 'complete' && (\r\n <svg 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}`}>\r\n <path\r\n d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\"\r\n stroke=\"#075DB2\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n )}\r\n </div>\r\n {this.connector && (\r\n <div class=\"connector_div\">\r\n <div class={`icon_left_connector ${this.state} ${this.status}`}></div>\r\n </div>\r\n )}\r\n </div>\r\n <div class=\"icon_left_text\">\r\n <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>\r\n </div>\r\n </div>\r\n )}\r\n {this.type === 'icon_top' && (\r\n <div class={`icon_top_div ${this.size}`}>\r\n <div class=\"step_icon\">\r\n <div class={`icon_only_div ${this.status} ${this.state} ${this.size}`}>\r\n {this.status !== 'complete' && <div class={`dot ${this.status} ${this.state} ${this.size}`}></div>}\r\n {this.status === 'complete' && (\r\n <svg 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}`}>\r\n <path\r\n d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\"\r\n stroke=\"#075DB2\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n )}\r\n </div>\r\n {this.connector && (\r\n <div class=\"connector_div\">\r\n <div class={`icon_top_connector ${this.state} ${this.status}`}></div>\r\n </div>\r\n )}\r\n </div>\r\n <div class=\"icon_top_content\">\r\n <p class={`text_line_label text-sm-semi-bold ${this.status} ${this.state}`}>{this.label}</p>\r\n <p class={`text_line_text text-xs-regular ${this.status} ${this.state}`}>{this.supportingText}</p>\r\n </div>\r\n </div>\r\n )}\r\n {this.type === 'featured_icon_left' && (\r\n <div class=\"featured_icon_left_div\">\r\n <div class=\"connector_wrap\">\r\n <gb-featured-icon size=\"lg\"></gb-featured-icon>\r\n <div class=\"connector_div\">\r\n <div class={`featured_icon_left_connector ${this.size} ${this.state} ${this.status}`}></div>\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </>\r\n );\r\n }\r\n}"]}

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

@@ -35,7 +35,7 @@ export class GbStepperVerticalIconsCentered {
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: 'f7888931aea6b252c0999833596fbcb997a719c7', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '4e726f8a7854ab73b8cd26c1cac98620dee0e85c', 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: '8fc70afa0b2d7f25ed53cda88a9c05bf703e2aed', 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: '4bba9fc06209bfcf9234ebe5fa90a91a98b6646f', 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: '5e2fea7aa28e26e20ee55a6f512d78fd6e518f81', 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: '8073d853d3f99ca14c90b720f171d16af4301992', 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: '8b64e697bcbfe5052764bd0c4d7d9f1d043af28b', 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: 'c904fe3706ac29864ee513b23b37fece87022910', 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: '4f456ca6d429867859f9cab6ebb94de685f2e444', 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: '40b7ffc2c976f7acaa461a4e6a707b69688c37d9', 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: '2abfff65842f33f714ca50a325597f8caf5770b5', 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: '8204f0d5ddb0b958d3eb9abe238c4098cc3be12a', 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: 'd991e0582a928606623ee04e1984fa4b6f856037', 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: 'c9f8cc4cdbec49010e74d09b71bcf9f4ba52d23d', 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: 'a8a95b75140cf8796479309a9523fb86831b99aa', 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: 'c3cc971cc959205a2155fed6f1a690b46abbc42c', 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: '6ad265b1db80eb0e6a4b3636906c177028e9e9a9', 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: 'c6b88b2ffa31ba5f6a0dbd02ef9cbd2aecc2d93b', 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: 'f12487cbb56bc3da488c3ea4779f5256236aba17', 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: '756026837b41ff539d56e9279f27cfc2fe120b6f', 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: 'd19094d20e56a3af635b02ae51dcf54f6a1a801d', 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: '1415df90fdf1317b363ccfd430d2c4c2a5ab7a74', 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: 'd65dfc9f42790b3674275ec35f070ee1b3081301', 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: '15fb9bf017b8ec56ed02ed43d98be3798c2f6346', 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: '4fddbfb8606227a15e3abf3a0e9d1264c81fe215', 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: 'cf2a68485640f9459a4a6cb845ea4bdf1a2edbf9', 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: '63746aa6356f70cec5abe975018a10dec14e0c4a', 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: '6904cee5d96f76470eac3931f7c029cd7c69e40c', 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: 'deca1cdb12ab6796878abbd84b73cd62dd390b2a', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '616c7bb95dba97b30add8142292f57c5d645d8f6', 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: 'b8f5f355e5bcdcb7f61cd964e1eeed6f310c8295', 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: '10375c99cd5bb7f87ca1a716f1c3a4c1d5a1cd5a', 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: '07be9d55e4ff42f8e18e5f07718fda7021904b7a', 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: '40b303096aafc92a3e2bb33d4d1c374865725b4b', 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: '8ff3d04d4fdf7d3ec58ea76e9d90fe2810ff5d9a', 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: '129ab42320b17d7254705ad4c94dc66cf1fc1022', 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: 'f3a3715c6a497e5c1ed26f19f65837d6dcb49880', 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: '9e03ed45babac4e6f68a901160068f1c67196d5c', 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: 'ca624108a6a018bf315bc06545b81cf4c3f05301', 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: '3bbf48b9fe15fe9752b4bc98ea7d6c4059128e82', 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: 'ced75c34d0ed1a505649285f8d049967f0a32ead', 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: '1aa05150a3b5e6e8b2ac3c3c3d54ad87dbe654c2', 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: '8ef1e10315136028d10905b98678d3f4940ef463', 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: 'ddea10c80db0f1057b38d1da39e5f92548aea43f', 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: '3cd72339bb5ebc65097ec6cd32731de3e0fc7c38', 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: 'fb8316a8bd568909422d364f504611b51dcbac81', 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: 'fe39110d983849349e912732159d0dd34391a47e', 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: '3356c1a46f2966e18a526f6181b1c45f4c89a238', 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: 'df4e0500e8baffca6654c114c942aac43fd80b15', 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: '10d9b347215572722d21b8750989c7139b74dfa6', 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: '2c8a9506b13d8800f51a4519847d5a4d9a22ee3f', 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: 'f7eecf000a9fac197322f0c5928a1ff08d50a054', 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: '806b9c1fa3762070e2cc552e4e8e2f314372eaf8', 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: 'bc9439fbe47ffcc8fb756a176c76187a88a46c7a', 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: '782ef1491685302f86c1dbf84b2cae58aa63be66', 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: 'd3a2eeaace35cb227bd5251873d3b56250f62312', 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

@@ -35,7 +35,7 @@ export class GbStepperHorizontalLineWithText {
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (h("div", { key: 'a62de1004dfeaafbccee63e19329d0e6c1ce247d', class: "text_with_line" }, h("gb-step-base", { key: '45b1ad601092113e9492985b77d36d279456cf18', 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: 'c69338b46b99438f9e319cd64274ae943ae917af', 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: '3b5d1bb02cef2a0c005d4da319e781142359fe24', 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: '2a4f9168234ef2abed810569ff4ead6e31bfa262', 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: 'bc5c0016e1d3bedfdf2d3e110432dd0cc0560686', 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: 'ac1dee21b532266e976ce66e49ee4dac51af7181', 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: '4ca9150e7201d73ef6aa5a0c571a83bd50d94ccd', 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: '621392cf06a84b250320fd17362706f082192a16', class: "text_with_line" }, h("gb-step-base", { key: '85c7b373bdf8eb31bf5743831d62d104d9707229', 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: 'fbffa619dd3e3e754bcccdebd54767c8c3aaf050', 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: 'caf10ccba9bc0ffba9b45aa8263c6babae8e99c0', 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: 'ad95242930df4239c849e951ca7d8d597c5a944d', 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: '011646c06a7409a8dc7a80b63d698907dbbf6f45', 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: '0ead260051b211464223011bdb73efcbb0862876', 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: '1943cf77014e2469b33e9b6e73dfff72edeac2e7', 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 CHANGED Viewed

@@ -93,7 +93,7 @@ export class GbstepperVerticalIconsWithText {
         ];
         // Filter out steps that should be displayed
         const visibleSteps = steps.filter(step => step.show);
-        return (h("div", { key: '96542e675313093ee64f209abca73fb5ddc849c4', 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 })))))));
+        return (h("div", { key: 'a9f7708b1aa57c3f13d2905e8c610e9543377c4a', 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 })))))));
     }
     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 CHANGED Viewed

@@ -43,17 +43,17 @@ export class GbTabButtonBase {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: '212680d51fd728f76e224eb7133d2816b764a77a', class: `tab_button_div ${this.type}
+        return (h("div", { key: 'b80d841d301dc61222bec80873c74d414e4cb7cd', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''}
       ${this.fullWidth ? 'full_width' : ''}
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '467362461b1f7d2cd5d6b24d188c4c486c7d7f5e', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'f94403a8e43c6bc41b034a4c431b598faed3c4c2', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '0420f5cf4632be1d1066d377082fb5ff3375c967', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '8ea1efcec748850ae3e724a721eacdc4f88920a1', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
                     : this.current && this.type === 'line'
                         ? 'information'
-                        : 'gray' }, h("slot", { key: '68c552c47f5fa8cb84877eed548ce7a9c04bcc3d', name: "count" })))));
+                        : 'gray' }, h("slot", { key: 'c5f954d37b632b3e74531808568cdc12db7d43f0', 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 CHANGED Viewed

@@ -4,7 +4,7 @@ export class GbTableCell {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: 'acea79b4db8a8d3eca076e2b2165e59a3166ab07', class: "table_cell_div" }));
+        return (h("div", { key: '52e1d87e3862c7852060d6d876f382d9f524a30a', class: "table_cell_div" }));
     }
     static get is() { return "gb-table-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -29,7 +29,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: 'fe5fdb82b08e32bae959b67da4f3de427ec9242b', class: `container ${this.size}` }, h("div", { key: 'acca8e50a1a9a1607476ba1fae0957c85bf504ac', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '0d8dee4db815d9a008fb0bcb424e113b7283aba0', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '57d2210027cd9d99233d4f998200222c1c9d4738', class: "icon left-icon" }, h("img", { key: 'c6152b17090a0b61531a406b8961e9d590de1c54', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '0fa70cc289df7ac0e008faa2409dd1819cf8cd3a', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: 'c7280758e8524ca91beaa0385794ac671ca1f349', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '9081c94d55aebdfd3db45f057530ee421953c642', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'e367a34fb1b9834ca5abdf19ec8c2542ec114d65', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '27333759af066443ea4316159437b83e50d94ccd', class: "label" }, h("slot", { key: '070e7ed0febbfe1f7a2863330a300d36f1354ba8' })), this.action === 'count' && (h("gb-tag-count", { key: '23bf7873ab3c2408dc44eb979c19edc99a758de1', size: this.size }, h("slot", { key: 'eca5b048906d1f388f8b7aa410f2b8ae87cf6f7a', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'fd71f78df7d525124a4eb387790aa2efb342bda1', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: '8f7c22a60632307de41dc7b753aa5e099375d742', class: `container ${this.size}` }, h("div", { key: '3fa466a325346d669084e70e43308337fa5919b9', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'e6465f6e4c7a5050b23828176358879638fdc627', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '8b5f58b0c66d010fcc68c9a1683d312150197603', class: "icon left-icon" }, h("img", { key: '94c2908d0ee060665d98402687d20424c8fb0f9a', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'd6ea890d24cdf9abe572bdc175122030b9608874', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '548fc686acf26823f4bef708d7ca1b4fbf2d547c', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '2a3148a5343c5907bd405e7a812e8a821347fc6e', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'd3e322c984a7655a32c880e70b36b6dc8848ea55', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '8d70e5f69eaa7e56c5e44646beec597a8ed4be6c', class: "label" }, h("slot", { key: 'dbd21d7a7518a84477f2622e1d5fede7302fd6d5' })), this.action === 'count' && (h("gb-tag-count", { key: '0a8f5cc262d7ece22c403b276f8ff4b312c5347f', size: this.size }, h("slot", { key: 'eb8aa2809ad25edda1253e3f92a73bc8e1eaaee6', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: '477e2e3e8c299f29665863faf1a9bfbcb0a9df18', 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 CHANGED Viewed

@@ -6,7 +6,7 @@ export class GbTagCheckbox {
         this.disabled = false;
     }
     render() {
-        return (h("label", { key: 'c668636c51a2b8961e6c9c63f7d52c75286c18a7', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '20a24b8263bf7b9c6d3fe613f973dbf9341cdccd', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'ce06cc21d1d1dfa6acd87f33f3226a03833636c8', class: `custom-checkbox ${this.size}` }, h("svg", { key: '4ad9360dc8dc6d7239a4183712bb50b11bd39321', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '8452448f6fd3404f858efb5f71e512e2bfbcabfe', 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: '91fbf9c30936ae927230c59b8a84d58ecefea180', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '06e04857a979335bb7b1df986d1628ecf5dd5cad', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '5f2904d89b5b44c5cd3f368945c4fc670cd236b6', class: `custom-checkbox ${this.size}` }, h("svg", { key: '440e85f05f958818138a771092abc22455cae2ae', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'dd236ddde7ee8fe071b7efac922cdfcfeedd4e75', 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 CHANGED Viewed

@@ -4,7 +4,7 @@ export class GbTagClose {
         this.size = undefined;
     }
     render() {
-        return (h("div", { key: 'a64767ea0a2ec0fbfb0a424e27aa736c92e74bb0', class: this.size }, h("svg", { key: '3a8ae9db9e7142a351e73a78c35eea54bb784cf2', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '202d1da3d5065af9045cfe8b3bbd23c904d133aa', 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: 'fe9498dbc6b28c5b1f9ef58b739c0816f7b79ec2', class: this.size }, h("svg", { key: '33bbc04dc025feaa2b5b43bbff6502553ea01d31', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '7a46318fc13d1b2cafb5e788b55c4c38f769652b', 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 CHANGED Viewed

@@ -4,7 +4,7 @@ export class GbTagCount {
         this.size = undefined;
     }
     render() {
-        return (h("div", { key: 'c7d2971eb6c43ea5eb4e6efb9d7e7ed1309b90d3', class: this.size }, h("slot", { key: 'e184bb2855834a360438101b29732aec469c8bce', name: "count" })));
+        return (h("div", { key: 'faded33c652b7d6c96d179cb72baf5b18ed4f6ef', class: this.size }, h("slot", { key: 'f8c7a9f9a01ef3e6601794cac55a13788cada771', name: "count" })));
     }
     static get is() { return "gb-tag-count"; }
     static get encapsulation() { return "shadow"; }