globuswebcomponents 1.9.2 → 1.9.3

package/dist/esm/gb-collapse-button_4.entry.js

@@ -126,7 +126,7 @@ const GbSimpleSideBarItem = class {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: '807c92db88b48c800e4d991d87df18e69f7ad4e9', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '0040a79573bfa1ebcf34656b056cdec65f841150', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'dee5c0d5961c1c97b49898f8727068e0fc7b3625', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '9a5018319c2ac44847ec328d188d13a289de2ee8', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: 'b30e424cf7165232e709839773c2b574589b21f3', class: "content" }, h("div", { key: '492a2259b3a564f7c54fb118873b332caf8bf762', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'b4453b3e964ff882ba11cb695e1e513bae508fc9', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '1862e44c7880c9accf68ffc97af15b812fd87177', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'f57377a6baf4601f5c9fae4a82538b141a85c9b4' }, "10"))), this.showArrow && (h("svg", { key: '423eeb280fb6cc63fcb14236dcbbbbfeb8412a76', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '410ea2e712c95ba70b4fd303fea3acf61df31ad9', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '669ba83733d3625eb4e327bb6803083462bb66be', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '27f149b617ee21d5778174785b8073c58205b419', slot: "label" }, this.label)))));
+        return (h("div", { key: '44ebc1da5ed754f6e8c5f97f40069be96469c37a', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'b163776b266238ee79aafe301d065143260602bd', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'ee09ba573ff3b89fd295fb6387c1a8d7d85c2aaa', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '760a03665975b3a104a6ac7543c043b925827c11', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '500eb85fbd98837bd51dcfa12651bb8a1f934f4d', class: "content" }, h("div", { key: '265aa1f82b1445d11d9fc29304277de48c696276', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'f639424e9c1eed0d74fc50a2358b9137e3749529', 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: 'bf9f9f6e732c1878131045bb5a01ae3a993a8b22', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'ece203f66b9cb018d1b34ac635ffc6f45d555da2' }, "10"))), this.showArrow && (h("svg", { key: '5e9b79328cc155a815fbfc303f2f7a64a52812dc', 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: '1a2cdbe7b74921fbbeab854ccc0a04158fb47f42', 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: '3d557f0e187a77b7233c749dabf7bdd65da3917e', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'c111ace8b557a6d359f6cfa09f95274f12e0859c', slot: "label" }, this.label)))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-export-dropdown_2.entry.js

