@infineon/infineon-design-system-stencil 32.4.0--canary.1747.df525c53ce5926a0a4f401c77dfc4c9426f11772.0 → 32.4.0--canary.1745.3f2afbb2e7f8c07bd24343750581aca875f0c1d3.0

package/dist/esm/ifx-icons-preview.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-5ee763b8.js';
+import { r as registerInstance, h, g as getElement } from './index-b4eaf00e.js';
 import { i as icons } from './icons-4575d84a.js';
 
 const iconsPreviewCss = ".container{display:flex;flex-direction:column;gap:10px}.alert__wrapper{margin-bottom:40px}.html-wrapper{background:rgb(38, 38, 38);padding:20px;color:white;font-family:monospace;position:sticky;top:0;left:0;z-index:99}.html-wrapper button{position:absolute;right:0px;bottom:0px;background:rgba(0, 0, 0, 0.85);color:#C9CDCF;border:0 none;padding:4px 10px;font-size:0.75rem;font-family:\"Nunito Sans\";font-weight:700;border-top:1px solid rgba(255, 255, 255, 0.1);border-left:1px solid rgba(255, 255, 255, 0.1);margin-left:-1px;border-radius:4px 0 0 0;cursor:pointer}.html-wrapper .component-name{color:#A8FF60}.html-wrapper .attribute-name{color:rgb(150, 203, 254)}.html-wrapper .attribute-value{color:rgb(180, 116, 221)}.preview__container{box-sizing:border-box;display:flex;align-items:center;padding:2px;flex-wrap:wrap;gap:4px}.preview__container .preview__container-item{display:flex;justify-content:center;align-items:center;border:1px solid #f1f1f1;padding:2px;width:50px;height:50px;position:relative}.preview__container .preview__container-item:active{border-color:#378375}.preview__container .preview__container-item:hover{cursor:pointer}.preview__container .preview__container-item.copied::after{z-index:50;content:\"copied!\";position:absolute;top:0;left:50px;background-color:#000;color:white;padding:3px;border-radius:4px}";
