globuswebcomponents 2.5.0 → 2.5.1

package/dist/cjs/gb-avatar_25.cjs.entry.js

@@ -330,7 +330,6 @@ const GbButton = class {
         this.internalButtonState = '';
         this.internalIconLeadingState = '';
         this.internalIconTrailingState = '';
-        this.internalSize = '';
     }
     componentWillLoad() {
         if (this.iconLeading && this.iconLeadingSwap) {
@@ -351,9 +350,6 @@ const GbButton = class {
     updateButtonState(newValue) {
         this.internalButtonState = newValue;
     }
-    updateSize(newValue) {
-        this.internalSize = newValue;
-    }
     componentWillRender() {
         this.internalButtonState = this.state;
     }
@@ -372,7 +368,7 @@ const GbButton = class {
     getButtonClasses() {
         return {
             button: true,
-            [this.internalSize]: true,
+            [this.size]: true,
             [this.hierarchy]: true,
             destructive: this.destructive,
             disabled: this.internalButtonState === 'disabled',
@@ -382,7 +378,7 @@ const GbButton = class {
         };
     }
     getButtonTextClasses() {
-        switch (this.internalSize) {
+        switch (this.size) {
             case 'xl2':
                 return 'text-lg-semi-bold';
             case 'xl':
@@ -396,19 +392,18 @@ const GbButton = class {
         }
     }
     renderLeadingIcon() {
-        return index.h("div", { class: `icon left-icon ${this.internalSize}`, innerHTML: this.leadingIconSvg });
+        return index.h("div", { class: `icon left-icon ${this.size}`, innerHTML: this.leadingIconSvg });
     }
     renderTrailingIcon() {
         return index.h("div", { class: "icon right-icon", innerHTML: this.trailingIconSvg });
     }
     render() {
-        return (index.h("button", { key: 'b371e967b77f223b6da4aedcb72fe83feed2e305', disabled: this.internalButtonState === 'disabled', class: this.getButtonClasses() }, this.iconLeading && this.icon === 'default' && this.renderLeadingIcon(), this.icon === 'default' && index.h("slot", { key: '21ad6924aec2a7644369bfdbe3be57f54b4128ea' }), this.iconTrailing && this.renderTrailingIcon(), this.icon === 'only' && this.renderLeadingIcon()));
+        return (index.h("button", { key: '775488e910ad1686324092a389f3bb2d305234c7', disabled: this.internalButtonState === 'disabled', class: this.getButtonClasses() }, this.iconLeading && this.icon === 'default' && this.renderLeadingIcon(), this.icon === 'default' && index.h("slot", { key: 'baac8220e2d3fb26371206b5ec7bac3415d01b27' }), this.iconTrailing && this.renderTrailingIcon(), this.icon === 'only' && this.renderLeadingIcon()));
     }
     static get assetsDirs() { return [""]; }
     get el() { return index.getElement(this); }
     static get watchers() { return {
-        "state": ["updateButtonState"],
-        "size": ["updateSize"]
+        "state": ["updateButtonState"]
     }; }
 };
 GbButton.style = gbButtonCss;
@@ -1325,7 +1320,7 @@ const GbSidebar = class {
         const logoSrc = index.getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = index.getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = index.getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (index.h(index.Fragment, null, this.type === 'simple' && (index.h("div", { key: 'b34ffe6001b92ff0838f19658789c8bed98f599a', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: 'd60a7706962fdec45ee2ba74abe2aa09663b6531', class: "pattern" }, index.h("img", { key: '6f7022b274a1b0eeec2322cc18938b1997538beb', src: patternSrc, alt: "" }))), index.h("div", { key: '1552c3b057f04215407cb40a94c6a5027fc62636', class: "nav" }, index.h("div", { key: 'e3ac487f37afbb36178b97aae2339fd8d496d605', class: `sidebar_header ${this.state}` }, index.h("div", { key: '560a691d96b7c468b7a72465720a26022a7aa52b', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && (index.h(index.Fragment, null, this.category === 'plain_background' && this.isDarkTheme ? (index.h("img", { src: whiteLogoSrc })) : this.category === 'plain_background' && !this.isDarkTheme ? (index.h("img", { src: blueLogoSrc })) : (index.h("img", { src: whiteLogoSrc })))), this.state === 'collapsed' && index.h("img", { key: 'e9109d3fc01fd636517c4f5e64db6be04e4709b0', src: logoSrc, alt: "" })), index.h("div", { key: '70e91e97f49e7989968cf52d8e0722d424ec4e7b', class: `collapse_button ${this.state}` }, index.h("gb-collapse-button", { key: '1e26c60d937cfd0dddb9641cd6e7d051ef07c2ea', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: '027ec8883f88e6d331838ea28c4addf247af4052', class: "navigation" }, index.h("div", { key: '5b2c3a7345524414257d113d6bc7d5a6bcdfe6d8', class: "item" }, index.h("gb-simple-side-bar-item", { key: '38825a6baad9d22ee21718cb40265fa6399e2961', 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 }), index.h("gb-simple-side-bar-item", { key: 'd8d2f8dccdc92230e1cdcdeae77baf19e5cb4f84', 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 && (index.h("gb-simple-side-bar-item", { key: '6034b450d418811e2b58230f27868ecd7aa77516', 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 && (index.h("gb-simple-side-bar-item", { key: 'bf1aefc1e0bf3985740e22fd4816852e69268db4', 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 && (index.h("gb-simple-side-bar-item", { key: '678635b129a8278057a6f6aa24576dfe4780be8d', 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 && (index.h("div", { key: '7a85e7e9d305b74b9c2820ba2ca6c1158e23b09e', class: "navigation" }, index.h("div", { key: 'fdbef321c98f12278b6a67c1f02b1c5caa2d3219', class: "item" }, this.sixthItemLabel && (index.h("gb-simple-side-bar-item", { key: '5460aedeb63f04939e3a8eb21c28fe2e7827ff3a', 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 && (index.h("gb-simple-side-bar-item", { key: '299d3e586ec52634b6c0afac4b4dcfea3f5c5495', 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 && (index.h("gb-simple-side-bar-item", { key: '71103c96d8152171a7e2609ae83e3a4f3181bd1b', 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 && (index.h("gb-simple-side-bar-item", { key: '84f6c90478413ff29b9bc1433bf939668b0556a2', 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 && (index.h("gb-simple-side-bar-item", { key: '1e30f34801459df23e103b3dfa66bfe26c9f4223', 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' && (index.h("div", { key: '7138cd539e0ecb23f291393564a5a9e63a754e3e', class: "application_name" }, index.h("div", { key: '69a404a762f6f1baf1080f3b23754c7cbaebcc43', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (index.h("div", { key: '8f5205f4d73255d12b79b7979bc894e2c943b1b9', class: "application_name_pattern" }, index.h("img", { key: '16ead90d0131cb18dd6d43acf529b22a210184dc', src: patternSrc, alt: "" }))), this.hasInfo ? (index.h(index.Fragment, null, index.h("div", { class: "information_header" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `help_icon ${this.category}` }, index.h("path", { opacity: "0.4", d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", fill: "var(--color-text-brandDarkBlue, #212C65)" }), index.h("path", { d: "M11.2422 17C11.2422 17.5523 11.6899 18 12.2422 18C12.7945 18 13.2422 17.5523 13.2422 17H11.2422ZM11.2422 10C10.6899 10 10.2422 10.4477 10.2422 11C10.2422 11.5523 10.6899 12 11.2422 12V10ZM12.0957 11.1464L12.8028 10.4393L12.0957 11.1464ZM11.992 7C11.4397 7 10.992 7.44772 10.992 8C10.992 8.55228 11.4397 9 11.992 9V7ZM12.001 9C12.5533 9 13.001 8.55228 13.001 8C13.001 7.44772 12.5533 7 12.001 7V9ZM23 12C23 5.92487 18.0751 1 12 1V3C16.9706 3 21 7.02944 21 12H23ZM12 1C5.92487 1 1 5.92487 1 12H3C3 7.02944 7.02944 3 12 3V1ZM1 12C1 18.0751 5.92487 23 12 23V21C7.02944 21 3 16.9706 3 12H1ZM12 23C18.0751 23 23 18.0751 23 12H21C21 16.9706 16.9706 21 12 21V23ZM11.2422 12V17H13.2422V12H11.2422ZM11.2422 12C11.3638 12 11.4531 12.0001 11.5286 12.002C11.6046 12.0039 11.6417 12.0072 11.6576 12.0094C11.6729 12.0114 11.6408 12.009 11.5864 11.9866C11.524 11.9609 11.4526 11.9176 11.3886 11.8536L12.8028 10.4393C12.5129 10.1493 12.1711 10.0604 11.9241 10.0272C11.7058 9.99788 11.4496 10 11.2422 10V12ZM13.2422 12C13.2422 11.7926 13.2443 11.5364 13.215 11.3181C13.1818 11.0711 13.0928 10.7293 12.8028 10.4393L11.3886 11.8536C11.3246 11.7896 11.2813 11.7181 11.2556 11.6558C11.2332 11.6014 11.2307 11.5693 11.2328 11.5846C11.2349 11.6005 11.2383 11.6376 11.2402 11.7136C11.2421 11.789 11.2422 11.8784 11.2422 12H13.2422ZM11.992 9H12.001V7H11.992V9Z", fill: "var(--color-text-brandDarkBlue, #212C65)" })), index.h("p", { class: `need_help ${this.category} text-lg-bold` }, "Need help?")), index.h("p", { class: `info phone_no ${this.category} text-sm-medium` }, this.email), index.h("p", { class: `info ${this.category} text-sm-medium` }, this.phoneNumber))) : (index.h(index.Fragment, null, index.h("div", { class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), index.h("span", { class: textClass }, index.h("slot", { name: "application_name" }))))))))), this.type === 'complex' && (index.h("div", { key: 'ed1bed34f88df702bfe488e24a20fc7a03836844', class: `sidebar_and_nav ${this.state}` }, index.h("div", { key: 'd53f8e0d99e9d298ceeae24836219c14a848dbc0', class: "nav_div" }, index.h("div", { key: '53283ebaa1b53c719ab02e31bfe9a8b45f70f099', class: "logo_and_button" }, this.state === 'expanded' && index.h("img", { key: '9ac7c7e55494d2b1d80396ef06ef94cc7e713c47', src: blueLogoSrc }), this.state === 'collapsed' && index.h("img", { key: '7fe74a6109728a075b841341ed75fec3d100ff64', src: logoSrc, alt: "" }), index.h("gb-collapse-button", { key: '2a450d81d41fce1aba9cb5b4d5e79ee35c61562e', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: 'd269212489007b17b54a8b6681d632461a7969ef', class: "complex_sidebar_div" }, index.h("div", { key: '902f9d2bf0b0999661adb3395cc8de587d1636ee', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (index.h("div", { key: 'dbd5c99fc32386022b196b7f059faa53441f103c', class: "pattern" }, index.h("img", { key: '6d78199c619cd6254e092ca2a3bce73ce9c0f5e8', src: patternSrc, alt: "" }))), index.h("div", { key: '9a02e779004fc0f73a3d689779253eb092e23e33', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index$1) => (index.h("gb-complex-primary-side-bar-item", { key: `${index$1}`, 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$1) }))))), index.h("div", { key: 'ae4410c1934543d7440fb07514dd5e1c1907f925', class: `secondary_side_menu ${this.category} ${this.state}` }, index.h("div", { key: 'a9f80d259f5da966e22da21c30bf1b1cdb627f46', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index$1) => (index.h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index$1}`, 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$1) }))))))))));
+        return (index.h(index.Fragment, null, this.type === 'simple' && (index.h("div", { key: 'b34ffe6001b92ff0838f19658789c8bed98f599a', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: 'd60a7706962fdec45ee2ba74abe2aa09663b6531', class: "pattern" }, index.h("img", { key: '6f7022b274a1b0eeec2322cc18938b1997538beb', src: patternSrc, alt: "" }))), index.h("div", { key: '1552c3b057f04215407cb40a94c6a5027fc62636', class: "nav" }, index.h("div", { key: 'e3ac487f37afbb36178b97aae2339fd8d496d605', class: `sidebar_header ${this.state}` }, index.h("div", { key: '560a691d96b7c468b7a72465720a26022a7aa52b', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && (index.h(index.Fragment, null, this.category === 'plain_background' && this.isDarkTheme ? (index.h("img", { src: whiteLogoSrc })) : this.category === 'plain_background' && !this.isDarkTheme ? (index.h("img", { src: blueLogoSrc })) : (index.h("img", { src: whiteLogoSrc })))), this.state === 'collapsed' && index.h("img", { key: 'e9109d3fc01fd636517c4f5e64db6be04e4709b0', src: logoSrc, alt: "" })), index.h("div", { key: '70e91e97f49e7989968cf52d8e0722d424ec4e7b', class: `collapse_button ${this.state}` }, index.h("gb-collapse-button", { key: '1e26c60d937cfd0dddb9641cd6e7d051ef07c2ea', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: '027ec8883f88e6d331838ea28c4addf247af4052', class: "navigation" }, index.h("div", { key: '5b2c3a7345524414257d113d6bc7d5a6bcdfe6d8', class: "item" }, index.h("gb-simple-side-bar-item", { key: '38825a6baad9d22ee21718cb40265fa6399e2961', 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 }), index.h("gb-simple-side-bar-item", { key: 'd8d2f8dccdc92230e1cdcdeae77baf19e5cb4f84', 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 && (index.h("gb-simple-side-bar-item", { key: '6034b450d418811e2b58230f27868ecd7aa77516', 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 && (index.h("gb-simple-side-bar-item", { key: 'bf1aefc1e0bf3985740e22fd4816852e69268db4', 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 && (index.h("gb-simple-side-bar-item", { key: '678635b129a8278057a6f6aa24576dfe4780be8d', 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 && (index.h("div", { key: '7a85e7e9d305b74b9c2820ba2ca6c1158e23b09e', class: "navigation" }, index.h("div", { key: 'fdbef321c98f12278b6a67c1f02b1c5caa2d3219', class: "item" }, this.sixthItemLabel && (index.h("gb-simple-side-bar-item", { key: '5460aedeb63f04939e3a8eb21c28fe2e7827ff3a', 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 && (index.h("gb-simple-side-bar-item", { key: '299d3e586ec52634b6c0afac4b4dcfea3f5c5495', 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 && (index.h("gb-simple-side-bar-item", { key: '71103c96d8152171a7e2609ae83e3a4f3181bd1b', 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 && (index.h("gb-simple-side-bar-item", { key: '84f6c90478413ff29b9bc1433bf939668b0556a2', 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 && (index.h("gb-simple-side-bar-item", { key: '1e30f34801459df23e103b3dfa66bfe26c9f4223', 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' && (index.h("div", { key: '7138cd539e0ecb23f291393564a5a9e63a754e3e', class: "application_name" }, index.h("div", { key: '69a404a762f6f1baf1080f3b23754c7cbaebcc43', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (index.h("div", { key: '8f5205f4d73255d12b79b7979bc894e2c943b1b9', class: "application_name_pattern" }, index.h("img", { key: '16ead90d0131cb18dd6d43acf529b22a210184dc', src: patternSrc, alt: "" }))), this.hasInfo ? (index.h(index.Fragment, null, index.h("div", { class: "information_header" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `help_icon ${this.category}` }, index.h("path", { opacity: "0.4", d: "M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12Z", fill: "var(--color-text-brandDarkBlue, #212C65)" }), index.h("path", { d: "M11.2422 17C11.2422 17.5523 11.6899 18 12.2422 18C12.7945 18 13.2422 17.5523 13.2422 17H11.2422ZM11.2422 10C10.6899 10 10.2422 10.4477 10.2422 11C10.2422 11.5523 10.6899 12 11.2422 12V10ZM12.0957 11.1464L12.8028 10.4393L12.0957 11.1464ZM11.992 7C11.4397 7 10.992 7.44772 10.992 8C10.992 8.55228 11.4397 9 11.992 9V7ZM12.001 9C12.5533 9 13.001 8.55228 13.001 8C13.001 7.44772 12.5533 7 12.001 7V9ZM23 12C23 5.92487 18.0751 1 12 1V3C16.9706 3 21 7.02944 21 12H23ZM12 1C5.92487 1 1 5.92487 1 12H3C3 7.02944 7.02944 3 12 3V1ZM1 12C1 18.0751 5.92487 23 12 23V21C7.02944 21 3 16.9706 3 12H1ZM12 23C18.0751 23 23 18.0751 23 12H21C21 16.9706 16.9706 21 12 21V23ZM11.2422 12V17H13.2422V12H11.2422ZM11.2422 12C11.3638 12 11.4531 12.0001 11.5286 12.002C11.6046 12.0039 11.6417 12.0072 11.6576 12.0094C11.6729 12.0114 11.6408 12.009 11.5864 11.9866C11.524 11.9609 11.4526 11.9176 11.3886 11.8536L12.8028 10.4393C12.5129 10.1493 12.1711 10.0604 11.9241 10.0272C11.7058 9.99788 11.4496 10 11.2422 10V12ZM13.2422 12C13.2422 11.7926 13.2443 11.5364 13.215 11.3181C13.1818 11.0711 13.0928 10.7293 12.8028 10.4393L11.3886 11.8536C11.3246 11.7896 11.2813 11.7181 11.2556 11.6558C11.2332 11.6014 11.2307 11.5693 11.2328 11.5846C11.2349 11.6005 11.2383 11.6376 11.2402 11.7136C11.2421 11.789 11.2422 11.8784 11.2422 12H13.2422ZM11.992 9H12.001V7H11.992V9Z", fill: "var(--color-text-brandDarkBlue, #212C65)" })), index.h("p", { class: `need_help ${this.category} text-lg-bold` }, "Need help?")), index.h("p", { class: `info phone_no ${this.category} text-sm-medium` }, this.email), this.phoneNumber && index.h("p", { class: `info ${this.category} text-sm-medium` }, this.phoneNumber))) : (index.h(index.Fragment, null, index.h("div", { class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), index.h("span", { class: textClass }, index.h("slot", { name: "application_name" }))))))))), this.type === 'complex' && (index.h("div", { key: '94e7ebe9e32dbb561aad79fc9fbd2a8f82ca0849', class: `sidebar_and_nav ${this.state}` }, index.h("div", { key: 'd1f8980c5b8bbf90914e7383429b4ba82d2d336b', class: "nav_div" }, index.h("div", { key: 'f339d51078c3a92b5bac4309cb93165ab217b374', class: "logo_and_button" }, this.state === 'expanded' && index.h("img", { key: 'cb29b59fe78fd21e6bfdd5796b5be331ba0b5948', src: blueLogoSrc }), this.state === 'collapsed' && index.h("img", { key: '08d021d2c5be7c0ffad1354713712d37fd41c3ee', src: logoSrc, alt: "" }), index.h("gb-collapse-button", { key: 'b22dca8f96e6a3700aebbfb161c58d9e594e19a7', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: 'c546216861488e3c630cf4d48eef3d6f04dc9790', class: "complex_sidebar_div" }, index.h("div", { key: '761a071deb0d9ce1418ba7d015ac0bb42ddb7e7b', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (index.h("div", { key: '08d84e1b44fdab3b994d38d4f31a084e53f03fce', class: "pattern" }, index.h("img", { key: 'adad9676a38fd0027e65471bcd1f02cb89ef4f98', src: patternSrc, alt: "" }))), index.h("div", { key: '15cec3ab22324cad372525ffc39801feee3ac797', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index$1) => (index.h("gb-complex-primary-side-bar-item", { key: `${index$1}`, 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$1) }))))), index.h("div", { key: 'bcf856edced31e884e35360d37e52ffa62bc1bf8', class: `secondary_side_menu ${this.category} ${this.state}` }, index.h("div", { key: '82af1d21fb97ac59cf311f65cc2c60f784fba86e', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index$1) => (index.h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index$1}`, 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$1) }))))))))));
     }
     get el() { return index.getElement(this); }
 };