@@ -35,7 +35,7 @@ const GbFilterButton = class {
         }
     }
     render() {
-        return (h("div", { key: '200913c071d16666a801e3e903fd4d02b47a672a', class: `filter_button_div` }, h("gb-button", { key: '9a224ff54eaad92a8c8d9959a720214468172f07', size: "md", state: "default", hierarchy: "secondary_gray", icon: this.iconOnly ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/filter-horizontal-stroke.svg" }, h("p", { key: '3a4334ebff74aa0b706cc5183f5f5dad3deed222' }, "Filter")), this.state === 'applied' && (h("gb-badge", { key: '45fe96ef10f031dce5be147ad9d53ede917fde43', size: "sm", type: "pill_color", color: "error", icon: "false", class: `badge ${this.state}` }, h("slot", { key: '4a46e7b4194fd6d399cdf30612d6b2110105039f', name: "filter_count" })))));
+        return (h("div", { key: '833ac00d47f07fd7d987af564a636725eb2948cb', class: `filter_button_div` }, h("gb-button", { key: 'ca98cafb9db7fbb5bc35233dd16f3d755819a3e9', size: "md", state: "default", hierarchy: "secondary_gray", icon: this.iconOnly ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/filter-horizontal-stroke.svg" }, h("p", { key: '3d928110b33a5dfa7e2db5b0627b188d6fbe34cd' }, "Filter")), this.state === 'applied' && (h("gb-badge", { key: '05b300278c32cb78d1aa7c066a39007953b88152', size: "sm", type: "pill_color", color: "error", icon: "false", class: `badge ${this.state}` }, h("slot", { key: 'dfdc451173a3e6aec045caa6f64e76e4639271bf', name: "filter_count" })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-header-icon.entry.js

@@ -11,13 +11,13 @@ const GbHeaderIcon = class {
     }
     render() {
         return [
-            h("div", { key: '74ff3cc838b49217da714ee3b510e34bc08681a5', class: `background ${this.state}` }, this.state === StateEnum.Default && [
+            h("div", { key: '778b39fedef5fc9a088c965f840db994299e15ab', class: `background ${this.state}` }, this.state === StateEnum.Default && [
                 // <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                 //     <path d="M3.72919 7.73286L4.47919 7.73293V7.73286H3.72919ZM16.2706 7.73286H15.5206V7.73293L16.2706 7.73286ZM16.3065 14.2952L16.5863 14.9911L16.3065 14.2952ZM3.6933 14.2952L3.97308 13.5994L3.97308 13.5994L3.6933 14.2952ZM16.8452 10.1617L16.2307 10.5916L16.2332 10.5951L16.8452 10.1617ZM17.8916 11.9951L17.1507 12.1115L17.1507 12.1115L17.8916 11.9951ZM3.15459 10.1617L3.76669 10.5951L3.76915 10.5916L3.15459 10.1617ZM2.10819 11.9951L1.36728 11.8786H1.36728L2.10819 11.9951ZM7.9616 16.909C7.63517 16.654 7.16384 16.7119 6.90886 17.0383C6.65388 17.3648 6.7118 17.8361 7.03824 18.0911L7.9616 16.909ZM12.9616 18.0911C13.288 17.8361 13.346 17.3648 13.091 17.0383C12.836 16.7119 12.3647 16.654 12.0382 16.909L12.9616 18.0911ZM16.0268 13.5994C12.4873 15.0225 7.51251 15.0225 3.97308 13.5994L3.41351 14.9911C7.31201 16.5586 12.6878 16.5586 16.5863 14.9911L16.0268 13.5994ZM17.0206 7.73286C17.0206 3.94514 13.8537 0.916687 9.99992 0.916687V2.41669C13.0726 2.41669 15.5206 4.82007 15.5206 7.73286H17.0206ZM4.47919 7.73286C4.47919 4.82007 6.92727 2.41669 9.99992 2.41669V0.916687C6.14612 0.916687 2.97919 3.94514 2.97919 7.73286H4.47919ZM3.97308 13.5994C3.14627 13.2669 2.75147 12.7326 2.84909 12.1115L1.36728 11.8786C1.11048 13.5125 2.30023 14.5434 3.41351 14.9911L3.97308 13.5994ZM16.5863 14.9911C17.6996 14.5434 18.8894 13.5125 18.6326 11.8786L17.1507 12.1115C17.2484 12.7326 16.8536 13.2669 16.0268 13.5994L16.5863 14.9911ZM17.4598 9.73179C17.0815 9.19099 17.0207 8.58744 17.0206 7.7328L15.5206 7.73293C15.5207 8.61212 15.5638 9.63826 16.2307 10.5916L17.4598 9.73179ZM3.76915 10.5916C4.43604 9.63825 4.47911 8.61212 4.47919 7.73293L2.97919 7.7328C2.97911 8.58744 2.91834 9.19099 2.54003 9.73179L3.76915 10.5916ZM2.54251 9.72827C2.45079 9.8578 2.35253 9.98608 2.23845 10.1379C2.12877 10.2839 2.00871 10.4463 1.89595 10.6178C1.67289 10.957 1.44576 11.3793 1.36728 11.8786L2.84909 12.1115C2.87952 11.9179 2.97611 11.7052 3.14928 11.4419C3.23464 11.3121 3.33082 11.1812 3.43773 11.0389C3.54024 10.9024 3.65891 10.7473 3.76668 10.5951L2.54251 9.72827ZM16.2332 10.5951C16.3409 10.7473 16.4596 10.9024 16.5621 11.0389C16.669 11.1812 16.7652 11.3121 16.8506 11.4419C17.0237 11.7052 17.1203 11.9179 17.1507 12.1115L18.6326 11.8786C18.5541 11.3793 18.327 10.957 18.1039 10.6178C17.9911 10.4463 17.8711 10.2839 17.7614 10.1379C17.6473 9.98608 17.5491 9.8578 17.4573 9.72827L16.2332 10.5951ZM9.99992 17.5834C9.20289 17.5834 8.49015 17.3218 7.9616 16.909L7.03824 18.0911C7.83658 18.7147 8.87606 19.0834 9.99992 19.0834V17.5834ZM12.0382 16.909C11.5097 17.3218 10.7969 17.5834 9.99992 17.5834V19.0834C11.1238 19.0834 12.1633 18.7147 12.9616 18.0911L12.0382 16.909Z" fill="#4B5565"/>
                 // </svg>,
-                h("img", { key: '1dfa131c1d4daff383dda8d74362bed59aeaa99f', src: this.icon, alt: "", class: "icon" }),
-                h(Fragment, null, this.showIndicator && (h("div", { key: '9d4e59a015dfca6d617f2c85ac1d57b4ac144a88', class: "red_dot" })))
-            ], this.state === StateEnum.Disabled && (h("svg", { key: 'a2dc320862884ac12b7a352b9c506f0a7bd61233', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'a152215f0ab0dfb5909b4cee72d70e5bd1b74733', d: "M3.72919 7.73286L4.47919 7.73293V7.73286H3.72919ZM16.2706 7.73286H15.5206V7.73293L16.2706 7.73286ZM16.3065 14.2952L16.5863 14.9911L16.3065 14.2952ZM3.6933 14.2952L3.97308 13.5994L3.97308 13.5994L3.6933 14.2952ZM16.8452 10.1617L16.2307 10.5916L16.2332 10.5951L16.8452 10.1617ZM17.8916 11.9951L17.1507 12.1115L17.1507 12.1115L17.8916 11.9951ZM3.15459 10.1617L3.76669 10.5951L3.76915 10.5916L3.15459 10.1617ZM2.10819 11.9951L1.36728 11.8786H1.36728L2.10819 11.9951ZM7.9616 16.909C7.63517 16.654 7.16384 16.7119 6.90886 17.0383C6.65388 17.3648 6.7118 17.8361 7.03824 18.0911L7.9616 16.909ZM12.9616 18.0911C13.288 17.8361 13.346 17.3648 13.091 17.0383C12.836 16.7119 12.3647 16.654 12.0382 16.909L12.9616 18.0911ZM16.0268 13.5994C12.4873 15.0225 7.51251 15.0225 3.97308 13.5994L3.41351 14.9911C7.31201 16.5586 12.6878 16.5586 16.5863 14.9911L16.0268 13.5994ZM17.0206 7.73286C17.0206 3.94514 13.8537 0.916687 9.99992 0.916687V2.41669C13.0726 2.41669 15.5206 4.82007 15.5206 7.73286H17.0206ZM4.47919 7.73286C4.47919 4.82007 6.92727 2.41669 9.99992 2.41669V0.916687C6.14612 0.916687 2.97919 3.94514 2.97919 7.73286H4.47919ZM3.97308 13.5994C3.14627 13.2669 2.75147 12.7326 2.84909 12.1115L1.36728 11.8786C1.11048 13.5125 2.30023 14.5434 3.41351 14.9911L3.97308 13.5994ZM16.5863 14.9911C17.6996 14.5434 18.8894 13.5125 18.6326 11.8786L17.1507 12.1115C17.2484 12.7326 16.8536 13.2669 16.0268 13.5994L16.5863 14.9911ZM17.4598 9.73179C17.0815 9.19099 17.0207 8.58744 17.0206 7.7328L15.5206 7.73293C15.5207 8.61212 15.5638 9.63826 16.2307 10.5916L17.4598 9.73179ZM3.76915 10.5916C4.43604 9.63825 4.47911 8.61212 4.47919 7.73293L2.97919 7.7328C2.97911 8.58744 2.91834 9.19099 2.54003 9.73179L3.76915 10.5916ZM2.54251 9.72827C2.45079 9.8578 2.35253 9.98608 2.23845 10.1379C2.12877 10.2839 2.00871 10.4463 1.89595 10.6178C1.67289 10.957 1.44576 11.3793 1.36728 11.8786L2.84909 12.1115C2.87952 11.9179 2.97611 11.7052 3.14928 11.4419C3.23464 11.3121 3.33082 11.1812 3.43773 11.0389C3.54024 10.9024 3.65891 10.7473 3.76668 10.5951L2.54251 9.72827ZM16.2332 10.5951C16.3409 10.7473 16.4596 10.9024 16.5621 11.0389C16.669 11.1812 16.7652 11.3121 16.8506 11.4419C17.0237 11.7052 17.1203 11.9179 17.1507 12.1115L18.6326 11.8786C18.5541 11.3793 18.327 10.957 18.1039 10.6178C17.9911 10.4463 17.8711 10.2839 17.7614 10.1379C17.6473 9.98608 17.5491 9.8578 17.4573 9.72827L16.2332 10.5951ZM9.99992 17.5834C9.20289 17.5834 8.49015 17.3218 7.9616 16.909L7.03824 18.0911C7.83658 18.7147 8.87606 19.0834 9.99992 19.0834V17.5834ZM12.0382 16.909C11.5097 17.3218 10.7969 17.5834 9.99992 17.5834V19.0834C11.1238 19.0834 12.1633 18.7147 12.9616 18.0911L12.0382 16.909Z", fill: "#CDD5DF" }))))
+                h("img", { key: '9ff70be346108f0f732849d54395fa4a6f34420c', src: this.icon, alt: "", class: "icon" }),
+                h(Fragment, null, this.showIndicator && (h("div", { key: '955cbdd195cc579f716f302677722f07dfbccddb', class: "red_dot" })))
+            ], this.state === StateEnum.Disabled && (h("svg", { key: '3936ebe032ee899b3c4580b8d1aefd61889dae40', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '74467626a4f3e76597816bb66348fe1710ea31a3', d: "M3.72919 7.73286L4.47919 7.73293V7.73286H3.72919ZM16.2706 7.73286H15.5206V7.73293L16.2706 7.73286ZM16.3065 14.2952L16.5863 14.9911L16.3065 14.2952ZM3.6933 14.2952L3.97308 13.5994L3.97308 13.5994L3.6933 14.2952ZM16.8452 10.1617L16.2307 10.5916L16.2332 10.5951L16.8452 10.1617ZM17.8916 11.9951L17.1507 12.1115L17.1507 12.1115L17.8916 11.9951ZM3.15459 10.1617L3.76669 10.5951L3.76915 10.5916L3.15459 10.1617ZM2.10819 11.9951L1.36728 11.8786H1.36728L2.10819 11.9951ZM7.9616 16.909C7.63517 16.654 7.16384 16.7119 6.90886 17.0383C6.65388 17.3648 6.7118 17.8361 7.03824 18.0911L7.9616 16.909ZM12.9616 18.0911C13.288 17.8361 13.346 17.3648 13.091 17.0383C12.836 16.7119 12.3647 16.654 12.0382 16.909L12.9616 18.0911ZM16.0268 13.5994C12.4873 15.0225 7.51251 15.0225 3.97308 13.5994L3.41351 14.9911C7.31201 16.5586 12.6878 16.5586 16.5863 14.9911L16.0268 13.5994ZM17.0206 7.73286C17.0206 3.94514 13.8537 0.916687 9.99992 0.916687V2.41669C13.0726 2.41669 15.5206 4.82007 15.5206 7.73286H17.0206ZM4.47919 7.73286C4.47919 4.82007 6.92727 2.41669 9.99992 2.41669V0.916687C6.14612 0.916687 2.97919 3.94514 2.97919 7.73286H4.47919ZM3.97308 13.5994C3.14627 13.2669 2.75147 12.7326 2.84909 12.1115L1.36728 11.8786C1.11048 13.5125 2.30023 14.5434 3.41351 14.9911L3.97308 13.5994ZM16.5863 14.9911C17.6996 14.5434 18.8894 13.5125 18.6326 11.8786L17.1507 12.1115C17.2484 12.7326 16.8536 13.2669 16.0268 13.5994L16.5863 14.9911ZM17.4598 9.73179C17.0815 9.19099 17.0207 8.58744 17.0206 7.7328L15.5206 7.73293C15.5207 8.61212 15.5638 9.63826 16.2307 10.5916L17.4598 9.73179ZM3.76915 10.5916C4.43604 9.63825 4.47911 8.61212 4.47919 7.73293L2.97919 7.7328C2.97911 8.58744 2.91834 9.19099 2.54003 9.73179L3.76915 10.5916ZM2.54251 9.72827C2.45079 9.8578 2.35253 9.98608 2.23845 10.1379C2.12877 10.2839 2.00871 10.4463 1.89595 10.6178C1.67289 10.957 1.44576 11.3793 1.36728 11.8786L2.84909 12.1115C2.87952 11.9179 2.97611 11.7052 3.14928 11.4419C3.23464 11.3121 3.33082 11.1812 3.43773 11.0389C3.54024 10.9024 3.65891 10.7473 3.76668 10.5951L2.54251 9.72827ZM16.2332 10.5951C16.3409 10.7473 16.4596 10.9024 16.5621 11.0389C16.669 11.1812 16.7652 11.3121 16.8506 11.4419C17.0237 11.7052 17.1203 11.9179 17.1507 12.1115L18.6326 11.8786C18.5541 11.3793 18.327 10.957 18.1039 10.6178C17.9911 10.4463 17.8711 10.2839 17.7614 10.1379C17.6473 9.98608 17.5491 9.8578 17.4573 9.72827L16.2332 10.5951ZM9.99992 17.5834C9.20289 17.5834 8.49015 17.3218 7.9616 16.909L7.03824 18.0911C7.83658 18.7147 8.87606 19.0834 9.99992 19.0834V17.5834ZM12.0382 16.909C11.5097 17.3218 10.7969 17.5834 9.99992 17.5834V19.0834C11.1238 19.0834 12.1633 18.7147 12.9616 18.0911L12.0382 16.909Z", fill: "#CDD5DF" }))))
         ];
     }
 };

package/dist/esm/gb-header.entry.js

@@ -54,7 +54,7 @@ const GbHeader = class {
         const notificationIconSrc = getAssetPath(`assets/notification-03.svg`);
         const logo = getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const iconLogo = getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (h("div", { key: 'ada979c6fb449de77a31e98232b2a31c2aa620c8', class: `header_div` }, h("div", { key: '00b5bfcc5111a22e71fb9d4d5291544c2846e56a', class: "content" }, this.showLogo && (h(Fragment, null, h("div", { key: 'f4fc4358f9691c8ba97b3355d327061d68f3ed6d', class: "logo", onClick: () => this.onNavBarItemClicked('logo') }, h("img", { key: '14e9dceb178da5e8fe1f38f5dfbb0d1261b9b0b1', src: logo, alt: "" })), h("div", { key: '3db8382c458fd636f900b62d38bd7c89e3464de1', class: "icon_logo", onClick: () => this.onNavBarItemClicked('logo') }, h("img", { key: '3b8aa51f577941745dff4e7844ba5df0921d849e', src: iconLogo, alt: "" })))), h("div", { key: '9738510095d569f90e4c99bbecb47af933bda721', class: "inner_content" }, h("div", { key: 'be46b1c1e7f48f3d3f003ae5b8218e14e41d8e69', class: `action` }, this.showHelp && h("gb-header-icon", { key: 'fdfe2938e194ee4990a1cd19ae7c407eab502586', state: StateEnum.Default, icon: helpIconSrc, onClick: () => this.onNavBarItemClicked('help') }), this.showNotification && (h("gb-header-icon", { key: '434d80fb27de9064c9fb17ac148f3c7cd66643c3', state: this.state, icon: notificationIconSrc, "show-indicator": this.showIndicator, onClick: () => this.onNavBarItemClicked('notification') }))), h("gb-avatar", { key: '7bbd1c8c37f4b509ab6000346e8c28d5746cfc1d', size: "md", text: this.text, placeholder: this.placeholder, color: this.color, "show-border": this.showBorder, onClick: () => this.onNavBarItemClicked('avatar') }, this.text ? h("slot", { slot: "initials", name: "initials" }) : h("slot", { name: "image", slot: "image" }))))));
+        return (h("div", { key: 'a6857c591e0e27b733ea30b8895aba0ca08f3b99', class: `header_div` }, h("div", { key: 'ac7ee20a148d437f820d1587423a943e28e9f78b', class: "content" }, this.showLogo && (h(Fragment, null, h("div", { key: 'b1792255a27df730398a5c9eeb2afffc2423d508', class: "logo", onClick: () => this.onNavBarItemClicked('logo') }, h("img", { key: '430601c5e9c29674eca7d6db2efc42a03aae3ba1', src: logo, alt: "" })), h("div", { key: '817af15270a52f20a8ac176513db0ca28a7b8c7c', class: "icon_logo", onClick: () => this.onNavBarItemClicked('logo') }, h("img", { key: '5567c7cf01d64c1b9f9b3d673af0e36d4155693b', src: iconLogo, alt: "" })))), h("div", { key: 'da8343435d5cedeb9a4962bc4f098853a7e3da3a', class: "inner_content" }, h("div", { key: '071f16a7bea8c532d96a7ad7ac6303dd097176f8', class: `action` }, this.showHelp && h("gb-header-icon", { key: '572865a5e03f88bee5afb03133778494e2a97837', state: StateEnum.Default, icon: helpIconSrc, onClick: () => this.onNavBarItemClicked('help') }), this.showNotification && (h("gb-header-icon", { key: '4205539fa2661cddae6953a3cf1b5b0f1296b25c', state: this.state, icon: notificationIconSrc, "show-indicator": this.showIndicator, onClick: () => this.onNavBarItemClicked('notification') }))), h("gb-avatar", { key: '1a73c35d68e2fcb5d56731d97a4e17c1ff362fe3', size: "md", text: this.text, placeholder: this.placeholder, color: this.color, "show-border": this.showBorder, onClick: () => this.onNavBarItemClicked('avatar') }, this.text ? h("slot", { slot: "initials", name: "initials" }) : h("slot", { name: "image", slot: "image" }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-help-dropdown.entry.js

@@ -11,7 +11,7 @@ const GbHelpDropdown = class {
         this.helpItemClicked.emit(item);
     }
     render() {
-        return (h("div", { key: '06a2293584fd7c663d99ad72b262ca3718f66182', class: "dropdown-container" }, h("div", { key: 'caed300f48492c2a8970a76f10a23f99974f39fd', class: "user_guide" }, h("gb-dropdown-items-with-shortcut", { key: 'ecd2b0382451562f359777dae113f601d1f4c891', icon: true, iconSrc: "assets/book_open.svg", label: "Download user guide", onClick: () => this.onHelpItemClicked('download_user_guide') })), h("div", { key: '212bd2594aa3ebd4cd3ae1fd9e7a559738c7e3bd', class: "bug" }, h("gb-dropdown-items-with-shortcut", { key: '8a027b94a6926785bb467cc51375b495af68bf2b', icon: true, iconSrc: "assets/bug_02.svg", label: "Report a bug", onClick: () => this.onHelpItemClicked('report_a_bug') })), this.showLogError && (h("div", { key: 'fe38d9f6a88fe8f0168d31a03645c98085d5e7f8', class: "log_error" }, h("gb-dropdown-items-with-shortcut", { key: '898a6d1ad8f279a315a9f99576c6127d7675f75a', icon: true, iconSrc: "assets/alert_02.svg", label: "Log a profile error", onClick: () => this.onHelpItemClicked('log_a_profile_error') })))));
+        return (h("div", { key: '164389ea9986138dddb167a7026b52941591c089', class: "dropdown-container" }, h("div", { key: '4536ab5d27df811e4c008dbe1993990ff399c63e', class: "user_guide" }, h("gb-dropdown-items-with-shortcut", { key: 'f542b3dd71476c037a19bb9b2a5e0525b952be9b', icon: true, iconSrc: "assets/book_open.svg", label: "Download user guide", onClick: () => this.onHelpItemClicked('download_user_guide') })), h("div", { key: '50d26cd0ad02e1e23f0deb772d501a1e88246f1a', class: "bug" }, h("gb-dropdown-items-with-shortcut", { key: '0bf5e7651e0c9f5bb37e0545cf2ce63eab1c07fb', icon: true, iconSrc: "assets/bug_02.svg", label: "Report a bug", onClick: () => this.onHelpItemClicked('report_a_bug') })), this.showLogError && (h("div", { key: '6dd952d61ec83280e4b27e8316b6995527ff0c73', class: "log_error" }, h("gb-dropdown-items-with-shortcut", { key: 'f0c0a8db4868395bc3c9dd83d096750b9729f6d1', icon: true, iconSrc: "assets/alert_02.svg", label: "Log a profile error", onClick: () => this.onHelpItemClicked('log_a_profile_error') })))));
     }
 };
 GbHelpDropdown.style = gbHelpDropdownCss;

package/dist/esm/gb-horizontal-tabs.entry.js

@@ -34,7 +34,7 @@ const GbHorizontalTabs = class {
         this.tabItemClicked.emit(index);
     }
     render() {
-        return (h("div", { key: 'ef59a58bcae6540dceed629133bf2a8d178d8984', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, h("gb-tab-button-base", { key: '25418d44b4c0dde58875ea3dc7c660331ed654bd', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(0), current: this.activeIndex === 0, "tab-name": this.firstTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'b78bf4b940704b49c8d2a69200d81a5322b9ba05', slot: "count", name: "first_tab_count" })), h("gb-tab-button-base", { key: 'd672b4940c9768808972b4fb63a5e501c4043082', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(1), current: this.activeIndex === 1, "tab-name": this.secondTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '103a19c104795b4b8a14d8ab5b649319427a0eba', slot: "count", name: "second_tab_count" })), this.thirdTabName && (h("gb-tab-button-base", { key: 'e1bbae8d050cd394cdb46fd0fc20fc8943948adf', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(2), current: this.activeIndex === 2, "tab-name": this.thirdTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'f527320814def047865f9bc533b98b7d9fbf259e', slot: "count", name: "third_tab_count" }))), this.fourthTabName && (h("gb-tab-button-base", { key: 'c00a7f2b68d1804fdde6c266dcf62ceed47a3d32', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(3), current: this.activeIndex === 3, "tab-name": this.fourthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '74708c49709d327c830c8a250163406de6b633bc', slot: "count", name: "fourth_tab_count" }))), this.fifthTabName && (h("gb-tab-button-base", { key: 'c1ee8e05528772d02a033e21b0ac4ef0124eb475', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(4), current: this.activeIndex === 4, "tab-name": this.fifthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '7c9502968afac2584ae196bbbd9b99e80fb4c092', slot: "count", name: "fifth_tab_count" }))), this.sixthTabName && (h("gb-tab-button-base", { key: 'bb55b2a6dea114659ed4600c9950a4554a5abd4b', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(5), current: this.activeIndex === 5, "tab-name": this.sixthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '5a768b8d416577e1b25f5e91032a490c05df5f68', slot: "count", name: "sixth_tab_count" }))), this.seventhTabName && (h("gb-tab-button-base", { key: '7d8fd0b4c216824501460aced9ff9dff71ad701d', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(6), current: this.activeIndex === 6, "tab-name": this.seventhTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'a4b6eb41eda302e2dcefbb16e1f86169e5c53e61', slot: "count", name: "seventh_tab_count" }))), this.eighthTabName && (h("gb-tab-button-base", { key: '8378505e6b2711c6a4f2cae2f0dad13d23de7702', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(7), current: this.activeIndex === 7, "tab-name": this.eighthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'bd3c5c701a2dfb342e72cdd716b45a3733c4915e', slot: "count", name: "eighth_tab_count" }))), this.ninthTabName && (h("gb-tab-button-base", { key: '92190b4ce8e36a9fe1f6669463a1b92770c1498f', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(8), current: this.activeIndex === 8, "tab-name": this.ninthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '74b2f98fea6f21f058749a5dc2c73c8a23650c32', slot: "count", name: "ninth_tab_count" }))), this.tenthTabName && (h("gb-tab-button-base", { key: '47baabe71e08a821ca14dba74829ee51e45e4dcc', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(9), current: this.activeIndex === 9, "tab-name": this.tenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '2b0fb077ac8f51e8eb645884dd0b5c0c3b8d418a', slot: "count", name: "tenth_tab_count" }))), this.eleventhTabName && (h("gb-tab-button-base", { key: '241041a6658294ae51ae77bd35cf407ce12bf653', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(10), current: this.activeIndex === 10, "tab-name": this.eleventhTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'b7d8f21e33ff83d5a19c04e95cd99a9bfd77ae60', slot: "count", name: "eleventh_tab_count" }))), this.twelfthTabName && (h("gb-tab-button-base", { key: 'c084c3ca06fe2f37016e0a16231d62fcbb6a4717', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(11), current: this.activeIndex === 11, "tab-name": this.twelfthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'd82c6cf1dfd891fb5864270f7cea3b4d928cef44', slot: "count", name: "twelfth_tab_count" }))), this.thirteenthTabName && (h("gb-tab-button-base", { key: '4a61f3a1a2764598c54b6e9cb7fd395174687358', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(12), current: this.activeIndex === 12, "tab-name": this.thirteenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'd6afbe607cd993ce795f7ffe41c4e6fd2dd99218', slot: "count", name: "thirteenth_tab_count" }))), this.fourteenthTabName && (h("gb-tab-button-base", { key: 'e66db8ec7f868e90ed4bcdb3681cab23ae122a42', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(13), current: this.activeIndex === 13, "tab-name": this.fourteenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '56bb674248574ca28a4a3b79dd277c3b10ed1a08', slot: "count", name: "fourteenth_tab_count" }))), this.fifteenthTabName && (h("gb-tab-button-base", { key: '29d06061aa3043d77c9841a000773a89a746b0bd', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(14), current: this.activeIndex === 14, "tab-name": this.fifteenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'e39e66928fa8b42b092157890fbc5e56510b4839', slot: "count", name: "fifteenth_tab_count" }))), this.sixteenthTabName && (h("gb-tab-button-base", { key: '4504ee0f3303385fb2885e7f4e63abb6b787bd61', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(15), current: this.activeIndex === 15, "tab-name": this.sixteenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '72a6c1a2bd2282b234a9cd6e4bd2cd82e6e97cea', slot: "count", name: "sixteenth_tab_count" }))), this.seventeenthTabName && (h("gb-tab-button-base", { key: '2c8dda1e693ae5f7febbc46ee8e23501108e4086', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(16), current: this.activeIndex === 16, "tab-name": this.seventeenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'ab9b093309414230ac8890f0bbc41a710c4b02b7', slot: "count", name: "seventeenth_tab_count" }))), this.eighteenthTabName && (h("gb-tab-button-base", { key: '17cc3ea9df723555d5d898eceee10442c6abf08c', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(17), current: this.activeIndex === 17, "tab-name": this.eighteenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '1b1a0fb42ddb029e239498bb8b4e814c92037f7e', slot: "count", name: "eighteenth_tab_count" }))), this.nineteenthTabName && (h("gb-tab-button-base", { key: 'cceacf06cbc73c309cfd5bedc3b10eefe6810a3d', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(18), current: this.activeIndex === 18, "tab-name": this.nineteenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '61bbfd6c8d0bdf926f8b734db4f10f2fa15c15f8', slot: "count", name: "nineteenth_tab_count" }))), this.twentiethTabName && (h("gb-tab-button-base", { key: '436a2d9ca618362a8770a64fbf4ebdf0be802406', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(19), current: this.activeIndex === 19, "tab-name": this.twentiethTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '1d4da3577f6c42e98712857ae34f64f165c91666', slot: "count", name: "twentieth_tab_count" })))));
+        return (h("div", { key: '611ed713ada33e603c2fe841712da730b50b99ac', class: `horizontal_tab_div ${this.type} ${this.fullWidth ? 'full_width' : ''}` }, h("gb-tab-button-base", { key: 'd8d2fcc435c05647a10de1649313d6136d62a669', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(0), current: this.activeIndex === 0, "tab-name": this.firstTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '5b55e9eb0776f7bbe46f7a66d3992367f6af066e', slot: "count", name: "first_tab_count" })), h("gb-tab-button-base", { key: '63149d35ce1bba3e9e8216823a409a3642f0b10a', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(1), current: this.activeIndex === 1, "tab-name": this.secondTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'dad1588224a5560dade49e6efb1170203469aefd', slot: "count", name: "second_tab_count" })), this.thirdTabName && (h("gb-tab-button-base", { key: 'a07209fec36eb5f6336341cff13d889eee885d51', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(2), current: this.activeIndex === 2, "tab-name": this.thirdTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'f499f5c6fe2639f83af5c3cbc5c4f27426c7943b', slot: "count", name: "third_tab_count" }))), this.fourthTabName && (h("gb-tab-button-base", { key: '586e55001e57f00213e8b75298f56b1c827b47a0', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(3), current: this.activeIndex === 3, "tab-name": this.fourthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '6e5409920361bb55610547a1edc591e40d5d1108', slot: "count", name: "fourth_tab_count" }))), this.fifthTabName && (h("gb-tab-button-base", { key: '447fb01b99f1fe322744cd57cf186d70033d6fd3', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(4), current: this.activeIndex === 4, "tab-name": this.fifthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'e6b5a996e2b3698bf2904be0114b3827650960a9', slot: "count", name: "fifth_tab_count" }))), this.sixthTabName && (h("gb-tab-button-base", { key: '85bfe96646694c0570dcc0f8ec2a3ad95c259d2c', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(5), current: this.activeIndex === 5, "tab-name": this.sixthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'e56207141e99cebe7aa632f50537e252dbeb8260', slot: "count", name: "sixth_tab_count" }))), this.seventhTabName && (h("gb-tab-button-base", { key: '6def9dcef0cacb0398c8963e77806f07037cdf4a', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(6), current: this.activeIndex === 6, "tab-name": this.seventhTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'e9067c5e2eacad70dda770edc4d0c336f0d14403', slot: "count", name: "seventh_tab_count" }))), this.eighthTabName && (h("gb-tab-button-base", { key: 'db9ca65ff873677d4f1aebf23fbfe2e7e4b608d5', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(7), current: this.activeIndex === 7, "tab-name": this.eighthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '72580995b88c9a31159bdeaba60b07ac50983e20', slot: "count", name: "eighth_tab_count" }))), this.ninthTabName && (h("gb-tab-button-base", { key: '46fe3b77a9494f2d907ece2e28ede8c0e9af6b78', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(8), current: this.activeIndex === 8, "tab-name": this.ninthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '9939510f1dfd7df59c0d9f16dc759d45603140b6', slot: "count", name: "ninth_tab_count" }))), this.tenthTabName && (h("gb-tab-button-base", { key: 'c3c603fb3f81e349b55787f80362422932a52768', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(9), current: this.activeIndex === 9, "tab-name": this.tenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '1abf51893afd91df1ce03db17b72b27b36682e31', slot: "count", name: "tenth_tab_count" }))), this.eleventhTabName && (h("gb-tab-button-base", { key: 'b5fc516071cc09be1b0c10502248cf6ce277fe07', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(10), current: this.activeIndex === 10, "tab-name": this.eleventhTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '95c204446dfd9dca7f660ffd4ef07d6da9037d24', slot: "count", name: "eleventh_tab_count" }))), this.twelfthTabName && (h("gb-tab-button-base", { key: '1fb79111928868624fc65a212c77f540112b0dc9', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(11), current: this.activeIndex === 11, "tab-name": this.twelfthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '891b06c1b7fc724d12346269914ccf28121a9f6b', slot: "count", name: "twelfth_tab_count" }))), this.thirteenthTabName && (h("gb-tab-button-base", { key: '369586dbc431aec3a90894f12c319e124fd88832', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(12), current: this.activeIndex === 12, "tab-name": this.thirteenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '7e38e5d5652cac134121222ea9693bd6d272a25a', slot: "count", name: "thirteenth_tab_count" }))), this.fourteenthTabName && (h("gb-tab-button-base", { key: '2b60dd100d467e7f84b03e7c78c327e79658b5f5', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(13), current: this.activeIndex === 13, "tab-name": this.fourteenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '030e36b2b938c6b5d9cbae8fc79d2a941e76b8b7', slot: "count", name: "fourteenth_tab_count" }))), this.fifteenthTabName && (h("gb-tab-button-base", { key: '7d887fc2c98fdd0d00f818ea1362289c502b0f14', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(14), current: this.activeIndex === 14, "tab-name": this.fifteenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'ec6437f19e6ff071077adbc88b72ef4627651162', slot: "count", name: "fifteenth_tab_count" }))), this.sixteenthTabName && (h("gb-tab-button-base", { key: 'c870cda127a5b061ceef3c8b7bf0a5f527b10189', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(15), current: this.activeIndex === 15, "tab-name": this.sixteenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'fd1c27d30219b16966362a480a8f5525a0e26963', slot: "count", name: "sixteenth_tab_count" }))), this.seventeenthTabName && (h("gb-tab-button-base", { key: '038af1380756fd44496675a99a26e44cd683658d', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(16), current: this.activeIndex === 16, "tab-name": this.seventeenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '2f8f3a899b195f408d9657918289ca3fc23689c9', slot: "count", name: "seventeenth_tab_count" }))), this.eighteenthTabName && (h("gb-tab-button-base", { key: '55796a9db7abb5ba74827dbfa9db76df40b7d6cc', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(17), current: this.activeIndex === 17, "tab-name": this.eighteenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'ef90b0eea8e000886635787dca89b4e8a542621f', slot: "count", name: "eighteenth_tab_count" }))), this.nineteenthTabName && (h("gb-tab-button-base", { key: '4c1eb835c209bf8858840d709b20d35b681ef8ec', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(18), current: this.activeIndex === 18, "tab-name": this.nineteenthTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: '5390e3448c3044dbf3e5aa2f796aee788f46019d', slot: "count", name: "nineteenth_tab_count" }))), this.twentiethTabName && (h("gb-tab-button-base", { key: '969a4c5edc3bcf583c0f5ccc5181876cdb73d9c7', class: `tab_button_base ${this.fullWidth ? 'full_width' : ''}`, size: this.size, "full-width": this.fullWidth, type: this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type, onClick: () => this.handleTabClick(19), current: this.activeIndex === 19, "tab-name": this.twentiethTabName, badge: this.badge, alignment: "horizontal" }, h("slot", { key: 'bd95929184ad46cf23cac76c5305b1897d6d917a', slot: "count", name: "twentieth_tab_count" })))));
     }
 };
 GbHorizontalTabs.style = gbHorizontalTabsCss;