@@ -33,7 +33,7 @@ const IconsPreview = class {
         }
     }
     render() {
-        return (h("div", { key: '20449732d655432c7d44fd9fce8541b0d87f5e19', class: 'container' }, h("div", { key: 'f25e220b7bd10e9c5b787f4c9728df347e4cb5af', class: "alert__wrapper" }, h("ifx-notification", { key: '3ba77c447f819fb3ceda09d6405ea459e9b87b68', icon: "c-check-16", variant: "neutral", "link-text": "Figma icon library", "link-href": "https://www.figma.com/design/yWwaLoqsWLWygDxXfvdym9/Infineon-DDS-%7C-UI-icon-library?node-id=13284-1289&p=f&t=SD6EdmXaSufsjPCv-0", "link-target": "_blank" }, "You can also find the UI icons in Figma for use in mockups.")), h("div", { key: '602204068d805cc24f7ac5e307c511e07b8460db', class: 'html-wrapper' }, h("span", { key: '6f559c23c0de26a6c2ce35e6008b358a9e64defd', class: "html-tag" }, "<"), h("span", { key: '9eb11c50e0cd06eaf7240d2ea428ac264abbe0f7', class: "component-name" }, "ifx-icon"), h("span", { key: '82ff4d046c8d4c3887290e6495923d808f57047c', class: "attribute-name" }, " icon"), "=", h("span", { key: '0a18248ca427f5d98cf1c8f909fcec0327ee7644', class: "attribute-value" }, this.iconName), h("span", { key: '4cb0b6472e78a121ddfe03fbd540aace14bbe0f5', class: "html-tag" }, ">"), h("span", { key: 'a01c724b868d795cd05506a92eed9673584aad8b', class: "html-tag" }, "</"), h("span", { key: '5340548a881c78b994404d4ee2b858a2fdbe94c7', class: "component-name" }, "ifx-icon"), h("span", { key: '63f3cdb7b3db815a2b83b6e43f81d9983aee1f4b', class: "html-tag" }, ">"), h("button", { key: '95583db076df7b302cf27ff6346bc4957f0ed9d7', onClick: () => this.copyHtmlString() }, this.isCopied ? 'Copied' : 'Copy')), h("div", { key: '5e6c467f4338b73e8dfe5ae96dc02005e6d3267c', class: "preview__container" }, this.iconsArray.map((icon, index) => h("div", { class: `preview__container-item ${this.isCopied && this.copiedIndex === index ? 'copied' : ""}`, onClick: () => this.copyIconText(icon) }, h("ifx-icon", { icon: icon }))))));
+        return (h("div", { key: 'e3ed92479ffb41bd72727bf347ca1d541d9e5234', class: 'container' }, h("div", { key: '7d28183d5520244e79761bfd821e1bb348d43037', class: "alert__wrapper" }, h("ifx-notification", { key: 'e28cca066b39822a9878998251a8ea5580474987', icon: "c-check-16", variant: "neutral", "link-text": "Figma icon library", "link-href": "https://www.figma.com/design/yWwaLoqsWLWygDxXfvdym9/Infineon-DDS-%7C-UI-icon-library?node-id=13284-1289&p=f&t=SD6EdmXaSufsjPCv-0", "link-target": "_blank" }, "You can also find the UI icons in Figma for use in mockups.")), h("div", { key: '36f521e669f51b37cc5dfaa7736a1da55b4e4fd7', class: 'html-wrapper' }, h("span", { key: 'fc52bdc808875c10b6c08ba506359091bd44d84b', class: "html-tag" }, "<"), h("span", { key: 'e06c3036a36613e5e4e1d744cfa793d3137d4f8f', class: "component-name" }, "ifx-icon"), h("span", { key: 'c2dcc4854bf7032857a43f3f9a7db57fb8587057', class: "attribute-name" }, " icon"), "=", h("span", { key: 'dba3bd710f2f65debf2bb9019eb1355610ec686f', class: "attribute-value" }, this.iconName), h("span", { key: 'aba91b4dbba34073cb33daaf03aa579e4a584bf8', class: "html-tag" }, ">"), h("span", { key: '4927b9e79aae407ef38fd678996e55216c924081', class: "html-tag" }, "</"), h("span", { key: '0451791a6389cdac2a3e478e780b748af8750550', class: "component-name" }, "ifx-icon"), h("span", { key: '84f1cae2f523b5841b9034a7726d3abb32717f1c', class: "html-tag" }, ">"), h("button", { key: '7b2a1a0725f4d2388526d39022eb681d82550e7f', onClick: () => this.copyHtmlString() }, this.isCopied ? 'Copied' : 'Copy')), h("div", { key: '0d21935b4268c2c43ea46651eb851d56a1c57141', class: "preview__container" }, this.iconsArray.map((icon, index) => h("div", { class: `preview__container-item ${this.isCopied && this.copiedIndex === index ? 'copied' : ""}`, onClick: () => this.copyIconText(icon) }, h("ifx-icon", { icon: icon }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ifx-link.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-5ee763b8.js';
+import { r as registerInstance, h } from './index-b4eaf00e.js';
 import { c as classNames } from './index-72ac5051.js';
 
 const linkCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.link{display:inline-flex;align-items:center;font-weight:400;font-size:1rem;text-decoration:none;color:#0A8276;gap:8px;line-height:1.6;font-family:var(--ifx-font-family)}.link:hover{cursor:pointer}.link:focus{outline-width:2px;outline-style:solid;outline-color:#0A8276;outline-offset:4px;border-radius:3px}.link.bold{font-weight:600}.link.bold:hover{text-decoration:underline}.link.bold:active{color:#08665C;font-style:normal;font-weight:600;text-decoration:underline}.link.underlined{text-decoration:underline;text-decoration-color:#0A8276;color:#1D1D1D;text-underline-offset:8px}.link.underlined:hover{color:#0A8276}.link.underlined:active{color:#0A8276}.link.underlined:disabled,.link.underlined.disabled{text-decoration-color:#BFBBBB}.link.title{text-decoration:none;font-weight:600;color:#1D1D1D}.link.title:hover{color:#0A8276}.link.title:active{color:#08665C}.link.menu{font-weight:400;font-style:normal;line-height:26px;color:#1D1D1D}.link.menu:hover{color:#0A8276}.link.menu:active{color:#08665C}.link.small{font-size:0.875rem}.link.medium{font-size:1rem}.link.large{font-size:1.125rem}.link.extraLarge{font-size:1.25rem}.link.underline{text-decoration:underline}.link:disabled,.link.disabled{color:#BFBBBB;cursor:default;pointer-events:none}";
@@ -29,7 +29,7 @@ const Link = class {
         this.setInternalStates();
     }
     render() {
-        return (h("a", { key: 'dd590b5b87e0d22c2c7fc845d1245856fb79dacf', "aria-label": 'a navigation link button', href: this.internalHref, download: this.download, target: this.internalTarget, class: this.linkClassNames() }, h("slot", { key: '775dc38c1f67956be1b287ede2fbd1075e3cae72' })));
+        return (h("a", { key: '04893aa3a068872a42cff24d577c8ddd332d6230', "aria-label": 'a navigation link button', href: this.internalHref, download: this.download, target: this.internalTarget, class: this.linkClassNames() }, h("slot", { key: '7dfbe5e88b88cf912da4c40eed427694b291928c' })));
     }
     getSizeClass() {
         const small = this.size === 's' ? 'small' : null;

package/dist/esm/ifx-list-entry.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-5ee763b8.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b4eaf00e.js';
 
 const listEntryCss = ".list-entry{display:flex;align-items:center;margin-top:8px;align-self:stretch}";
 const IfxListEntryStyle0 = listEntryCss;
@@ -21,7 +21,7 @@ const ListEntry = class {
         this.ifxListEntryChange.emit({ label: this.label, value: this.value, type: this.type });
     }
     render() {
-        return (h("div", { key: '5d7a6f49c9fef7859a343c3b182d606595b0d5b6', class: "wrapper" }, this.type === 'checkbox' ? (h("div", { class: "list-entry" }, h("ifx-checkbox", { size: "s", checked: this.value }, this.label))) : (h("div", { class: "list-entry" }, h("ifx-radio-button", { size: "s", checked: this.value }, this.label)))));
+        return (h("div", { key: '09f64beb713acdba449f1f48573220b17d45ec54', class: "wrapper" }, this.type === 'checkbox' ? (h("div", { class: "list-entry" }, h("ifx-checkbox", { size: "s", checked: this.value }, this.label))) : (h("div", { class: "list-entry" }, h("ifx-radio-button", { size: "s", checked: this.value }, this.label)))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ifx-list.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-5ee763b8.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b4eaf00e.js';
 
 const listCss = ".link-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}";
 const IfxListStyle0 = listCss;

package/dist/esm/ifx-modal.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-5ee763b8.js';
+import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-b4eaf00e.js';
 
 /**
  * Copy/pasted from https://github.com/andreasbm/focus-trap
@@ -271,8 +271,8 @@ const IfxModal = class {
     }
     render() {
         const isAlertVariant = this.variant !== 'default';
-        return (h(Host, { key: '062f7d63af53e9322d0f0ff8451f907e0fc38f16' }, h("div", { key: 'a1d39789dab34595558457edf2628de64f05b492', ref: (el) => (this.modalContainer = el), class: `modal-container ${this.showModal ? 'open' : ''}` }, h("div", { key: '362767586e6ae213aa17a50f7e9ae7012e32df72', class: "modal-overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: '1cf4eddcc03475f07ce5c2fc1abba19d672f4414', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabindex: "0" }), h("div", { key: '7b6c53a62f2eba8e564ff95d92039c1aad1712ab', class: `modal-content-container ${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, isAlertVariant ? (h("div", { class: `modal-icon-container ${this.variant === 'alert-brand' ? '' : 'danger'}` }, this.alertIcon ? h("ifx-icon", { icon: this.alertIcon }) : null)) : null, h("div", { key: '042c914549ca8ae14dd76ab7df4edf3d76cdfb6c', class: "modal-content" }, h("div", { key: '7f6f0ca41c53aff6bb48daa9fc8cd07d0daf4d89', class: "modal-header" }, h("h2", { key: 'a07cfda65dba7c364636a79b8673b3daaed52463', class: "modal-caption" }, this.caption), this.showCloseButton &&
-            h("ifx-icon-button", { key: 'd47c5a68e3743711dd0ac208d00e472073054631', class: 'modal-close-button', ref: (el) => (this.closeButton = el), icon: "cross-24", variant: "tertiary", onClick: () => this.doBeforeClose('CLOSE_BUTTON') })), h("div", { key: 'b60162c8ac510e6787b6e603132e39913b3ec44d', class: "modal-body" }, h("slot", { key: 'd428a64553473192b385e39813a3527abca20423', name: "content" /*onSlotchange={() => console.log('slots children modified')}*/ })), h("div", { key: 'ccfc4d336e1bb66edcfd46e1aba98a081b877bce', class: `modal-footer ${this.slotButtonsPresent ? 'buttons-present' : ''}` }, h("slot", { key: '09a41e30bb47b76313410dd6c8ca25ea9bd76feb', name: "buttons", onSlotchange: (e) => this.handleButtonsSlotChange(e) })))), h("div", { key: 'e80a85e42450bfc443db065f9cd51ab7bf9fc9da', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
+        return (h(Host, { key: 'ea8cc72507298fc769e75b6c04b0efd98d2e804d' }, h("div", { key: '909dfb62f78fd771ca46c3c452aa73d8f4cc58c4', ref: (el) => (this.modalContainer = el), class: `modal-container ${this.showModal ? 'open' : ''}` }, h("div", { key: '1f380c2d3619234fa6dd6bff95fd3b5b0f714427', class: "modal-overlay", onClick: () => this.handleOverlayClick() }), h("div", { key: 'a6f5a719151ffccdde3c95015ab331603646625e', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabindex: "0" }), h("div", { key: '570d67838b40e1f292a783ad0c4de54d25dc15f1', class: `modal-content-container ${this.size}`, role: "dialog", "aria-modal": "true", "aria-label": this.caption }, isAlertVariant ? (h("div", { class: `modal-icon-container ${this.variant === 'alert-brand' ? '' : 'danger'}` }, this.alertIcon ? h("ifx-icon", { icon: this.alertIcon }) : null)) : null, h("div", { key: 'fd0a152494722c1453a401a448124f085c2383e1', class: "modal-content" }, h("div", { key: 'f4fa940f7d1f7efc7d2fb8adbe77df30ae841b0a', class: "modal-header" }, h("h2", { key: 'd8849e0d30cde669fcd39e655ceca9c7e82fb5ed', class: "modal-caption" }, this.caption), this.showCloseButton &&
+            h("ifx-icon-button", { key: '5496cd581f68d6cb48b7a51d3c971f7e6aab306c', class: 'modal-close-button', ref: (el) => (this.closeButton = el), icon: "cross-24", variant: "tertiary", onClick: () => this.doBeforeClose('CLOSE_BUTTON') })), h("div", { key: '830eddd92cb12f36918feb91634c7516207edd96', class: "modal-body" }, h("slot", { key: '8e99c69225725aa169b526720baa05378394163f', name: "content" /*onSlotchange={() => console.log('slots children modified')}*/ })), h("div", { key: '75ad5053564128df6c02d1feeb8078c229c069a9', class: `modal-footer ${this.slotButtonsPresent ? 'buttons-present' : ''}` }, h("slot", { key: 'b2d42250cc895c5f45cbadad6b5c58bb58848d16', name: "buttons", onSlotchange: (e) => this.handleButtonsSlotChange(e) })))), h("div", { key: '7c79425ab61abc91c9d1d10c377452e93a2f8b25', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabindex: "0" }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/ifx-multiselect.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-5ee763b8.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b4eaf00e.js';
 
 const multiselectCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}.ifx-multiselect-container{position:relative;box-sizing:border-box;font-family:var(--ifx-font-family)}.ifx-multiselect-container.small-select{height:36px}.ifx-multiselect-container.medium-select{height:40px}.ifx-multiselect-container:hover{cursor:pointer}.ifx-multiselect-container .ifx-label-wrapper{font-size:1rem;line-height:1.5rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;max-width:100%}.ifx-multiselect-container .ifx-error-message-wrapper{color:#CD002F;font-size:0.75rem;line-height:1rem;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;max-width:100%}.ifx-multiselect-container .ifx-multiselect-wrapper{background-color:#FFFFFF;box-sizing:border-box;position:relative;display:flex;align-items:center;border:1px solid #8D8786;border-radius:1px;width:100%;font-weight:400;font-style:normal}.ifx-multiselect-container .ifx-multiselect-wrapper.small-select{height:36px;padding:8px 12px;font-size:0.875rem;line-height:1.25rem}.ifx-multiselect-container .ifx-multiselect-wrapper.medium-select{height:40px;padding:8px 16px;font-size:1rem;line-height:1.5rem}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible{outline:none}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible:not(.active):not(:active){outline:none}.ifx-multiselect-container .ifx-multiselect-wrapper:focus-visible:not(.active):not(:active)::before{content:\"\";position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:50%;left:50%;transform:translate(-50%, -50%);border:2px solid #0A8276;border-radius:2px}.ifx-multiselect-container .ifx-multiselect-wrapper.disabled{background:#EEEDED;color:#575352;border-color:#575352;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ifx-multiselect-container .ifx-multiselect-wrapper.error{border-color:#CD002F}.ifx-multiselect-container .ifx-multiselect-wrapper:hover:not(.focus,:focus){border-color:#575352}.ifx-multiselect-container .ifx-multiselect-wrapper.active{border-color:#0A8276 !important}.ifx-multiselect-container .ifx-multiselect-wrapper.active .icon-wrapper-up{display:flex;align-items:center;justify-content:center;padding-left:8px}.ifx-multiselect-container .ifx-multiselect-wrapper.active .icon-wrapper-down{display:none}.ifx-multiselect-container .ifx-multiselect-wrapper .icon-wrapper-up{display:none}.ifx-multiselect-container .ifx-multiselect-wrapper .icon-wrapper-down{display:flex;align-items:center;justify-content:center;padding-left:8px}.ifx-multiselect-container .ifx-multiselect-wrapper.is-flipped .ifx-multiselect-dropdown-menu{top:auto;bottom:100%}.ifx-multiselect-container .ifx-multiselect-input{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ifx-multiselect-container .ifx-multiselect-input.placeholder{opacity:0.5}.ifx-multiselect-container .ifx-multiselect-icon-container{margin-left:auto;align-items:center;display:flex}.ifx-multiselect-container .ifx-clear-button{display:flex}.ifx-multiselect-container .ifx-multiselect-dropdown-menu{position:absolute;top:100%;left:0;width:100%;margin-top:2px;background-color:#fff;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1);max-height:300px;overflow-y:auto;z-index:var(--dynamic-z-index, 1)}.ifx-multiselect-container .ifx-multiselect-dropdown-menu .search-input{position:sticky;top:0;left:0;z-index:1;width:100%;padding:8px 16px;font-size:1rem;line-height:1.5rem;font-style:normal;font-weight:400;box-sizing:border-box;background-color:#FFFFFF;border:none;border-bottom:1px solid #8D8786}.ifx-multiselect-container .ifx-multiselect-dropdown-menu .search-input:focus{outline:none;border:1px solid #0A8276}.ifx-multiselect-container .ifx-multiselect-dropdown-menu .search-input::placeholder{color:#999}.ifx-multiselect-container .option{position:relative;padding:8px 16px;gap:8px;align-items:center;display:flex;font-style:normal;font-weight:400}.ifx-multiselect-container .option.small-select{font-size:0.875rem;line-height:1.25rem}.ifx-multiselect-container .option.medium-select{font-size:1rem;line-height:1.5rem}.ifx-multiselect-container .option:hover{background-color:#EEEDED}.ifx-multiselect-container .option:focus:not(.disabled){background-color:#BFBBBB;outline:none}.ifx-multiselect-container .option.is-highlighted{background-color:#EEEDED}.ifx-multiselect-container .option.sub-option{padding-left:30px;}.ifx-multiselect-container .option.disabled:hover{cursor:default}.ifx-multiselect-container .option label{cursor:inherit}.select-all-wrapper{padding-top:8px}";
 const IfxMultiselectStyle0 = multiselectCss;

package/dist/esm/ifx-navbar-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-5ee763b8.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b4eaf00e.js';
 
 const navbarItemCss = ".navbar__item{position:relative;display:flex;flex-direction:row;align-items:center;padding:0px 8px;flex:none;order:0;flex-grow:0;font-family:var(--ifx-font-family);text-decoration:none;font-weight:400;font-size:16px;color:#1D1D1D}.navbar__item.hide{display:none}.navbar__item.isParent{gap:8px}.navbar__item .navItemIconWrapper{transition:0.3s}.navbar__item.open .navItemIconWrapper{transform:rotate(-180deg);transition:0.3s}.navbar__item:hover{color:#0A8276;cursor:pointer}.navbar__item:hover .username__tooltip{display:block}.navbar__item:hover .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{cursor:pointer;background-color:#08665C}.navbar__item.remove{display:none}.navbar__item.removeLabel .label__wrapper{display:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .username__tooltip{display:none;position:absolute;top:35px;right:0;text-wrap:nowrap;padding:1px 5px;font-size:13px;font-family:\"Source Sans 3\";background-color:black;color:#fff;z-index:99}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper:hover .username__tooltip{display:block}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;border-radius:100%;background-color:#0A8276}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper .initials{color:#FFF;text-align:center;font-family:\"Source Sans 3\";font-size:14px;font-style:normal;font-weight:600;line-height:20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper img{width:24px;height:24px;border-radius:100%}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.removeWrapper{display:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.hide{display:none}.container{position:relative}.container .sub__layer-back-button{display:none}.container .sub__layer-back-button.show{display:flex;justify-content:flex-start}.container .sub__layer-back-button.show .back__button-wrapper{display:flex;align-items:center;gap:8px;padding:8px 0 16px 0;color:#0A8276;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.container .sub__layer-back-button.show .back__button-wrapper span:hover,.container .sub__layer-back-button.show .back__button-wrapper ifx-icon:hover{cursor:pointer}.container.hide{display:none}.container .inner__content-wrapper{display:flex;justify-content:space-between;align-items:center;gap:8px}.container .inner__content-wrapper.no-gap{gap:0px}.navbar-menu{position:absolute;display:none;list-style-type:none;visibility:visible;flex-direction:column;width:224px;min-width:224px;background:#FFFFFF;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;padding:8px 0px;font-family:var(--ifx-font-family)}.navbar-menu.open:not(.itemInMobileMenu){display:flex}.navbar-menu.itemInMobileMenu{display:none}.navbar-menu.right{left:100%;top:-40%}.navbar-menu.left{top:-40%;right:100%}.navbar-menu.rightSideItemMenu{left:initial;right:0px}.navbar__item.layer__item-parent{color:#1D1D1D;font-size:24px;font-style:normal;font-weight:600;line-height:32px;letter-spacing:-0.24px;cursor:initial}.navbar__item.layer__item-parent .navbar__container-right-content-navigation-item-icon-wrapper ifx-icon svg{width:24px;height:24px}.navbar__item.sidebarMenuItem{justify-content:space-between;padding:0}.navbar__item.menuItem{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.navbar__item.menuItem.hide{display:none}.navbar__item.menuItem .label__wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__item.menuItem:hover{cursor:pointer;background-color:#EEEDED}.navbar__item.menuItem:active{background-color:#BFBBBB}.sub__layer-menu{padding:5px;display:none}.sub__layer-menu.remove__margin{margin:0;padding:0}.sub__layer-menu.open{display:block}.navbar__item.hide{display:none}.menuItemRightIconWrapper.hide{display:none}.navItemIconWrapper.hide{display:none}";
 const IfxNavbarItemStyle0 = navbarItemCss;
@@ -298,10 +298,10 @@ const NavbarItem = class {
         }
     }
     render() {
-        return (h("div", { key: '5ceffbd106c421baa697404510a440697e42f4c2', class: "container", onMouseLeave: e => this.handleNestedLayerMenu(e), onMouseEnter: e => this.handleNestedLayerMenu(e) }, h("div", { key: 'c143b853e32fba243c64f03408c0397b5f37c876', class: "sub__layer-back-button" }, h("div", { key: '99967b3ae15e9133d9fd0429bc3e77c1f9c98be0', class: "back__button-wrapper", onClick: () => this.returnToFirstLayer() }, h("ifx-icon", { key: '8f1d6ddee8e331d50aef8229d91e0121adb59bb4', icon: "arrow-left-16" }), h("span", { key: '1e6019fcc28370caadc79b04d70748508ce007ae' }, "Back"))), h("a", { key: '1046ccdeb56e3639606a4678f7f5e9f07501122e', href: this.internalHref, target: this.target, onClick: () => this.toggleItemMenu(), class: `navbar__item ${this.isSidebarMenuItem ? 'sidebarMenuItem' : ""} ${!this.showLabel ? 'removeLabel' : ""} ${this.isMenuItem ? 'menuItem' : ""} ${this.hasChildNavItems ? 'isParent' : ""}` }, h("div", { key: '67ea527ff607b885de5aa3ae2e1c817a791415eb', class: "inner__content-wrapper" }, h("div", { key: '4b2302e1d3d05b23bab6fb7c8843f7f7dc86fd16', class: `navbar__container-right-content-navigation-item-icon-wrapper ${!this.icon ? "removeWrapper" : ""}` }, this.icon && h("ifx-icon", { key: 'd5bf6c6ee395127313e432d86110e619d46baec7', icon: this.icon })), this.itemPosition === 'left'
+        return (h("div", { key: '5b65be83f2cfb07f308a9b99205b15bbcfe1e08b', class: "container", onMouseLeave: e => this.handleNestedLayerMenu(e), onMouseEnter: e => this.handleNestedLayerMenu(e) }, h("div", { key: '20812f3741980e59222bb4d637d72be96a16b619', class: "sub__layer-back-button" }, h("div", { key: '66a8d7ca5525202927e86578c58e5008e568b920', class: "back__button-wrapper", onClick: () => this.returnToFirstLayer() }, h("ifx-icon", { key: '802c01c949e123218f5c8fb36fc9b4911d7ab924', icon: "arrow-left-16" }), h("span", { key: '9f1581bc59c8c56515b1a4e51a0b7144d99d789f' }, "Back"))), h("a", { key: '96f327e7a1eae82b1eba021594523e7996df5833', href: this.internalHref, target: this.target, onClick: () => this.toggleItemMenu(), class: `navbar__item ${this.isSidebarMenuItem ? 'sidebarMenuItem' : ""} ${!this.showLabel ? 'removeLabel' : ""} ${this.isMenuItem ? 'menuItem' : ""} ${this.hasChildNavItems ? 'isParent' : ""}` }, h("div", { key: 'a47c03718e64b435ff1dc6342aa8e88d68b083a0', class: "inner__content-wrapper" }, h("div", { key: 'f65c2c121f141e18ad94da961c13983b3bbdb0a1', class: `navbar__container-right-content-navigation-item-icon-wrapper ${!this.icon ? "removeWrapper" : ""}` }, this.icon && h("ifx-icon", { key: '0e17c1d706ec06c2e8ddcd1a9b9f6fae4ce355ab', icon: this.icon })), this.itemPosition === 'left'
             && this.hasChildNavItems
             && this.isMenuItem &&
-            h("div", { key: '80376fc372da26c16a17a18534bad2b806565c3c', class: "menuItemLeftIconWrapper" }, h("ifx-icon", { key: 'c80b8bbd5c1bf44d95f8dec57c6e270bae4c220b', icon: "chevron-left-12" })), h("span", { key: '153e2dfb392cdd00e3e97ca5174a690246572d80', class: "label__wrapper" }, h("slot", { key: '949836a477df87d81dcfaa25dd01bf03dcae4b91' }))), h("div", { key: 'e1abc52c4fc0d0b54781b8769020d51206d5239d', class: `navItemIconWrapper ${this.hasChildNavItems && !this.isMenuItem && !this.isSidebarMenuItem ? '' : "hide"}` }, h("ifx-icon", { key: 'e69a9a34afd19ec0ecfaa94d02114a003b68526c', icon: "chevron-down-12" })), h("div", { key: 'bcc9506c575dad6a4ae17dc13a09bb5e26078aa4', class: `menuItemRightIconWrapper ${((this.itemPosition === 'right' && this.hasChildNavItems && this.isMenuItem) || (this.isSidebarMenuItem && this.hasChildNavItems)) ? '' : "hide"}` }, h("ifx-icon", { key: 'cdc413a3ac34e6bfae79564cdcd4ec7da406a2ea', icon: "chevron-right-12" }))), this.hasChildNavItems && !this.isSidebarMenuItem && h("ul", { key: 'afed066d10656af406376c76c51059915d80287c', class: 'navbar-menu' }, " ", h("slot", { key: '520015816541536719ce6a9cbebbe55b44163e71', name: "first__layer" }), " "), this.isSidebarMenuItem && h("ul", { key: '8a59759f2094f1219e920e67657d211b9fd26ac2', class: 'sub__layer-menu' }, " ", h("slot", { key: '668f0653e81410ea9e75309978c49a6abe3050eb', name: "second__layer" }), " ")));
+            h("div", { key: 'aefd4a4b2b9af089ecb5c6d726a763a036d1e98c', class: "menuItemLeftIconWrapper" }, h("ifx-icon", { key: '05dce48bb77ee8bb64a558285d0254067c38a61e', icon: "chevron-left-12" })), h("span", { key: 'be839503bff15e5989eb1a00039ea15f21af3472', class: "label__wrapper" }, h("slot", { key: 'dfd429829b5de74085d4fb57220a9a853378c707' }))), h("div", { key: '348f2bf8cab8fd31c157c492946663e0f7a5863f', class: `navItemIconWrapper ${this.hasChildNavItems && !this.isMenuItem && !this.isSidebarMenuItem ? '' : "hide"}` }, h("ifx-icon", { key: '19b283e115d745655b65b2034ff4f16fe9852e9d', icon: "chevron-down-12" })), h("div", { key: '4a38f100fa37457394da5b983283d090dff3f0c8', class: `menuItemRightIconWrapper ${((this.itemPosition === 'right' && this.hasChildNavItems && this.isMenuItem) || (this.isSidebarMenuItem && this.hasChildNavItems)) ? '' : "hide"}` }, h("ifx-icon", { key: '59c0ddcdf860b9fb61175dd6c2d6e3998ae266b3', icon: "chevron-right-12" }))), this.hasChildNavItems && !this.isSidebarMenuItem && h("ul", { key: '6c605f96e45dc758f4f35e564c5f8ee34480f07b', class: 'navbar-menu' }, " ", h("slot", { key: 'cfa160cbffee10a913b2aba13692b9404b3f7bff', name: "first__layer" }), " "), this.isSidebarMenuItem && h("ul", { key: 'db20f6aaca4363add49777a75c528f6a2290c1cc', class: 'sub__layer-menu' }, " ", h("slot", { key: '1e5d7b58c5b1ebeaf8e664338f4e23ab2b6dfbbc', name: "second__layer" }), " ")));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ifx-navbar-profile.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-5ee763b8.js';
+import { r as registerInstance, h, g as getElement } from './index-b4eaf00e.js';
 
 const navbarItemCss = ".navbar__item{position:relative;display:flex;flex-direction:row;align-items:center;padding:0px 8px;flex:none;order:0;flex-grow:0;font-family:var(--ifx-font-family);text-decoration:none;font-weight:400;font-size:16px;color:#1D1D1D}.navbar__item.hide{display:none}.navbar__item.isParent{gap:8px}.navbar__item .navItemIconWrapper{transition:0.3s}.navbar__item.open .navItemIconWrapper{transform:rotate(-180deg);transition:0.3s}.navbar__item:hover{color:#0A8276;cursor:pointer}.navbar__item:hover .username__tooltip{display:block}.navbar__item:hover .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{cursor:pointer;background-color:#08665C}.navbar__item.remove{display:none}.navbar__item.removeLabel .label__wrapper{display:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .username__tooltip{display:none;position:absolute;top:35px;right:0;text-wrap:nowrap;padding:1px 5px;font-size:13px;font-family:\"Source Sans 3\";background-color:black;color:#fff;z-index:99}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper:hover .username__tooltip{display:block}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;border-radius:100%;background-color:#0A8276}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper .initials__wrapper .initials{color:#FFF;text-align:center;font-family:\"Source Sans 3\";font-size:14px;font-style:normal;font-weight:600;line-height:20px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper img{width:24px;height:24px;border-radius:100%}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.removeWrapper{display:none}.navbar__item .navbar__container-right-content-navigation-item-icon-wrapper.hide{display:none}.container{position:relative}.container .sub__layer-back-button{display:none}.container .sub__layer-back-button.show{display:flex;justify-content:flex-start}.container .sub__layer-back-button.show .back__button-wrapper{display:flex;align-items:center;gap:8px;padding:8px 0 16px 0;color:#0A8276;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.container .sub__layer-back-button.show .back__button-wrapper span:hover,.container .sub__layer-back-button.show .back__button-wrapper ifx-icon:hover{cursor:pointer}.container.hide{display:none}.container .inner__content-wrapper{display:flex;justify-content:space-between;align-items:center;gap:8px}.container .inner__content-wrapper.no-gap{gap:0px}.navbar-menu{position:absolute;display:none;list-style-type:none;visibility:visible;flex-direction:column;width:224px;min-width:224px;background:#FFFFFF;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;padding:8px 0px;font-family:var(--ifx-font-family)}.navbar-menu.open:not(.itemInMobileMenu){display:flex}.navbar-menu.itemInMobileMenu{display:none}.navbar-menu.right{left:100%;top:-40%}.navbar-menu.left{top:-40%;right:100%}.navbar-menu.rightSideItemMenu{left:initial;right:0px}.navbar__item.layer__item-parent{color:#1D1D1D;font-size:24px;font-style:normal;font-weight:600;line-height:32px;letter-spacing:-0.24px;cursor:initial}.navbar__item.layer__item-parent .navbar__container-right-content-navigation-item-icon-wrapper ifx-icon svg{width:24px;height:24px}.navbar__item.sidebarMenuItem{justify-content:space-between;padding:0}.navbar__item.menuItem{text-decoration:none;color:#1D1D1D;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;gap:8px;font-family:var(--ifx-font-family)}.navbar__item.menuItem.hide{display:none}.navbar__item.menuItem .label__wrapper{color:#1D1D1D;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__item.menuItem:hover{cursor:pointer;background-color:#EEEDED}.navbar__item.menuItem:active{background-color:#BFBBBB}.sub__layer-menu{padding:5px;display:none}.sub__layer-menu.remove__margin{margin:0;padding:0}.sub__layer-menu.open{display:block}.navbar__item.hide{display:none}.menuItemRightIconWrapper.hide{display:none}.navItemIconWrapper.hide{display:none}";
 const IfxNavbarProfileStyle0 = navbarItemCss;
@@ -154,9 +154,9 @@ const NavbarProfile = class {
         }
     }
     render() {
-        return (h("div", { key: '007db9eff81e243fd7fccb26d3ca8bf86ec21fb9', class: "container" }, h("a", { key: '0e56ba2ee99b4bfb0be64e81cfda3eea37784bab', href: this.internalHref, target: this.target, onClick: () => this.toggleItemMenu(), class: `navbar__item ${!this.showLabel ? 'removeLabel' : ""} ${this.hasChildNavItems ? 'isParent' : ""}` }, h("div", { key: '572467119b467f010ed55de8838e1bf1da49ae14', class: "inner__content-wrapper" }, h("div", { key: '7547f00d4568a904286dc5eae335bc29e5ad147a', class: `navbar__container-right-content-navigation-item-icon-wrapper` }, this.userName.trim() !== "" && h("div", { key: '2831a51b2e6bc2079e981908fc6b1aca355d3576', class: 'username__tooltip' }, this.userName), this.internalImageUrl.type !== 'initials' &&
-            h("img", { key: '8cf108611f38e858b04da3573b4a9d060a855ee8', src: this.internalImageUrl.type === 'url' ? this.internalImageUrl.value : `data:image/svg+xml,${encodeURIComponent(this.defaultProfileImage)}`, alt: this.alt }), this.internalImageUrl.type === 'initials' &&
-            h("div", { key: 'ccc6bd8cdcf94e9cb57648c7ed5b01ed86054f1e', class: "initials__wrapper" }, h("span", { key: 'ea687369f627ec0aa8fe266462f6cf0063e05de8', class: "initials" }, this.internalImageUrl.value))), h("span", { key: 'ec58f4fecf62336dd9364dd85eb0afcf77c6264f', class: "label__wrapper" }, h("slot", { key: '1d13c84732fa3010b436b141d7036ce16ff6fa84', onSlotchange: () => this.setProfileGap() })))), this.hasChildNavItems && h("ul", { key: '6cbb03dbc2dd523c5d48abf2c86bd1ee25812772', class: 'navbar-menu rightSideItemMenu' }, " ", h("slot", { key: '3e3eb60ac10c50a631ff9cd8e2cb9ba7519daa67', name: "first__layer" }), " ")));
+        return (h("div", { key: '299c90bb0ff24aab1248bc197012527d7f2ea8cf', class: "container" }, h("a", { key: '4984b1399d86ef30c43f84a0e729ebd440ed695b', href: this.internalHref, target: this.target, onClick: () => this.toggleItemMenu(), class: `navbar__item ${!this.showLabel ? 'removeLabel' : ""} ${this.hasChildNavItems ? 'isParent' : ""}` }, h("div", { key: 'ebe52fb351ea40fefa3cb1da9d486e88714bdb15', class: "inner__content-wrapper" }, h("div", { key: '0f49356e3c110099f6d92c4abb9836279e86dae9', class: `navbar__container-right-content-navigation-item-icon-wrapper` }, this.userName.trim() !== "" && h("div", { key: '527307c1265fd61ac0eef59db5c43fa37fbad9b6', class: 'username__tooltip' }, this.userName), this.internalImageUrl.type !== 'initials' &&
+            h("img", { key: '065897af9f544b870f8da217d726038a0673edaa', src: this.internalImageUrl.type === 'url' ? this.internalImageUrl.value : `data:image/svg+xml,${encodeURIComponent(this.defaultProfileImage)}`, alt: this.alt }), this.internalImageUrl.type === 'initials' &&
+            h("div", { key: '0d1202367abe9f2d54d033b89bace6bfbe1e0f36', class: "initials__wrapper" }, h("span", { key: 'b576e51012204bd945dfd719847e4746c4cc03a9', class: "initials" }, this.internalImageUrl.value))), h("span", { key: '0aec6b3a82214b55c539bb2bd833629371988229', class: "label__wrapper" }, h("slot", { key: '41bc72afdd815be458e79ecb209889d3da234a59', onSlotchange: () => this.setProfileGap() })))), this.hasChildNavItems && h("ul", { key: '545d592d04d1eb73954cf626e29e9cfd81d93ec6', class: 'navbar-menu rightSideItemMenu' }, " ", h("slot", { key: '2a5600b508bd2a0454f0fc0c2bd6fec36c46552a', name: "first__layer" }), " ")));
     }
     static get assetsDirs() { return ["assets"]; }
     get el() { return getElement(this); }

package/dist/esm/ifx-navbar.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-5ee763b8.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b4eaf00e.js';
 
 const navbarCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{width:100%;display:block}.navbar__wrapper{font-family:var(--ifx-font-family);height:63px;position:sticky;z-index:1030;border-bottom:1px solid #EEEDED}.navbar__wrapper.fixed{border-bottom:none}.navbar__main-container{position:absolute;top:0;width:100%;transition:all 1s;z-index:1020}.navbar__main-container.fixed{position:fixed}.navbar__main-container.fixed .navbar__container{border-bottom:1px solid #EEEDED}.navbar__main-container.show{height:100vh;bottom:0;background-color:rgba(29, 29, 29, 0.2);transition:1s;z-index:1}.navbar__sidebar{box-sizing:border-box;position:fixed;right:-100%;top:64px;display:flex;flex-direction:column;align-items:flex-start;width:375px;height:calc(100vh - 64px);background-color:#FFFFFF;transition:right 1s;z-index:1030}.navbar__sidebar.show{right:0;transition:right 1s}.navbar__sidebar .navbar__sidebar-top-row{display:flex;padding:var(--borderRadius-none, 0px) var(--space-300, 24px) 30px var(--space-300, 24px);flex-direction:column;align-items:flex-start;gap:var(--space-200, 16px);flex:1 0 0;align-self:stretch;overflow-y:auto}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper{display:flex;padding-top:var(--space-200, 16px);flex-direction:column;align-items:flex-start;align-self:stretch;gap:16px}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper.expand{align-items:initial}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item{display:flex;padding:var(--space-200, 0px) var(--space-50, 4px) var(--space-200, 0px) 0px;align-items:center;gap:var(--space-100, 8px);align-self:stretch;justify-content:space-between}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item .navbar__sidebar-top-row-item-icon-wrapper ifx-icon{vertical-align:middle}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item:hover{cursor:pointer}.navbar__sidebar .navbar__sidebar-top-row .navbar__sidebar-top-row-wrapper .navbar__sidebar-top-row-item .navbar__sidebar-top-row-item-label{color:var(--color-base-black, #1D1D1D);font-family:\"Source Sans 3\";font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__sidebar .navbar__sidebar-bottom-row{display:none;padding:var(--space-150, 12px) var(--space-300, 24px) var(--space-150, 12px) var(--space-200, 16px);flex-direction:column;align-items:flex-start;align-self:stretch;background:var(--color-engineering-100, #F7F7F7);border-top:1px solid var(--color-engineering-200, #EEEDED);gap:10px;max-height:160px;overflow-y:auto}.navbar__sidebar .navbar__sidebar-bottom-row.show{display:flex}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item{display:flex;height:40px;padding-right:var(--space-50, 4px);align-items:center;gap:var(--space-100, 8px);flex:1 0 0}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item .navbar__sidebar-bottom-row-item-label{color:var(--color-base-black, #1D1D1D);font-family:\"Source Sans 3\";font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar__sidebar .navbar__sidebar-bottom-row .navbar__sidebar-bottom-row-item .navbar__sidebar-bottom-row-item-icon-wrapper{display:flex;align-items:center}.navbar__sidebar .navbar__sidebar-content-products,.navbar__sidebar .navbar__sidebar-content-main{display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:24px;flex:none;order:0;align-self:stretch;flex-grow:0}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-header,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-about-header,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-header,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-about-header{display:flex;flex-direction:row;align-items:center;padding:0px;gap:16px;flex:none;order:0;align-self:stretch;flex-grow:0;color:#BFBBBB}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-header span,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-about-header span,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-header span,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-about-header span{color:#1D1D1D;font-weight:600;font-size:18px;line-height:28px;display:flex;align-items:center}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu{display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:16px;flex:none;order:1;flex-grow:0;width:100%}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item{display:flex;flex-direction:row;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-products-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a{text-decoration:none;font-style:normal;font-weight:400;font-size:16px;line-height:24px;display:flex;align-items:center;color:#1D1D1D}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item{color:#BFBBBB}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-products-menu .navbar__sidebar-content-main-menu-item a,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu .navbar__sidebar-content-main-menu-item a{font-style:normal;font-weight:600;font-size:18px;line-height:28px;display:flex;align-items:center;color:#1D1D1D;flex:none;order:0;flex-grow:1}.navbar__sidebar .navbar__sidebar-content-products .navbar__sidebar-content-main-menu,.navbar__sidebar .navbar__sidebar-content-main .navbar__sidebar-content-main-menu{align-items:normal}.navbar__container{display:flex;justify-content:space-between;align-items:center;padding:8px 40px;gap:16px;background-color:#FFFFFF;font-family:var(--ifx-font-family)}.navbar__container.expanded{justify-content:initial}.navbar__container .navbar__container-search-field-wrapper{display:none}.navbar__container .navbar__container-search-field-wrapper.show{display:flex}.navbar__container .navbar__container-left{display:flex;flex-direction:row;align-items:center;padding:0;gap:16px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left.hide{display:none}.navbar__container .navbar__container-left.expand{justify-content:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content{align-items:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content .navbar__container-left-content-navigation-group{justify-content:initial;flex:1}.navbar__container .navbar__container-left.expand .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item-search-bar{flex:1}.navbar__container .navbar__container-left .navbar__container-left-logo{display:flex;flex-direction:row;align-items:center;padding:0px;gap:16px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo.hide{display:none}.navbar__container .navbar__container-left .navbar__container-left-logo h6{position:relative;margin:0;padding:0;font-style:normal;font-weight:600;font-size:16px;display:flex;align-items:center;color:#1D1D1D;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-default{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px 0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-default svg{width:91px;height:40px;flex:none;order:0;flex-grow:0;vertical-align:bottom}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-divider{width:1px;height:32px;background:#EEEDED;flex:none;order:2;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:0px;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group{display:flex;flex-direction:row;align-items:center;padding:0px;gap:4px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item-search-bar{display:flex;flex-direction:row;align-items:center;padding:0px 8px;flex:none;order:5;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item{display:flex;flex-direction:row;align-items:center;padding:0px 8px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-left .navbar__container-left-content .navbar__container-left-content-navigation-group .navbar__container-left-content-navigation-item a{display:flex;align-items:center;font-weight:400;font-size:16px;line-height:24px;color:#1D1D1D;text-decoration:none;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding:0;gap:8px;flex:none;order:1;flex-grow:0}.navbar__container .navbar__container-right.hide{display:none}.navbar__container .navbar__container-right.expand{justify-content:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content{align-items:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group{justify-content:initial;flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar{flex:1}.navbar__container .navbar__container-right.expand .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper{flex:1}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:4px 0px 4px 16px;border-left:1px solid #BFBBBB;gap:16px;flex:none;order:1;flex-grow:0;width:41px;height:40px}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper.hide{display:none}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon{display:flex;align-items:center}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon:hover{cursor:pointer}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__burger-icon.close{display:none}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon{display:none;align-items:center}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon.show{display:flex}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper .navbar__cross-icon.show:hover{cursor:pointer}.navbar__container .navbar__container-right .navbar__container-right-content{display:flex;flex-direction:column;align-items:flex-start;padding:0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group{position:relative;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar{display:flex;flex-direction:row;align-items:center;padding:0px 8px;gap:4px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-search-bar-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-search-bar-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-search-bar-icon-wrapper.isOpen{position:absolute;top:10px}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-navigation-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-navigation-profile,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-navigation-profile{position:relative;width:24px;height:24px;background:#0A8276;border-radius:100px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-navigation-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-navigation-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-navigation-profile a{position:absolute;width:22px;height:20px;left:calc(50% - 11px);top:calc(50% - 10px);font-style:normal;font-weight:600;font-size:14px;line-height:20px;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center;color:#FFFFFF}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item .navbar__container-right-content-navigation-item-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile .navbar__container-right-content-navigation-item-icon-wrapper,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar .navbar__container-right-content-navigation-item-icon-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px;gap:8px;flex:none;order:0;flex-grow:0}.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-profile a,.navbar__container .navbar__container-right .navbar__container-right-content .navbar__container-right-content-navigation-group .navbar__container-right-content-navigation-item-search-bar a{font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#1D1D1D;text-decoration:none;display:flex;align-items:center;flex:none;order:1;flex-grow:0}@media screen and (max-width: 800px){.navbar__container{padding:0px 16px;height:64px;gap:initial}.navbar__container.expanded .navbar__container-right .navbar__burger-icon-wrapper{display:none}.navbar__container .navbar__container-left .navbar__container-left-content{display:none}.navbar__container .navbar__container-left .navbar__container-left-logo .navbar__container-left-logo-divider{display:none}.navbar__container .navbar__container-right{flex:1}.navbar__sidebar{width:0;transition:1s}}@media screen and (max-width: 500px){.navbar__sidebar.show{width:100%}}@media screen and (min-width: 500px){.navbar__sidebar.show{width:50%}}@media screen and (min-width: 800px){.navbar__wrapper{height:63px}.navbar__container{padding:0px 16px;height:63px;gap:initial}.navbar__container .navbar__container-right .navbar__burger-icon-wrapper{display:none}.navbar__main-container.show{height:auto;background-color:inherit;transition:none}.navbar__sidebar{width:0;transition:1s}.navbar__sidebar.show{right:-100%}}@media screen and (min-width: 1024px){.navbar__wrapper{height:72px}.navbar__container{padding:0px 24px;height:72px}.navbar__container .navbar__container-left{gap:12px;display:flex}.navbar__container .navbar__container-left .navbar__container-left-content{display:flex}.navbar__container .navbar__container-left .navbar__container-left-logo-default svg{width:72.8px;height:32px}.navbar__main-container.show{height:auto;background-color:inherit;transition:none}}@media screen and (min-width: 1200px){.navbar__wrapper{height:80px}.navbar__container{padding:0px 32px;height:80px}.navbar__container .navbar__container-left .navbar__container-left-content{justify-content:inherit}.navbar__container .navbar__container-right .navbar__container-right-content{justify-content:inherit}}@media screen and (min-width: 1440px){.navbar__wrapper{height:80px}.navbar__container{padding:0px 40px;height:80px}.navbar__container .navbar__container-left .navbar__container-left-content{justify-content:center}.navbar__container .navbar__container-right .navbar__container-right-content{justify-content:inherit}}";
 const IfxNavbarStyle0 = navbarCss;
@@ -409,9 +409,9 @@ const Navbar = class {
         }
     }
     render() {
-        return (h("div", { key: '64cc9a11c90ee252a200dd10fe62342a80b12a8d', "aria-label": 'a navigation navbar', class: `navbar__wrapper ${this.fixed ? 'fixed' : ""}` }, h("div", { key: 'a6607d67b18d9282e1930695055717bc1b060062', class: `navbar__main-container ${this.fixed ? 'fixed' : ""}` }, h("div", { key: '7846e9bd5198e7f0832f343aa4e5cefccb9ba50c', class: `navbar__container ${this.searchBarIsOpen ? "expanded" : ""}` }, h("div", { key: '795004ffb21b298f4b78fb5be17c0a50508cab28', class: `navbar__container-left ${this.searchBarIsOpen === 'left' ? "expand" : this.searchBarIsOpen === 'right' ? 'hide' : ""}` }, this.showLogoAndAppname &&
-            h("div", { key: '7e82204750ffc9cb822b9553309ffce6c71c69fe', class: `navbar__container-left-logo ${this.searchBarIsOpen === 'left' ? 'hide' : ""}` }, h("div", { key: '29859c2f13e04e224be616433c05659dbaccde14', class: "navbar__container-left-logo-default" }, h("a", { key: 'b1da6661275c48f6e51d66ee68bbd1b2ff4a6479', href: this.internalLogoHref, target: this.internalLogoHrefTarget }, h("svg", { key: '179e52506fb616f984cac9e1c150caaad1b672b7', width: "91", height: "40", viewBox: "0 0 91 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'c3ff267bfb09f7f77515ac5b268919cf23e5ac44', "clip-path": "url(#clip0_2396_2480)" }, h("path", { key: 'a405b3183baf198681beb50389d34d73e6a73045', d: "M67.691 26.7766C71.0884 26.7766 72.1461 23.1841 72.1461 19.8802C72.1461 15.4536 70.2871 13.1441 67.691 13.1441C64.4219 13.1441 63.2681 16.7367 63.3001 19.9443C63.3322 23.1199 64.2296 26.7766 67.691 26.7766ZM66.0244 19.8481C66.0244 18.533 66.0244 15.4536 67.691 15.4536C69.4859 15.4536 69.4218 18.5009 69.4218 19.9123C69.4218 21.2595 69.4218 24.5313 67.7551 24.5313C65.9603 24.4992 66.0244 21.2274 66.0244 19.8481ZM57.8195 26.7766C59.1976 26.7766 60.3835 26.2313 61.5053 25.0445L60.5117 23.1841C59.7425 24.018 58.9733 24.4671 58.0438 24.4671C57.2746 24.4671 56.6336 24.018 56.249 23.2482C55.9285 22.5746 55.8644 21.8048 55.8644 20.9708V20.7142H61.6335V20.1368C61.6335 17.282 61.2809 15.7102 60.3835 14.5234C59.7104 13.6253 58.7169 13.1441 57.499 13.1441C56.2169 13.1441 55.1593 13.7215 54.39 14.8442C53.5567 16.0631 53.2042 17.699 53.2042 19.9443C53.1721 24.2426 54.8708 26.7766 57.8195 26.7766ZM57.531 15.2612C58.172 15.2612 58.5566 15.614 58.813 16.1914C59.0053 16.7046 59.1015 17.5707 59.1015 18.5971H55.8644C55.8964 16.3197 56.3772 15.2612 57.531 15.2612ZM74.2614 26.4559H76.7614V16.8329C77.3703 16.0952 78.0754 15.6782 78.5882 15.6782C78.9087 15.6782 79.2292 15.7423 79.4215 15.9989C79.6138 16.2876 79.71 16.7046 79.71 17.699V26.4559H82.21V16.5442C82.21 15.6782 82.1138 14.8121 81.601 14.1706C81.1523 13.5932 80.4472 13.2404 79.5497 13.2404C78.3959 13.2404 77.2101 13.914 76.569 14.6838C76.537 14.0102 76.3126 13.3687 76.2485 13.1441L73.9089 13.7536C74.0371 14.4593 74.2294 15.3253 74.2294 16.8971V26.4559H74.2614ZM45.2236 14.6838C45.1915 14.0102 44.9672 13.3687 44.9031 13.1441L42.5634 13.7536C42.6916 14.4593 42.8839 15.3253 42.8839 16.8971V26.4238H45.3838V16.8008C45.9928 16.0631 46.6979 15.6461 47.2107 15.6461C47.5312 15.6461 47.8517 15.7102 48.044 15.9669C48.2363 16.2555 48.3325 16.6725 48.3325 17.6669V26.4238H50.8324V16.5442C50.8324 15.6782 50.7363 14.8121 50.2235 14.1706C49.7748 13.5932 49.0696 13.2404 48.1722 13.2404C47.0505 13.2404 45.8646 13.914 45.2236 14.6838ZM14.6473 9.07042C16.1216 9.07042 17.3075 7.88359 17.3075 6.40807C17.3075 4.93256 16.1216 3.74573 14.6473 3.74573C13.173 3.74573 11.9871 4.93256 11.9871 6.40807C11.9871 7.88359 13.173 9.07042 14.6473 9.07042ZM26.9227 26.4559V16.5442C26.9227 15.6782 26.8265 14.8121 26.3137 14.1706C25.865 13.5932 25.1599 13.2404 24.2625 13.2404C23.1087 13.2404 21.9228 13.914 21.2818 14.6838C21.2497 14.0102 21.0254 13.3687 20.9613 13.1441L18.6536 13.7857C18.7818 14.4913 18.9741 15.3574 18.9741 16.9291V26.4559H21.4741V16.8329C22.0831 16.0952 22.7882 15.6782 23.301 15.6782C23.6215 15.6782 23.942 15.7423 24.1343 15.9989C24.3266 16.2876 24.4227 16.7046 24.4227 17.699V26.4559H26.9227ZM38.4289 8.36474C37.4994 8.36474 36.7622 9.10249 36.7622 10.0327C36.7622 10.9629 37.4994 11.7007 38.3968 11.7007C39.3263 11.7007 40.0634 10.9629 40.0634 10.0327C40.0634 9.10249 39.3263 8.36474 38.4289 8.36474ZM13.4614 26.4559H15.9614V10.8346L13.4614 11.1554V26.4559ZM33.8777 9.90441C34.3264 9.90441 34.7751 10.0648 35.0635 10.2893L35.7687 8.33266C35.0956 7.85151 34.3584 7.62698 33.429 7.62698C32.788 7.62698 32.1149 7.78736 31.5059 8.26851C30.897 8.78173 30.256 9.80818 30.256 11.7328C30.256 12.5667 30.288 13.4328 30.288 13.4328H29.4226V15.6461H30.288V26.4238H32.8521V15.6782H34.743L35.2238 13.4649H32.8841V11.4762C32.8841 10.5139 33.2687 9.90441 33.8777 9.90441ZM37.1468 26.4559H39.6788V13.2404L37.1468 13.5611V26.4559Z", fill: "#005DA9" }), h("path", { key: '8a097ea308df533ab7dc7d32047102461cbafcae', d: "M77.0816 33.5126C68.6203 36.0146 58.3321 37.1052 48.2682 37.1052C22.7239 37.1052 6.24986 29.5993 5.09604 19.6877C4.67938 15.9668 7.59599 12.3422 12.4677 9.26285C11.6023 8.62132 11.0575 7.59488 11.0254 6.44012C3.97427 10.161 0 15.0366 0 19.9764C0 30.9145 19.5188 40.1525 48.5246 39.7676C58.6205 39.6393 67.0498 38.1958 74.6778 35.6939C83.7482 32.7428 89.4532 28.5087 90.8313 26.6483C89.1968 28.1238 85.3186 31.0748 77.0816 33.5126ZM23.2687 4.38723C24.9674 3.80985 27.3712 3.0721 27.3712 3.0721C34.1339 1.21166 41.6017 0.121063 48.5566 0.185215C40.544 -0.295931 33.2365 0.185215 26.8584 1.33997C26.8584 1.33997 24.743 1.69281 22.4675 2.27018C22.4675 2.27018 21.3777 2.55887 20.7047 2.75133C20.0316 2.94379 19.1021 3.2004 19.1021 3.2004C18.4611 3.39286 17.8201 3.6174 17.1791 3.84193C17.8201 4.48346 18.2047 5.31745 18.2368 6.27974C19.3586 5.76652 21.5059 4.99668 23.2687 4.38723Z", fill: "#E30034" })), h("defs", { key: '49625248c0aea183f6e91c5f053c854fc28c920d' }, h("clipPath", { key: 'c88da544caf9435d6a2ce67a257f35359a660593', id: "clip0_2396_2480" }, h("rect", { key: '797f2bca561e125bf1f509e5f95d51c5d6c6ed39', width: "91", height: "40", fill: "white" })))))), this.applicationName && h("h6", { key: '2fb9e1fcf602e936980ebb11e35696e735d8de55' }, this.applicationName), this.applicationName && this.hasLeftMenuItems &&
-                h("div", { key: '9745363e4eeecee7e86a9d6ab7afbe0b8223019f', class: "navbar__container-left-logo-divider" })), h("div", { key: '4d2b64a0af4ce0b9efcdbbdcd2ca56e943e437a0', class: "navbar__container-left-content" }, h("div", { key: 'e371d02d705c54b44c26883ef5c1e0f7e3ef0274', class: "navbar__container-left-content-navigation-group" }, h("slot", { key: '7991759c2e21428d3ea4ea4caa479349f8b50548', name: 'left-item' }), h("div", { key: 'a9b90e528163973ed123a03de1a9a0c9bb536e23', class: "navbar__container-left-content-navigation-item-search-bar" }, h("slot", { key: '896782a043b44d59c92f2d94075a290814a1bb4a', name: 'search-bar-left' }))))), h("div", { key: 'da75a197c2486d482517c25d626c9e72ba08b9b2', class: `navbar__container-right ${this.searchBarIsOpen === 'right' ? "expand" : this.searchBarIsOpen === 'left' ? 'hide' : ""}` }, h("div", { key: '7a812e82a8d6d41e70918ee3ea08e502d3cb7bdb', class: "navbar__container-right-content" }, h("div", { key: '499253635e260d59dff2f20b4a4dfad92852536c', class: "navbar__container-right-content-navigation-group" }, h("div", { key: 'c14e0d4382be4d6dad4553ebe82e51c5a6e1f536', class: "navbar__container-right-content-navigation-item-search-bar" }, h("div", { key: 'c3a53471f8c9a3700a90ddecde649f76fe70388a', class: `navbar__container-right-content-navigation-item-search-bar-icon-wrapper` }, h("slot", { key: '33ed07bbfc5ccf8c7e71e0a2526f9e1ec5c44708', name: 'search-bar-right' }))), h("slot", { key: 'aa2f77a0f857bd4a705fe7250ac9864d6b7159f1', name: 'right-item' }))), h("div", { key: '7d71f9439b58cb8a80fd38945e6f6fc9b2007073', class: `navbar__burger-icon-wrapper`, onClick: this.handleSidebar.bind(this) }, h("div", { key: 'ff05eb57736b3c3cfc0df9a9e5a6bbe5c393d79a', class: "navbar__burger-icon" }, h("ifx-icon", { key: '1ddc6d5dfa46d5a862cea5a20eecdf8aa0777ca5', icon: "menu-right-24" })), h("div", { key: '13003ffaacd68587b2ab5086d0b991c9c77c4f8f', class: "navbar__cross-icon" }, h("ifx-icon", { key: '2037fd2e970ca04580b7e9536d117c76a468e41f', icon: "cross-24" })))))), h("div", { key: '31c89c49b6afea15bfac5d81847132a52ffee6c1', class: "navbar__sidebar" }, h("div", { key: '646b2f7c24949d111308add4bbb0987f9361b9a8', class: "navbar__sidebar-top-row" }, h("div", { key: 'b70a4aca35bc347b65c0f1fb2b3eda32224129c3', class: "navbar__sidebar-top-row-wrapper" }, h("slot", { key: '41bb5ab728a7dca6e7de80148885f4c331a6452d', name: 'mobile-menu-top' }))), h("div", { key: 'f45ce4fc9bda8ae1c70f7af799cbebf8f7ba6be8', class: "navbar__sidebar-bottom-row" }, h("slot", { key: 'ba28baafc9ad1e8bb34648bb56d17dcf8095e856', name: 'mobile-menu-bottom', onSlotchange: (e) => this.handleMobileMenuBottom(e) })))));
+        return (h("div", { key: '3016ad400353ce166fe13a751aa00d3698fa2810', "aria-label": 'a navigation navbar', class: `navbar__wrapper ${this.fixed ? 'fixed' : ""}` }, h("div", { key: '21c6bf8818079017d42f493c16d5a743f82a5ef2', class: `navbar__main-container ${this.fixed ? 'fixed' : ""}` }, h("div", { key: '01780a8b9efeed6706ca55055565a1b5caeaa009', class: `navbar__container ${this.searchBarIsOpen ? "expanded" : ""}` }, h("div", { key: '35139e8996a28f63c6786cb2bfb2c691c22e7b07', class: `navbar__container-left ${this.searchBarIsOpen === 'left' ? "expand" : this.searchBarIsOpen === 'right' ? 'hide' : ""}` }, this.showLogoAndAppname &&
+            h("div", { key: 'b5be531a7aa2687690d9e51f05b05b96035e1cab', class: `navbar__container-left-logo ${this.searchBarIsOpen === 'left' ? 'hide' : ""}` }, h("div", { key: '8ce2e2c30411e3da1dacd96f6f6a0a4c9bba6b59', class: "navbar__container-left-logo-default" }, h("a", { key: '6ff4d76ea7b74bb387443bd8fe6bd2e84919fcbf', href: this.internalLogoHref, target: this.internalLogoHrefTarget }, h("svg", { key: '64bc28fdd8dd10ba188ae8eff3813b5971c0c45f', width: "91", height: "40", viewBox: "0 0 91 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '0d4ad24d90bb71bc4386be3d47cb5ab8d5381d6e', "clip-path": "url(#clip0_2396_2480)" }, h("path", { key: '8cfa4375359caca1336c33348cab4bfd06f44d4a', d: "M67.691 26.7766C71.0884 26.7766 72.1461 23.1841 72.1461 19.8802C72.1461 15.4536 70.2871 13.1441 67.691 13.1441C64.4219 13.1441 63.2681 16.7367 63.3001 19.9443C63.3322 23.1199 64.2296 26.7766 67.691 26.7766ZM66.0244 19.8481C66.0244 18.533 66.0244 15.4536 67.691 15.4536C69.4859 15.4536 69.4218 18.5009 69.4218 19.9123C69.4218 21.2595 69.4218 24.5313 67.7551 24.5313C65.9603 24.4992 66.0244 21.2274 66.0244 19.8481ZM57.8195 26.7766C59.1976 26.7766 60.3835 26.2313 61.5053 25.0445L60.5117 23.1841C59.7425 24.018 58.9733 24.4671 58.0438 24.4671C57.2746 24.4671 56.6336 24.018 56.249 23.2482C55.9285 22.5746 55.8644 21.8048 55.8644 20.9708V20.7142H61.6335V20.1368C61.6335 17.282 61.2809 15.7102 60.3835 14.5234C59.7104 13.6253 58.7169 13.1441 57.499 13.1441C56.2169 13.1441 55.1593 13.7215 54.39 14.8442C53.5567 16.0631 53.2042 17.699 53.2042 19.9443C53.1721 24.2426 54.8708 26.7766 57.8195 26.7766ZM57.531 15.2612C58.172 15.2612 58.5566 15.614 58.813 16.1914C59.0053 16.7046 59.1015 17.5707 59.1015 18.5971H55.8644C55.8964 16.3197 56.3772 15.2612 57.531 15.2612ZM74.2614 26.4559H76.7614V16.8329C77.3703 16.0952 78.0754 15.6782 78.5882 15.6782C78.9087 15.6782 79.2292 15.7423 79.4215 15.9989C79.6138 16.2876 79.71 16.7046 79.71 17.699V26.4559H82.21V16.5442C82.21 15.6782 82.1138 14.8121 81.601 14.1706C81.1523 13.5932 80.4472 13.2404 79.5497 13.2404C78.3959 13.2404 77.2101 13.914 76.569 14.6838C76.537 14.0102 76.3126 13.3687 76.2485 13.1441L73.9089 13.7536C74.0371 14.4593 74.2294 15.3253 74.2294 16.8971V26.4559H74.2614ZM45.2236 14.6838C45.1915 14.0102 44.9672 13.3687 44.9031 13.1441L42.5634 13.7536C42.6916 14.4593 42.8839 15.3253 42.8839 16.8971V26.4238H45.3838V16.8008C45.9928 16.0631 46.6979 15.6461 47.2107 15.6461C47.5312 15.6461 47.8517 15.7102 48.044 15.9669C48.2363 16.2555 48.3325 16.6725 48.3325 17.6669V26.4238H50.8324V16.5442C50.8324 15.6782 50.7363 14.8121 50.2235 14.1706C49.7748 13.5932 49.0696 13.2404 48.1722 13.2404C47.0505 13.2404 45.8646 13.914 45.2236 14.6838ZM14.6473 9.07042C16.1216 9.07042 17.3075 7.88359 17.3075 6.40807C17.3075 4.93256 16.1216 3.74573 14.6473 3.74573C13.173 3.74573 11.9871 4.93256 11.9871 6.40807C11.9871 7.88359 13.173 9.07042 14.6473 9.07042ZM26.9227 26.4559V16.5442C26.9227 15.6782 26.8265 14.8121 26.3137 14.1706C25.865 13.5932 25.1599 13.2404 24.2625 13.2404C23.1087 13.2404 21.9228 13.914 21.2818 14.6838C21.2497 14.0102 21.0254 13.3687 20.9613 13.1441L18.6536 13.7857C18.7818 14.4913 18.9741 15.3574 18.9741 16.9291V26.4559H21.4741V16.8329C22.0831 16.0952 22.7882 15.6782 23.301 15.6782C23.6215 15.6782 23.942 15.7423 24.1343 15.9989C24.3266 16.2876 24.4227 16.7046 24.4227 17.699V26.4559H26.9227ZM38.4289 8.36474C37.4994 8.36474 36.7622 9.10249 36.7622 10.0327C36.7622 10.9629 37.4994 11.7007 38.3968 11.7007C39.3263 11.7007 40.0634 10.9629 40.0634 10.0327C40.0634 9.10249 39.3263 8.36474 38.4289 8.36474ZM13.4614 26.4559H15.9614V10.8346L13.4614 11.1554V26.4559ZM33.8777 9.90441C34.3264 9.90441 34.7751 10.0648 35.0635 10.2893L35.7687 8.33266C35.0956 7.85151 34.3584 7.62698 33.429 7.62698C32.788 7.62698 32.1149 7.78736 31.5059 8.26851C30.897 8.78173 30.256 9.80818 30.256 11.7328C30.256 12.5667 30.288 13.4328 30.288 13.4328H29.4226V15.6461H30.288V26.4238H32.8521V15.6782H34.743L35.2238 13.4649H32.8841V11.4762C32.8841 10.5139 33.2687 9.90441 33.8777 9.90441ZM37.1468 26.4559H39.6788V13.2404L37.1468 13.5611V26.4559Z", fill: "#005DA9" }), h("path", { key: '82a0e6192fd780d1e9b1ce56bb5fbaf04f654d7e', d: "M77.0816 33.5126C68.6203 36.0146 58.3321 37.1052 48.2682 37.1052C22.7239 37.1052 6.24986 29.5993 5.09604 19.6877C4.67938 15.9668 7.59599 12.3422 12.4677 9.26285C11.6023 8.62132 11.0575 7.59488 11.0254 6.44012C3.97427 10.161 0 15.0366 0 19.9764C0 30.9145 19.5188 40.1525 48.5246 39.7676C58.6205 39.6393 67.0498 38.1958 74.6778 35.6939C83.7482 32.7428 89.4532 28.5087 90.8313 26.6483C89.1968 28.1238 85.3186 31.0748 77.0816 33.5126ZM23.2687 4.38723C24.9674 3.80985 27.3712 3.0721 27.3712 3.0721C34.1339 1.21166 41.6017 0.121063 48.5566 0.185215C40.544 -0.295931 33.2365 0.185215 26.8584 1.33997C26.8584 1.33997 24.743 1.69281 22.4675 2.27018C22.4675 2.27018 21.3777 2.55887 20.7047 2.75133C20.0316 2.94379 19.1021 3.2004 19.1021 3.2004C18.4611 3.39286 17.8201 3.6174 17.1791 3.84193C17.8201 4.48346 18.2047 5.31745 18.2368 6.27974C19.3586 5.76652 21.5059 4.99668 23.2687 4.38723Z", fill: "#E30034" })), h("defs", { key: 'a0c4da079b66e750fe1186a67235cf7266c2be41' }, h("clipPath", { key: '504464e7cef66fd0adcf6ef439257f5e1423ee65', id: "clip0_2396_2480" }, h("rect", { key: '2947c5426d0d56ebad5bb7b13b210f678f3d2411', width: "91", height: "40", fill: "white" })))))), this.applicationName && h("h6", { key: 'e254d665b44b32d94e715fdb135dddaa6ebfe897' }, this.applicationName), this.applicationName && this.hasLeftMenuItems &&
+                h("div", { key: '8dc98a92647a3be8614682c919085f20e716e701', class: "navbar__container-left-logo-divider" })), h("div", { key: 'ad27fe3be31276460a53698ebaa3e0919b4c4c36', class: "navbar__container-left-content" }, h("div", { key: 'd5b591a80989ef8043d7bcb8b5769a47c8e005d9', class: "navbar__container-left-content-navigation-group" }, h("slot", { key: 'f04ea6b8a996acb59a453242e38fff9bda848d83', name: 'left-item' }), h("div", { key: 'f50c9b55304df0f0e8349ac5bcce352666351ad8', class: "navbar__container-left-content-navigation-item-search-bar" }, h("slot", { key: '319113701d3baf62dd79df66d6da881254bbd914', name: 'search-bar-left' }))))), h("div", { key: 'b5320ad4acb6d255536f7268b5ceab5518a9c9e6', class: `navbar__container-right ${this.searchBarIsOpen === 'right' ? "expand" : this.searchBarIsOpen === 'left' ? 'hide' : ""}` }, h("div", { key: '99fb4b72e9f4abadc86d37113a97a28040177fe3', class: "navbar__container-right-content" }, h("div", { key: 'f16d152d8e963e63851610bf0a68f2af1ef89694', class: "navbar__container-right-content-navigation-group" }, h("div", { key: 'ed258bf9f109b269b961f9f53dfc1a57c9a61419', class: "navbar__container-right-content-navigation-item-search-bar" }, h("div", { key: '3cb7ed0c1b386ebe1750e2303d121fe0865792c2', class: `navbar__container-right-content-navigation-item-search-bar-icon-wrapper` }, h("slot", { key: '60e1004eafa4b1dec3c977cd361de472a0625e6f', name: 'search-bar-right' }))), h("slot", { key: '0535800646b5ad3733b688dae7aacddca0aaff5e', name: 'right-item' }))), h("div", { key: '91c7e154749206676de5b9836fc68cad7e9862e9', class: `navbar__burger-icon-wrapper`, onClick: this.handleSidebar.bind(this) }, h("div", { key: '351653da6cbc3825fe587df6a2fc3b3d29bc3c31', class: "navbar__burger-icon" }, h("ifx-icon", { key: '058cbd7bda1518355e443fe06e8457f1a924a490', icon: "menu-right-24" })), h("div", { key: 'f0e97195034e54af563f3d57dfdf1aad8ea88625', class: "navbar__cross-icon" }, h("ifx-icon", { key: 'a51222cd5fbab6e281c0c3c0ae35a0de817adbff', icon: "cross-24" })))))), h("div", { key: 'f20759797aebae0755b20a6f98b64fbe5937c77c', class: "navbar__sidebar" }, h("div", { key: '7476e33c5a65b198816286fcd5b6335545533b07', class: "navbar__sidebar-top-row" }, h("div", { key: '687b213975d903a8d4d4343c9780d08e7c2b6d97', class: "navbar__sidebar-top-row-wrapper" }, h("slot", { key: '06b2e7af21bba012e9732192a2c0012754da2f73', name: 'mobile-menu-top' }))), h("div", { key: '99da090866567237e6a319032f25f2e4b84051bf', class: "navbar__sidebar-bottom-row" }, h("slot", { key: '6a75b354628c48f21cdb22c294f05e2efc74f9b6', name: 'mobile-menu-bottom', onSlotchange: (e) => this.handleMobileMenuBottom(e) })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/ifx-notification.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host } from './index-5ee763b8.js';
+import { r as registerInstance, h, a as Host } from './index-b4eaf00e.js';
 
 const notificationCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}.ifx-notification__wrapper{display:flex;flex-direction:row;align-items:center;padding:8px 16px;background-color:#FFFFFF;font-family:var(--ifx-font-family);color:#1D1D1D;border:1px solid #EEEDED}.ifx-notification__wrapper.ifx-notification__wrapper--success{border-left:4px solid #4CA460}.ifx-notification__wrapper.ifx-notification__wrapper--success .ifx-notification__icon{color:#4CA460}.ifx-notification__wrapper.ifx-notification__wrapper--locked{border-left:4px solid #E16B25}.ifx-notification__wrapper.ifx-notification__wrapper--locked .ifx-notification__icon{color:#E16B25}.ifx-notification__wrapper.ifx-notification__wrapper--error{border-left:4px solid #CD002F}.ifx-notification__wrapper.ifx-notification__wrapper--error .ifx-notification__icon{color:#CD002F}.ifx-notification__wrapper.ifx-notification__wrapper--neutral{border-left:4px solid #0A8276}.ifx-notification__wrapper.ifx-notification__wrapper--neutral .ifx-notification__icon{color:#0A8276}.ifx-notification__wrapper .ifx-notification__icon{margin-right:8px;display:flex;align-self:center}.ifx-notification__wrapper .ifx-notification__body{display:flex;flex-direction:row;flex-grow:1;font-size:0.875rem}.ifx-notification__wrapper .ifx-notification__body .ifx-notification__slot{flex-grow:1;display:inline-flex;align-items:center}.ifx-notification__wrapper .ifx-notification__link{font-size:0.875rem}@media (max-width: 576px){.ifx-notification__wrapper .ifx-notification__icon{align-self:flex-start}.ifx-notification__wrapper .ifx-notification__body{flex-direction:column}.ifx-notification__wrapper .ifx-notification__link{margin-top:8px}}";
 const IfxNotificationStyle0 = notificationCss;
@@ -24,8 +24,8 @@ const Notification = class {
         }
     }
     render() {
-        return (h(Host, { key: 'b179879a76fdf89efb6775da63aa9347b82b73ab' }, h("div", { key: 'cadb695a83c878966b72947f6f8558811b4cdbad', class: "ifx-notification__wrapper " + this.getClassName() }, h("div", { key: '0bb24aa2e84478864861dae270df991da6eaf94b', class: "ifx-notification__icon" }, h("ifx-icon", { key: '19d360bac39260d60cd01ef7d45c33027b1e7f74', icon: this.icon })), h("div", { key: '300de559da9b02d64cb6296d92d796bf6ebb8bac', class: "ifx-notification__body" }, h("div", { key: '49329893c708b6046ddde4b5c145a37cbcee2cf1', class: "ifx-notification__slot" }, h("slot", { key: '4beec7fffa516113701fb92782f8e65430172b52' })), this.linkText && this.linkHref &&
-            h("div", { key: 'fa6894fbb5061c4d6da1a2fac5c2a93d9232fd13', class: "ifx-notification__link" }, h("ifx-link", { key: 'f00afd4dae44af40c4a92f76d2d387a5efbb68fd', href: this.linkHref, target: this.linkTarget }, this.linkText, h("ifx-icon", { key: '145e1c5029de259dae1f7419e44a72e31a42c788', icon: "arrow-right-16" })))))));
+        return (h(Host, { key: '13f70e0073c405d09ebab6567d0c0729be501764' }, h("div", { key: '67959ca0f9ed3f892d73a79c86183b2c0802c515', class: "ifx-notification__wrapper " + this.getClassName() }, h("div", { key: 'da287dee65a5bf2960167b0b87a603107190fac8', class: "ifx-notification__icon" }, h("ifx-icon", { key: '4e766f32e0ec6d059fc9784745e533b16e577a54', icon: this.icon })), h("div", { key: '8356a67bb2b878164a1269f51563c6796aaad919', class: "ifx-notification__body" }, h("div", { key: '713a6c1b3948058817eb3fc730f43155a169cdaa', class: "ifx-notification__slot" }, h("slot", { key: 'f33ffd81c74fe5def5a18fb1d56619f0cce9c252' })), this.linkText && this.linkHref &&
+            h("div", { key: '638730c05712d9d762f56c18390296da07b58081', class: "ifx-notification__link" }, h("ifx-link", { key: 'ad0dd0f6451ecce51f97f84f3737b173e162af6f', href: this.linkHref, target: this.linkTarget }, this.linkText, h("ifx-icon", { key: 'ba59da60d8661ac92a606c5e2c483e0efab7a0c3', icon: "arrow-right-16" })))))));
     }
 };
 Notification.style = IfxNotificationStyle0;

package/dist/esm/ifx-number-indicator.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-5ee763b8.js';
+import { r as registerInstance, h } from './index-b4eaf00e.js';
 
 const numberIndicatorCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.numberIndicator__container{display:inline-flex;padding:0px 4px;max-height:16px;justify-content:center;align-items:center;border-radius:100px;background-color:#0A8276;font-family:var(--ifx-font-family)}.numberIndicator__container span{color:#FFFFFF;text-align:center;font-size:0.875rem;font-style:normal;font-weight:600;line-height:16px}.numberIndicator__container.inverted{background-color:#FFFFFF}.numberIndicator__container.inverted span{color:#0A8276}";
 const IfxNumberIndicatorStyle0 = numberIndicatorCss;
@@ -9,7 +9,7 @@ const NumberIndicator = class {
         this.inverted = false;
     }
     render() {
-        return (h("div", { key: 'f5e18dd991ecbb88119a2d006437bb41553bfe0c', "aria-label": 'a number indicator', class: `numberIndicator__container ${this.inverted ? 'inverted' : ""}` }, h("span", { key: 'b66d7c9298d368ac85fb0697cdd03ca6d4f2a72c' }, h("slot", { key: '81a8feb532c6710682c9d3092fc4ae4c2ef239b1' }))));
+        return (h("div", { key: '9242365a87fe6a8cd08e43c411d41d271a031847', "aria-label": 'a number indicator', class: `numberIndicator__container ${this.inverted ? 'inverted' : ""}` }, h("span", { key: 'eee5b9ac92564d64aae37fcfce652e6e38c1df7f' }, h("slot", { key: '6b2d395ec7218f63faa727c90ec6b1b443df5599' }))));
     }
 };
 NumberIndicator.style = IfxNumberIndicatorStyle0;