package/dist/esm/gb-icon-button-base.entry.js

@@ -21,7 +21,7 @@ const GbIconButtonBase = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: 'da225c948300679da7f5d4ecd573af71f9ab030b', class: "icon_button_base_container" }, this.showTooltip && (h("gb-tooltip", { key: '6210ba61d0ec167364f4108b2fd9e9aaaa5f2432', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '439b4400481aa980fda9afd47c71abe261b5738e', slot: "label" }, this.label))), h("div", { key: '8774432bb12150ae6c2cba9803b8f25c9ff83d6f', class: `icon_button_base_div ${this.current ? 'current' : ''}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'e3db90fe58128a792f62838d4178b7a5f60a15ec', class: `icon ${this.current ? 'current' : ''}`, innerHTML: this.leadingIconSvg }))));
+        return (h("div", { key: 'c744f103625f1bc42fa84abe7e66feb991be3eb1', class: "icon_button_base_container" }, this.showTooltip && (h("gb-tooltip", { key: 'ab9cbe95e03fc40c218f9feb9337fa71b2cee1bd', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: 'f751e830db382d4b1e4f90736f55362566a67033', slot: "label" }, this.label))), h("div", { key: 'a41136f9e5291c4d9aad3e57254c8618416db2f3', class: `icon_button_base_div ${this.current ? 'current' : ''}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'e8534ae6d9b6dc130d49d6229f41cfa3045f5362', class: `icon ${this.current ? 'current' : ''}`, innerHTML: this.leadingIconSvg }))));
     }
 };
 GbIconButtonBase.style = gbIconButtonBaseCss;

package/dist/esm/gb-mega-input-field-base.entry.js

@@ -18,10 +18,10 @@ const GbMegaInputFieldBase = class {
         }
     }
     render() {
-        return (h("div", { key: 'f57d9eed5a406999ef402ad1de67a8246e8eb473', class: {
+        return (h("div", { key: '172317d2881309c3afa44a666c1d7953a6a44a9f', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            } }, h("input", { key: '8c777c28f27815edb13912d194e8f587009b2887', class: {
+            } }, h("input", { key: 'c7baefcdb5773ad3e295fdef54d72f848b0f4c39', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
             }, type: "text", maxlength: "1", placeholder: "0", value: this.inputValue, onInput: (event) => this.handleInput(event) })));

package/dist/esm/gb-notification-content.entry.js

@@ -11,7 +11,7 @@ const GbNotificationContent = class {
     }
     render() {
         const iconSrc = getAssetPath(`${this.icon}`);
-        return (h("div", { key: 'f46a4e329e11e15b5bbea958cf39e721a1ebc15b', class: "notification_container" }, h("div", { key: '0d9fd3f2239585bd9aa351b3f68d33ecfaebfc86', class: "notification_title" }, this.icon && (h("div", { key: '7aa6120218367da5056350991038939b3b1bb928', class: "icon" }, h("img", { key: '99c59433c2fadbf61e8bdc565e993425b9100e3a', src: iconSrc, alt: "Icon" }))), h("label", { key: '72b8b5e984cc378b50668d6a276de3d635807275' }, this.label), h("span", { key: '9bad144cef274409d27ea932b089e89b59de4f72', class: "time" }, this.time)), h("div", { key: 'a531d62134e223cf09bc1f63be3a88e13a2b6e80', class: "supporting_text" }, h("p", { key: 'cc70726aa6c81fba91918f4ca78fec2439f4274b', class: "text-sm-regular" }, this.supportingText))));
+        return (h("div", { key: '11625d1f070d8cc76c7ed1d761cd05e936ba897f', class: "notification_container" }, h("div", { key: 'e77838670e925f7d2284f8540ee27e7fd91d27ca', class: "notification_title" }, this.icon && (h("div", { key: 'c48e73670ae02bf810cb34f229ac1e274dbede6b', class: "icon" }, h("img", { key: '14b88d9d28985a03493132766733717f1fb71de7', src: iconSrc, alt: "Icon" }))), h("label", { key: 'dd2b565e20560e383da51720feafc89aba38f390' }, this.label), h("span", { key: 'acb53569e5ec174d9ffa87ce6c4acd933de67506', class: "time" }, this.time)), h("div", { key: '590863445305a6f0f825720f5fb83ee71ecf16f5', class: "supporting_text" }, h("p", { key: '3f52f7b8692b0ff8a1f545eb1ca408ec082fc6e5', class: "text-sm-regular" }, this.supportingText))));
     }
 };
 GbNotificationContent.style = gbNotificationContentCss;

package/dist/esm/gb-notification-pane.entry.js

@@ -54,9 +54,9 @@ const GbNotificationPane = class {
     render() {
         const patternSrc = getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = getAssetPath(`assets/notification_illustration.svg`);
-        return (h("div", { key: '072fc56012d401be6cb86faae583765d804ce926', class: "notification_pane_div" }, this.state === 'empty' && [
-            h("div", { key: 'ff2527fd2e189956c0b53eb10ffe495ef4746a9b', class: `container` }, h("div", { key: '36f396375b54366fd766232cfcf3a4c780983509', class: "frame" }, h("img", { key: 'ed157d311fe18bdf8cf24e29bb3d76bddef38934', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '7693384c32a069f887f557531825ae263df64e14', class: "empty_state" }, h("div", { key: 'aea20c64287ee6144063900d279dbbd75492fb46', class: "content" }, h("img", { key: '04db2f0960bdcbe546730b9a85aa98a06a6a2935', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '6a61f28ab81b187a5d6b47c31b6ed8e33f47e0b4', class: "text" }, h("slot", { key: '296ac63dbf1f1d793cb37c7d4687d7ce5c2f9e6e', name: "label" }), h("slot", { key: 'd4b7eee7bbf676a96b376de7e9dfb1da53a8f4c1', name: "supporting_text" })))))),
-            h("div", { key: 'b705675ceb7d3f1ee4772bc8d2f67a773fc1b9be', class: `button` }, h("gb-button", { key: '6e6b7764ba2ec77a69d3bad9662279a0b74aafcd', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '1d25d52efa23fdc8a02ebc655933ba4377a22773' }, "Mark all as read"))),
+        return (h("div", { key: '0c65f002f267e0d2819c13851958e0a498d45469', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: '0b7e994a861d86be85f99058219b2f3d73fba9d9', class: `container` }, h("div", { key: 'd518961300c6a444122398706769ca93f0c48850', class: "frame" }, h("img", { key: 'e83eca03da7437c8e03628c0ad69f681f0bb7ca3', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '1bfe2a602347497083da67dbe0426bf1b017afcc', class: "empty_state" }, h("div", { key: '28058cd49356c7298de6b7d13651421c284715ee', class: "content" }, h("img", { key: '939e4d37fa8c8d975141ab5b720b1b35b904913f', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '02557a0a8297cdd78488b3d39627bd83d74fbf4f', class: "text" }, h("slot", { key: 'd2a6468594ee07849f61fdd5d8c867a8ac84154d', name: "label" }), h("slot", { key: '1003a7647ab8242a6ed0a9523d782059d2c56883', name: "supporting_text" })))))),
+            h("div", { key: 'c786a495ef39ebb968792b85f518004b75a54e07', class: `button` }, h("gb-button", { key: '5080010163621a9924c3704700d10dcaaf5c80d5', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '1d594fa7c255812d48c6eb7271cd99ec887d7eb9' }, "Mark all as read"))),
         ], this.state === 'notification_dropdown' && (h(Fragment, null, this.notifications.length > 0 ? (h("div", { class: "notification_dropdown" }, h("div", { class: `content_wrapper` }, this.notifications.map(notification => (h("gb-notification-content", { label: notification.label, time: notification.time, "supporting-text": notification.desc, icon: notification.icon })))), h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read")))) : [h("div", { class: `container` }, h("div", { class: "frame" }, h("img", { src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { class: "empty_state" }, h("div", { class: "content" }, h("img", { src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { class: "text" }, h("slot", { name: "label" }), h("slot", { name: "supporting_text" })))))), h("div", { class: `button` }, h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read"))),
         ]))));
     }

package/dist/esm/gb-pagination-dot-group.entry.js

@@ -9,7 +9,7 @@ const GbPaginationDotGroup = class {
         this.framed = false;
     }
     render() {
-        return (h("div", { key: 'da15a88383964b101d08b6ce937de8e0bda41571', class: "dot_group_div" }, h("div", { key: '136eec831bd30a9c7d7739ad06fbed2873129699' })));
+        return (h("div", { key: '74cfe1cda5314115a85751580d200bc36cfbf536', class: "dot_group_div" }, h("div", { key: 'c8098bea083d93cd283efd556a00655ef681fcde' })));
     }
 };
 GbPaginationDotGroup.style = gbPaginationDotGroupCss;

package/dist/esm/gb-pagination-dot-indicator.entry.js

@@ -8,7 +8,7 @@ const GbPaginationDotIndicator = class {
         this.current = false;
     }
     render() {
-        return (h("div", { key: '2861408d4fb2a12ff328a2b7bc97c82d5760e1e1', class: `dot_indicator_div 
+        return (h("div", { key: 'e5452e0a57e64c4b98f5dccc689473dbfd7ed328', class: `dot_indicator_div 
       ${this.type} ${this.current ? 'current' : ''} 
       ${this.size}` }));
     }

package/dist/esm/gb-progress-circle.entry.js

@@ -32,7 +32,7 @@ const GbProgressCircle = class {
         }
     }
     render() {
-        return (h("div", { key: '03119c03ca4a0bc30f6d4d17f1c497e7a497a151', class: "gauge" }, h("div", { key: 'ec87c02fe4c2795f0082a406e5fe3b6e36579a5a', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: '6b81b1f8bb84ab517555e6dc9a1478dba0ebc8a6', class: "mask" }), this.label && (h("div", { key: '94766423c5238dc32938b8a63880f57aec4194a2', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '562f07eb15c8c26404378deb12c06a7d93a62e8e', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (h("div", { key: 'c08516b3035aeb7b2817cb230d50f9ea4faf8100', class: "gauge" }, h("div", { key: '14a1545b900573c72b3a7825f62994a73cf65bfe', class: "arc", ref: el => (this.arcElement = el) }), h("div", { key: 'dd79b50077939b7808055cd5d7121c442e0feb8b', class: "mask" }), this.label && (h("div", { key: '6a2e840d743021e976601bc82c68320a76513db8', class: "label", ref: el => (this.labelElement = el) }, h("p", { key: '27dffb71dd5a7aea38351badc20f6a74066a872d', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gb-quick-action-card.entry.js

@@ -9,7 +9,7 @@ const GbQuickActionCard = class {
         this.label = '';
     }
     render() {
-        return (h("div", { key: 'ba59945e8023d11055462a394f7bc495f012f9e5', class: "quick_action_div" }, h("gb-card-icon", { key: '224263585537f77bcfda834e2a1e9c7e102ac87e', color: this.color, icon: this.icon }), h("p", { key: 'c1c3c3a1926d7f74ca59e477bca9a8f1f06b5e47', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: 'e0285d1b99d2aa7fe1fd1df9c7dcd23d1bd57326', class: "quick_action_div" }, h("gb-card-icon", { key: 'f682cd10e6697124e9cdc34cb3054fc299cac577', color: this.color, icon: this.icon }), h("p", { key: 'd6acbe2a540bd4f01250053355aef3bf3a80e674', class: "label text-xs-medium" }, this.label)));
     }
 };
 GbQuickActionCard.style = gbQuickActionCardCss;

package/dist/esm/gb-quick-action-icon.entry.js

@@ -10,7 +10,7 @@ const GbQuickActionIcon = class {
         this.isHovered = false;
     }
     render() {
-        return (h("div", { key: '2601bcfe13f4c7d6a055003fb91dc0cd357eb3f1', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '3e45232d2f2102282b802a950a874dc019312dd3', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: 'd20e7540fc84c0477d059257e5ef913063f6dff4', class: "label text-xs-medium" }, this.label)));
+        return (h("div", { key: '1797c098fbb0477d674dcc691fbce9dee6d623b8', class: "quick_action_icon_div", onMouseEnter: () => (this.isHovered = true), onMouseLeave: () => (this.isHovered = false) }, h("gb-card-icon", { key: '7e4b3dfceacfd70e1f1764e6e6628e3b8b789c6f', color: this.isHovered ? 'cyan' : 'blue', icon: this.icon }), h("p", { key: '097b4f9211d65705b04c754e9fd94780d8f77aa1', class: "label text-xs-medium" }, this.label)));
     }
 };
 GbQuickActionIcon.style = gbQuickActionIconCss;

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

@@ -9,7 +9,7 @@ const GbScrollbar = class {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: '4bb6c32c8b3b3d2402e459bf71ab8b8943d4a4ad', class: "scrollbar-container" }, h("div", { key: '170c2c2f9dad9550d0fb375d89b24c80ae820467', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '7b84f9d5512f25a9b684fcca3b6dec23bb546ece' }))));
+        return (h("div", { key: 'a466b0c100f97cada0f5cf9649b584e034fc1694', class: "scrollbar-container" }, h("div", { key: 'ee32fa5cefb6b419afb304c070434f873f9c033a', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '93c4488fba3a8334db3ac21098410267b451ca60' }))));
     }
 };
 GbScrollbar.style = gbScrollbarCss;

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

@@ -106,7 +106,7 @@ const GbSidebar = class {
         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: '5a3ea01a62a2e570f0727d60d8da2fd6824b1225', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '0f7e19fc1151c42f7b8676aa4c3cf80f1e6fdc10', class: "pattern" }, h("img", { key: 'dca2813888b4c2f37ee4f8810cff5df095e6a23f', src: patternSrc, alt: "" }))), h("div", { key: '87da9ee003035692cce0a2a8df69b5d5c756017d', class: "nav" }, h("div", { key: '264d79898f3d15de38c50c6d0d1bcddd6e896ad6', class: `sidebar_header ${this.state}` }, h("div", { key: '6f9b3cde7b8018d71d71def858178d6574c86bd2', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: 'fd0781732ffffc4e11bbe0d53a5a4f7a558fd18d', src: logoSrc, alt: "" })), h("div", { key: 'dfc08fa5d56acc335abf1d668a47968a2806bda6', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '3be1d40b431f9a0a5c4f0aea4774f4c5a99a3f4a', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '1ce1affac8c2ec12cb5df4b12ba0009ad88bfc7e', class: "navigation" }, h("div", { key: 'b21eaaa76bd576c9d3069d6e9fd31ee6b9d5227e', class: "item" }, h("gb-simple-side-bar-item", { key: 'f36999de6bbddcb042eac230f11e31c6e7b29e23', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: '66df531083d3377281acaddb50eaa99e5539db56', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: 'b722f89fade8840147c22f024dad154c2429573f', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: '149e627cfb61aed11a1daa99dadf56b4db41368c', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: '8d8b1c55ec30537ceac6bc6cdbec923f8a48aed5', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '6ba6332da2e5e08f3150b8bb2891fe7371217eb5', class: "navigation" }, h("div", { key: '478894f86a9775aaadb1493de036f450f2a9533b', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '64a3447d65c75448b17bbee371005e483cf7d834', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: '8ac716905e4ba654a21906a0c23751812f7ff59e', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: 'b493cd34be5a7a4f92c3a0bb0fcac281781b0871', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: '6f19062006866ffc03dabf917d95dd0706e7e896', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: '26af5dbc5beffcd44dae1b01e1e694ace0cce123', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: 'd6b6ecf14b2d13673a4a3d45112785ce3e2c8461', class: "application_name" }, h("div", { key: 'f1d13cf76ce6dca72703011b166684b262fcfcbf', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: 'd78e3654d32d7d8b591837360f388fcb1c614529', class: "application_name_pattern" }, h("img", { key: 'bee8e8cef290f9021baef70b52a0374d4bb0554f', src: patternSrc, alt: "" }))), h("div", { key: '702a9530a02018ef0fccca2030d4b0e8417388d4', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '20e9cf0fa3ba6ebc2af6ff9786b21c5852b2ab14', class: textClass }, h("slot", { key: 'f969c6bc94cff3fe14403a621762912daf78fdb8', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'b464de9686e367b019ec46965b61941b92cee9cc', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'fc5d2e140eb4339ef33002f5afe749cfb949ff2a', class: "nav_div" }, h("div", { key: 'ae8596ae84eedb023020593a9ffcf42185b850b3', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '395313e714c201f3c89cbab7e9c878f02c1cf785', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '6e57fb7606451d8aef5f3ad414234e97637213a6', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'cf415b831d6d5787804ec4fc87cf278635642df2', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '2bd2a1940dd2339129539ba985c3f7b677b04e94', class: "complex_sidebar_div" }, h("div", { key: '3734e014a6b79d6ff55a6cc394f1336743847593', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: 'e06a88a2e420d5175db4a9cb599664d7f57c55bc', class: "pattern" }, h("img", { key: 'dcdd9e442143ce6e869c0f1ff0d760e561b0b454', src: patternSrc, alt: "" }))), h("div", { key: '135a80d34d04a4dcce12fbad8363f585ee35eb04', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: '2d1eb953a7aa19f4f160558ed73274117de9df91', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: 'a2ec56e00bc2641d0238b57c0d820b99b9c7fddb', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
+        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: 'c0e0a0126cdd75ec519223e03a361703efdbe51f', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'bbfd2b2fed83faa474a54dd83d2314ccf25015a5', class: "pattern" }, h("img", { key: '278f11d038a55c8c68c749d8cad8f149a94879f8', src: patternSrc, alt: "" }))), h("div", { key: '09655e5cbebc473485dc1fecda4ba6d39e1c1f0d', class: "nav" }, h("div", { key: 'c0db287c1c38df275a9854fa84f5992c61a528ec', class: `sidebar_header ${this.state}` }, h("div", { key: '47029d61c5e43e6d7e8bcaf9098aa63779171560', 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: 'e730a4137cf1655f79d5d47a98099df75e46e8bc', src: logoSrc, alt: "" })), h("div", { key: 'fabda5f033a59e3562cb02a0b41fae868c946ac8', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '8664a17c3f3ab0e57ebea4567ab17c4cd438c347', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '39c77001cac8d1f53666cbaaa34ec807bb509572', class: "navigation" }, h("div", { key: '51b642e0e0be07829c3800330bb26ebfe9d26a19', class: "item" }, h("gb-simple-side-bar-item", { key: 'f6925b628b95949200f3ec7ff10d777461bf53fe', 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: '38bca1fee87b184cbdfb16e5d055f07abbf3e3fb', 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: '1859074f504270d958d08b68801a9dad27f337f6', 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: 'd525ee6e211b45c01c6eed389b68d24def045e10', 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: '268e43e5b4f36f281735411f6901c1d0fec9808f', 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: '74892d68c003b8ffb43cb1907a4817f7b24129f5', class: "navigation" }, h("div", { key: '908e273c5fa2efa7e6f13a6dac5425329a218feb', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'fc54dfd83996ef8e7b99402db5d7572ad604358c', 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: 'e5d1ffe587eba07e90a0009d8af850519706d72e', 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: 'c81f431317ecf484382943ee984c893b9be25c2d', 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: '1c12e7201265e9baf0c099448b9410f7532b885f', 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: '54ca4fb25a58fe2a47213c51edf711b5fe583732', 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: 'c0fd6ace2508a5e593fd92a7ed70cac20b6e011f', class: "application_name" }, h("div", { key: '4b42448bfaf42ace2c7d204c08498310d4bfae52', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: '408f083a0fe61a5b5ca3711b5293cafe442a672a', class: "application_name_pattern" }, h("img", { key: '627c0311d710d73eda04ba8f43cd0663a23f3ca2', src: patternSrc, alt: "" }))), h("div", { key: 'b1e3565a33c7265fe93cef405f04111baf36e9c1', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '9a00fdb36522027d24654f52e3897330ab88540b', class: textClass }, h("slot", { key: 'e584b51ad7c4f8f077ca1a9ac7f90294bb6d7d10', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'd1936c477be0c787d836923fee1a8362da81cc68', class: `sidebar_and_nav ${this.state}` }, h("div", { key: '43283d6b68eaf1343ff1b72b87d2ab72fa349a5c', class: "nav_div" }, h("div", { key: '816d11573114aa8051db41cbde90b25fac0e2206', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '1e631b85830a421d7c78f738f330d2f9bb31193e', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '32bdf0bbd602c8025e1cac1b95d21c3f1d729c18', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '7ed65c0b9260a5168e3da9339c5bb1bc2417cac8', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '281fd869895abf78b9062340eaaae45848932d9f', class: "complex_sidebar_div" }, h("div", { key: '6f74a9841d355ed0ca54559b169515b11d9a8c89', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '8c82f80729f9b95b71a09ba512385be0fe0177a7', class: "pattern" }, h("img", { key: '8d84704591f9bc4999e0b85e161dccbc833ea3ef', src: patternSrc, alt: "" }))), h("div", { key: '0b06c71b06b21826190e798a798214280be94257', 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: 'dce68566eeebeef76cdbd13672105fccae479a3a', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '27a83495471c7a08a88193aba81e8ebd6e6401bd', 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) }))))))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-slider-control-handle.entry.js

@@ -22,7 +22,7 @@ const GbSliderControlHandle = class {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: 'cdc2c4ca4fd2657ecab7a9b220421cb9171b4cf6', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: 'abc7a03b9ddee39c29cc2a50a175681e4528ac96', class: "tooltip-container" }, h("gb-tooltip", { key: 'b3fa415a4c33ae58dceccb8fab1fed340d2eeb7b', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: 'e95c766ec124050730e4f164eb377641e8903d15', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'f9dea8d8d989486fcdf835fbc58bec135012a00f', class: "thumb-label" }, h("p", { key: 'a9a905eefee5fd473ad435339fbeaf134ecc1dad', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: 'ea76e578a9b69e56d98d20126da78dece7a77c54', 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: '4b6f6761091fa86491d33f6374bb7d591c8d4a6c', class: "tooltip-container" }, h("gb-tooltip", { key: 'cac7a7ad1645fd6d76f07ece62d6a82770edec48', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: '1adfc6dcdb1cfe821ef3cf24e4c717237ae33c73', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '43252473706c206a70d2a77c2ff2398d7b512321', class: "thumb-label" }, h("p", { key: '2e4b371ed06b9b0b3a67edd380d25eb9745eddba', class: "thumb_label text-md-medium" }, this.value)))));
     }
 };
 GbSliderControlHandle.style = gbSliderControlHandleCss;

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

@@ -76,7 +76,7 @@ const GbSlider = class {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: 'ee656e4b38843607d7802c31c7fd05e1380dd0cd', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'f8e9d81b1e7623169288eff3f89d1538855a8295', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '31fed9bfe9e8b56b22f4bd561611f2dfa18d44f9', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '801f39351e057e7f012b455b32b53abb0e940e6f', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
+        return (h("div", { key: '1be9846c13e3edf59925509edaac2dd6855069e8', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: '82d18a15482e37cbcdd7977d8ed669a66d737207', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: 'bd828583399b88ac953eadc211b9d95433d062bd', 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: '01a34056a0d47a466e2930d0abb1f361d44b177e', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/gb-stepper-horizontal-icons-centered.entry.js

@@ -21,7 +21,7 @@ const GbStepperVerticalIconsCentered = class {
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: 'ae11b2813d4af3c3fb0467f7fa400f36c89adfea', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '9c0f1d62c4d79128433136448cace9f2afb106c5', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '5cd868602f847aa5388266dd390db0e0fd18c326', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: false, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }))), this.steps === 3 && (h(Fragment, null, h("gb-step-base", { key: '702271730d66fe2390629d03df17d8811a080ea2', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '9be53afeda412073b22f96a0315c0a0545d8a350', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '621048ba77db8a4be62f6cacd2517c565127bcf7', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: false, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }))), this.steps === 4 && (h(Fragment, null, h("gb-step-base", { key: '2372c71fe597987f1b29423903789f2f20e890f3', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'b701290bd3195fbceabbe79066bd79d1a3dca2b0', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'c5490f314d09f5f31e427eda4d8ae4b9520816ad', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '802535fa12ef50132e544e41ffea774e58881e77', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: false, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }))), this.steps === 5 && (h(Fragment, null, h("gb-step-base", { key: '040ca5a7db216e7bdb2dce447f9fac456a16503c', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '7726324ca4cca89198c939b4df9350a6d107603d', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '54a29636f6f5ab8114cd02077303828aac763f55', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'e249df77b43f0bafa6fde5c6f6755d6356503cff', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'b1bef8d1e05a11140759113c08a34f95029d0dd1', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: false, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }))), this.steps === 6 && (h(Fragment, null, h("gb-step-base", { key: '0a046f900a830cfdee407a6c9e87c03fbac0bd56', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '610b4493056edcd146a02a3e232f7a95c43eca0e', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: '09aa8be1ea0d3bf146ded767adb0d41ddc0556f8', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: 'e0881543b9f72841790f9360207400bd76e43d21', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: 'a9351c861e2bfe1acdee07a5fe723e0177dac0ed', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: '3ff534b1d8c001d3cfc4ee1f5672b65d3b2be856', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: false, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }))), this.steps === 7 && (h(Fragment, null, h("gb-step-base", { key: 'de8d9db10794cdde6d54d7ca5b9bd5d6ed2e956e', size: this.size, type: "icon_left", state: this.firstStepState, status: this.firstStepStatus, connector: true, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'a8fc0efc2b03e9b513a1154f0ee839a80aca826a', size: this.size, type: "icon_left", state: this.secondStepState, status: this.secondStepStatus, connector: true, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), h("gb-step-base", { key: 'a08736d9ed8340e19197f386bac12fc2c1dd6a38', size: this.size, type: "icon_left", state: this.thirdStepState, status: this.thirdStepStatus, connector: true, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText }), h("gb-step-base", { key: '7f817e8d27a574defc9e19c60480a8ebdcbea591', size: this.size, type: "icon_left", state: this.fourthStepState, status: this.fourthStepStatus, connector: true, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText }), h("gb-step-base", { key: '71ff429896f061e1e5c991585a6f1e695addb789', size: this.size, type: "icon_left", state: this.fifthStepState, status: this.fifthStepStatus, connector: true, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText }), h("gb-step-base", { key: 'b4373cb715188b83c6a7681c7f29f89a0bac133d', size: this.size, type: "icon_left", state: this.sixthStepState, status: this.sixthStepStatus, connector: true, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText }), h("gb-step-base", { key: 'e169a0670e3145e12f5e85f92b64064108370006', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
+        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '57f0fc80fab3c011d30242ab1b71883c0fe32332', class: "icons_centered_div" }, this.breakpoint === 'mobile' && (h(Fragment, null, this.steps === 2 && (h(Fragment, null, h("gb-step-base", { key: '77dc4bb44b6fa87abb8cd8d660627dc87cfa5243', 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: '6249ff7c7c671b292c975ed369646399c5c3930e', 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: 'a6f4e9fdad6400e1694e3896bfd2699bb91c2a30', 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: '20057910b2099600c85cf29970f50ea324d5c522', 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: 'b61a6e949de9348a23c60eb7a5a8d0f4c498f935', 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: '2c7831926958ff51d1bedd71fad987d24e24ce24', 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: 'fc3dea4986bcc7c64f57ebe896c7770dad3db73b', 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: '96663f0409fc2fb0bc2733d7732c43fef36916d7', 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: '1e8eb0c04809c27c4114e8f6dcd25b2f18381e7a', 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: '84db48705dd4b515fabdb9cc1bd6d7bc98b2ff3d', 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: 'e11e6dfc81a7034506dbed1f7fa84800eb5e97d4', 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: '0bd5795a65cd1eb647484fef3f933670502cff73', 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: 'c3540f9d4cb251f5e4cc564841c67ff4a9fcd7f6', 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: '09d0104223aa7bbd015ff313d9b630f784c644ba', 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: 'e25b44809158c19ea23c81284bf54f08160b6db7', 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: '3d98f653d2f668e5ac9a65aff6e63f56e1aaba9b', 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: '35b00c93888fd31e06dc912435a6cd4625902e5d', 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: '6c11143a3f19b16f665d4a6c6659bf3a9130d363', 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: '524f91b44c69ea52bd5a42c4a08e4e38d7ced03f', 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: '94dfd13caabd169f9640c98b0298821d86ac1e99', 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: '5d694816fc7065ba20e61945c70ee2d267fd8d93', 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: 'e5de2e233d4ac2fa814314f574f94037d75beaf9', 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: '0fea53541e5a6b9dd51dd0473bd606eb249df754', 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: '06e7720aae4d31a9b6d2fa1fac4142fac0e196b9', 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: '976f380fe3ffe253224161b83c7c864d5f5f9d55', 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: 'f41dc30dab0d12b5e22e3df044bf72dda7656927', 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: '08b1e4bbe48c70ba4b5af926d49c5428c8091eaa', size: this.size, type: "icon_left", state: this.seventhStepState, status: this.seventhStepStatus, connector: false, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText })))))))));
     }
 };
 GbStepperVerticalIconsCentered.style = gbStepperHorizontalIconsCenteredCss;

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

@@ -35,7 +35,7 @@ const GbStepperHorizontalLineWithText = class {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (h("div", { key: '1a2372db0eca76c63bd68957157a78e0f0b5da7b', class: "text_with_line" }, h("gb-step-base", { key: '06ed7c972904ae7ada3363728780773b75fe62ec', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), h("gb-step-base", { key: '200a538a64dbf148d4b7223e72ef2773741c931e', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: '70b77ef217dd634fcd07cbad7723578b6e25fa74', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: '821b45aa5cd8c0f3b4da0da1dc29f5fccbed9e82', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: '0f215ace9956a510924d3044661490674ced6102', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: '8c0fb914d9fa38fdf63eec9aa079074729614f30', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: 'a9a0ba75f52c73aaec39db9a029105bc3a596b42', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
+        return (h("div", { key: '1e1304f48ee5db56a15198387ec2aadf26fd6f1c', class: "text_with_line" }, h("gb-step-base", { key: 'a645ca788654fb05ab79cacd1ba8be9760806b07', 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: '80176ce81c1c34ab8e1b80ef7a064c3bff22f98a', 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: '95661d3500e3214e8450ebce6cba1f0353e4d796', 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: 'b844eca45620dfe90932baf42816cfa47f8bc4cd', 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: '038578f4945a67983d289378dbc33b13472ec8c0', 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: '1e32f2f08e7e0deb65d9e1ff8c374c6d7a1c672b', 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: '8cad22d654db3d692e40da687debbb6d107d1326', 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 }))));
     }
 };
 GbStepperHorizontalLineWithText.style = gbStepperHorizontalLineWithTextCss;

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

@@ -45,11 +45,11 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: '324e4461c439271f380272c3c886c58811e6e3df', class: `tab_button_div ${this.type}
+        return (h("div", { key: '4a3e74d620eaf54617ca3300eefcfcb6647fb505', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '34a72053a0f8e81ad106bddacb61065552e7e298', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '6437e46dee094cb21e2cba3503162c81e8d776f8', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '23918fa6d2c62f3b80e3b3821af5998e606cfd78', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '5785bf4d6c18cf538237fcb53ddca541ac298bb2', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
@@ -58,7 +58,7 @@ const GbTabButtonBase = class {
                         :
                             this.current && this.type === 'line'
                                 ? 'information'
-                                : 'gray' }, h("slot", { key: '84b1531050d3ace41fea0283d0843a55112757d6', name: "count" })))));
+                                : 'gray' }, h("slot", { key: '00fb04b8c535b135cadf0f4dedbdbedce065545f', name: "count" })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -7,7 +7,7 @@ const GbTableCell = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '8e70c2190136f2b207169d479201957946fb80f1', class: "table_cell_div" }));
+        return (h("div", { key: 'a1fcb296cf3b9a0d1687c5630555262294624703', class: "table_cell_div" }));
     }
 };
 GbTableCell.style = gbTableCellCss;

package/dist/esm/gb-table-header.entry.js

@@ -48,7 +48,7 @@ const GbTableHeader = class {
         this.refreshButtonClicked.emit();
     }
     render() {
-        return (h("div", { key: '0035205826d439ffbad471dfc9bddaae16790f4d', class: "table_header_div" }, h("div", { key: '7e2217e41a0b07de985a36f488eaafa6b3953843', class: "table_header_content" }, this.tableHeading && h("p", { key: '696984ca6f0ff3ca1d07866f313efb4bc073e1ab', class: "text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: '5f155831f90c83b6ad75a6af21369b79569a66e8', class: "actions" }, this.showSearch && (h("div", { key: '151f5a1449038415743a03bf7d555b3ff448244b', class: "input_field" }, h("gb-input-field", { key: '8fe6c9cf0efd86f75ef44a3a4f0b941f68100589', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: 'f90a89e24b4affe9471275b16324e7e789165b8c', class: "action" }, this.showColumnOptions && (h("gb-button", { key: '3d552ac203dc6969d5476f8be7459292cc2ec50e', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '84d5a5d9d26be4b3a728d6761050d11f62da2ff4' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '9c81e024bd40f7ebc305a18e16136b072de226a9', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: 'cedc487cdb7a13d921dbca2737d5449c50b8aa11', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '91d5e7bcd26ab964308dabc735b5b3d005272720', class: "export" }, h("gb-button", { key: '2f642ef5376b40a3581174b8900cd6316e3f1ab9', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, h("p", { key: '88d7d005f3e219fa2988b29ce8a010a7fac75813' }, "Export")), this.showExportDropdown && h("gb-export-dropdown", { key: '836a518362265b1c2a244c564126411a67b3680c', onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" }))), this.showRefreshButton && (h("div", { key: '34594a574fffbf094b460120327b3b794137082b', class: "refresh_button" }, h("gb-button", { key: 'f2b54ab277839245927d6c6e19b98d15cb921d40', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
+        return (h("div", { key: '7e1b4b316989ee1f484194fce7645cb19ced9e5e', class: "table_header_div" }, h("div", { key: '16a7588e051f5ce5a618fe22743201791b4dc698', class: "table_header_content" }, this.tableHeading && h("p", { key: '46315968cf3e5e260fe8f6e361e948149fa9bf0f', class: "text-lg-semi-bold" }, this.tableHeadingLabel), h("div", { key: 'd7dd7dc35f97983db236cac6ac3cc0fb44ee0e43', class: "actions" }, this.showSearch && (h("div", { key: 'd1a7712864d870a853f34bcaa4c9d29f90b72160', class: "input_field" }, h("gb-input-field", { key: '8008a00bd07a44c5250a8b2144fcbffd640c3c7b', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '057441854c0d1252b7377804dae4d40144777218', class: "action" }, this.showColumnOptions && (h("gb-button", { key: 'a2a220bbb6521329e627737365c5c553ed4646a3', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: '510a352b41248771e49fb1cccb526524a2fe5776' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '8b1f62952287f0f2f7f04d5edf103bf5508feca9', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '46c687515043222cafa1e44bfdf27d06b3944896', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: 'f887e2f4cb9c6ea60c3587937e55130414bcffc6', class: "export" }, h("gb-button", { key: '0ab12927919bf72e4418e090ceec23fbf379cd77', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, h("p", { key: '76ed7c7d1146f51a56cce2f527d92413f5e65053' }, "Export")), this.showExportDropdown && h("gb-export-dropdown", { key: '867adc6c97d4a88f20e43d0645a7f8b2f2ac3eb0', onExportClicked: () => this.emitSelection.bind(this), class: "dropdown" }))), this.showRefreshButton && (h("div", { key: '3acc0dd5d668b45d1cd37630e83cfe0849580785', class: "refresh_button" }, h("gb-button", { key: '64f5d1b37738144e58e8bcbb048ec3a84edb18dd', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() }))))))));
     }
 };
 GbTableHeader.style = gbTableHeaderCss;

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

@@ -191,14 +191,14 @@ const GbTextareaInputField = class {
         }
     }
     render() {
-        return (h("div", { key: '31436c1b6fee08513860325622e22322546060b5', class: "textarea_container" }, h("div", { key: 'c7ab9e1915b4f8eeafdeed602e909b4350ec1cbe', class: "input_with_label" }, this.showLabel && h("p", { key: '1aac4f9a39dafa786aa63f3507b28338c4b44f95', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '0c4c9f33624396c7b9d7e8b9561ac02cb320831f', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: 'c35f44d4b9c0c190069251941cd70f50ba035fe3', class: "textarea_tags" }, h("div", { key: '0c24489b27fc7cbf29ba6134d755f85675018df8', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'f20b94902e4bfbf8b696db65bc46744b70c2df2f', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (h("div", { key: '9c6879ce7891fdcc7e8e05952586c1fd5a6c1f87', class: "textarea_container" }, h("div", { key: 'd534c68c4ee7178806944ddf537224c02b62d1c6', class: "input_with_label" }, this.showLabel && h("p", { key: 'ed9c9c362721d672bfef5768c50f27eb7a8cb13e', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '3840e1dc875f8c73f6faae4e783452a89d85e9e8', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: '6953feb12a7ab24394036c716bbac26793e6601b', class: "textarea_tags" }, h("div", { key: 'bacf34069020229631b992ed5beba158b4b2289a', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '115a5edb96a9ac92a3b30dbfab65a31f4b2d043c', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: '4da0fad4a4a2c751b1adc74834468c92123ee02f', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '802f64196ac2aa2706f00eadcc8ee7ab3e765abf', class: "input_field" }, h("input", { key: 'd0dd578bb75d74138af186b3bfe5c6962d0e2541', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: '41d49b9d901e6067424e254477b15f536080f344', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '110c608d2198c2d2b0978301ff00676ef84f32fd', class: "input_field" }, h("input", { key: 'c227f98e2cc560366f279ebfa0d1799497fc798c', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
             // placeholder={this.placeholderText}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '4e1fa1aab6843803682d03e2eedf6282231965d8', class: "help_icon" }, h("svg", { key: '2874fb419f167844f37f41b6008605c558c50a89', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '0d4b5fb4c3c861577779b92efd8e111016dcc05e', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: 'd00bc3712f0517650ac6e20a661d9622abf73f08', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '657d42f8dae024b276ec754d9ad7b77ec34e59ec', class: "help_icon" }, h("svg", { key: '72a27c497971c8badec9ed4544df69b8d673a7bb', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '765c41b4b09a6425ab25081769671b05c86d4d64', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: 'af4a2be2c6fda5117fc9810e6e79f0f231ad964c', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
-            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: 'cf7122847d515ed78eb85bb7e2a6a41dd42486f7', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: 'af4bb7ce20e05646a7afe56666d4740783bdc8f1', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {