@siemens/ix 0.0.0-pr-2238-20251103105018 → 0.0.0-v4-next-20251105155052

package/hydrate/index.js

@@ -3522,7 +3522,6 @@ const closestIxMenu = (element) => {
 };
 const ApplicationLayoutContext = createContext('application-layout-context', {
     hideHeader: false,
-    host: null,
     sidebar: false,
 });
 
@@ -3993,7 +3992,6 @@ class Application {
         applicationLayoutService.setBreakpoints(this.breakpoints);
         this.contextProvider = useContextProvider(this.hostElement, ApplicationLayoutContext, {
             hideHeader: false,
-            host: 'basic-navigation',
             sidebar: this.applicationSidebarSlotted,
             appSwitchConfig: this.appSwitchConfig,
         });
@@ -4030,18 +4028,17 @@ class Application {
         }
         this.contextProvider.emit({
             hideHeader: false,
-            host: 'basic-navigation',
             sidebar: this.applicationSidebarSlotted,
             appSwitchConfig: this.appSwitchConfig,
         });
     }
     render() {
-        return (hAsync(Host, { key: '8ec10f51dff7f068d6d9ecc3482f57f7eee372e1', "data-role": "", class: {
+        return (hAsync(Host, { key: '80437ae705c381c0167b8d7c5ce429e611b03f91', "data-role": "", class: {
                 [`breakpoint-${this.breakpoint}`]: true,
-            } }, hAsync("slot", { key: '0907c0a93f6baa2bec75388748c5b380ac57ba9f', name: "application-header" }), hAsync("div", { key: '20dbe63e526f7842680f6c4abc6d4295892ae7f6', class: "application" }, hAsync("slot", { key: 'd47121e13a25c0738cba759b53fac4e33ec05dc6', name: "menu" }), hAsync("aside", { key: '61e0b686faca2fb562651b67286b837d94053b99', class: {
+            } }, hAsync("slot", { key: '865d2e5a9252459f62ff8ab5dce1413d11c04379', name: "application-header" }), hAsync("div", { key: 'ae1960437e8721fbc4afab659d149265660e4164', class: "application" }, hAsync("slot", { key: 'a2a9a835af35e30d2ebe52347903f1838e75ac8d', name: "menu" }), hAsync("aside", { key: '6141152471ac7dc7310247b23278dc594e025fa3', class: {
                 'application-sidebar': true,
                 slotted: this.applicationSidebarSlotted,
-            }, onClick: () => this.onContentClick() }, hAsync("slot", { key: '2e84b0947f7f8f663ea18211e8cd2112e2702048', name: "application-sidebar", onSlotchange: () => (this.applicationSidebarSlotted = hasSlottedElements(this.applicationSidebarSlot)) })), hAsync("div", { key: '89cc5e6a029a43cedb58865984d0e46b6b14c4d3', class: "content-area" }, hAsync("main", { key: 'dfc4b2e1842a43ca077d0b87168ac7119c7bb80d', class: "content", onClick: () => this.onContentClick() }, hAsync("slot", { key: '6af3c3a4f10005a8d3d10d86e3388c41ffce7204' })), hAsync("footer", { key: '44c8fdcf8f6fe6c6c03e2c03214c5acbb8e9d7bf', class: "footer" }, hAsync("slot", { key: 'c066f4dcc1948952fa8218b70fb697470385f4d8', name: "bottom" }))))));
+            }, onClick: () => this.onContentClick() }, hAsync("slot", { key: '3285cc16452a7a6936a542dd26758beebb515972', name: "application-sidebar", onSlotchange: () => (this.applicationSidebarSlotted = hasSlottedElements(this.applicationSidebarSlot)) })), hAsync("div", { key: 'c6d022a1a5c220ed088adeba49ab5daa27ff8c77', class: "content-area" }, hAsync("main", { key: '8ab781e17318078290a6ce4e1e64dfea43d5ae00', class: "content", onClick: () => this.onContentClick() }, hAsync("slot", { key: '24e83882ab5746f4e00a0c16c797ddf4111aa1e8' })), hAsync("footer", { key: '3ce838daa8f8f4b4e56cb2626476223d9575177c', class: "footer" }, hAsync("slot", { key: 'e49d1cd476554dfddca3b538194040ca29394967', name: "bottom" }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -4516,11 +4513,6 @@ class ApplicationHeader {
     componentWillLoad() {
         this.breakpoint = getCurrentBreakpoint();
         useContextConsumer(this.hostElement, ApplicationLayoutContext, (ctx) => {
-            if ((ctx === null || ctx === void 0 ? void 0 : ctx.host) === 'map-navigation') {
-                this.suppressResponsive = true;
-                this.breakpoint = 'md';
-                return;
-            }
             this.breakpoint = applicationLayoutService.breakpoint;
             this.applicationLayoutContext = ctx;
             this.tryUpdateAppSwitch();
@@ -4628,31 +4620,31 @@ class ApplicationHeader {
             this.breakpoint !== 'sm' &&
             this.suppressResponsive === false;
         const showCompanyLogoByProperty = this.breakpoint !== 'sm' && !!this.companyLogo;
-        return (hAsync(Host, { key: 'ef0ab6f2a81031458e8ed28d37498fc8b1446bac', class: {
+        return (hAsync(Host, { key: '0568c65fa9cfe4f1250a5f7704cc19f7e38a5d19', class: {
                 [`breakpoint-${this.breakpoint}`]: true,
                 'hide-bottom-border': this.hideBottomBorder,
-            }, slot: "application-header" }, hAsync("div", { key: 'efe93ad72d12055c809bba772b705d20fed00ee7', class: "left-side" }, this.appIcon && this.breakpoint !== 'sm' && (hAsync("div", { key: 'ef86725dc6c5d99b629115e1142f11d513a76f52', class: {
+            }, slot: "application-header" }, hAsync("div", { key: 'a5c4fa84d92bd9ce8e236f117605652bfc92e60d', class: "left-side" }, this.appIcon && this.breakpoint !== 'sm' && (hAsync("div", { key: '0f790883c295875ef6b3f023cd9daa34980c5c96', class: {
                 'app-icon': true,
                 'app-icon-outline': this.appIconOutline,
-            } }, hAsync("img", { key: 'aaca1d8a674774635a0f0774aaf1c6cb8c63ca3e', src: this.appIcon, alt: this.appIconAlt }))), (this.showMenu || showMenuByApplicationFrame) && (hAsync("ix-menu-expand-icon", { key: '6cd981d9c4398e0c72ba5096694e30855f970bec', onClick: () => this.onMenuClick(), expanded: this.menuExpanded, ixAriaLabel: this.ariaLabelMenuExpandIconButton })), showApplicationSwitch && (hAsync("ix-icon-button", { key: '933e394225b9239f10b18962c40f8021a5e4b059', onClick: () => this.showAppSwitch(), icon: iconApps, variant: "subtle-tertiary", class: {
+            } }, hAsync("img", { key: '3e20234523c716d04e123706912eef1023eb884f', src: this.appIcon, alt: this.appIconAlt }))), (this.showMenu || showMenuByApplicationFrame) && (hAsync("ix-menu-expand-icon", { key: 'b46e806adadc12a7a355691bdb14bb2a3ee0f98f', onClick: () => this.onMenuClick(), expanded: this.menuExpanded, ixAriaLabel: this.ariaLabelMenuExpandIconButton })), showApplicationSwitch && (hAsync("ix-icon-button", { key: '57112cb328fc5231871e18496863ebc3a38f978b', onClick: () => this.showAppSwitch(), icon: iconApps, variant: "subtle-tertiary", class: {
                 'app-switch': true,
                 'without-app-icon': !this.appIcon,
-            }, "aria-label": this.ariaLabelAppSwitchIconButton })), showCompanyLogoByProperty && (hAsync("div", { key: 'df4c4e5db00d5f7b7680ea05c9da06250c769308', class: "logo" }, hAsync("img", { key: '2187d02dedbb48e5b27ea431b90a1a33a4b1e9e6', src: this.companyLogo, alt: this.companyLogoAlt }))), hAsync("div", { key: '0abdbb9bf1b3fc81c14d46ea826ee73336c560b5', class: {
+            }, "aria-label": this.ariaLabelAppSwitchIconButton })), showCompanyLogoByProperty && (hAsync("div", { key: 'b622ece9a3c1645141c1cb54d9cb88f0b2b12646', class: "logo" }, hAsync("img", { key: '854a9696190d015ce052c745f9ed7acc206f16d5', src: this.companyLogo, alt: this.companyLogoAlt }))), hAsync("div", { key: '0d5ff7f62bb55cb15d2e15e41279ca671716224c', class: {
                 logo: true,
                 'hide-logo': !this.hasSlottedLogo,
-            } }, hAsync("slot", { key: '468f56a361d387af9b46dddabbece87e03f1692b', name: "logo", onSlotchange: () => (this.hasSlottedLogo = this.checkLogoSlot()) })), hAsync("div", { key: '84265b38ce425386a4df25a52e2334b760d28067', class: "name" }, hAsync("ix-typography", { key: 'c2cb4a0e91d28ccdb07dd8a68a6b6989b3faab14', format: "body-lg", class: "application-name" }, this.name), this.nameSuffix && this.breakpoint !== 'sm' && (hAsync("ix-typography", { key: 'f34d596a5071ee964fecfc1021a420b0cc5fad32', format: "body-xs", class: "application-name-suffix" }, this.nameSuffix)))), hAsync("div", { key: 'e4f60f5f9fb727385eb180ea91f5c75b7a207993', class: { 'right-side': true, sm: this.breakpoint === 'sm' } }, this.breakpoint !== 'sm' && (hAsync("div", { key: 'b78fcf9127124d7c57d2ebf15f65fb271efd30fc', class: "secondary" }, hAsync("slot", { key: '0c82211f37d6cb285047f97ee222f22aa424bfad', name: "secondary" }))), hAsync("div", { key: 'acb023efd34eeba9730ad5a60dd933240bb09b80', class: "content" }, this.breakpoint !== 'sm' && hAsync("slot", { key: '05fcf4ca0ee08e392ebba65ef7f671e5822cc9c5' }), hAsync("ix-icon-button", { key: '196aa553bc0ed8f7ac43586c8bd065c3c4990535', class: {
+            } }, hAsync("slot", { key: '42d42aab0493036c165f1d7d969288bc2dc339c8', name: "logo", onSlotchange: () => (this.hasSlottedLogo = this.checkLogoSlot()) })), hAsync("div", { key: 'a388e25471839639f82f2e3d8798d041cdab1f78', class: "name" }, hAsync("ix-typography", { key: 'f7d197105b6609597fa742ca8b85aa2c80b2c25d', format: "body-lg", class: "application-name" }, this.name), this.nameSuffix && this.breakpoint !== 'sm' && (hAsync("ix-typography", { key: '5a78095814f0d39666bbe26bb968d4df72233016', format: "body-xs", class: "application-name-suffix" }, this.nameSuffix)))), hAsync("div", { key: 'e4a01fd2bf06bd9ae064c5f336e7ef2fe2880e1c', class: { 'right-side': true, sm: this.breakpoint === 'sm' } }, this.breakpoint !== 'sm' && (hAsync("div", { key: 'f3c3221c2dbcccf19d23502ff05984815fc8ea1e', class: "secondary" }, hAsync("slot", { key: '9392845b82451cb62b886ab1bafa7ba7ddf21d13', name: "secondary" }))), hAsync("div", { key: 'a288be02d9ee23480339d8de284c186fbc9bfd26', class: "content" }, this.breakpoint !== 'sm' && hAsync("slot", { key: '34dfa9b114c85e3e59183fce1b5a977eabe02d6a' }), hAsync("ix-icon-button", { key: 'c884b249320deb5f105538dd0fd7e47efd6207c0', class: {
                 'context-menu': true,
                 'context-menu-visible': this.hasOverflowContextMenu || this.hasOverflowSlotElements,
-            }, "data-context-menu": true, "data-testid": "show-more", icon: iconMoreMenu, variant: "subtle-tertiary", "aria-label": this.ariaLabelMoreMenuIconButton, "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }), hAsync("ix-dropdown", { key: '7657364247c4964e0cbe2380fffedcd22f6513d9', "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton(), "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }, hAsync("div", { key: '06f57598668ae32ef6fc377ae9ccf180ffbd5361', class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, this.breakpoint === 'sm' && (hAsync("div", { key: 'f59b62075ac364ccc86791e6dda77a155135dc91', class: {
+            }, "data-context-menu": true, "data-testid": "show-more", icon: iconMoreMenu, variant: "subtle-tertiary", "aria-label": this.ariaLabelMoreMenuIconButton, "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }), hAsync("ix-dropdown", { key: '42ea43e1f28ecdd7651a2f652edb6eb2462a0df3', "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton(), "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }, hAsync("div", { key: 'b57645df48b14862e17510560386dffdc7f918f2', class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, this.breakpoint === 'sm' && (hAsync("div", { key: 'd27a3ab3dcccb24deea6452aab078975d7657c1f', class: {
                 'slot-content': true,
                 'slot-content-active': this.hasSecondarySlotElements,
-            } }, hAsync("slot", { key: '25a1cbf08436b248cb892cabcc4b6377abcdda4f', name: "secondary", onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), this.breakpoint === 'sm' && (hAsync("div", { key: '903e47dc9fe7906bc94650d9617031a9ec8ecbd3', class: {
+            } }, hAsync("slot", { key: '8236935ea329c8650b08c0fbb2be11a4233b54a5', name: "secondary", onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), this.breakpoint === 'sm' && (hAsync("div", { key: 'd947b3da7b1c2683f319604698550e6deede8bb5', class: {
                 'slot-content': true,
                 'slot-content-active': this.hasDefaultSlotElements,
-            } }, hAsync("slot", { key: 'dd848b5a87034692f1b0c518ec694cc9e3197787', onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), hAsync("div", { key: '0fe4250f4a64d239ca6db9eea89d1cc4869492e6', class: {
+            } }, hAsync("slot", { key: '5e60684fe9b2d19e67a4b8c56225be76a2aff668', onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), hAsync("div", { key: 'c072ab98aa238e71087064f9ffcbc46a8b43cacd', class: {
                 'slot-content': true,
                 'slot-content-active': this.hasOverflowSlotElements,
-            } }, hAsync("slot", { key: '10862703e3e6701ff5bb110039242b826914e8af', name: "overflow", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })))), hAsync("slot", { key: 'eb5fbef4f3783afba128d57fdc3924e4957af6b1', name: "ix-application-header-avatar" })))));
+            } }, hAsync("slot", { key: '99752eacbebd15e6b9dda9b9dc96c919ed8ebcf6', name: "overflow", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })))), hAsync("slot", { key: 'c6c071f3ee91c6f0aa709ba59e979e644f22f22d', name: "ix-application-header-avatar" })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -8631,102 +8623,6 @@ class Avatar {
     }; }
 }
 
-const basicNavigationCss = ":host{display:flex;flex-direction:column;position:relative;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-application-header{z-index:calc(var(--theme-z-index-sticky) + 1)}:host .logo-wrapper{display:contents}:host .content{display:flex;height:100%;width:100%;position:relative;margin-left:3.25rem;overflow:auto}:host .navigation-content{display:flex;position:relative;flex-direction:row;height:calc(100% - 2.75rem);width:100%}:host(.hide-header) .navigation-content,:host(.hide-header) .content{height:100%}:host(.breakpoint-lg) .content{margin-left:0rem}:host(.breakpoint-sm) .content{margin-left:0px;width:100%}";
-
-class BasicNavigation {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Hide application header. Will disable responsive feature of basic navigation.
-         */
-        this.hideHeader = false;
-        /**
-         * Supported layouts
-         * @example ['sm', 'md']
-         */
-        this.breakpoints = ['sm', 'md', 'lg'];
-        this.breakpoint = 'lg';
-    }
-    onHideHeaderChange() {
-        var _a;
-        (_a = this.contextProvider) === null || _a === void 0 ? void 0 : _a.emit({
-            hideHeader: this.hideHeader,
-            host: 'basic-navigation',
-        });
-        this.breakpoint = applicationLayoutService.breakpoint;
-    }
-    forceLayoutChange(newMode) {
-        if (!newMode) {
-            applicationLayoutService.enableBreakpointDetection();
-            return;
-        }
-        applicationLayoutService.disableBreakpointDetection();
-        applicationLayoutService.setBreakpoint(newMode);
-    }
-    onBreakpointsChange(breakpoints) {
-        applicationLayoutService.setBreakpoints(breakpoints);
-    }
-    get menu() {
-        return this.hostElement.querySelector('ix-menu');
-    }
-    onContentClick() {
-        var _a;
-        if (menuController.isPinned) {
-            return;
-        }
-        (_a = this.menu) === null || _a === void 0 ? void 0 : _a.toggleMenu(false);
-    }
-    componentWillLoad() {
-        applicationLayoutService.setBreakpoints(this.breakpoints);
-        this.contextProvider = useContextProvider(this.hostElement, ApplicationLayoutContext, {
-            hideHeader: this.hideHeader,
-            host: 'basic-navigation',
-        });
-        this.modeDisposable = applicationLayoutService.onChange.on((mode) => {
-            this.breakpoint = mode;
-        });
-        this.breakpoint = applicationLayoutService.breakpoint;
-        if (this.forceBreakpoint) {
-            this.forceLayoutChange(this.forceBreakpoint);
-        }
-    }
-    componentDidRender() {
-        if (this.menu) {
-            this.menu.applicationName = this.applicationName;
-        }
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.modeDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
-    }
-    render() {
-        return (hAsync(Host, { key: '72e6c6050cef8b4776e9e9d6a1ef6645b2af1f9e', "data-role": "", class: {
-                'hide-header': this.hideHeader,
-                [`breakpoint-${this.breakpoint}`]: true,
-            } }, !this.hideHeader ? (hAsync("ix-application-header", { name: this.applicationName }, hAsync("slot", { name: "logo", slot: "logo" }))) : null, hAsync("div", { key: 'c4d12a54cdcf89470499dc18833ab6acc6cee6dd', class: "navigation-content" }, hAsync("slot", { key: '3247841eebc0d261e876796bcbeb4780a1b7904e', name: "menu" }), hAsync("div", { key: 'c78066d0295ee066d590bc78e7f1598aaf3bc348', class: "content", onClick: () => this.onContentClick() }, hAsync("slot", { key: '9a4e32d3200e9ea67ad5ec48b7acb609335804ec' })))));
-    }
-    get hostElement() { return getElement(this); }
-    static get watchers() { return {
-        "hideHeader": ["onHideHeaderChange"],
-        "breakpoints": ["onBreakpointsChange"]
-    }; }
-    static get style() { return basicNavigationCss; }
-    static get cmpMeta() { return {
-        "$flags$": 265,
-        "$tagName$": "ix-basic-navigation",
-        "$members$": {
-            "applicationName": [1, "application-name"],
-            "hideHeader": [4, "hide-header"],
-            "forceBreakpoint": [1, "force-breakpoint"],
-            "breakpoints": [16],
-            "breakpoint": [32]
-        },
-        "$listeners$": undefined,
-        "$lazyBundleId$": "-",
-        "$attrsToReflect$": []
-    }; }
-}
-
 const blindCss = ":host{display:flex;flex-direction:column;border-radius:var(--theme-blind--border-radius);overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .blind-header-wrapper{position:relative;min-height:3rem;height:3rem;overflow:hidden}:host .blind-header-content{display:flex;position:relative;align-items:center;justify-content:flex-start;width:100%;height:100%;pointer-events:none;padding-left:0.5rem}:host .blind-header-title{display:flex;position:relative;align-items:center;flex-grow:1;margin-right:0.5rem}:host .blind-header{all:unset;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;position:absolute;top:0px;left:0px;pointer-events:all;padding-left:2.5rem;min-height:3rem;height:3rem;width:calc(100% - 2 * var(--theme-blind--border-thickness));border:solid var(--theme-blind--border-thickness) transparent;border-radius:var(--theme-blind--border-radius) var(--theme-blind--border-radius) 0 0;cursor:pointer}:host .blind-header:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr);outline:none}:host .blind-header-title-icon,:host .collapse-icon{margin-right:0.5rem}:host .blind-header-title-row{display:flex;flex-grow:1;overflow:hidden}:host .blind-header-title-col{display:inline-flex;align-items:center;width:calc(100% - 1rem);overflow:hidden}:host .blind-header-title-col:not(:first-of-type){justify-content:flex-end}:host ix-typography{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title-label{padding-inline-end:0.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title-sublabel{padding-inline:0.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title{display:flex;align-items:center;flex-grow:1;height:100%;min-width:0}:host .blind-header-labels{display:inline-flex;flex-grow:1;min-width:0}:host .blind-content{display:block;padding:1rem;transition-property:padding;transition-duration:var(--theme-default-time);transition-timing-function:ease-in}:host .blind-content.hide{max-height:0;padding-top:0px;padding-bottom:0px}:host .header-actions{pointer-events:all;margin-left:auto}:host(.blind-alarm) .blind-header{background-color:var(--theme-color-alarm)}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-alarm--hover)}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-alarm--active)}:host(.blind-alarm) .blind-header-title-label,:host(.blind-alarm) .blind-header-title-sublabel{color:var(--theme-color-alarm--contrast)}:host(.blind-alarm){background-color:var(--theme-blind-base--background)}:host(.blind-critical) .blind-header{background-color:var(--theme-color-critical)}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-critical) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-critical--hover)}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-critical) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-critical--active)}:host(.blind-critical) .blind-header-title-label,:host(.blind-critical) .blind-header-title-sublabel{color:var(--theme-color-critical--contrast)}:host(.blind-critical){background-color:var(--theme-blind-base--background)}:host(.blind-info) .blind-header{background-color:var(--theme-color-info)}:host(.blind-info) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-info) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-info) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-info--hover)}:host(.blind-info) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-info) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-info) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-info--active)}:host(.blind-info) .blind-header-title-label,:host(.blind-info) .blind-header-title-sublabel{color:var(--theme-color-info--contrast)}:host(.blind-info){background-color:var(--theme-blind-base--background)}:host(.blind-neutral) .blind-header{background-color:var(--theme-color-neutral)}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-neutral--hover)}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-neutral--active)}:host(.blind-neutral) .blind-header-title-label,:host(.blind-neutral) .blind-header-title-sublabel{color:var(--theme-color-neutral--contrast)}:host(.blind-neutral){background-color:var(--theme-blind-base--background)}:host(.blind-filled) .blind-header{background-color:var(--theme-color-filled)}:host(.blind-filled) .blind-header:not(.disabled):not(:disabled).hover,:host(.blind-filled) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host(.blind-filled) .blind-header:not(.disabled):not(:disabled).active,:host(.blind-filled) .blind-header:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host(.blind-filled) .blind-header-title-label{color:var(--theme-color-std-text)}:host(.blind-filled) .blind-header-title-sublabel{color:var(--theme-color-soft-text)}:host(.blind-filled){background-color:var(--theme-blind-base--background)}:host(.blind-success) .blind-header{background-color:var(--theme-color-success)}:host(.blind-success) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-success) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-success) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-success--hover)}:host(.blind-success) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-success) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-success) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-success--active)}:host(.blind-success) .blind-header-title-label,:host(.blind-success) .blind-header-title-sublabel{color:var(--theme-color-success--contrast)}:host(.blind-success){background-color:var(--theme-blind-base--background)}:host(.blind-warning) .blind-header{background-color:var(--theme-color-warning)}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-warning) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-warning--hover)}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-warning) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-warning--active)}:host(.blind-warning) .blind-header-title-label,:host(.blind-warning) .blind-header-title-sublabel{color:var(--theme-color-warning--contrast)}:host(.blind-warning){background-color:var(--theme-blind-base--background)}:host(.blind-primary) .blind-header{background-color:var(--theme-color-primary)}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-primary) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-primary--hover)}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-primary) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-primary--active)}:host(.blind-primary) .blind-header-title-label,:host(.blind-primary) .blind-header-title-sublabel{color:var(--theme-color-primary--contrast)}:host(.blind-primary){background-color:var(--theme-blind-base--background)}:host(.blind-outline){border:solid var(--theme-blind--border-thickness) var(--theme-blind-base--border-color)}:host(.blind-outline) .blind-header{background-color:var(--theme-color-ghost)}:host(.blind-outline) .blind-header:not(.disabled):not(:disabled).hover,:host(.blind-outline) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host(.blind-outline) .blind-header:not(.disabled):not(:disabled).active,:host(.blind-outline) .blind-header:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host(.blind-outline) .blind-header-title-label{color:var(--theme-color-std-text)}:host(.blind-outline) .blind-header-title-sublabel{color:var(--theme-color-soft-text)}:host(.blind-outline){border-color:var(--theme-color-soft-bdr)}";
 
 let sequentialInstanceId = 0;
@@ -8790,17 +8686,17 @@ class Blind {
         });
     }
     render() {
-        return (hAsync(Host, { key: '4a7663a1db7be9e7b957e5f4544f0ce8e9814cae', class: {
+        return (hAsync(Host, { key: '671ad2c0686ea67b8dd5a3b6259edd8cd2667b19', class: {
                 [`blind-${this.variant}`]: true,
-            } }, hAsync("div", { key: '47c72fe3619b8260f5ebf4003b53fd743776fbca', class: 'blind-header-wrapper' }, hAsync("button", { key: '785833dece948c4a3dba3815cbac98c58280b099', class: {
+            } }, hAsync("div", { key: '40fa7a9d37b674e2979022aadc84a4496ea9a9f5', class: 'blind-header-wrapper' }, hAsync("button", { key: '29c3e84c41ec924f2b3c5a373778130afa943626', class: {
                 'blind-header': true,
                 [`blind-${this.variant}`]: true,
                 closed: this.collapsed,
-            }, type: "button", "aria-labelledby": `ix-blind-header-title-${this.blindId}`, "aria-controls": `ix-blind-content-section-${this.blindId}`, "aria-expanded": a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, hAsync("slot", { key: '0bc5a07bb163c1558b71b975f295d7df95453df9', name: "custom-header" })), hAsync("div", { key: 'dce21ec7715bf9c897fdd1dd01dcc1efc898cf66', class: 'blind-header-content' }, hAsync("ix-icon", { key: '8326f05cc630cad6eb800197121fabdce118cc3e', class: "collapse-icon", name: iconChevronDownSmall, color: this.variant === 'filled' || this.variant === 'outline'
+            }, type: "button", "aria-labelledby": `ix-blind-header-title-${this.blindId}`, "aria-controls": `ix-blind-content-section-${this.blindId}`, "aria-expanded": a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, hAsync("slot", { key: 'b252b735380d02d028f14e7d9fbe4c5eba8c6602', name: "custom-header" })), hAsync("div", { key: '6bf0d3c1465c63a94c8f022734ed826c4028855a', class: 'blind-header-content' }, hAsync("ix-icon", { key: 'd21dd7db4cb813e4becce868c4dbe340a12b1e65', class: "collapse-icon", name: iconChevronDownSmall, color: this.variant === 'filled' || this.variant === 'outline'
                 ? 'color-std-text'
-                : `color-${this.variant}--contrast`, ref: (ref) => (this.chevronRef = ref) }), hAsync("div", { key: 'bdca91c2ef6b9cc40c50f7c71e0b5279ba64d5ea', class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== undefined ? (hAsync(Fragment, null, this.icon && (hAsync("ix-icon", { class: "blind-header-title-icon", name: this.icon, color: this.variant === 'filled' || this.variant === 'outline'
+                : `color-${this.variant}--contrast`, ref: (ref) => (this.chevronRef = ref) }), hAsync("div", { key: 'da2e1435ca1070eed1794226ca721e7e3fb22390', class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== undefined ? (hAsync(Fragment, null, this.icon && (hAsync("ix-icon", { class: "blind-header-title-icon", name: this.icon, color: this.variant === 'filled' || this.variant === 'outline'
                 ? 'color-std-text'
-                : `color-${this.variant}--contrast` })), hAsync("div", { class: 'blind-header-title-row' }, hAsync("div", { class: "blind-header-title-col" }, hAsync("ix-typography", { title: this.label, format: "label-lg", bold: true }, hAsync("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && (hAsync("div", { class: "blind-header-title-col" }, hAsync("ix-typography", { title: this.sublabel }, hAsync("div", { class: "blind-header-title-sublabel" }, this.sublabel))))), hAsync("div", { class: "header-actions" }, hAsync("slot", { name: "header-actions" })))) : null))), hAsync("section", { key: '02eda5f04ad9fab57dc97354e02c87a1ccaf106a', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, hAsync("div", { key: 'e401cd5ea54fa791dcb5a3fe7e9b7adfe28e3b47', class: {
+                : `color-${this.variant}--contrast` })), hAsync("div", { class: 'blind-header-title-row' }, hAsync("div", { class: "blind-header-title-col" }, hAsync("ix-typography", { title: this.label, format: "label-lg", bold: true }, hAsync("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && (hAsync("div", { class: "blind-header-title-col" }, hAsync("ix-typography", { title: this.sublabel }, hAsync("div", { class: "blind-header-title-sublabel" }, this.sublabel))))), hAsync("div", { class: "header-actions" }, hAsync("slot", { name: "header-actions" })))) : null))), hAsync("section", { key: '854dd19e82a63ccb31f090dadfbcfa46d7346d21', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, hAsync("div", { key: '12f77fdbb29c89d5ab26877e9db8ad9ec79f1e6f', class: {
                 'blind-content': true,
                 hide: this.collapsed,
             } }, !this.collapsed ? hAsync("slot", null) : null))));
@@ -8914,7 +8810,7 @@ class Breadcrumb {
     render() {
         var _a, _b, _c, _d;
         const a11y = a11yHostAttributes(this.hostElement);
-        return (hAsync(Host, { key: '12f8783a3a970031434ab062dba6ced47c167570' }, hAsync("ix-dropdown", { key: 'c3d871fa0f8cdc9cb49f5449de13f599452ba323', id: this.previousDropdownId, "aria-label": this.ariaLabelPreviousButton, trigger: ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > this.visibleItemCount
+        return (hAsync(Host, { key: 'c5457acd786da77d474f83613a2c12910a193779' }, hAsync("ix-dropdown", { key: '3f1e0ae1e4ac1d192ff7c0d5619329cfbcdf8a62', id: this.previousDropdownId, "aria-label": this.ariaLabelPreviousButton, trigger: ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > this.visibleItemCount
                 ? this.previousButtonRef.waitForCurrent()
                 : undefined, onShowChanged: ({ detail }) => {
                 this.isPreviousDropdownExpanded = detail;
@@ -8927,7 +8823,7 @@ class Breadcrumb {
             return (hAsync("ix-dropdown-item", { label: label, onClick: () => {
                     this.onItemClick(label);
                 }, onItemClick: (event) => event.stopPropagation() }));
-        })), ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > this.visibleItemCount ? (hAsync("ix-breadcrumb-item", { id: this.previousButtonId, ref: this.previousButtonRef, label: "...", tabIndex: 1, onItemClick: (event) => event.stopPropagation(), "aria-describedby": this.previousDropdownId, "aria-controls": this.previousDropdownId, "aria-expanded": a11yBoolean(this.isPreviousDropdownExpanded), class: 'previous-button' })) : null, hAsync("nav", { key: '076d1d44094bbd01bce51daf92bc8ad28f93f224', class: "crumb-items", "aria-label": (_c = a11y['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, hAsync("ol", { key: 'edd1719a74b337e52d6f2e30d7ea7040ef2c1640' }, hAsync("slot", { key: '8ec35c7e353630c9d9ba4839c6d33b7e68a25e74' }))), hAsync("ix-dropdown", { key: '8750f9d8b51762d5a2fc4303e4c34f048383f8fd', trigger: this.nextButtonRef.waitForCurrent() }, (_d = this.nextItems) === null || _d === void 0 ? void 0 : _d.map((item) => (hAsync("ix-dropdown-item", { label: item, onClick: (e) => {
+        })), ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > this.visibleItemCount ? (hAsync("ix-breadcrumb-item", { id: this.previousButtonId, ref: this.previousButtonRef, label: "...", tabIndex: 1, onItemClick: (event) => event.stopPropagation(), "aria-describedby": this.previousDropdownId, "aria-controls": this.previousDropdownId, "aria-expanded": a11yBoolean(this.isPreviousDropdownExpanded), class: 'previous-button' })) : null, hAsync("nav", { key: '11b4a0c0cbad59437fccee34a73cd4e89de39a1c', class: "crumb-items", "aria-label": (_c = a11y['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, hAsync("ol", { key: 'ad9d8c27e05b76f334f7cf6f79038d339e8d538c' }, hAsync("slot", { key: 'd84c2c0028e22cbfd126b867177ba9b4271e8c24' }))), hAsync("ix-dropdown", { key: '6ba681eb8f116ec287961a7e873b90d381baefdb', trigger: this.nextButtonRef.waitForCurrent() }, (_d = this.nextItems) === null || _d === void 0 ? void 0 : _d.map((item) => (hAsync("ix-dropdown-item", { label: item, onClick: (e) => {
                 this.nextClick.emit({
                     event: e,
                     item,
@@ -9198,10 +9094,10 @@ class Card {
         this.selected = false;
     }
     render() {
-        return (hAsync(Host, { key: '273ae9e8df54685523676e7bb3776687f6eb7e2c', class: {
+        return (hAsync(Host, { key: '3b734eddf8516af24b52b1b2ba27766a913f943d', class: {
                 selected: this.selected,
                 [`card-${this.variant}`]: true,
-            } }, hAsync("div", { key: 'a77de7016a3e91ee5a6570c2e9698405dade49e0', class: "card-content" }, hAsync("slot", { key: '4cdd18d00437d3c7e4d0686cfdf47ad9762d598d' })), hAsync("div", { key: 'af8c607fcf030cf0188a6fea6cceed091b0a26e4', class: "card-footer" }, hAsync("slot", { key: 'e1bf10b65df3b78a5b3b8efb194d02a94cd7dc01', name: "card-accordion" }))));
+            } }, hAsync("div", { key: '7a2cce1797c1e89c8568e9e196020747f0f4150b', class: "card-content" }, hAsync("slot", { key: 'ea837bde282a62637ed15b96b8ca407219e949ae' })), hAsync("div", { key: 'acc07c72e4a63a671fb945e4c0332825f4781a1d', class: "card-footer" }, hAsync("slot", { key: '870004ea22909180bac56c8b7c040d914e268f1d', name: "card-accordion" }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return cardCss; }
@@ -9272,15 +9168,15 @@ class CardAccordion {
         this.onInitialExpandChange();
     }
     render() {
-        return (hAsync(Host, { key: '222c6e087b85d09fe4dfc0254aedffb37133ecf8', slot: "card-accordion", class: {
+        return (hAsync(Host, { key: 'dc1b41f8878a1aa87869d11829c9a3cc218ca12e', slot: "card-accordion", class: {
                 [`variant-${this.variant}`]: true,
-            } }, hAsync("button", { key: '091c2614a41bfc0431327058bf4ef6da022adf6c', tabIndex: 0, class: { 'expand-action': true, show: this.expandContent }, onClick: (event) => this.onExpandActionClick(event), role: "button", type: "button", "aria-expanded": this.expandContent, "aria-controls": getAriaControlsId(), "aria-label": this.ariaLabelExpandButton }, hAsync("ix-icon", { key: 'c33379f0f47f7b5ae670144088f2521992cb5579', name: iconChevronDownSmall, class: {
+            } }, hAsync("button", { key: '0fc447aadb0c86405700f00c18d17be887eef3fb', tabIndex: 0, class: { 'expand-action': true, show: this.expandContent }, onClick: (event) => this.onExpandActionClick(event), role: "button", type: "button", "aria-expanded": this.expandContent, "aria-controls": getAriaControlsId(), "aria-label": this.ariaLabelExpandButton }, hAsync("ix-icon", { key: 'b044d6c5c9561355750483c29824bfe27af75db5', name: iconChevronDownSmall, class: {
                 'expand-icon': true,
                 show: this.expandContent,
-            } })), hAsync("div", { key: 'c6c9d8239de7c2871bda0fc597bd97f6fef97f20', class: {
+            } })), hAsync("div", { key: 'df7c48aaa25ad38136479fb972ffe0776efa0ae3', class: {
                 'expand-content': true,
                 show: this.expandContent,
-            } }, hAsync("div", { key: 'efd5c5c77f0784f05da03289cd596d58bcc4da1a', class: "expand-content-inner" }, hAsync("div", { key: '5eedce8ff4836fcb5eae475d93dde6858ce722aa', class: "expand-content-body" }, hAsync("slot", { key: 'de820e5855bc9d7a0fcfd3d394c3f9b204b0cdbe' })), hAsync("div", { key: '14293baff273475195c66b4823f5deaa173817cf', class: "expand-content-footer" })))));
+            } }, hAsync("div", { key: '9f9bd7ef6d674f0d6561ac9c237443062eec9693', class: "expand-content-inner" }, hAsync("div", { key: '1576b901ba50a5ec7e765ae64e8cd6acba047973', class: "expand-content-body" }, hAsync("slot", { key: 'ef118ded7d20ba6dd70c45a0d34f86a89959e69c' })), hAsync("div", { key: '248e9c925bf36e9598386a78562abd8a3db77c06', class: "expand-content-footer" })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -9309,7 +9205,7 @@ class CardContent {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'e260bf9e9e846e9d4a14c6304938f353d918f8d8' }, hAsync("div", { key: '45aafb643a29895b0e74a77e8afae2fb9defb685', class: "content-wrapper" }, hAsync("slot", { key: '30be2a800abf2335960840a410c88de8e6aeb21c' }))));
+        return (hAsync(Host, { key: '6ab30045a9e41189eafb31d4bbdf90cb29867159' }, hAsync("div", { key: '834be9e77d7c38b529810d0608383108bbf827e6', class: "content-wrapper" }, hAsync("slot", { key: '7f01d3a7338051365a5f377cc69032ebef937d9d' }))));
     }
     static get style() { return cardContentCss; }
     static get cmpMeta() { return {
@@ -9332,7 +9228,7 @@ class CardHeader {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '9c6dc0d763b05e976306aaf76a3cc7b644997252' }, hAsync("slot", { key: '3818103186c4614d128ec7c9b22618d9baab3900' }), hAsync("div", { key: 'efad42c938c7f115dcc14fb379ee4fa594dcb4d2', class: "title-actions" }, hAsync("slot", { key: 'd823d4ee6b351d11fbbdd51b2d196bfcd2a52d3c', name: "title-actions" }))));
+        return (hAsync(Host, { key: 'a25925e3092733c276c366875802163184f79a2b' }, hAsync("slot", { key: 'c379e97f4966141ac879c9df014f793955d1d2f3' }), hAsync("div", { key: '5ea530ca1110748ed53b7b0724d5ec0920194628', class: "title-actions" }, hAsync("slot", { key: '10f91158d202b321c21d07dda30ff7e59999aaa9', name: "title-actions" }))));
     }
     static get style() { return cardTitleCss; }
     static get cmpMeta() { return {
@@ -9505,16 +9401,16 @@ class CardList {
         }
     }
     render() {
-        return (hAsync(Host, { key: '0ea1452be92d5b2de585b7fbcb1b872fd4d58974' }, hAsync(CardListTitle, { key: '56f8e679e46885b2019dd1c2acb09270a820ccae', isCollapsed: this.collapse, label: this.label, showAllLabel: this.i18nShowAll, showAllCounter: this.showAllCount === undefined
+        return (hAsync(Host, { key: '37a1bb98b5703b76b6f0f5038561917bef13916b' }, hAsync(CardListTitle, { key: '8f90c6052259ff8e1bbb377a9fa9cc465c951aab', isCollapsed: this.collapse, label: this.label, showAllLabel: this.i18nShowAll, showAllCounter: this.showAllCount === undefined
                 ? this.numberOfAllChildElements
-                : this.showAllCount, onClick: () => this.onCardListVisibilityToggle(), onShowAllClick: (e) => this.onShowAllClick(e), hideShowAll: this.hideShowAll }), hAsync("div", { key: '19948560fdc32722316db928f265889b3ccd1db8', class: {
+                : this.showAllCount, onClick: () => this.onCardListVisibilityToggle(), onShowAllClick: (e) => this.onShowAllClick(e), hideShowAll: this.hideShowAll }), hAsync("div", { key: '1d1162c53d8fb1d97dfb4b00ae1c1a5942a0b0f7', class: {
                 CardList__Overflow: true,
-            }, style: this.computeMaskLayer() }, hAsync("div", { key: '8064717801d3389a5293c3a00a5bf87702096109', class: {
+            }, style: this.computeMaskLayer() }, hAsync("div", { key: '298741cb6e8f1617e9a3ca1f0b49d713c3421977', class: {
                 CardList__Content: true,
                 CardList__Content__Collapsed: this.collapse,
                 CardList__Style__Flexbox__Scroll: this.listStyle === 'stack',
                 CardList__Style__Infinite__Scroll: this.listStyle === 'scroll',
-            }, onScroll: () => this.onCardListScroll() }, hAsync("slot", { key: 'ac6d044003c53fcbee03dc945e7e9c926f0fef07', onSlotchange: () => this.changeVisibilityOfSlotChildren() }), this.isShowMoreCardVisible() ? (hAsync("ix-card", { class: {
+            }, onScroll: () => this.onCardListScroll() }, hAsync("slot", { key: 'abccd55d11dae4c83b6d7dcdabc77aec0a2f7b32', onSlotchange: () => this.changeVisibilityOfSlotChildren() }), this.isShowMoreCardVisible() ? (hAsync("ix-card", { class: {
                 Show__All__Card: true,
             }, onClick: (event) => this.showMoreCardClick.emit({
                 nativeEvent: event,
@@ -10090,19 +9986,19 @@ class CategoryFilter {
     }
     render() {
         var _a, _b, _c;
-        return (hAsync(Host, { key: 'c067de370164a717112829f8be82ac8d786d7622' }, hAsync("form", { key: '2cd185f59a209029a1184790488eb472a8456cbb', ref: (el) => (this.formElement = el) }, hAsync("div", { key: '5d0eed2dacde6318ebe516becdc41b785908c864', "read-only": this.readonly, class: {
+        return (hAsync(Host, { key: 'fe49a215180e62dfb5b88304e08d775f1d6d8151' }, hAsync("form", { key: '075cea4e8c8f681a37e9c9916551d8835878e9a9', ref: (el) => (this.formElement = el) }, hAsync("div", { key: 'efa00f0c5eb73bdcdd96f3f2b314b1db7580a227', "read-only": this.readonly, class: {
                 'input-container': true,
                 disabled: this.disabled,
                 focus: this.hasFocus,
                 readonly: this.readonly,
                 'no-icon': this.hideIcon,
-            } }, hAsync("ix-icon", { key: 'ec27370c08d6882c85f29dafb7c9cbf2655cbacf', color: this.getIconColor(), class: { 'display-none': this.hideIcon }, name: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, size: "16" }), hAsync("div", { key: '277a47c6cc91d6b631c01ae4b3f8f21cca29943e', class: "token-container" }, hAsync("div", { key: 'c086102952499cbd43ae910d745be5ef0aa44e40', class: "list-unstyled" }, this.filterTokens.map((value, index) => (hAsync("span", { key: value.toString(), class: {
+            } }, hAsync("ix-icon", { key: 'a889dd34ab269b07c49701d381fa997cf66dcc7d', color: this.getIconColor(), class: { 'display-none': this.hideIcon }, name: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, size: "16" }), hAsync("div", { key: '9f7bbd1f655d3e3d92b0f97a7a50c837d721f3ef', class: "token-container" }, hAsync("div", { key: 'e130e26ad631aeef22c31c858f4687d40f2272ec', class: "list-unstyled" }, this.filterTokens.map((value, index) => (hAsync("span", { key: value.toString(), class: {
                 animate__animated: true,
                 animate__fadein: true,
             } }, hAsync("ix-filter-chip", { disabled: this.disabled, readonly: this.readonly, onClick: (e) => e.stopPropagation(), onCloseClick: () => this.removeToken(index) }, this.getFilterChipLabel(value))))), this.categories === undefined ? ('') : (hAsync("span", { class: {
                 'category-preview': true,
                 'display-none': this.category === '',
-            } }, (_b = this.categories[this.category]) === null || _b === void 0 ? void 0 : _b.label)), hAsync("input", Object.assign({ key: '7f2bdc80da327d2c40f7031259618131a391bd7c', class: {
+            } }, (_b = this.categories[this.category]) === null || _b === void 0 ? void 0 : _b.label)), hAsync("input", Object.assign({ key: '10c2f91e57a8ef18bd9dbc53c227a15544d4de28', class: {
                 'text-input': true,
                 'hide-placeholder': this.readonly || this.disabled || this.category !== '',
             }, autocomplete: "off", name: "category-filter-input", disabled: this.disabled, readonly: this.readonly, ref: this.textInput, type: "text", placeholder: this.placeholder }, this.a11yAttributes, { "aria-label": this.ariaLabelFilterInput })))), !this.readonly && !this.disabled && this.getResetButton())), this.disabled || this.readonly ? ('') : (hAsync("ix-dropdown", { show: this.showDropdown, closeBehavior: "outside", offset: { mainAxis: 2 }, anchor: (_c = this.textInput) === null || _c === void 0 ? void 0 : _c.waitForCurrent(), trigger: this.hostElement, header: this.getDropdownHeader() }, this.renderDropdownContent()))));
@@ -10371,13 +10267,13 @@ class Checkbox {
         return (hAsync("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, this.indeterminate && (hAsync(Fragment, null, hAsync("rect", { width: "18", height: "18", fill: "transparent" }), hAsync("rect", { x: "3", y: "8", width: "12", height: "2", fill: "var(--ix-checkbox-check-color)" }))), this.checked && (hAsync("path", { d: "M3.65625 8.15625L8.4375 12.9375L14.625 3.9375", stroke: "var(--ix-checkbox-check-color)", "stroke-width": "2" }))));
     }
     render() {
-        return (hAsync(Host, { key: 'b65c76c6bc07e273a5c39c5faf0130a163563020', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "checkbox", class: {
+        return (hAsync(Host, { key: 'f2157c572321b0a34f54f32423ed0c821fc1abfa', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "checkbox", class: {
                 disabled: this.disabled,
                 checked: this.checked,
                 indeterminate: this.indeterminate,
-            }, onFocus: () => (this.touched = true), onBlur: () => this.ixBlur.emit() }, hAsync("label", { key: '5036796ac6119123982eb08dc05a431617a46487' }, hAsync("input", { key: '5005dfa80f386c4188989c38176c416c60635b24', "aria-checked": a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, ref: this.inputRef, type: "checkbox", onChange: () => this.setCheckedState(!this.checked) }), hAsync("button", { key: '073f99ba599bf129442c72708b2e3915198df19d', disabled: this.disabled, class: {
+            }, onFocus: () => (this.touched = true), onBlur: () => this.ixBlur.emit() }, hAsync("label", { key: '131587a06d955e04dc580936004546e930ec9cf8' }, hAsync("input", { key: 'b8a94c99f540e21c280ba9aeaf35221fa1c9b226', "aria-checked": a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, ref: this.inputRef, type: "checkbox", onChange: () => this.setCheckedState(!this.checked) }), hAsync("button", { key: '6f6c5937801659bacd7d6f5c9256972c33e4194c', disabled: this.disabled, class: {
                 checked: this.checked,
-            }, onClick: () => this.setCheckedState(!this.checked) }, this.renderCheckmark()), hAsync("ix-typography", { key: 'cc49681602a66628bf54ab8f0623277a7681e619', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: '8bc151343608e50879ed664a7ce7f7a12bb712b7' })))));
+            }, onClick: () => this.setCheckedState(!this.checked) }, this.renderCheckmark()), hAsync("ix-typography", { key: '7b33f317ac3757242509d69a25520795906bb158', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: '2ab4518ebcb6135de6b1c37a7e9c157b1feebb5d' })))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -10491,10 +10387,10 @@ class CheckboxGroup {
         return Promise.resolve(this.checkboxElements.some((checkbox) => checkbox.checked));
     }
     render() {
-        return (hAsync(Host, { key: '9dc1c1291e865c95b525ecddaca23d6f71f9411e', ref: this.groupRef, onIxBlur: () => (this.touched = true) }, hAsync("ix-field-wrapper", { key: '54a66849d6250a873f04983978b05aba16e5acad', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, validText: this.validText, warningText: this.warningText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isInfo: this.isInfo, isValid: this.isValid, isWarning: this.isWarning, controlRef: this.groupRef }, hAsync("div", { key: '7e0e4d32c55b3ceb55c3cbd6a281feb8efdc50db', class: {
+        return (hAsync(Host, { key: 'ac1e91fd23038317e1a39b612f67e91d53ba946c', ref: this.groupRef, onIxBlur: () => (this.touched = true) }, hAsync("ix-field-wrapper", { key: '1278bca33da0339052756f01e8ca2de2641feffb', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, validText: this.validText, warningText: this.warningText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isInfo: this.isInfo, isValid: this.isValid, isWarning: this.isWarning, controlRef: this.groupRef }, hAsync("div", { key: '7ba4ca7e379f49c6234c681a682cb08ec3d44b87', class: {
                 'checkbox-container': true,
                 'row-layout': this.direction === 'row',
-            } }, hAsync("slot", { key: '88237f6b0a1fe49b4e7c28da210be75f3ee8ed5d' })))));
+            } }, hAsync("slot", { key: 'a843f1bfd2942b4f0e9d2060646b50e97e55bca8' })))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return checkboxGroupCss; }
@@ -10591,13 +10487,13 @@ class Chip {
                 [this.outline ? 'borderColor' : 'backgroundColor']: this.background,
             };
         }
-        return (hAsync(Host, { key: 'a9d49af6fa315e993d7e6968037eec933ac7beb4', tabIndex: "-1", class: {
+        return (hAsync(Host, { key: '89e8d6fc156f9b2b761000d213655b36f3b16bf2', tabIndex: "-1", class: {
                 inactive: this.inactive,
             }, style: this.variant === 'custom'
                 ? {
                     '--ix-icon-button-color': this.chipColor,
                 }
-                : {} }, hAsync("div", { key: '68e9b1b7cdcd51c0ea62d1e907749d6019346411', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
+                : {} }, hAsync("div", { key: 'a9b92e446d5c668d449996a93627879b428478e5', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
                 container: true,
                 outline: this.outline,
                 inactive: this.inactive,
@@ -10612,11 +10508,11 @@ class Chip {
                 closable: this.closable,
                 icon: !!this.icon,
                 centerContent: this.centerContent,
-            } }, hAsync("div", { key: '6880ba6bb16fb14ce2e3fb6e3575539a5c1c182a', class: "content-wrapper" }, this.icon && (hAsync("ix-icon", { key: '85ede4a45b6705d95e0d3d2ff602a75bce77c4fa', class: {
+            } }, hAsync("div", { key: 'f3bf2fa31dfbaec0d014dbfa972ad822e2514e91', class: "content-wrapper" }, this.icon && (hAsync("ix-icon", { key: '066a4f272fa760fafd6c69cd6b0f05bf459a3604', class: {
                 'with-icon': true,
             }, name: this.icon, size: '24', style: this.variant === 'custom'
                 ? { color: this.outline ? this.background : this.chipColor }
-                : undefined })), hAsync("span", { key: '3b7bd50643a4f5b3ba25c612eb29cbd8218d0aa2', class: "slot-container" }, hAsync("slot", { key: '0d282990c3bbc56eb96dd9373ff66b61fac0b1f9' }))), this.inactive === false && this.closable && this.getCloseButton()), this.getTooltip()));
+                : undefined })), hAsync("span", { key: 'e08beb2e151300bdcdfe62c0b6a832935a7d2f68', class: "slot-container" }, hAsync("slot", { key: 'b087848f9f85fc01af5cc3a03d4ae885e0f01335' }))), this.inactive === false && this.closable && this.getCloseButton()), this.getTooltip()));
     }
     get hostElement() { return getElement(this); }
     static get style() { return chipCss; }
@@ -10697,7 +10593,7 @@ class Col {
         };
     }
     render() {
-        return (hAsync(Host, { key: 'a8a9fb0682755fae44cbc7fd7d02b6aa1f9338b3', style: Object.assign({}, this.getColumnSizeStyling()) }, hAsync("slot", { key: '31038e1d2bcda21b712f55d6840aeffc432beedf' })));
+        return (hAsync(Host, { key: '552bf87dd4905b2cfc67dbda7c33e1edf89a9cf8', style: Object.assign({}, this.getColumnSizeStyling()) }, hAsync("slot", { key: '293331e4b2de069f550f0d47e1525228e49fc159' })));
     }
     static get style() { return colCss; }
     static get cmpMeta() { return {
@@ -10730,12 +10626,12 @@ class Content {
         return this.hostElement.shadowRoot.querySelector('.content-header slot');
     }
     render() {
-        return (hAsync(Host, { key: 'c68ec9d987aad56c3ccf77ce7b8a1fe125fd68ec' }, hAsync("div", { key: '57c983730211548634bb3f13c666eb24d8ba1758', class: {
+        return (hAsync(Host, { key: '2ca4af3b088beab36b86cb3431f1d1b59fcf8756' }, hAsync("div", { key: '04f73ba733dc7fbf57ecf6fdc0afc1fec8249b8e', class: {
                 'content-header': true,
                 slotted: this.isContentHeaderSlotted,
-            } }, hAsync("slot", { key: 'ed5c10f01ff82b4242941271b773bd9f151ce07b', name: "header", onSlotchange: () => {
+            } }, hAsync("slot", { key: '962e83643e1ebcd86384cae1e7a3632b6f47554e', name: "header", onSlotchange: () => {
                 this.isContentHeaderSlotted = hasSlottedElements(this.contentHeaderSlot);
-            } })), hAsync("div", { key: 'f2f40e2dfb416e638b6dd4294ce071861171902c', class: "content" }, hAsync("slot", { key: '8b63341a308b4d12d5dbad358b78bd4ced1d03f7' }))));
+            } })), hAsync("div", { key: '4315ac1e71743ba30c7b8f592997c662eed392b4', class: "content" }, hAsync("slot", { key: 'c1f31f8e283bcc55011b9f2d5746d9b7c10988da' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return contentCss; }
@@ -10775,13 +10671,13 @@ class ContentHeader {
         this.hasBackButton = false;
     }
     render() {
-        return (hAsync(Host, { key: '70be3ee04b3b54d691708ff88d4c3b11b29665c7' }, this.hasBackButton ? (hAsync("ix-icon-button", { class: 'backButton', variant: "tertiary", icon: iconArrowLeft, onClick: () => this.backButtonClick.emit() })) : null, hAsync("div", { key: 'ae2f111cf63ee212d574a4265076d7484d7d4973', class: "titleGroup" }, hAsync("div", { key: '1366b36518b6a564046e37ede90611a83c10895a', class: "headerTitleRow" }, hAsync("ix-typography", { key: '4239234ecf34dde70f9c38db0012a0771bebef80', format: this.variant === 'secondary' ? 'h4' : 'h3', class: {
+        return (hAsync(Host, { key: 'b422be3706aac399ed76b4c491d61e2da8561b24' }, this.hasBackButton ? (hAsync("ix-icon-button", { class: 'backButton', variant: "tertiary", icon: iconArrowLeft, onClick: () => this.backButtonClick.emit() })) : null, hAsync("div", { key: '7606ba97f834f591a78fc2cca74bdaf3b3a09feb', class: "titleGroup" }, hAsync("div", { key: 'df174e297a1b2075bcab0182a80f626162d1c319', class: "headerTitleRow" }, hAsync("ix-typography", { key: 'd8ab10dc801306dafe0f3e6e39ed93e0fa162ca1', format: this.variant === 'secondary' ? 'h4' : 'h3', class: {
                 secondary: this.variant === 'secondary',
                 titleOverflow: true,
-            } }, this.headerTitle), hAsync("div", { key: '10ee43aa1832ab8b72c7fe37994547d40c936c25', class: "headerSlot" }, hAsync("slot", { key: 'beec8fa035a64b109c3fd838a35ee6d395938677', name: "header" }))), !!this.headerSubtitle && (hAsync("ix-typography", { key: '036b83bcc660228254a46fdac7d820cb52e03ff5', format: 'h6', "text-color": 'soft', class: {
+            } }, this.headerTitle), hAsync("div", { key: 'e24d6b450426931aaead3732fa20161bc5aab4e2', class: "headerSlot" }, hAsync("slot", { key: 'e9a471492f2693fc6abe546d1febbc06834fef1c', name: "header" }))), !!this.headerSubtitle && (hAsync("ix-typography", { key: '5fdb5ebce68a3aae09df3299093bca156468933c', format: 'h6', "text-color": 'soft', class: {
                 subtitle: this.variant === 'secondary',
                 titleOverflow: true,
-            }, title: this.headerSubtitle }, this.headerSubtitle))), hAsync("div", { key: '1379a68c4f1c0ec56351c5994989e0c6b2155cff', class: "buttons" }, hAsync("slot", { key: '424bfa799347c0ab0ac1e47b33924778a68e9bc0' }))));
+            }, title: this.headerSubtitle }, this.headerSubtitle))), hAsync("div", { key: '6648f93246d2e8d79cc2d3e7eae65009d578632c', class: "buttons" }, hAsync("slot", { key: '1c3ee8084521a9a799e3b2444b1edc0c1cee5066' }))));
     }
     static get style() { return contentHeaderCss; }
     static get cmpMeta() { return {
@@ -10887,7 +10783,7 @@ class CssGrid {
         if (this.currentTemplate && this.currentTemplate.length !== 0) {
             style['grid-template-areas'] = templateBuilder(this.currentTemplate);
         }
-        return (hAsync(Host, { key: '1ceeb89987199bf3c537ba6c34ff8f52aff2fc76', style: style }, hAsync("slot", { key: '785c5428d027f7a10f72e3b685ec51bb66fe082b' })));
+        return (hAsync(Host, { key: '470c3da8301e7d99e603b78cfd9c2883e4801c76', style: style }, hAsync("slot", { key: '64f7e86981ba37aeb20223bd672bc1190dba4619' })));
     }
     static get style() { return cssGridCss; }
     static get cmpMeta() { return {
@@ -10915,7 +10811,7 @@ class CssGridItem {
     render() {
         const style = {};
         style['grid-area'] = this.itemName;
-        return (hAsync(Host, { key: 'a4e4f5e7d0a42b8cd39a742f3ee4f420b60c8931', style: style }, hAsync("slot", { key: '74cbbecda6397caf41cae0f78201f00ab23911d8' })));
+        return (hAsync(Host, { key: '0f7a1001629ec09b7e6f44470b733f3d1d691bcb', style: style }, hAsync("slot", { key: '1fce4a329cea68181bc52e60d155d6c6b7bb41bc' })));
     }
     static get style() { return cssGridItemCss; }
     static get cmpMeta() { return {
@@ -10969,7 +10865,7 @@ class CustomField {
         this.isWarning = isWarning;
     }
     render() {
-        return (hAsync(Host, { key: '020e301b887a62969c8c500049a2d1e77638c789' }, hAsync("ix-field-wrapper", { key: 'df6b54e55636b528c2c7c56ded6e31af411f43fa', label: this.label, helperText: this.helperText, infoText: this.infoText, warningText: this.warningText, invalidText: this.invalidText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, required: this.required }, hAsync("slot", { key: '99de94d7431bc900977593304d2193eabaef898a' }))));
+        return (hAsync(Host, { key: '732dae3e5ba3f37b5eac745ce48338cae5397d9e' }, hAsync("ix-field-wrapper", { key: '5df555252c2de619f3dd5daa082632695a88e3f6', label: this.label, helperText: this.helperText, infoText: this.infoText, warningText: this.warningText, invalidText: this.invalidText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, required: this.required }, hAsync("slot", { key: '81d169fce11d76b04876eb3483909bf163c44370' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return customFieldCss; }
@@ -18905,21 +18801,21 @@ class DateDropdown {
     }
     render() {
         var _a, _b, _c;
-        return (hAsync(Host, { key: 'b0c80bf0c01f34eccf3ffd03cab8cb4598122b8e' }, hAsync("ix-button", { key: '19fc20d03477850083cc6274ea8b4269fb827365', "data-testid": "date-dropdown-trigger", "data-date-dropdown-trigger": true, variant: this.variant, loading: this.loading, icon: iconHistory, ref: this.triggerRef, disabled: this.disabled, ariaLabel: this.ariaLabelDropdownButton }, this.getButtonLabel()), hAsync("ix-dropdown", { key: '8b0260dd47fd1e6267b539ef0f12a544f3817c93', "data-testid": "date-dropdown", "data-date-dropdown": true, class: "min-width max-height", trigger: this.triggerRef.waitForCurrent(), closeBehavior: "outside", placement: "bottom-start", onShowChanged: ({ detail: show }) => {
+        return (hAsync(Host, { key: '2cad55fd1448a2a553abb8bdf50f9245d2cc71bf' }, hAsync("ix-button", { key: '77bd4e5f89d500b0323c5a2771cb2268601a87d3', "data-testid": "date-dropdown-trigger", "data-date-dropdown-trigger": true, variant: this.variant, loading: this.loading, icon: iconHistory, ref: this.triggerRef, disabled: this.disabled, ariaLabel: this.ariaLabelDropdownButton }, this.getButtonLabel()), hAsync("ix-dropdown", { key: 'e1108d1cdac327961e3147d10f380f8d9850449c', "data-testid": "date-dropdown", "data-date-dropdown": true, class: "min-width max-height", trigger: this.triggerRef.waitForCurrent(), closeBehavior: "outside", placement: "bottom-start", onShowChanged: ({ detail: show }) => {
                 if (!show &&
                     this.selectedDateRangeId === 'custom' &&
                     this.datePickerTouched &&
                     this.currentRangeValue) {
                     this.onDateSelect(this.currentRangeValue);
                 }
-            } }, hAsync("ix-layout-grid", { key: '827aa5f75b7351f7194800e5d08e99be05550674', noMargin: true }, hAsync("ix-row", { key: '31a94fc990f9f4a30f3259e1148e897d512b3408' }, ((_a = this.dateRangeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (hAsync("ix-col", { key: '4c6222ffde5a8f8644f7e4030f5942e148014e2f', class: {
+            } }, hAsync("ix-layout-grid", { key: 'fd7ece26cbcda9da063b1832ca7c010fd508ae8b', noMargin: true }, hAsync("ix-row", { key: '8854518f7534f9c52be1d74373c8a6d822983bca' }, ((_a = this.dateRangeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (hAsync("ix-col", { key: '8e7e4d96a0e91d91cee20f961b37da7645e0a28e', class: {
                 'no-margin': true,
                 'border-right': this.selectedDateRangeId === 'custom',
-            } }, this.dateRangeOptions.map((dateRangeOption) => (hAsync("ix-dropdown-item", { label: dateRangeOption.label, onClick: () => this.onRangeListSelect(dateRangeOption.id), checked: this.selectedDateRangeId === dateRangeOption.id }))), hAsync("div", { key: '7c6e52ce4e81ba257925eaf9dae155d1fff0bcf1', hidden: this.customRangeDisabled }, hAsync("ix-dropdown-item", { key: '6be7c3b1b827a75c51f82edd8971b3cc53f8167c', label: this.i18nCustomItem, checked: this.selectedDateRangeId === 'custom', onClick: () => this.onRangeListSelect('custom') })))), hAsync("ix-col", { key: 'a8119f9199cb8e4e162688bfdcf4f91242fbd5b7', class: "no-margin" }, this.selectedDateRangeId === 'custom' && (hAsync(Fragment, { key: 'bd24f234a02cc55ed73df93ca6d6791d11d9ad77' }, hAsync("ix-date-picker", { key: '0aaf7e9c3ee79d9d232eed14fb840e246caddd20', embedded: true, locale: this.locale, onDateChange: (e) => {
+            } }, this.dateRangeOptions.map((dateRangeOption) => (hAsync("ix-dropdown-item", { label: dateRangeOption.label, onClick: () => this.onRangeListSelect(dateRangeOption.id), checked: this.selectedDateRangeId === dateRangeOption.id }))), hAsync("div", { key: 'f9e7879a9f2e00c5bbcd7ab454cf491345a2f1ee', hidden: this.customRangeDisabled }, hAsync("ix-dropdown-item", { key: 'e373366109b1ac41af77fc4fcab8aeb4a5cf7a29', label: this.i18nCustomItem, checked: this.selectedDateRangeId === 'custom', onClick: () => this.onRangeListSelect('custom') })))), hAsync("ix-col", { key: '4e4ad3072863235f5dda814f24811e982f407c9b', class: "no-margin" }, this.selectedDateRangeId === 'custom' && (hAsync(Fragment, { key: 'a9c540a66333322c54cf7814231f6213806b86db' }, hAsync("ix-date-picker", { key: '7e59d29e3a49bee9098879b51b23d9c6fbec5c6b', embedded: true, locale: this.locale, onDateChange: (e) => {
                 e.stopPropagation();
                 this.currentRangeValue = Object.assign(Object.assign({}, e.detail), { id: 'custom' });
                 this.datePickerTouched = true;
-            }, onDateRangeChange: (e) => e.stopPropagation(), format: this.format, singleSelection: this.singleSelection, from: this.from || ((_b = this.currentRangeValue) === null || _b === void 0 ? void 0 : _b.from), to: this.to || ((_c = this.currentRangeValue) === null || _c === void 0 ? void 0 : _c.to), minDate: this.minDate, maxDate: this.maxDate, today: this.today, weekStartIndex: this.weekStartIndex, showWeekNumbers: this.showWeekNumbers }), hAsync("div", { key: 'f2bd49f4ca5012eb32fc4e859bb6e9da2cd25f3d', class: "pull-right" }, hAsync("ix-button", { key: '18cb506d16700b59884660c4d8afb63c6e66400b', onClick: () => {
+            }, onDateRangeChange: (e) => e.stopPropagation(), format: this.format, singleSelection: this.singleSelection, from: this.from || ((_b = this.currentRangeValue) === null || _b === void 0 ? void 0 : _b.from), to: this.to || ((_c = this.currentRangeValue) === null || _c === void 0 ? void 0 : _c.to), minDate: this.minDate, maxDate: this.maxDate, today: this.today, weekStartIndex: this.weekStartIndex, showWeekNumbers: this.showWeekNumbers }), hAsync("div", { key: '837f09d7b578640927e904f4adc2aef7fda7e65e', class: "pull-right" }, hAsync("ix-button", { key: '09e9fbdf94d44bc52832d6787206aaded06a3aeb', onClick: () => {
                 if (this.currentRangeValue) {
                     this.onDateSelect(this.currentRangeValue);
                 }
@@ -19633,12 +19529,12 @@ class DateInput {
         const invalidText = this.isInputInvalid
             ? this.i18nErrorDateUnparsable
             : this.invalidText;
-        return (hAsync(Host, { key: '5c7284b0afd8b3ee906370beb4b7e872a849f5cb', class: {
+        return (hAsync(Host, { key: '33f5063a7f848dfe2666c0c03420c577e29da00c', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: '5e8c3a6dd37625cb818438fd8e0c7bef6daa46a1', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), hAsync("ix-dropdown", { key: '5bffd40d906d1e1e929b4a6041ff2cec6f857d34', "data-testid": "date-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
+            } }, hAsync("ix-field-wrapper", { key: '703e6fc7546f7fb0087ef593f365b10c6b30eb2b', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), hAsync("ix-dropdown", { key: '1bbe34f940ebe260e73f145be770f624a023644e', "data-testid": "date-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
                 this.show = event.detail;
-            } }, hAsync("ix-date-picker", { key: '8237c6eca404f1f11a921d965a7a0b7817072cf7', ref: this.datepickerRef, format: this.format, locale: this.locale, singleSelection: true, from: (_a = this.from) !== null && _a !== void 0 ? _a : '', minDate: this.minDate, maxDate: this.maxDate, onDateChange: (event) => {
+            } }, hAsync("ix-date-picker", { key: 'c9b60191ec638e2aacef51bf9973622dfbce5424', ref: this.datepickerRef, format: this.format, locale: this.locale, singleSelection: true, from: (_a = this.from) !== null && _a !== void 0 ? _a : '', minDate: this.minDate, maxDate: this.maxDate, onDateChange: (event) => {
                 const { from } = event.detail;
                 this.onInput(from);
             }, showWeekNumbers: this.showWeekNumbers, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, embedded: true }))));
@@ -20253,7 +20149,7 @@ class DatePicker {
         return rows;
     }
     render() {
-        return (hAsync(Host, { key: '42d2c188cd731f5a7328dd1ce481f660101d7a09' }, hAsync("ix-date-time-card", { key: 'f2d961f0b5aff7ff940ca19eb3a436462ca05e99', corners: this.corners, embedded: this.embedded }, hAsync("div", { key: '196010db71c2325a06dbfe0c0ba532e2e09b9fb2', class: "header", slot: "header" }, hAsync("ix-icon-button", { key: '585f9ba06de70c8f20a3de2b1b6cf98ccdec1c19', onClick: () => this.changeToAdjacentMonth(-1), icon: iconChevronLeftSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelPreviousMonthButton }), hAsync("div", { key: '8d4222010c3ed656b21e0d75bf6013e0d7c19179', class: "selector" }, hAsync("ix-button", { key: '4a3dca3a156d8461c58a43ac2063a8416328eabb', variant: "tertiary", ref: this.dropdownButtonRef, "data-testid": "year-month-button" }, hAsync("span", { key: 'bc208dd3649f23fa34b7ec577ccfd5f21cd35366', class: "fontSize capitalize" }, this.monthNames[this.selectedMonth], " ", this.selectedYear)), hAsync("ix-dropdown", { key: '22175d2d9b7624b6f1de915c53e9b1fdd1bd1a15', "data-testid": "year-month-dropdown", class: "dropdown", trigger: this.dropdownButtonRef.waitForCurrent(), ignoreRelatedSubmenu: true, placement: "bottom-start" }, hAsync("div", { key: '2737cf0b9d6e5de84f3e875e8db015313eb1767e', class: "wrapper" }, hAsync("div", { key: '7a1cfb1f62cdbc0926ee1d50a6b515c762e54430', "data-testid": "year-container", class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: this.yearContainerRef }, this.renderYears()), hAsync("div", { key: '53b4d6194cac8ff5579002adbeea59be73a872b8', class: "overflow", "data-testid": "month-container" }, this.monthNames.map((month, index) => (hAsync("div", { key: month, ref: (ref) => {
+        return (hAsync(Host, { key: 'ac385bc586d47db0ce5aeb9eab3e7e71e71fe7cf' }, hAsync("ix-date-time-card", { key: 'e1d11ba64aa8b1374c6ded705afa779a9b3966b1', corners: this.corners, embedded: this.embedded }, hAsync("div", { key: 'bc99b5e074709ee8599799814a3bc7fd5ab417a5', class: "header", slot: "header" }, hAsync("ix-icon-button", { key: '6bc172523c9588a3bb1d200d5113b2533117c021', onClick: () => this.changeToAdjacentMonth(-1), icon: iconChevronLeftSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelPreviousMonthButton }), hAsync("div", { key: 'e3505b87752b9d763ba61286f1091e67e2ee3314', class: "selector" }, hAsync("ix-button", { key: 'f6740c7a4ea82875e876896ab0d311e56edf2c6d', variant: "tertiary", ref: this.dropdownButtonRef, "data-testid": "year-month-button" }, hAsync("span", { key: '90701ae7a627b41129506f9fad3523a459493e1a', class: "fontSize capitalize" }, this.monthNames[this.selectedMonth], " ", this.selectedYear)), hAsync("ix-dropdown", { key: '0d08063a316522be267f453e3c16221cf59ac5a6', "data-testid": "year-month-dropdown", class: "dropdown", trigger: this.dropdownButtonRef.waitForCurrent(), ignoreRelatedSubmenu: true, placement: "bottom-start" }, hAsync("div", { key: '6d91caedadb78bad8b1e65d218b63c683d635641', class: "wrapper" }, hAsync("div", { key: 'dae4910fc59d7653693f8e6db81c3a2eaf6cecf4', "data-testid": "year-container", class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: this.yearContainerRef }, this.renderYears()), hAsync("div", { key: '3d953e9c9e587526f9b82bb573781a51c17a0dfb', class: "overflow", "data-testid": "month-container" }, this.monthNames.map((month, index) => (hAsync("div", { key: month, ref: (ref) => {
                 if (month === this.monthNames[0]) {
                     this.firstMonthRef(ref);
                 }
@@ -20267,10 +20163,10 @@ class DatePicker {
                 hidden: this.tempYear !== this.selectedYear ||
                     this.tempMonth !== index,
                 checkPosition: true,
-            }, name: iconSingleCheck, size: "16" }), hAsync("div", null, hAsync("span", { class: "capitalize monthMargin" }, `${month} ${this.tempYear}`))))))))), hAsync("ix-icon-button", { key: 'c9d4d4885134a651f4ee37f6ab7bc5bc92d06afc', onClick: () => this.changeToAdjacentMonth(1), icon: iconChevronRightSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelNextMonthButton })), hAsync("div", { key: '24ce38b7091fa6d8e712daaba8fd94d8e1364df3', class: {
+            }, name: iconSingleCheck, size: "16" }), hAsync("div", null, hAsync("span", { class: "capitalize monthMargin" }, `${month} ${this.tempYear}`))))))))), hAsync("ix-icon-button", { key: '5f6380b580a26ca63f1285090a51affeaf667df3', onClick: () => this.changeToAdjacentMonth(1), icon: iconChevronRightSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelNextMonthButton })), hAsync("div", { key: '4f1c314d39956676a1cf055ac8f1bffe7f6027e7', class: {
                 grid: true,
                 'grid--show-week-numbers': this.showWeekNumbers,
-            } }, this.showWeekNumbers && hAsync("div", { key: '27a12760475ceb0d93531b541e499c4d8274acee', class: "calendar-item week-day" }), this.dayNames.map((name) => (hAsync("div", { key: name, class: "calendar-item week-day" }, hAsync("div", { class: "overflow" }, name.slice(0, 3))))), this.calendar.map((week) => {
+            } }, this.showWeekNumbers && hAsync("div", { key: '639a77b5bb12d1266145bb06777545b8807f7675', class: "calendar-item week-day" }), this.dayNames.map((name) => (hAsync("div", { key: name, class: "calendar-item week-day" }, hAsync("div", { class: "overflow" }, name.slice(0, 3))))), this.calendar.map((week) => {
             return (hAsync(Fragment, null, this.showWeekNumbers && (hAsync("div", { class: "calendar-item week-number" }, week.weekNumber)), week.dayNumbers.map((day) => {
                 return day ? (hAsync("div", { key: day, id: `day-cell-${day}`, "date-calender-day": true, class: this.getDayClasses(day), onClick: (e) => {
                         const target = e.currentTarget;
@@ -20282,10 +20178,10 @@ class DatePicker {
                         }
                     }, tabIndex: day === this.focusedDay ? 0 : -1, onFocus: () => this.onDayFocus(), onBlur: () => this.onDayBlur(), "aria-label": `${this.selectedMonth}: ${day}` }, day)) : (hAsync("div", null));
             })));
-        })), hAsync("div", { key: '5bca82f35ddda23816f7bdab87abbf7d52152325', class: {
+        })), hAsync("div", { key: 'cabe525ef68e3a519d37a9f00684acaa70de03e7', class: {
                 button: true,
                 hidden: this.singleSelection || this.embedded,
-            } }, hAsync("ix-button", { key: 'f41c4b85162e1c199e079276b7ccfab3fb9149bd', onClick: () => this.onDone() }, this.i18nDone)))));
+            } }, hAsync("ix-button", { key: '25e5eac3ece688f38009fa3a0f15eab6fb56f3a4', onClick: () => this.onDone() }, this.i18nDone)))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -20369,10 +20265,10 @@ class DateTimeCard {
         };
     }
     render() {
-        return (hAsync(Host, { key: '0429648eb4c31bde407975b519809a5a6fd8043a' }, hAsync("div", { key: '21434d00d886949b32554468fdca445b2b5cf76f', class: this.cardClasses() }, !this.hideHeader && (hAsync("div", { key: '7ef2b75a31b0e75646010e7f02a8dc338117d627', class: "header-container" }, hAsync("div", { key: 'bb3e80cbc6b1c9b5c9171638726074122cd91908', class: "header" }, hAsync("slot", { key: '6ae65febb1ee7862df7dcc781fa68286bd0b7d5e', name: "header" })), hAsync("div", { key: 'd4d63d904222fbc638a04ee16e11ceea03f03e0e', class: "separator" }))), hAsync("div", { key: '0f299d9c0743f2b9e0c9f7a0e2504e51471d4475', class: {
+        return (hAsync(Host, { key: 'e4b044b0076f79934f3e561dab684a9aa53ab8c2' }, hAsync("div", { key: '91f00686e9000d71745bca5bb958a401fe265ed2', class: this.cardClasses() }, !this.hideHeader && (hAsync("div", { key: '974c90cd1522069f3e10831b6cec9d80eefc7630', class: "header-container" }, hAsync("div", { key: '64d22e413cf579b3831580040d0921f73e37cbed', class: "header" }, hAsync("slot", { key: 'dadc035aa3e2aad17d16a0b7edb9c1aa83f5b64a', name: "header" })), hAsync("div", { key: '14c6cffd8a0086835c42dca7e5a12a9c569ebc2f', class: "separator" }))), hAsync("div", { key: 'e3150b66b51fd87e5cb62c620d9e46d21a3b9aed', class: {
                 content: true,
                 'content--time-picker': this.timePickerAppearance,
-            } }, hAsync("slot", { key: '6c955414005a3d9e004f1f69ded181f60f59dee5' })), this.hasFooter && (hAsync("div", { key: '09348617c1986599e342b209518727bd65976078', class: "footer-container" }, hAsync("div", { key: 'c3b84578c1acf0f8c9f01dcf8b9ec30364408a89', class: "separator" }), hAsync("div", { key: '2cd97f773f26fb1e48fa4f5bf459c3531379b22b', class: "footer" }, hAsync("slot", { key: 'f079e60d93d18c34030ff23f0d8f2043b9a2d85e', name: "footer" })))))));
+            } }, hAsync("slot", { key: '6fe2bfb5676a992be3caa5fd134dcb5f595f3ae3' })), this.hasFooter && (hAsync("div", { key: '2c2a1a534b8e71a472e3a7e0bca7e5187322a107', class: "footer-container" }, hAsync("div", { key: '67713b28bbfda3298d8778db37f8ca84d72270f0', class: "separator" }), hAsync("div", { key: '247a0ac8c8fe7ddfa7b2d05c0bd9a1671229469c', class: "footer" }, hAsync("slot", { key: 'b1f5a9ace8a8c69eff1a954850cca8174619dcc8', name: "footer" })))))));
     }
     static get style() { return dateTimeCardCss; }
     static get cmpMeta() { return {
@@ -20463,7 +20359,7 @@ class DatetimePicker {
         this.timeChange.emit(time);
     }
     render() {
-        return (hAsync(Host, { key: '91fb1dbd40b48c37c207de3f173e19ed72f3b6c3' }, hAsync("ix-layout-grid", { key: '0a9fc8ae63d59ba14185a12d3eb126351f4f67c4', class: "no-padding" }, hAsync("ix-row", { key: '31e56d9e8a7ca4a6afd5754f0caf28eb494d68cd' }, hAsync("ix-col", { key: '1df4729e7703d4f48d19233774a8fead11b74553' }, hAsync("ix-date-picker", { key: '80923eee970fc1c163a94986c109e13f09d3a606', ref: (ref) => (this.datePickerElement = ref), corners: "left", singleSelection: this.singleSelection, onDateChange: (event) => this.onDateChange(event), from: this.from, to: this.to, format: this.dateFormat, minDate: this.minDate, maxDate: this.maxDate, weekStartIndex: this.weekStartIndex, embedded: true, locale: this.locale, showWeekNumbers: this.showWeekNumbers, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton })), hAsync("ix-col", { key: 'd081455e2f00a9917e11902a70cb882a84e23615' }, hAsync("ix-time-picker", { key: '4602c3ca1b899ec283aa9469ce5fcdf4ba4a70fc', class: "min-width", ref: (ref) => (this.timePickerElement = ref), embedded: true, dateTimePickerAppearance: true, onTimeChange: (event) => this.onTimeChange(event), format: this.timeFormat, time: this.time }), hAsync("div", { key: '1329ef1e1af1b22de5f4754ee02452a4d1aabb6b', class: "btn-select-date-container" }, hAsync("ix-button", { key: '01efc3c5d4f72bd74a670a267a28e864c3e643fe', class: "btn-select-date", onClick: () => this.onDone() }, this.i18nDone)))))));
+        return (hAsync(Host, { key: '2b4812deec9408836a8187c3a520cd69b846e935' }, hAsync("ix-layout-grid", { key: '610fad916eb544d6687bcbfb3543b926f7521b9e', class: "no-padding" }, hAsync("ix-row", { key: 'e3aacceefb73ee04f1887da04d0b5e339daba649' }, hAsync("ix-col", { key: '64b8c1c44a131fd546d54197031664b3c8270c28' }, hAsync("ix-date-picker", { key: '926ca6fe6e4f17e80c83987598b374137a623a10', ref: (ref) => (this.datePickerElement = ref), corners: "left", singleSelection: this.singleSelection, onDateChange: (event) => this.onDateChange(event), from: this.from, to: this.to, format: this.dateFormat, minDate: this.minDate, maxDate: this.maxDate, weekStartIndex: this.weekStartIndex, embedded: true, locale: this.locale, showWeekNumbers: this.showWeekNumbers, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton })), hAsync("ix-col", { key: 'd27915a37d4d47bd11a066038adf59372f345296' }, hAsync("ix-time-picker", { key: 'bc70ef23493d0c501be37d4425be5021c211e53b', class: "min-width", ref: (ref) => (this.timePickerElement = ref), embedded: true, dateTimePickerAppearance: true, onTimeChange: (event) => this.onTimeChange(event), format: this.timeFormat, time: this.time }), hAsync("div", { key: '75f619c34b11412349017bed0013b41f7f947033', class: "btn-select-date-container" }, hAsync("ix-button", { key: 'dc9602b6ed9e4406cb8ffee0168d41c7cc8d9763', class: "btn-select-date", onClick: () => this.onDone() }, this.i18nDone)))))));
     }
     static get style() { return datetimePickerCss; }
     static get cmpMeta() { return {
@@ -20501,7 +20397,7 @@ class Divider {
         registerInstance(this, hostRef);
     }
     render() {
-        return hAsync(Host, { key: '2353ffd7afdc669190af6a4ee6f405c38ac117de' });
+        return hAsync(Host, { key: '265222b022fa8d13e4f07e6fe7e19abc7ae2b6c0' });
     }
     static get style() { return dividerCss; }
     static get cmpMeta() { return {
@@ -20642,7 +20538,7 @@ class Drawer {
         this.toggleDrawer(this.show);
     }
     render() {
-        return (hAsync(Host, { key: '16521422bdb7a66912901a8d1d156772c31c588a', class: {
+        return (hAsync(Host, { key: 'fff4cbcfc2cef008be568700e64be24876e59e5a', class: {
                 'drawer-container': true,
                 'display-none': true,
             }, style: {
@@ -20650,15 +20546,15 @@ class Drawer {
                 'max-width': `${this.maxWidth}rem`,
                 height: this.fullHeight ? '100%' : 'auto',
                 overflow: 'hidden',
-            }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, hAsync("div", { key: '8f1c103f6bb03c362a492031e2ad92bcf25d89cc', style: {
+            }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, hAsync("div", { key: 'eda993c94161ac174630ac6aa81a5be1d574fd40', style: {
                 width: this.width === 'auto'
                     ? 'auto'
                     : `${this.getConstrainedWidth(this.width)}rem`,
-            } }, hAsync("div", { key: '7ff4e51b1f93fb7f686db4915ee838f32f61ae86', class: "header" }, hAsync("div", { key: '7c748e9f1e9c2b5468fd524844dfc761069572f2', class: "header-content" }, hAsync("slot", { key: 'ea0ef18347626104852b149f3944165932f9d661', name: "header" })), hAsync("ix-icon-button", { key: 'a446d3e8cb7648d320cd4ea31899d2b289afbabe', class: "close-button", style: {
+            } }, hAsync("div", { key: '4dd5149ba7e4ad3b40e7e9a7a46883de01831740', class: "header" }, hAsync("div", { key: 'fffb646da836939ed2fef0c91424996059792ce5', class: "header-content" }, hAsync("slot", { key: 'b5902a3bce51e8fc0fbb5ed96563595a2e95e187', name: "header" })), hAsync("ix-icon-button", { key: '855489d11e8439dd1cc9807c9fc7e11af56cc510', class: "close-button", style: {
                 display: this.showContent ? 'block' : 'none',
-            }, icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.onCloseClicked(), "data-testid": "close-button", "aria-label": this.ariaLabelCloseButton })), hAsync("div", { key: '87f799aa707aceefa145a0b547761f587593d8e2', class: "content", style: {
+            }, icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.onCloseClicked(), "data-testid": "close-button", "aria-label": this.ariaLabelCloseButton })), hAsync("div", { key: 'f5e9cbe17366b49ad20b501f663e8c8dee1e456a', class: "content", style: {
                 display: this.showContent ? 'block' : 'none',
-            } }, hAsync("slot", { key: 'aea1e984256bb60bcb6c6a6721988b86decdfca0' })))));
+            } }, hAsync("slot", { key: '1a8be255dce06ad85fd6fb689d8a50375d746b88' })))));
     }
     static get watchers() { return {
         "show": ["onShowChanged"]
@@ -22965,7 +22861,7 @@ class Dropdown {
         this.applyDropdownPosition();
     }
     render() {
-        return (hAsync(Host, { key: 'ee3eb8e3b68d99b1b5b81fe5540ea3b32ff41f09', "data-ix-dropdown": this.localUId, class: {
+        return (hAsync(Host, { key: '86e8b81af4bc5ad0fe27bbe62e9f1f7eb7c49f7e', "data-ix-dropdown": this.localUId, class: {
                 'dropdown-menu': true,
                 show: this.show,
                 overflow: !this.suppressOverflowBehavior,
@@ -22973,7 +22869,7 @@ class Dropdown {
                 margin: '0',
                 minWidth: '0px',
                 position: this.positioningStrategy,
-            }, role: "list", onClick: (event) => this.onDropdownClick(event) }, hAsync("div", { key: '2ba27fbce21906f5ae9e98fa3527a834d9370938', style: { display: 'contents' } }, this.header && hAsync("div", { key: 'fa128cf328ac0228b99723fef040448979f610f9', class: "dropdown-header" }, this.header), this.show && hAsync("slot", { key: '2310f848f75cab461581ffb83d71b1b99ba7dc2e' }))));
+            }, role: "list", onClick: (event) => this.onDropdownClick(event) }, hAsync("div", { key: '071d50d4dd055be7a6d430cf913de9e6a99ca88b', style: { display: 'contents' } }, this.header && hAsync("div", { key: '408ab95eb7afaa61e1752204ebc1435038ecf49d', class: "dropdown-header" }, this.header), this.show && hAsync("slot", { key: '3945c3c05e90a93acaaaff3110a26485fe058324' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -23039,11 +22935,11 @@ class DropdownButton {
             } }));
     }
     render() {
-        return (hAsync(Host, { key: '7bf428f629c4b9c4abe352fa22e187298f50d9ba', class: {
+        return (hAsync(Host, { key: 'f30e5874fe837b3b6a9f2ef092f8b4d50cd37979', class: {
                 disabled: this.disabled,
-            }, ref: this.dropdownAnchor }, hAsync("div", { key: 'a1f250a7137b42f0f3a12a92190ea18929412b82', class: "dropdown-button" }, this.label ? (hAsync("ix-button", { variant: this.variant, disabled: this.disabled, alignment: "start", ariaLabel: this.ariaLabelDropdownButton }, hAsync("div", { class: 'content' }, this.icon ? (hAsync("ix-icon", { name: this.icon, size: "24", class: 'dropdown-icon' })) : null, hAsync("div", { class: 'button-label' }, this.label), hAsync("ix-icon", { name: this.dropdownShow
+            }, ref: this.dropdownAnchor }, hAsync("div", { key: 'd1407beed3397c7dc0c84a78d4833f22799b7400', class: "dropdown-button" }, this.label ? (hAsync("ix-button", { variant: this.variant, disabled: this.disabled, alignment: "start", ariaLabel: this.ariaLabelDropdownButton }, hAsync("div", { class: 'content' }, this.icon ? (hAsync("ix-icon", { name: this.icon, size: "24", class: 'dropdown-icon' })) : null, hAsync("div", { class: 'button-label' }, this.label), hAsync("ix-icon", { name: this.dropdownShow
                 ? iconChevronUpSmall
-                : iconChevronDownSmall, size: "24" })))) : (hAsync("div", null, hAsync("ix-icon-button", { icon: this.icon, variant: this.variant, disabled: this.disabled }), this.getTriangle()))), hAsync("ix-dropdown", { key: 'e726b227804176cc0b63a6c1bffc3d822820200d', class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior, onShowChanged: this.onDropdownShowChanged }, hAsync("slot", { key: '9c596b8bd686b0e69336b563aef512aba7937275' }))));
+                : iconChevronDownSmall, size: "24" })))) : (hAsync("div", null, hAsync("ix-icon-button", { icon: this.icon, variant: this.variant, disabled: this.disabled }), this.getTriangle()))), hAsync("ix-dropdown", { key: '9489f1c35d3483103b30aea27cd595ec9da21d58', class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior, onShowChanged: this.onDropdownShowChanged }, hAsync("slot", { key: 'eccf0e7d86b7c4df9fe48b2873c0a05c7ec9a67f' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return dropdownButtonCss; }
@@ -23073,7 +22969,7 @@ class DropdownHeader {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '48d7022431ca3afd5b2a54d5ed66a753a65b11ba' }, hAsync("ix-typography", { key: '930b1334c8a9e2974393bebec6890e72e204f360', class: 'category-text', format: 'h5' }, this.label)));
+        return (hAsync(Host, { key: '07334cf803a7b60b148a688f954099d4c82dd156' }, hAsync("ix-typography", { key: 'e71b5dca614dad0fdc6b29d04744b4d03042fcba', class: 'category-text', format: 'h5' }, this.label)));
     }
     static get style() { return dropdownHeaderCss; }
     static get cmpMeta() { return {
@@ -23125,15 +23021,15 @@ class DropdownItem {
             this.icon !== undefined);
     }
     render() {
-        return (hAsync(Host, { key: 'a5b2ef55abc61e30f76a2936f8a3dab1089bce21', class: {
+        return (hAsync(Host, { key: 'cd6bfb531ae38e3016ec9ebca8d02ec359c3ea7c', class: {
                 hover: this.hover,
                 'icon-only': this.isIconOnly(),
                 disabled: this.disabled,
                 submenu: this.isSubMenu,
-            }, role: "listitem" }, hAsync("button", { key: '8bbf025361d0f8f7e07e54e3d377a91900f40181', type: "button", tabIndex: 0, class: {
+            }, role: "listitem" }, hAsync("button", { key: '0c21ba9811bd0943835d206b2ef520a442817c53', type: "button", tabIndex: 0, class: {
                 'dropdown-item': true,
                 'no-checked-field': this.suppressChecked,
-            }, onClick: () => this.emitItemClick(), "aria-label": this.ariaLabelButton }, !this.suppressChecked ? (hAsync("div", { class: "dropdown-item-checked" }, this.checked ? (hAsync("ix-icon", { class: "checkmark", name: iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (hAsync("ix-icon", { class: "dropdown-item-icon", name: this.icon, "aria-label": this.ariaLabelIcon })) : null, hAsync("div", { key: '65fae7a6a32288a2b48be1cb26c83ae4faea527a', class: "dropdown-item-text" }, this.label, hAsync("slot", { key: '5b0f74293fcfecf625a83abf1a5ac4de8f6f55ea' })), this.isSubMenu ? (hAsync("ix-icon", { name: iconChevronRightSmall, class: 'submenu-icon' })) : null)));
+            }, onClick: () => this.emitItemClick(), "aria-label": this.ariaLabelButton }, !this.suppressChecked ? (hAsync("div", { class: "dropdown-item-checked" }, this.checked ? (hAsync("ix-icon", { class: "checkmark", name: iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (hAsync("ix-icon", { class: "dropdown-item-icon", name: this.icon, "aria-label": this.ariaLabelIcon })) : null, hAsync("div", { key: '28895721674306daf8293096800e7a2296be2fbf', class: "dropdown-item-text" }, this.label, hAsync("slot", { key: 'b71da89943666f609c8428aa62e91655766f2cb1' })), this.isSubMenu ? (hAsync("ix-icon", { name: iconChevronRightSmall, class: 'submenu-icon' })) : null)));
     }
     get hostElement() { return getElement(this); }
     static get style() { return dropdownItemCss; }
@@ -23166,7 +23062,7 @@ class DropdownQuickActions {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '35441282ec232f2028ff15215a93a48c6d4e46ed' }, hAsync("slot", { key: '91f97516822014d5b70ee4b7134f9c377cb70824' })));
+        return (hAsync(Host, { key: 'fdd2e2b6dbcb923c0f777d59d6500aae7a809b62' }, hAsync("slot", { key: '89da7a8f6531cbee860e5677035357c785743c64' })));
     }
     static get style() { return dropdownQuickActionsCss; }
     static get cmpMeta() { return {
@@ -23191,7 +23087,7 @@ class EmptyState {
         this.layout = 'large';
     }
     render() {
-        return (hAsync(Host, { key: 'd9b634f06732db0749e3c9c3167ae711f96a7183', class: `emptyState emptyState--${this.layout}` }, this.icon && (hAsync("div", { key: 'a6a98e33af14d3a66d207c2d77d1aa6e34800538', class: "emptyState__icon" }, hAsync("ix-icon", { key: '8511efa645e81a5d1604cdd01e2f4caf95e01d3b', name: this.icon, size: this.layout === 'large' ? '32' : '32', color: "color-soft-text", "aria-label": this.ariaLabelEmptyStateIcon }))), hAsync("div", { key: 'b33eaf65405ef3941876dd7b9cf0f561e9de1649', class: "emptyState__content" }, hAsync("div", { key: '3b9670173d55afc815b8e43606b06c535ddd51d6', class: "content__label" }, hAsync("ix-typography", { key: 'e461e4696bd05399ad8a3f270edff959d6a49fbd', format: this.layout === 'large' ? 'h3' : 'body' }, this.header), this.subHeader && (hAsync("div", { key: 'ff0926ea025bb9a374ac765ac287b757af6f7c22', class: "label__subHeader" }, this.subHeader))), this.action && (hAsync("div", { key: '611fbc746d27fcde68f6dd11db2a0b2d3725ff05', class: "content__action" }, hAsync("ix-button", { key: 'ee78f195e25bbed7ece55ffc5e5884ad5ea9fef9', onClick: () => this.actionClick.emit() }, this.action))))));
+        return (hAsync(Host, { key: 'c157ef4dd8518201fdae6fe41bf00208aa0067a7', class: `emptyState emptyState--${this.layout}` }, this.icon && (hAsync("div", { key: '77152339a4f5e696d159ff2f37081debca16ef4d', class: "emptyState__icon" }, hAsync("ix-icon", { key: '274f9d1288fc209e07b7b53286b149582c9ae2b9', name: this.icon, size: this.layout === 'large' ? '32' : '32', color: "color-soft-text", "aria-label": this.ariaLabelEmptyStateIcon }))), hAsync("div", { key: '9f9aeddd7f574c59ac82ddf5d3abca5ca963257e', class: "emptyState__content" }, hAsync("div", { key: '1def400c5abb743075aa44d531acf6ee97d2cb65', class: "content__label" }, hAsync("ix-typography", { key: '9b304c1ae25a9dba4339c585b762cc98a369c3b5', format: this.layout === 'large' ? 'h3' : 'body' }, this.header), this.subHeader && (hAsync("div", { key: 'f55d27f18bb2ad7ad4e0952c2a2b65c95a169a62', class: "label__subHeader" }, this.subHeader))), this.action && (hAsync("div", { key: '45eda366d47fc9a8077b84015dd7f311df5a572f', class: "content__action" }, hAsync("ix-button", { key: '349520a7e809efe28770db0ad81641ed450d1ef7', onClick: () => this.actionClick.emit() }, this.action))))));
     }
     static get style() { return emptyStateCss; }
     static get cmpMeta() { return {
@@ -23332,11 +23228,11 @@ class EventList {
         });
     }
     render() {
-        return (hAsync(Host, { key: '700b662ebfba2754f0c4c0d3bf09e95c5277760d', class: {
+        return (hAsync(Host, { key: '412f1406ca77c5cc4b8d97858a0a6b2dcde571c9', class: {
                 'item-size-s': this.itemHeight === 'S',
                 'item-size-l': this.itemHeight === 'L',
                 compact: this.compact,
-            } }, hAsync("div", { key: 'ebfed96ff53b21d49c9b9464978c79faa22210e0', role: "list" }, hAsync("slot", { key: '4df468a4c4cc9643dae0b13f7b88df3402e3beaf' }))));
+            } }, hAsync("div", { key: 'bf8731c25aa807b3971d7d1caa3380233c262b26', role: "list" }, hAsync("slot", { key: 'aa48d21a40f00146ada43ec541977efd5553554a' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -23393,17 +23289,17 @@ class EventListItem {
         let color = ((_a = this.itemColor) === null || _a === void 0 ? void 0 : _a.startsWith('--theme'))
             ? `var(${this.itemColor})`
             : `var(--theme-${this.itemColor})`;
-        return (hAsync(Host, { key: 'd03c2d90446a33d65d9a8899e4966b7493126b50', class: {
+        return (hAsync(Host, { key: '69bcf29128bcdcbb1d4ec916ab267c3f3872563d', class: {
                 disabled: this.disabled,
                 [`event-list-item-${this.variant}`]: true,
-            } }, hAsync("div", { key: 'fef59b96300f41b2454dc5033d070cc49a3418f5', role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
+            } }, hAsync("div", { key: '44a56bfe9beee7643cd97998309c7e1339673494', role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
                 'event-list-item': true,
                 selected: this.selected,
                 disabled: this.disabled,
-            } }, hAsync("div", { key: '5d9cee6f17423412e512046cb2db08e67e8bf692', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
+            } }, hAsync("div", { key: 'cc43c1752fd48d33a40fbdc7b28f120b128d11f5', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
                 'background-color': this.itemColor ? color : 'inherit',
                 opacity: `${this.disabled ? 0.4 : 1}`,
-            } }), hAsync("div", { key: '19c487ecf53c8e3b277ed01d4e894cb60b314484', class: "event-list-item-container" }, hAsync("div", { key: '272e1d5326384ee10820219d010c2210632c1aaf', class: "event-content" }, hAsync("slot", { key: 'e901ca6e3059c187f5f3711610edaa9325f85112' })), this.chevron && (hAsync("ix-icon", { key: '5193a58d44e7a7d5c903d64c2c757575e9711806', name: iconChevronRight, size: "16", class: "chevron-icon", "aria-hidden": "true" }))))));
+            } }), hAsync("div", { key: 'dc79d72bff599d0c2cb3850548b56f2a7a7d74c0', class: "event-list-item-container" }, hAsync("div", { key: '6eb217297a62214cc4b2ecc0a24f2ac8b7b1be71', class: "event-content" }, hAsync("slot", { key: 'a2e260050ee37c653bbb46d5447dd4d299a93eb9' })), this.chevron && (hAsync("ix-icon", { key: 'e5b66296f312ae808f48826305fbd8e8a992e602', name: iconChevronRight, size: "16", class: "chevron-icon", "aria-hidden": "true" }))))));
     }
     static get style() { return eventListItemCss; }
     static get cmpMeta() { return {
@@ -23484,20 +23380,20 @@ class ExpandingSearch {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '91622f4e7d04b72c143c27d92097b16e05314423', class: {
+        return (hAsync(Host, { key: 'cef1eaadd1182fc228042ec6358dae162b870bfa', class: {
                 expanded: this.expanded,
                 'right-position': this.expanded,
                 fullWidth: this.fullWidth,
-            } }, hAsync("ix-icon-button", { key: '1c84d2ec7fac2727f626b796348d60c41f559d55', size: this.expanded ? '16' : '24', icon: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, variant: this.expanded ? 'tertiary' : this.variant, "data-testid": "button", onClick: () => this.expandInput(), tabindex: this.expanded ? -1 : 0, color: this.hasFocus ? 'input-search-icon--color--focus' : undefined, class: {
+            } }, hAsync("ix-icon-button", { key: '143fa362134e939f965e38c836effd321451c355', size: this.expanded ? '16' : '24', icon: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, variant: this.expanded ? 'tertiary' : this.variant, "data-testid": "button", onClick: () => this.expandInput(), tabindex: this.expanded ? -1 : 0, color: this.hasFocus ? 'input-search-icon--color--focus' : undefined, class: {
                 'btn-search': true,
                 'btn-search--expanded': this.expanded,
-            }, "aria-label": this.ariaLabelSearchIconButton }), hAsync("div", { key: 'a407add1967deb4343c4044fecbe2836f73f967f', class: {
+            }, "aria-label": this.ariaLabelSearchIconButton }), hAsync("div", { key: '7fcbd5c539b210a8c56106e478f208bd7987f50b', class: {
                 expanded: this.expanded,
                 fullWidth: this.fullWidth,
                 collapsed: !this.expanded,
                 'disable-pointer': !this.expanded,
                 'input-container': true,
-            }, "data-testid": "input-wrapper" }, hAsync("input", { key: '6842d94f77a0b6ed4fb0ed6c6d77bb7e7937bacd', class: {
+            }, "data-testid": "input-wrapper" }, hAsync("input", { key: 'f138deadccf92bd26f4b548147bbeb6a66e06da2', class: {
                 'ix-form-control': true,
                 input: this.expanded,
                 'disable-pointer': !this.expanded,
@@ -23605,9 +23501,9 @@ class FieldWrapper {
             infoText: this.infoText,
             helperText: this.helperText,
         };
-        return (hAsync(Host, { key: '3ea3695c5b1cb5cb88461edf1a695dbbffc41446' }, this.label && (hAsync("div", { key: '6e70790f01487566ca50218321827083273a8b72', class: "field-top" }, hAsync("ix-field-label", { key: 'e95f598950e502b0b740aa715b4ba98d29988274', required: this.required, htmlFor: this.htmlForLabel, controlRef: this.controlRef, isInvalid: this.isInvalid }, this.label))), hAsync("div", { key: '779b3fc2560650307ce95531b49354a9c5d87ecd', class: {
+        return (hAsync(Host, { key: '3e4d4cc4d1825e7c882844497a14c683e6fa4984' }, this.label && (hAsync("div", { key: '14c73ca16fca119c7ae3b57406fed9d06c92682b', class: "field-top" }, hAsync("ix-field-label", { key: '528080fc33fbba4af32b995c2a5b812cbe546c3c', required: this.required, htmlFor: this.htmlForLabel, controlRef: this.controlRef, isInvalid: this.isInvalid }, this.label))), hAsync("div", { key: '07dd086cb873468943feddd633ff9487c4ac28ad', class: {
                 'slot-wrapper': true,
-            }, ref: this.slotRef }, hAsync("slot", { key: 'de4549ef8be697b8298962bb254c33b531cbc915' })), hAsync("div", { key: '638eab71346a22e27c6e255d1ffd631d9f714cc7', class: 'field-bottom' }, !this.showTextAsTooltip && hAsync(HelperText$1, Object.assign({ key: '37e18fbd7031e597ab332cb0dbc1d49f8fd64204' }, textOptions)), hAsync("div", { key: '0b8ac94f2968e14a3d0640ab74f00a3d51eb74a2', class: "bottom-right" }, hAsync("slot", { key: 'd8357cafd084a1481b1312d624493bbde299a270', name: "bottom-right" }))), this.showTextAsTooltip === true && hasAnyText(textOptions) && (hAsync("ix-tooltip", { key: 'd4e277ed85a1cbb2d28779bfee25569cbd717e41', for: this.slotRef.waitForCurrent(), showDelay: 500, placement: "bottom" }, hAsync(HelperText$1, Object.assign({ key: '0286be2eb095edbfb7f97c794dac74d79c2c4ad0' }, textOptions))))));
+            }, ref: this.slotRef }, hAsync("slot", { key: 'b7cd2920a4ddfcd8c89c661a516169f965956150' })), hAsync("div", { key: 'f2976ba8ed9a373e46ad0b12b7aa4e7eefd15f16', class: 'field-bottom' }, !this.showTextAsTooltip && hAsync(HelperText$1, Object.assign({ key: 'aec1f83ed3e30742d7e3d50e5287b3585cfff158' }, textOptions)), hAsync("div", { key: 'a89b5e7a6485fd220b5b1b0fa68eda56fe77367c', class: "bottom-right" }, hAsync("slot", { key: '079a9c2ad3694da127bc03324764a317d0ad97a3', name: "bottom-right" }))), this.showTextAsTooltip === true && hasAnyText(textOptions) && (hAsync("ix-tooltip", { key: 'c43740e25841a7e14069b0f666ede1e3d3a38e35', for: this.slotRef.waitForCurrent(), showDelay: 500, placement: "bottom" }, hAsync(HelperText$1, Object.assign({ key: '8cffb6fb825da3d30f8b0362359d305c53a99c93' }, textOptions))))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return fieldWrapperCss; }
@@ -23657,7 +23553,7 @@ class FilterChip {
         this.closeClick.emit();
     }
     render() {
-        return (hAsync(Host, { key: 'c778f50984ea53997c6c1188e8d3b030e4dfa4c8', class: { disabled: this.disabled, readonly: this.readonly }, title: this.hostElement.textContent }, hAsync("div", { key: 'b6888190e09ae621eb7e004f418f0944eb062a7b', class: "slot-container" }, hAsync("slot", { key: 'c8a3e52464c4873d4c949b9c472613b12fd7fee7' })), !this.disabled && !this.readonly ? (hAsync("ix-icon-button", { variant: "tertiary", oval: true, icon: iconCloseSmall, size: "16", tabindex: this.disabled ? -1 : 0, disabled: this.disabled, onClick: (e) => this.onCloseClick(e), "aria-label": this.ariaLabelCloseIconButton })) : null));
+        return (hAsync(Host, { key: '8cc1b9fa681c0a4db152ce8be3c6f5e9e57f342d', class: { disabled: this.disabled, readonly: this.readonly }, title: this.hostElement.textContent }, hAsync("div", { key: '61c4d43d905cad264fb7eef85b8d59a4fa5bc966', class: "slot-container" }, hAsync("slot", { key: 'f46f5e585c9a822f78d173945da0fdb91666ef09' })), !this.disabled && !this.readonly ? (hAsync("ix-icon-button", { variant: "tertiary", oval: true, icon: iconCloseSmall, size: "16", tabindex: this.disabled ? -1 : 0, disabled: this.disabled, onClick: (e) => this.onCloseClick(e), "aria-label": this.ariaLabelCloseIconButton })) : null));
     }
     get hostElement() { return getElement(this); }
     static get style() { return filterChipCss; }
@@ -23784,7 +23680,7 @@ class FlipTile {
         }, 2 * Animation.defaultTime);
     }
     render() {
-        return (hAsync(Host, { key: '25b1720be9a951508fc42a3182abf77ca5239417', class: {
+        return (hAsync(Host, { key: '8e765099be7fad3f1e3ad850934cacf3a3a0005b', class: {
                 [`flip-tile-variant-${this.variant}`]: true,
             }, style: {
                 height: `${this.height}${this.height === 'auto' ? '' : 'rem'}`,
@@ -23793,10 +23689,10 @@ class FlipTile {
                 width: `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
                 'min-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
                 'max-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
-            } }, hAsync("div", { key: '82eb523c35d63e1974af85d03011d72a60d6a12c', class: "flip-tile-container" }, hAsync("div", { key: '8a71a7dcccaaee476cd6b619ef2f9d0dd2f20dcb', class: "flip-tile-header" }, hAsync("div", { key: 'b8333d824024998ebfb1b110a659d41cd4f0ceb5', class: "header-slot-container text-l-title" }, hAsync("slot", { key: 'cca1a6e9e83af3af0bae04336f7c570d71d79c8f', name: "header" })), hAsync("ix-icon-button", { key: '5a97cef1d5669839903b13ec4478f2a1389e5711', icon: iconEye, variant: "tertiary", onClick: () => this.toggleIndex(), "aria-label": this.ariaLabelEyeIconButton })), hAsync("div", { key: '707bfbb106caf3d37dfff0df91e846f61e466a00', class: "content-container" }, hAsync("slot", { key: '61289a19308af72be66d7494b35985bcb8145401' })), hAsync("div", { key: 'acfc13e29fa9ea434dbb466a7d5155ed79bf030f', class: {
+            } }, hAsync("div", { key: 'b2b5f3eb5e7434781c6e20c4227f6ba0558ef1ba', class: "flip-tile-container" }, hAsync("div", { key: '62bf878e8dbe1b0ede76e18bfd7864559e5bc40e', class: "flip-tile-header" }, hAsync("div", { key: 'a6778965143f874ba4afb4cf85668caa72b6b37d', class: "header-slot-container text-l-title" }, hAsync("slot", { key: '8d8fbdea8c689955d3d883386d5de53ce3716102', name: "header" })), hAsync("ix-icon-button", { key: 'a7f7ad867ff020682dad39ee879d75a539b2311e', icon: iconEye, variant: "tertiary", onClick: () => this.toggleIndex(), "aria-label": this.ariaLabelEyeIconButton })), hAsync("div", { key: '9f36cb8e3242c3df057ca422cc16c2dbd46d05c2', class: "content-container" }, hAsync("slot", { key: '1b8931c0bdb7fb8fcf1ef7179c441e7054aba515' })), hAsync("div", { key: '20d76b0e598ad7c202ec917cc07c3a9dc4c22ce6', class: {
                 footer: true,
                 'show-footer': this.hasFooterSlot,
-            } }, hAsync("slot", { key: '7bcf5c8d4f037291a6258059e99ae3c1e8ac2585', name: "footer", onSlotchange: (event) => this.handleFooterSlotChange(event) })))));
+            } }, hAsync("slot", { key: '6b8c833a377673cc30625afda00a1881d5e66fca', name: "footer", onSlotchange: (event) => this.handleFooterSlotChange(event) })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -23834,7 +23730,7 @@ class FlipTileContent {
         this.contentVisible = false;
     }
     render() {
-        return hAsync(Host, { key: 'ae499b00da903e80a7cf53e15185d2a5bf9b3819' }, this.contentVisible ? hAsync("slot", null) : null);
+        return hAsync(Host, { key: '5965aa904c665ec7f059cfd2923d13d6c408f435' }, this.contentVisible ? hAsync("slot", null) : null);
     }
     static get style() { return flipTileContentCss; }
     static get cmpMeta() { return {
@@ -23955,7 +23851,7 @@ class FormFieldLabel {
         }
     }
     render() {
-        return (hAsync(Host, { key: '77162f206e9a44c451be1c3e63f36647514df468', onClick: () => this.focusOnClick() }, hAsync("label", Object.assign({ key: '73aae16a736c4bcb35e87947128df17dae60b262', htmlFor: this.htmlFor }, this.a11yAttributes, { ref: this.labelRef }), hAsync("ix-typography", { key: 'b73ceb433e4db5c0fb178ba7aebb61c24e1cf37a', textColor: this.isInvalid ? 'alarm' : 'soft', format: "label" }, hAsync("slot", { key: '8625032e1c28424e817ec6c2a7aaab73cfaf1900' }), this.required && hAsync("span", { key: 'c1b865c52013bbb51ceb8797a324bffbe771eaa9' }, "*")))));
+        return (hAsync(Host, { key: '8b95961ee8dde015e7be8c9b5d5b0c742abc66a2', onClick: () => this.focusOnClick() }, hAsync("label", Object.assign({ key: '94e23159d8cfc8366628245ff88c66a75114ddcd', htmlFor: this.htmlFor }, this.a11yAttributes, { ref: this.labelRef }), hAsync("ix-typography", { key: '71d0e1969ab2ffbc95366c256f22412caeca51a4', textColor: this.isInvalid ? 'alarm' : 'soft', format: "label" }, hAsync("slot", { key: '73d15d7c64df8d301cbe1a0d5158c459273d90ed' }), this.required && hAsync("span", { key: 'adfe97c75781edcf3a3d84c463f019afff623765' }, "*")))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -24111,27 +24007,27 @@ class Group {
         }
     }
     render() {
-        return (hAsync(Host, { key: '3f0490f98871cd258f1a7735587c5c994787b5f3' }, hAsync("div", { key: '85a820e8677768ac5952862d6860bf67ddddd06b', class: {
+        return (hAsync(Host, { key: '4afd808f34c4c47ef82b9ac86c9824f93c0ac022' }, hAsync("div", { key: 'e4faee7660a7e0356be0847648d8c749b8a53dd8', class: {
                 'group-header': true,
                 expand: this.expanded,
                 selected: this.selected,
-            }, tabindex: "0" }, hAsync("div", { key: 'eb02896f695cf74d19a0c17e732886ba2791cae8', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, hAsync("div", { key: '6c361a6e2bb2b9e9614f726c72d943bb540c6e6f', class: {
+            }, tabindex: "0" }, hAsync("div", { key: '708f196e0212bf1134de3e12d7c22ec6b981c998', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, hAsync("div", { key: 'b7e7fdf40ff90648cb3d734340ddb2ae1c39f35f', class: {
                 'group-header-selection-indicator': true,
                 'group-header-selection-indicator-item-selected': this.itemSelected,
-            } }), hAsync("div", { key: '957fddd2512cb0004889bb8627dca06a24172678', class: "btn-expand-header" }, hAsync("ix-icon", { key: '5e6d9f54bd16530b6ee35be0ae2429075574f7af', "data-testid": "expand-collapsed-icon", class: {
+            } }), hAsync("div", { key: '11526d19f3cbe9cc5ced668a16b4d9401907a20b', class: "btn-expand-header" }, hAsync("ix-icon", { key: '0484a742e10ef8d3448b948c708795f28977af50', "data-testid": "expand-collapsed-icon", class: {
                 hidden: !this.showExpandCollapsedIcon,
-            }, name: this.expanded ? iconChevronUpSmall : iconChevronDownSmall, onClick: (event) => this.onExpandClick(event) })), hAsync("div", { key: '7afbcddcae71944c3d89f4671c52faec405072da', class: "group-header-content" }, this.header ? (hAsync("div", { class: "group-header-props-container" }, hAsync("div", { class: "group-header-title" }, hAsync("span", { title: this.header }, this.header)), hAsync("div", { class: "group-subheader", title: this.subHeader }, this.subHeader))) : null, hAsync("slot", { key: '434daedde0c193250cc55ecef24a648427d93521', name: "header" }))), this.hasDropdown && (hAsync("ix-group-context-menu", { key: '4c3e93b8fe830a7d3e40c9560b5821a44e82a076' }, hAsync("slot", { key: '509f13fadad10aa375da8d823692c869031e51c5', name: "dropdown" })))), hAsync("div", { key: '1fbc03459ee2ce55b44f2393898ced6fd8d767ca', class: {
+            }, name: this.expanded ? iconChevronUpSmall : iconChevronDownSmall, onClick: (event) => this.onExpandClick(event) })), hAsync("div", { key: 'ebd85a3ffcff6a72afa619f9f339f9f335d5692a', class: "group-header-content" }, this.header ? (hAsync("div", { class: "group-header-props-container" }, hAsync("div", { class: "group-header-title" }, hAsync("span", { title: this.header }, this.header)), hAsync("div", { class: "group-subheader", title: this.subHeader }, this.subHeader))) : null, hAsync("slot", { key: 'd32a324262fec6c9331b773d4244fa9a98ec8e26', name: "header" }))), this.hasDropdown && (hAsync("ix-group-context-menu", { key: 'fc3c314ee1f858a833786d0086c0cbf372cbaa91' }, hAsync("slot", { key: 'aba688f91e2891df29b28a836cea956967a0bfdc', name: "dropdown" })))), hAsync("div", { key: 'ff1e7e553feafffb89d6e5727fa08e518c5e8f09', class: {
                 'group-content': true,
-            } }, hAsync("div", { key: 'e5c7ab27d286eb9a3e56d906cff40009fcd9c317', style: {
+            } }, hAsync("div", { key: '2491e7fc2db3a26f2a6590dc4f5672256aea0ba0', style: {
                 display: this.expanded ? 'contents' : 'none',
-            } }, hAsync("slot", { key: '270b3877b50ad67ad95ef1bf6ac28aa7a6bfc1ae', onSlotchange: () => {
+            } }, hAsync("slot", { key: '9ff899ad82ec853ca26bf6516755aa96ff4f1a75', onSlotchange: () => {
                 var _a;
                 const slot = (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
                 this.showExpandCollapsedIcon = hasSlottedElements(slot);
-            } }), hAsync("ix-group-item", { key: '1a44451e3855c4e7fa22d1aefa4df34692dc3453', class: {
+            } }), hAsync("ix-group-item", { key: 'deba11384b1595616beb387a20e13bd4a37bab85', class: {
                 footer: true,
                 'footer-visible': this.footerVisible,
-            }, groupFooter: true, suppressSelection: true }, hAsync("slot", { key: '221292d8be0d15548275e6a24e4f3fcbccd3d2dc', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
+            }, groupFooter: true, suppressSelection: true }, hAsync("slot", { key: '93f76c08a387e415908c1425e88463306bd7f094', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -24193,7 +24089,7 @@ class GroupContextMenu {
         this.configureDropdown(dropdownElement, triggerElement);
     }
     render() {
-        return (hAsync(Host, { key: '0af5417d3a5a775bc90a40929ddafbff30095b22' }, hAsync("ix-icon-button", { key: '2168944a247641423a32816017bf495ad7f3196d', class: { hide: !this.showContextMenu }, size: "24", variant: "subtle-tertiary", icon: iconContextMenu }), hAsync("slot", { key: '41dbc7adfffe4d88cdd2d73ff6701b4a8148084e', onSlotchange: () => this.onSlotChange() })));
+        return (hAsync(Host, { key: '6df61ec63b35350e4911a5b45ecf02ec8f05d42a' }, hAsync("ix-icon-button", { key: '480474db13076c449bb664cc3be7aef9b2604c41', class: { hide: !this.showContextMenu }, size: "24", variant: "subtle-tertiary", icon: iconContextMenu }), hAsync("slot", { key: 'cf8842a68562de5d58a8bec0441db254a56ad05b', onSlotchange: () => this.onSlotChange() })));
     }
     get hostElement() { return getElement(this); }
     static get style() { return groupContextMenuCss; }
@@ -24317,7 +24213,7 @@ class HelperText {
         this.validationResults = checkFieldClasses(forElement);
     }
     render() {
-        return (hAsync(Host, { key: 'fc7c96b79fcbff2f9bcf9b45345f16dba5a404c6' }, hAsync(HelperText$1, Object.assign({ key: '9e6d2c5fa00aa658c5fa9ae1393537b6255e42f4', helperText: this.helperText,
+        return (hAsync(Host, { key: '80773f9945e4d763cd06ef66b4654270a3a7dbd4' }, hAsync(HelperText$1, Object.assign({ key: '214ef1f926975fcf41676cb525b7098060f7f42c', helperText: this.helperText,
             invalidText: this.invalidText,
             validText: this.validText,
             infoText: this.infoText,
@@ -24428,7 +24324,7 @@ class IconButton {
             type: this.type,
             extraClasses: this.getIconSizeClass(),
         };
-        return (hAsync(Host, { key: 'bdb302ce6ef1803d43285e1effc3ce70ff9284c8', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '14073614fda1a07d4292094b91092871f05619d3' }, baseButtonProps))));
+        return (hAsync(Host, { key: 'bf38203ea971e79608015f29912cb8e25095aaa9', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '79512317c4eb9af675ac19918f06ca7c163693a8' }, baseButtonProps))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return iconButtonCss; }
@@ -24522,7 +24418,7 @@ class IconToggleButton {
             },
             extraClasses: Object.assign({ 'icon-button': true }, this.getIconSizeClass()),
         };
-        return (hAsync(Host, { key: 'cdab0dbaf3a790f3d83fff58d73588504d7ba956', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '6cfe4d3b14eba61a9b80ffcdcd9664a1f815f70f' }, baseButtonProps))));
+        return (hAsync(Host, { key: '0cdca2a85b3ed4e29f1686911eedc5e269178ec2', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: 'b3fd9e932199b79af77f6a24c35fdb3f1c0177a7' }, baseButtonProps))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return iconToggleButtonCss; }
@@ -24680,13 +24576,13 @@ class Input {
     render() {
         var _a;
         const inputAria = getAriaAttributesForInput(this);
-        return (hAsync(Host, { key: '05bb684da7ab25f4cea5429ec2c166a9c7a9cc21', class: {
+        return (hAsync(Host, { key: 'c74b72aaf7caf50aca8bada5a426ced0d03da3a4', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: 'a2cd4a57590b5848de9738a0fbdff0c1c1947abc', htmlForLabel: this.inputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: 'e9369f9d649068b7708fabf29b9c2e25954591a6', class: "input-wrapper" }, hAsync(SlotStart, { key: '4294b9e2329a9e0b9964630d76f64788f127e280', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: '750c6a574acb4dac21f7a6143b34ae1482de7d74', id: this.inputId, readonly: this.readonly, disabled: this.disabled, maxLength: this.maxLength, minLength: this.minLength, pattern: this.pattern, type: this.inputType, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
+            } }, hAsync("ix-field-wrapper", { key: '259d4c941b5230eb3dab8f1e06d365fc5dd487bf', htmlForLabel: this.inputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: 'b74bc60a551f8068fc3fd273583089160ef0e272', class: "input-wrapper" }, hAsync(SlotStart, { key: '5da1e346612ed0b0ce81b4ca370593e3cfdd950f', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: 'd259d8e2fdc27cf9ef550a649db0a05d407752b4', id: this.inputId, readonly: this.readonly, disabled: this.disabled, maxLength: this.maxLength, minLength: this.minLength, pattern: this.pattern, type: this.inputType, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
                 onInputBlur(this, this.inputRef.current);
                 this.touched = true;
-            }, ariaAttributes: inputAria }), hAsync(SlotEnd, { key: 'ebd005ac85dc9109895d3cd7dcd147a08ee0fc02', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { key: '473f7914b0b2e7bbc970f9eadfed8f8ec96ed761', color: "color-weak-text", class: {
+            }, ariaAttributes: inputAria }), hAsync(SlotEnd, { key: '83f14577687a0437983e0cff26d59291cf1a5f47', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { key: '4a54d7c381d87c75dca1e3febfb8d0e8d0095bf9', color: "color-weak-text", class: {
                 'password-eye': true,
                 'eye-hidden': this.type !== 'password' || this.disabled,
             }, variant: "tertiary", icon: this.inputType === 'password' ? iconEye : iconEyeCancelled, onClick: () => {
@@ -24695,7 +24591,7 @@ class Input {
                     return;
                 }
                 this.inputType = 'password';
-            } }))), !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: 'f5a0bc6e09ce7be919ccf97b34af1ef804c29df7', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)))));
+            } }))), !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: '40bbb9d175f5df31dba1115aaab0c7e2c07f067c', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -24869,7 +24765,7 @@ class InputGroup {
         return width;
     }
     render() {
-        return (hAsync(Host, { key: 'a3ccc5c517e8c33b0397acc5bd092684f0681ffe', class: { disabled: this.disabled } }, hAsync("div", { key: '607ea6b80837a6d2b35c34d000d1ab39bf559ed8', class: "group group-start" }, hAsync("slot", { key: '9fcbdb50ef9acbb4ed77f14194370ed9d214f1e9', ref: (el) => (this.startSlotRef = el), name: "input-start" })), hAsync("slot", { key: '93aebe48a3812e270607091966656d8d46cdc5e9' }), hAsync("div", { key: 'faeb55bffcfcad605a4efe5795f05c313986eeaa', class: "group group-end" }, hAsync("slot", { key: '8f52ddaacb0efdb46c6749d86e66064c06d94609', ref: (el) => (this.endSlotRef = el), name: "input-end" }))));
+        return (hAsync(Host, { key: 'd0f57d858ca77f197bee75874412f218facf40d9', class: { disabled: this.disabled } }, hAsync("div", { key: '7221faf602895189f3c612328adb9f96c9ba511e', class: "group group-start" }, hAsync("slot", { key: '261bed25a0ac9f0fa9cb5ba9945f35a2bdaf0d0d', ref: (el) => (this.startSlotRef = el), name: "input-start" })), hAsync("slot", { key: '624586d74b428624dadc77f7dbaa097e80590110' }), hAsync("div", { key: 'e42e4337ff02ad203f50b080e10c2ce6c76a60fd', class: "group group-end" }, hAsync("slot", { key: '39d2cd0d441e43db924ad528856065bb87efebe3', ref: (el) => (this.endSlotRef = el), name: "input-end" }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return inputGroupCss; }
@@ -24969,7 +24865,7 @@ class IxTypography {
                 color: IxTypography.getTextColor(this.textColor),
             };
         }
-        return (hAsync(Host, { key: 'a8642e246a60b32a22e052b7755db3e302836fd6', class: typographyClass, style: style }, hAsync("slot", { key: '6b6ae0458fe7bbfbd3fb4ecd9175b50a42e9258e' })));
+        return (hAsync(Host, { key: '729503dc2d1f8f7e5d0f1fbc12f90135eb570882', class: typographyClass, style: style }, hAsync("slot", { key: '2f25d1e6463ba9e417bc568fd3899bef45d75bee' })));
     }
     static get style() { return typographyCss; }
     static get cmpMeta() { return {
@@ -25001,7 +24897,7 @@ class KeyValue {
         this.labelPosition = 'top';
     }
     render() {
-        return (hAsync(Host, { key: '29b48b869917aa09c497c7314c1b3297c70712f3', class: `keyValue keyValue--${this.labelPosition === 'top' ? 'column' : 'row'}` }, this.icon && (hAsync("ix-icon", { key: '50069d0a641035114045d44ae696a8a24f82bc26', name: this.icon, size: "24", class: "keyValue__icon", "aria-label": this.ariaLabelIcon })), hAsync("div", { key: 'efebf2aafab9c171a61287ac9f3f85e943388830', class: "keyValue__content" }, hAsync("div", { key: 'cc01525dfa12c51b3f16170adc448f61c13126e6', class: "content__label" }, this.label), hAsync("div", { key: 'd9c9ce50e3b101266fe522e32eb12c2b0b7b6004', class: {
+        return (hAsync(Host, { key: 'afb00b426d8c1058f0cbb4f1c36c77f879d4fcc2', class: `keyValue keyValue--${this.labelPosition === 'top' ? 'column' : 'row'}` }, this.icon && (hAsync("ix-icon", { key: 'f965a5b314912431569919f3d12b03e7ecdd7a7f', name: this.icon, size: "24", class: "keyValue__icon", "aria-label": this.ariaLabelIcon })), hAsync("div", { key: '93a20b20f02409e5229d75f9614024771a1e4062', class: "keyValue__content" }, hAsync("div", { key: '86a788b30e518a4fe26c9f266c79faeb71c2a246', class: "content__label" }, this.label), hAsync("div", { key: '9421c0ff618a40335423c624640556b266cb0744', class: {
                 content__value: true,
                 'has-customValue': this.value === undefined,
             } }, this.value !== undefined ? (this.value) : (hAsync("slot", { name: "custom-value" }))))));
@@ -25034,7 +24930,7 @@ class KeyValueList {
         this.striped = false;
     }
     render() {
-        return (hAsync(Host, { key: 'e262c5729ec77f3c9a2beb0a7039cb40422d691e', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, hAsync("slot", { key: '72e1498f1f1783e181eb8e83e09c337c5aa564d7' })));
+        return (hAsync(Host, { key: '8dba91174048942e97f5c3923693f9773498850e', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, hAsync("slot", { key: '008b5a305508353e90fbbdc664079942b5e72fb6' })));
     }
     static get style() { return keyValueListCss; }
     static get cmpMeta() { return {
@@ -25081,13 +24977,13 @@ class Kpi {
         return tooltip;
     }
     render() {
-        return (hAsync(Host, { key: 'b60cacc3f468bfb645ab5f8b7217fab907b24d62', title: this.getTooltipText(), tabindex: "1", class: {
+        return (hAsync(Host, { key: 'b30b96a30c6462d46df55d826117a7bbca06bd87', title: this.getTooltipText(), tabindex: "1", class: {
                 stacked: this.orientation === 'vertical',
-            } }, hAsync("div", { key: 'f191f41a59eb16f11f69aeae0cd367b3e6cc6e97', class: {
+            } }, hAsync("div", { key: '91df6b79eab2edbf0ccb71d2dd8ee07e1412c546', class: {
                 'kpi-container': true,
                 alarm: this.state === 'alarm',
                 warning: this.state === 'warning',
-            } }, hAsync("span", { key: '1f77ffa87ad64740858fb9dd46ef3b2d206e6983', class: "kpi-label" }, this.getStateIcon(), hAsync("span", { key: '8347d50cc808a3b677c0340452f1482139f91c35', class: "kpi-label-text" }, this.label)), hAsync("span", { key: '20c58411fb499cccf20c4d6f92b75c1d875d8fbd', class: "kpi-value-container" }, hAsync("span", { key: '49df3a72c7da17998eec8de2be47bb0da4b68495', class: "kpi-value" }, this.value), this.unit ? hAsync("span", { class: "kpi-unit" }, this.unit) : ''))));
+            } }, hAsync("span", { key: '8229c1774d9ef82f8c30e1a8f24dafc57b5eed49', class: "kpi-label" }, this.getStateIcon(), hAsync("span", { key: 'e27dbc323999e5e211ee923a07089a19d8de4ad6', class: "kpi-label-text" }, this.label)), hAsync("span", { key: 'a3c2b17de22d8630a05b0e39c4005ac145784a53', class: "kpi-value-container" }, hAsync("span", { key: '1b5f92dbd5f394d6c3bad1c9360427d572127759', class: "kpi-value" }, this.value), this.unit ? hAsync("span", { class: "kpi-unit" }, this.unit) : ''))));
     }
     static get style() { return kpiCss; }
     static get cmpMeta() { return {
@@ -25184,7 +25080,7 @@ class LayoutForm {
         });
     }
     render() {
-        return (hAsync(Host, { key: '89fa65872d5cd211c41e8bfda6544155bbbbcc1c' }, hAsync("div", { key: 'b6a75e6ce330bbe76c5c3b83a541d3366bfb6866', class: "container" }, hAsync("slot", { key: 'd6983232325c2c0081346b059561137e9cf23669' }))));
+        return (hAsync(Host, { key: 'c372cee7de4d253246c61f60858b268619592d5d' }, hAsync("div", { key: '205f0444aa85dcffd338abf3f38939ff9eea5d3c', class: "container" }, hAsync("slot", { key: 'e8f39e9e0eb5dd8eee1b0ff66899dc1b0283143a' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -25222,12 +25118,12 @@ class LayoutGrid {
         this.columns = 12;
     }
     render() {
-        return (hAsync(Host, { key: 'c426263f82beb3d366aea55da08259a9a2392c45', class: {
+        return (hAsync(Host, { key: '9ce5af84b9a377a949b94778ead107a441c51a78', class: {
                 'no-margin': this.noMargin,
             }, style: {
                 '--ix-layout-grid-columns': `${this.columns}`,
                 '--ix-layout-grid-gutter': `${this.gap}px`,
-            } }, hAsync("slot", { key: 'c85a805c185548b4331e206050c10567814f9833' })));
+            } }, hAsync("slot", { key: '0c3a2747d12aa57a97b45ba478d495fcb0ab47a8' })));
     }
     static get style() { return layoutGridCss; }
     static get cmpMeta() { return {
@@ -25261,13 +25157,13 @@ class LinkButton {
         this.target = '_self';
     }
     render() {
-        return (hAsync(Host, { key: 'd7efb1e99ba3ea4fdf9d13f2f32dfcbd8be2a6c2' }, hAsync("a", { key: '6b3adc3bf49879f8aa8ec5b07c55d9288c1c49be', title: this.url, tabindex: "0", class: {
+        return (hAsync(Host, { key: '5d6862720cb7254c81ae048532345670b2725cf6' }, hAsync("a", { key: 'ad09a301c88af52fe06626e71785af1a69f78690', title: this.url, tabindex: "0", class: {
                 'link-button': true,
                 disabled: this.disabled,
-            }, href: this.disabled ? undefined : this.url, target: this.target }, hAsync("ix-icon", { key: '33d2923c2c1bd042bc9e9ed1d11f273a98380f6b', class: "icon", name: iconChevronRightSmall, size: "16", "aria-hidden": "true" }), hAsync("div", { key: '6eeb77386f6330bff5b209c1f005102468800899', class: {
+            }, href: this.disabled ? undefined : this.url, target: this.target }, hAsync("ix-icon", { key: '06f8da3d0dfe027915222ba0525bb6551ebf7472', class: "icon", name: iconChevronRightSmall, size: "16", "aria-hidden": "true" }), hAsync("div", { key: 'c5759a97f5599d15618cd1e83f32a35e656c3ea7', class: {
                 link: true,
                 disabled: this.disabled,
-            } }, hAsync("slot", { key: '1bd82e08a11323ab61d89c98a4c108ba2849a388' })))));
+            } }, hAsync("slot", { key: '0429c8a4ac40936697d6e22d6061135e638c4557' })))));
     }
     static get style() { return linkButtonCss; }
     static get cmpMeta() { return {
@@ -25284,246 +25180,6 @@ class LinkButton {
     }; }
 }
 
-const mapNavigationCss = ":host{display:flex;position:relative;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .map-nav{display:flex;margin-left:3.25rem;position:relative;height:100%;flex-grow:1;overflow:hidden}:host .map-nav-sidebar{display:flex;flex-direction:column;align-items:center;width:29.75rem;max-width:29.75rem;min-width:29.75rem;height:100%;left:4rem;background-color:var(--theme-map-navigation--background);border-inline-end:0.125rem solid var(--theme-map-navigation-separator--background);z-index:99}:host .map-nav-sidebar.display-none{display:none}:host .map-nav-sidebar-content{align-items:center;position:relative;overflow:auto;height:100%;width:100%}:host .map-nav-sidebar-content .map-nav-sidebar-static-content{display:flex;justify-content:space-between;margin-top:0.437rem;margin-bottom:0.812rem;margin-left:1rem;margin-right:1rem;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .map-nav-header{display:flex;position:relative;align-items:center;height:3.5rem;min-height:3.5rem;width:100%}:host .map-nav-header .map-nav-header-brand{background-color:var(--theme-map-navigation-background);padding-left:1rem;padding-right:1rem;padding-bottom:0.625rem;height:100%;width:100%;--theme-app-header--color:var(--theme-map-navigation-header--color);--theme-app-header-logo--color:var(--theme-map-navigation-logo--color)}:host .map-nav-header .map-nav-header-brand button{margin-left:1rem}:host .map-nav-header-content{display:flex;height:3.5rem;align-items:center;overflow:hidden;padding:0 1rem}:host .map-nav-header-content.empty{height:0}:host .map-nav-title{display:flex;align-items:center;flex-grow:1;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .content{display:block;flex-grow:1;position:relative;height:100%;overflow:hidden;z-index:calc(var(--theme-z-index-sticky) - 1)}:host ::slotted(ix-menu){position:absolute}";
-
-class MapNavigation {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.navigationToggled = createEvent(this, "navigationToggled", 7);
-        this.contextMenuClick = createEvent(this, "contextMenuClick", 7);
-        /**
-         * Hide the sidebar context menu button when set to true
-         */
-        // eslint-disable-next-line @stencil-community/ban-default-true
-        this.hideContextMenu = true;
-        this.isSidebarOpen = true;
-        this.hasContentHeader = false;
-    }
-    get menu() {
-        return this.hostElement.querySelector('ix-menu');
-    }
-    get menuOverlay() {
-        return this.hostElement.querySelector('ix-menu-overlay');
-    }
-    get mapNavMenu() {
-        return this.hostElement.shadowRoot.querySelector('.map-nav-menu');
-    }
-    get sidebar() {
-        return this.hostElement.shadowRoot.querySelector('.map-nav-sidebar');
-    }
-    get overlay() {
-        return this.hostElement.shadowRoot.querySelector('#overlay');
-    }
-    componentDidRender() {
-        this.appendMenu();
-        this.closeOverlay();
-    }
-    componentWillLoad() {
-        useContextProvider(this.hostElement, ApplicationLayoutContext, {
-            hideHeader: false,
-            host: 'map-navigation',
-        });
-    }
-    appendMenu() {
-        this.menu.addEventListener('mapExpandChange', (event) => {
-            const state = !event.detail;
-            this.toggleSidebar(state);
-        });
-        this.menu.enableMapExpand = true;
-    }
-    /**
-     * Change the visibility of the sidebar
-     *
-     * @param show new visibility state
-     */
-    async toggleSidebar(show) {
-        if (show !== undefined) {
-            this.isSidebarOpen = show;
-        }
-        else {
-            this.isSidebarOpen = !this.isSidebarOpen;
-        }
-        if (this.isSidebarOpen) {
-            this.openSidebar();
-        }
-        else {
-            this.closeSidebar();
-        }
-        this.navigationToggled.emit(this.isSidebarOpen);
-        this.menu.toggleMapExpand(this.isSidebarOpen);
-    }
-    closeSidebar() {
-        animate(this.sidebar, {
-            duration: MapNavigation.defaultTime,
-            marginLeft: [0, '-29.75rem'],
-            opacity: [1, 0],
-            easing: 'easeInSine',
-            onComplete: () => {
-                this.sidebar.classList.add('display-none');
-            },
-        });
-    }
-    openSidebar() {
-        animate(this.sidebar, {
-            duration: MapNavigation.defaultTime,
-            marginLeft: ['-29.75rem', 0],
-            opacity: [0, 1],
-            easing: 'easeOutSine',
-            onBegin: () => {
-                this.sidebar.classList.remove('display-none');
-            },
-        });
-    }
-    /**
-     * Open a overlay inside content area
-     * @deprecated Will be removed in 2.0.0. Use slot based approach
-     *
-     * @param name
-     * @param component
-     * @param icon
-     * @param color
-     */
-    async openOverlay(name, component, icon, color) {
-        animate(this.overlay, {
-            duration: MapNavigation.slowTime,
-            backdropFilter: [0, 'blur(1rem)'],
-            translateX: ['-4rem', 0],
-            opacity: [0, 1],
-            easing: 'easeOutSine',
-            onBegin: () => {
-                this.overlay.classList.remove('display-none');
-            },
-        });
-        const overlayInstance = document.createElement('ix-map-navigation-overlay');
-        overlayInstance.setAttribute('color', color !== null && color !== void 0 ? color : '');
-        overlayInstance.setAttribute('name', name);
-        overlayInstance.setAttribute('icon', icon !== null && icon !== void 0 ? icon : '');
-        overlayInstance.setAttribute('slot', 'overlay');
-        overlayInstance.addEventListener('closeClick', () => this.closeOverlay());
-        overlayInstance.appendChild(component);
-        this.hostElement.appendChild(overlayInstance);
-    }
-    /**
-     * Close current shown overlay
-     * @deprecated Will be removed in 2.0.0. Use slot based approach
-     */
-    async closeOverlay() {
-        animate(this.overlay, {
-            duration: MapNavigation.slowTime,
-            backdropFilter: ['blur(1rem)', 0],
-            translateX: [0, '-4rem'],
-            opacity: [1, 0],
-            easing: 'easeInSine',
-            onComplete: () => {
-                var _a;
-                if (!this.overlay) {
-                    return;
-                }
-                (_a = this.overlay.firstChild) === null || _a === void 0 ? void 0 : _a.remove();
-                this.overlay.classList.add('display-none');
-            },
-        });
-    }
-    checkHasContentHeader(e) {
-        const nodes = e.currentTarget.assignedNodes({
-            flatten: true,
-        });
-        this.hasContentHeader = (nodes === null || nodes === void 0 ? void 0 : nodes.length) !== 0;
-    }
-    render() {
-        return (hAsync(Host, { key: 'cd4530ccd67471918f05983f70d06502b24e3fee' }, hAsync("slot", { key: '249e6b7141958e055c0f74ecb85f5164544f8399', name: "menu" }), hAsync("div", { key: '6d540617fce0e51c5cc715d7f0476e3fa3dd9c8a', class: "map-nav" }, hAsync("div", { key: '7b58808ba2c2b6d338da6999644c1370118da61f', class: "map-nav-sidebar" }, hAsync("div", { key: 'be5403521cd41eb061a2810c89e2e977f81bdf76', class: "map-nav-header" }, hAsync("ix-application-header", { key: '40f2df3e6e2f6e6b83795087d84f3f0a9f9fe690', name: this.applicationName, class: "map-nav-header-brand" }, hAsync("slot", { key: '9e4fc605db3218d3b140b5ff66035cffb69f52b8', slot: "logo", name: "logo" }))), hAsync("div", { key: '7947098cca1b51e2182af7c85f75432f340a3413', class: "map-nav-sidebar-content" }, hAsync("div", { key: '4859a4e442219dbf432142367af6c8ce279b9c4a', class: "map-nav-sidebar-static-content" }, hAsync("div", { key: '261b790fd6a7dc08cd2a2bda92592899b98234e1', class: "map-nav-title" }, this.navigationTitle), this.hideContextMenu ? ('') : (hAsync("ix-icon-button", { icon: iconContextMenu, size: "24", variant: "subtle-primary", onClick: () => this.contextMenuClick.emit(), "aria-label": this.ariaLabelContextIconButton }))), hAsync("div", { key: '66a1dbff337ecd147c4a75440c37aadb05e2b097', class: "map-nav-sidebar-user-content" }, hAsync("slot", { key: '7f0738e40f4cbd2a274c0865cfc7ecc1f6da1c6b', name: "sidebar-content" })))), hAsync("div", { key: '80c8a85b44173445926f138b4e2e4f6b9c4c9f66', class: "content" }, hAsync("div", { key: 'a72f84f0ae6d08c1bb5f32a1ac31152c0d4c3e28', class: {
-                'map-nav-header-content': true,
-                'bg-2': true,
-                empty: !this.hasContentHeader,
-            } }, hAsync("slot", { key: '952dbef4fb11a338f1f85a15c2ea12a3176aa919', name: "content-header", onSlotchange: (e) => this.checkHasContentHeader(e) })), hAsync("main", { key: '2885fdf7b60e1be41fe3da55fb764a1c379f3ba0' }, hAsync("slot", { key: '45803ecc4ee0f875f3ef920b19704c797644ab13' }), hAsync("slot", { key: '9a2043fc69bfe0c672b49716593a9f6c22b26d43', name: "overlay" }))))));
-    }
-    get hostElement() { return getElement(this); }
-    static get style() { return mapNavigationCss; }
-    static get cmpMeta() { return {
-        "$flags$": 265,
-        "$tagName$": "ix-map-navigation",
-        "$members$": {
-            "applicationName": [1, "application-name"],
-            "navigationTitle": [1, "navigation-title"],
-            "hideContextMenu": [4, "hide-context-menu"],
-            "ariaLabelContextIconButton": [1, "aria-label-context-icon-button"],
-            "isSidebarOpen": [32],
-            "hasContentHeader": [32],
-            "toggleSidebar": [64],
-            "openOverlay": [64],
-            "closeOverlay": [64]
-        },
-        "$listeners$": undefined,
-        "$lazyBundleId$": "-",
-        "$attrsToReflect$": []
-    }; }
-}
-MapNavigation.defaultTime = 150;
-MapNavigation.slowTime = 500;
-
-const mapNavigationOverlayCss = ":host{position:absolute;width:100%;height:100%;z-index:2;top:0;left:0;background-color:var(--theme-overlay--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .overlay-header{display:flex;position:relative;justify-content:flex-start;align-items:center;height:3.5rem;background-color:var(--theme-overlay-header--background)}:host .overlay-header-content{display:flex;align-items:center;min-width:0}:host .overlay-header-content ix-icon{margin-inline-start:1rem;color:var(--theme-overlay-header--color)}:host .overlay-header-content .overlay-header-title{color:var(--theme-overlay-header--color);margin-inline-start:1rem;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .color-indicator{display:inline-block;position:relative;width:0.5rem;height:100%;background-color:var(--theme-color-neutral)}:host .overlay-close{margin-inline-start:auto;margin-inline-end:1rem}:host .display-none{display:none}:host(.display-none){display:none}";
-
-class MapNavigationOverlay {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.closeClick = createEvent(this, "closeClick", 7);
-    }
-    componentWillLoad() {
-        animate(this.hostElement, {
-            duration: MapNavigationOverlay.slowTime,
-            backdropFilter: [0, 'blur(1rem)'],
-            translateX: ['-4rem', 0],
-            opacity: [0, 1],
-            easing: 'easeOutSine',
-            onBegin: () => {
-                this.hostElement.classList.remove('display-none');
-            },
-        });
-    }
-    closeOverlay() {
-        animate(this.hostElement, {
-            duration: MapNavigationOverlay.slowTime,
-            backdropFilter: ['blur(1rem)', 0],
-            translateX: [0, '-4rem'],
-            opacity: [1, 0],
-            easing: 'easeInSine',
-            onComplete: () => {
-                this.closeClick.emit();
-                this.hostElement.classList.add('display-none');
-            },
-        });
-    }
-    render() {
-        var _a, _b, _c;
-        return (hAsync(Host, { key: '6657572bcdf76784a998d94580437fac0a5acaea' }, hAsync("div", { key: '7896d06f707e0daa2f5015c0c944d7181aa802ec', class: "overlay-header" }, hAsync("div", { key: '6e9bacb89cd2cc25ed6a2a7ebc4fc7f47c89a482', class: {
-                'color-indicator': true,
-                'display-none': ((_a = this.iconColor) !== null && _a !== void 0 ? _a : this.color) === undefined,
-            }, style: {
-                'background-color': ((_b = this.iconColor) !== null && _b !== void 0 ? _b : this.color)
-                    ? `var(--theme-${(_c = this.iconColor) !== null && _c !== void 0 ? _c : this.color})`
-                    : '',
-            } }), hAsync("div", { key: 'e5e55e11bd6c49664dc915fdca6e5dd86d268129', class: "overlay-header-content" }, hAsync("ix-icon", { key: '619b02633255eb1abc02142aa9f868404d2d9924', size: "32", name: this.icon, "aria-label": this.ariaLabelIcon }), hAsync("span", { key: '03bac9a4d9b4a7fdb24843e774031801240a2f0c', class: "overlay-header-title", title: this.name }, this.name)), hAsync("ix-icon-button", { key: '9589d08cae7a3311f5758da56f00fb5f0aa4124c', class: "overlay-close", variant: "tertiary", icon: iconClose, iconColor: "color-soft-text", size: "24", onClick: () => this.closeOverlay(), "aria-label": this.ariaLabelCloseIconButton })), hAsync("slot", { key: 'd963b56a4f6a894030a35f01b5972db989818715' })));
-    }
-    get hostElement() { return getElement(this); }
-    static get style() { return mapNavigationOverlayCss; }
-    static get cmpMeta() { return {
-        "$flags$": 265,
-        "$tagName$": "ix-map-navigation-overlay",
-        "$members$": {
-            "name": [1],
-            "icon": [1],
-            "ariaLabelIcon": [1, "aria-label-icon"],
-            "ariaLabelCloseIconButton": [1, "aria-label-close-icon-button"],
-            "color": [1],
-            "iconColor": [1, "icon-color"]
-        },
-        "$listeners$": undefined,
-        "$lazyBundleId$": "-",
-        "$attrsToReflect$": []
-    }; }
-}
-MapNavigationOverlay.slowTime = 500;
-
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
  *
@@ -25617,11 +25273,6 @@ class Menu {
         };
     }
     pinnedChange(newPinned) {
-        var _a;
-        if (((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.host) === 'map-navigation') {
-            console.warn('ix-map-navigation does not support pinning of the menu');
-            return;
-        }
         this.setPinned(this.pinned);
         if (newPinned) {
             applicationLayoutService.disableBreakpointDetection();
@@ -25720,14 +25371,9 @@ class Menu {
         menuController.setIsPinned(pinned);
     }
     onBreakpointChange(mode, initial = false) {
-        var _a;
         if (!this.applicationLayoutContext && mode === 'sm') {
             return;
         }
-        if (((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.host) === 'map-navigation') {
-            this.breakpoint = 'md';
-            return;
-        }
         if (!this.applicationLayoutContext) {
             return;
         }
@@ -25970,44 +25616,44 @@ class Menu {
     }
     render() {
         var _a, _b;
-        return (hAsync(Host, { key: '3cccf12b2f3221f6052a3bdc983c7f35ee8b6af8', class: {
+        return (hAsync(Host, { key: '7c30f31880d51956013f87fe21ea0abf4129f67b', class: {
                 expanded: this.expand,
                 [`breakpoint-${this.breakpoint}`]: true,
-            }, slot: "menu" }, hAsync("nav", { key: '148d5ae9d40d35b054c51c11d8853837b9a1f44a', class: {
+            }, slot: "menu" }, hAsync("nav", { key: 'ff157fa24a58cd522b33ac035d99086a8dfec7bc', class: {
                 menu: true,
                 expanded: this.expand,
-            } }, hAsync("div", { key: 'c9428afeac46b597e3268971d6e65d38b4b51c4e', class: "menu-buttons" }, this.breakpoint !== 'sm' && (hAsync("ix-menu-expand-icon", { key: '3860800122f52b878a097054cdf6190ac0e5c291', breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu(), "data-testid": "expand-collapse-menu" })), this.breakpoint === 'sm' &&
-            ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (hAsync("ix-icon-button", { key: '58ec78884e14b2a9728814af87eb816e0202b5f8', onClick: () => {
+            } }, hAsync("div", { key: 'a3935afe8ee867e934f1c778583d22d11f5cf957', class: "menu-buttons" }, this.breakpoint !== 'sm' && (hAsync("ix-menu-expand-icon", { key: '067059b37dc7e99ac05bdf3f96f4f417403e1915', breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu(), "data-testid": "expand-collapse-menu" })), this.breakpoint === 'sm' &&
+            ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (hAsync("ix-icon-button", { key: 'd9c3d29552e6e8adeba3c44c04a563da430ea9b8', onClick: () => {
                 this.showAppSwitch();
-            }, icon: iconApps, variant: "subtle-tertiary" }))), hAsync("div", { key: '4f8bdcec872baefee1470e455d38185ef9118a99', id: "menu-tabs", style: {
+            }, icon: iconApps, variant: "subtle-tertiary" }))), hAsync("div", { key: 'bf2a827004f7e2d337ba55fc288e7abe418ec6dd', id: "menu-tabs", style: {
                 display: 'contents',
-            }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: '86a65cfd875f29519859ff9d5c6b862f9691f3ba', class: "tabs-shadow-container" }, hAsync("div", { key: '67687bedfef00d9cd9210bc5d96a82551f0c76b3', class: {
+            }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: 'ee11e15bb3d0e4b6cd3263788aac1eba043dae99', class: "tabs-shadow-container" }, hAsync("div", { key: '0803887ba70d6558cf5e4a890e0eca39b49ff518', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-top': true,
                 'tabs--shadow--show': this.itemsScrollShadowTop,
-            } }), hAsync("div", { key: '9fe969f863c48cc1eb4898557e3cb2867cda21ef', class: {
+            } }), hAsync("div", { key: '7e43e530408b8a5408e2a0c00d4e89b695d0d871', class: {
                 tabs: true,
                 'show-scrollbar': this.expand,
-            }, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: 'a79fb68162eba16a76450edf3c871515b9472f47', class: "menu-avatar" }, hAsync("slot", { key: '0abbf3d21460eff778c71a192e2f53a2fd087210', name: "ix-menu-avatar" })), hAsync("slot", { key: '1b5f280b17b8509dbbaad50c2ef7ab8461274f3c', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (hAsync("slot", null)) : null), hAsync("div", { key: 'd207bdfa217cff20873656a4e3abd7bd11e38d89', class: {
+            }, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: 'e9f5421b30d3505a1a80ecdea28d78770a2f25fd', class: "menu-avatar" }, hAsync("slot", { key: 'c0d0ab2965a271540b41165eaf95fcd13072ae07', name: "ix-menu-avatar" })), hAsync("slot", { key: '3b427bbba570fc61bbe44f6138f338025b144725', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (hAsync("slot", null)) : null), hAsync("div", { key: 'c7bb85da2610aef008b75fe560af46aac221ffc5', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-bottom': true,
                 'tabs--shadow--show': this.itemsScrollShadowBottom,
-            } }))), hAsync("div", { key: 'f46f2a702b67bfca557f61fe7a73dbb0c9e20135', class: "bottom-tab-divider" }), this.settings ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
+            } }))), hAsync("div", { key: '80b67bd3408917c424661ff603b6b12a08b5c256', class: "bottom-tab-divider" }), this.settings ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
                 'internal-tab': true,
                 'bottom-tab': true,
                 active: this.showSettings,
-            }, icon: iconCogwheel, onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, this.enableToggleTheme ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: iconLightDark, label: this.i18nToggleTheme })) : null, hAsync("div", { key: 'a17dc08ca5da7a1ae0a4a16cf12e1fbaf70ba440', onClick: (e) => this.onMenuItemsClick(e) }, hAsync("slot", { key: '3ce20b44b83388cd2b712a390dfaab64d5b9d2f3', name: "bottom" })), hAsync("div", { key: '1bae61efbf251689660887609b81b30ed4aaa68f', id: "popover-area" }), this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}`, label: this.getCollapseText() })) : null, this.about ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
+            }, icon: iconCogwheel, onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, this.enableToggleTheme ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: iconLightDark, label: this.i18nToggleTheme })) : null, hAsync("div", { key: '93bc9bfe4c557cbfcc66eaac5cc21118578b050a', onClick: (e) => this.onMenuItemsClick(e) }, hAsync("slot", { key: '9910c841207e3a62b3699cc5e54843155557bb65', name: "bottom" })), hAsync("div", { key: 'f3bd210849640e293625b418f928eb12eb6bb8a5', id: "popover-area" }), this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}`, label: this.getCollapseText() })) : null, this.about ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
                 'internal-tab': true,
                 'bottom-tab': true,
                 active: this.showAbout,
-            }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null), hAsync("div", { key: '052a799e811beccbcf888d116d228e01b49a9767', class: {
+            }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null), hAsync("div", { key: '54785101f98f046af558820493555a3d4739ace3', class: {
                 'menu-overlay': true,
                 visible: this.isOverlayVisible(),
                 expanded: this.expand,
             }, onTransitionEnd: () => {
                 this.isTransitionDisabled = true;
                 this.checkTransition();
-            } }, hAsync("div", { key: '5a66febf87b30406e5df0131e06a444421a5cd56', class: 'menu-overlay-container' }, this.showSettings ? hAsync("slot", { name: "ix-menu-settings" }) : null), hAsync("div", { key: 'a73d40dc2a41997bb72c101b3b90d35b391bf8ca', class: 'menu-overlay-container' }, this.showAbout ? hAsync("slot", { name: "ix-menu-about" }) : null))));
+            } }, hAsync("div", { key: '740f1a98fe2bafb8da7d5457395dee136a5ce9ec', class: 'menu-overlay-container' }, this.showSettings ? hAsync("slot", { name: "ix-menu-settings" }) : null), hAsync("div", { key: '3e2f774925487e9da132a3d7b3633486bece3976', class: 'menu-overlay-container' }, this.showAbout ? hAsync("slot", { name: "ix-menu-about" }) : null))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -26228,7 +25874,7 @@ class MenuAboutItem {
         });
     }
     render() {
-        return (hAsync(Host, { key: '65b663ccd628378a95ce42a3e5244a232eff116f' }, hAsync("slot", { key: 'c3a34b0a229cb627038be98d9d82d13228a6ca11' })));
+        return (hAsync(Host, { key: '632b6d89ae686ca05423b4a6b224a2635caa836d' }, hAsync("slot", { key: '9c976c9b75de1cb742965cda40513e870f70fb9e' })));
     }
     static get watchers() { return {
         "label": ["watchLabel"]
@@ -26265,16 +25911,16 @@ class MenuAboutNews {
         this.expanded = false;
     }
     render() {
-        return (hAsync(Host, { key: 'f6796c5d93527d954d18748a60cdbbdab1370af2', class: {
+        return (hAsync(Host, { key: '9e3e3bfabc3e51bdbee57c13ad492f3d3447fbfe', class: {
                 expanded: this.expanded,
                 show: !this.show,
-            } }, hAsync("div", { key: '3ff7376bd993e2d8ed6f86ae75b5e594027db70a', class: "banner-container" }, hAsync("ix-icon", { key: '6fd35d106b65158700c2255005485e99ad4365a6', color: "color-inv-contrast-text", name: iconShout, size: "32" }), hAsync("svg", { key: '624dcf3a1c412c5480a5f5bd643c7c950c13f70e', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, hAsync("polygon", { key: 'eb0c8a2a6713b83f49be3f96bbf93f0a0d375b09', points: "0 0 48 0 48 56 24 48 0 56" }))), hAsync("div", { key: '4790036caabea78033ca2272f4f58faf1ab05991', class: "cui-popover-news-header" }, hAsync("ix-typography", { key: '4f5a8de94bdcc382e334b8ec6f7483773280ec49', format: "label", bold: true }, this.label)), hAsync("ix-icon-button", { key: '71f9249273af952e0a88a22284f24bbdd3e52760', size: "24", icon: iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
+            } }, hAsync("div", { key: '616682301e4308c9d3d53481a8fb7e266a9a4181', class: "banner-container" }, hAsync("ix-icon", { key: '5b795a4034d29997b1c285c9659acd8e70d5528d', color: "color-inv-contrast-text", name: iconShout, size: "32" }), hAsync("svg", { key: 'f0c5c49e71a9aa3c91d792dc33909d9c8bbd1818', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, hAsync("polygon", { key: 'e19557acebc98122003ceb160c3d07196dbdd8a8', points: "0 0 48 0 48 56 24 48 0 56" }))), hAsync("div", { key: '75559e792e5610eefae0be4722a9cc6656c9e2d8', class: "cui-popover-news-header" }, hAsync("ix-typography", { key: '2cf5eec66717e025a84d2e979297ad11ad5df324', format: "label", bold: true }, this.label)), hAsync("ix-icon-button", { key: 'f77cb50c4fb25171da08eeda5724557656e7d56c', size: "24", icon: iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
                 this.show = false;
                 this.closePopover.emit();
-            } }), hAsync("div", { key: 'daf74d24e1c84fb3acf796bb3a9f6e9117dd9496', class: "slot-container" }, hAsync("slot", { key: 'd9809a23c9d7635158b22d535f6b06da085992e8' })), this.aboutItemLabel ? (hAsync("div", { class: "cui-popover-news-footer" }, hAsync("ix-button", { variant: "primary", onClick: (e) => {
+            } }), hAsync("div", { key: '1298f46cb80728f5c2b55603ae6a912967e4590c', class: "slot-container" }, hAsync("slot", { key: 'fbe4e45ff94bd1f43864c2290e4b44f8ea3e8f72' })), this.aboutItemLabel ? (hAsync("div", { class: "cui-popover-news-footer" }, hAsync("ix-button", { variant: "primary", onClick: (e) => {
                 this.show = false;
                 this.showMore.emit(e);
-            } }, this.i18nShowMore))) : null, hAsync("div", { key: '994de1ee58d3c39baed52ce729e77379c6c58a55', id: "arrow" })));
+            } }, this.i18nShowMore))) : null, hAsync("div", { key: '5259871afe0e537a1378f60f13c3884a08bc4daa', id: "arrow" })));
     }
     static get style() { return menuAboutNewsCss; }
     static get cmpMeta() { return {
@@ -26322,9 +25968,9 @@ class MenuAvatar {
         this.showContextMenu = elements.length !== 0;
     }
     render() {
-        return (hAsync(Host, { key: 'a782ea05231fff5ebebe2fe12a2775f519f327cf', slot: "ix-menu-avatar" }, hAsync("button", { key: '044a34b7db89797213223719a17a1b061cb1bd73', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, hAsync("ix-avatar", { key: 'cb1330bf41ca940bb3bde9025cbb1ea4871d2252', image: this.image, initials: this.initials }), hAsync("div", { key: 'ed6465daf36db4b60d3aceefbf6408677173a3f0', class: "avatar-name" }, hAsync("span", { key: '571392ee4ae8b60dd252ab92397d31784e4e3a5c', class: "text-default-single", title: this.top }, this.top), hAsync("span", { key: '52f9870036a925195723682aab11b103515f2c9d', class: "text-default-single", title: this.bottom }, this.bottom))), hAsync("ix-dropdown", { key: '09e4dd18be61500b17a6315792fb1ba334a5435c', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && this.hideLogoutButton, offset: {
+        return (hAsync(Host, { key: '342ba4b67b3532da978048158cf9b9abfbc7e33d', slot: "ix-menu-avatar" }, hAsync("button", { key: '68924d460574cde4c655a1f95e3c6ed5bc415c44', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, hAsync("ix-avatar", { key: '2170181905320f58961a70ab8cb5b25d1c439393', image: this.image, initials: this.initials }), hAsync("div", { key: 'c9f0275dec453f57756d3faefe9988c71d3b54b6', class: "avatar-name" }, hAsync("span", { key: '56536ddb8d6b591433ad6bd88d82691de91b81ad', class: "text-default-single", title: this.top }, this.top), hAsync("span", { key: 'a9b5bbed878e3a0282f770b97bb691f360035416', class: "text-default-single", title: this.bottom }, this.bottom))), hAsync("ix-dropdown", { key: '9974a1b413104016d5366f72103f3712e93813a4', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && this.hideLogoutButton, offset: {
                 mainAxis: 16,
-            } }, hAsync("slot", { key: '95885a59468c02dc83b81e47598224761b65f337', onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && (hAsync("ix-menu-avatar-item", { key: 'f79cf9960e1de2ee4b03d797d5da4ec8ae53af9b', label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
+            } }, hAsync("slot", { key: 'b642dd168efdf7f4659c3a0e5d032fccb93df9a5', onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && (hAsync("ix-menu-avatar-item", { key: '4b7e853e0522208bebd10535885731af9dc4d3f6', label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
                 this.logoutClick.emit(e);
             } })))));
     }
@@ -26361,7 +26007,7 @@ class MenuAvatarItem {
         return this.dropdownItemRef.waitForCurrent();
     }
     render() {
-        return (hAsync("ix-dropdown-item", { key: '7b30f261d40a584c089d70f40d0f4b853ec5219f', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
+        return (hAsync("ix-dropdown-item", { key: 'ce5740229422012fdbda56f2710f96e869142f6e', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
     }
     get hostElement() { return getElement(this); }
     static get style() { return menuAvatarItemCss; }
@@ -26554,7 +26200,7 @@ class MenuCategory {
         }
     }
     render() {
-        return (hAsync(Host, { key: '3ab492c20cd7c41d300db0c3c4ad2cf5a6d51090', class: {
+        return (hAsync(Host, { key: '40ae8539715815c94e99313fad8694e4115e5482', class: {
                 expanded: this.showItems,
             }, onPointerEnter: () => {
                 this.enterLeaveDebounce.onEnter();
@@ -26563,14 +26209,14 @@ class MenuCategory {
                     return;
                 }
                 this.enterLeaveDebounce.onLeave();
-            } }, hAsync("ix-menu-item", { key: 'a59b7d4c9a1360f10c3555d57ece5e8ca439f711', class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), tooltipText: this.tooltipText, isCategory: true }, hAsync("div", { key: 'e7fb335217c858737e99a1c1df4959b1d15d1867', class: "category" }, hAsync("div", { key: '6700c5e1926a1fa908f323e2bfd059ef7abc3d9d', class: "category-text" }, this.label), hAsync("ix-icon", { key: '576a5b8a6ed3a7944a33d813bd254deaa8175438', name: iconChevronDownSmall, class: {
+            } }, hAsync("ix-menu-item", { key: '60b77e0aae87b55e7934cbd0fccb18cab83772bb', class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), tooltipText: this.tooltipText, isCategory: true }, hAsync("div", { key: 'f87df62dd73af5968c4d62b657d0a0538e10ade3', class: "category" }, hAsync("div", { key: '855411c78407fa712fddb8c177801db4c3c9780a', class: "category-text" }, this.label), hAsync("ix-icon", { key: 'e94bbb4ad9f4fc5612daa12e8812d26ff6ecea70', name: iconChevronDownSmall, class: {
                 'category-chevron': true,
                 'category-chevron--open': this.showItems,
-            } }))), hAsync("div", { key: '2898f39c1f4665a5cb684f875d7881558434cf80', ref: (ref) => (this.menuItemsContainer = ref), class: {
+            } }))), hAsync("div", { key: '9725f1a5f5f7aa7e1835d054ec8155644c5516e8', ref: (ref) => (this.menuItemsContainer = ref), class: {
                 'menu-items': true,
                 'menu-items--expanded': this.showItems,
                 'menu-items--collapsed': !this.showItems,
-            } }, this.showItems ? hAsync("slot", null) : null), hAsync("ix-dropdown", { key: '6e93539319261b3bd5c53cf80c75ddf4ff240376', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
+            } }, this.showItems ? hAsync("slot", null) : null), hAsync("ix-dropdown", { key: '69fd00ce9dd45b99069a891318008e25b214a218', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
                 this.showDropdown = dropdownShown;
             }, class: 'category-dropdown', anchor: this.hostElement, placement: "right-start", offset: {
                 mainAxis: 3,
@@ -26583,7 +26229,7 @@ class MenuCategory {
                         e.preventDefault();
                     }
                 }
-            } }, hAsync("ix-dropdown-item", { key: 'aeb52967293d03a82de20c59b448d7f13cd03639', class: 'category-dropdown-header' }, hAsync("ix-typography", { key: '19ccac9959ec874b240989a2c43f7c03ed70d9b9', format: "label", bold: true, textColor: "std" }, this.label)), hAsync("ix-divider", { key: '1d113cd249baee291d9e25d47ed1eaecec56a7a7' }), hAsync("slot", { key: '7a21ba6c7a35fef4391bb57fa27cad853edd729a' }))));
+            } }, hAsync("ix-dropdown-item", { key: '101355b915d54d5e7a309c26aa9480191db1fb3e', class: 'category-dropdown-header' }, hAsync("ix-typography", { key: '301de701167a6e09a741d2cdc7ed9c8555242a59', format: "label", bold: true, textColor: "std" }, this.label)), hAsync("ix-divider", { key: '5cdcca1d2025554f5d11ea8f6d819b4c7a2d7ff2' }), hAsync("slot", { key: 'a69dc8bdb237da234ab39cb251fda9cbd33da35d' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return menuCategoryCss; }
@@ -26640,7 +26286,7 @@ class MenuExpandIcon {
         return this.getSmallScreenIcon();
     }
     render() {
-        return (hAsync(Host, { key: '55bb276dfb9ec7960d0e81c1885f022790ef2967', class: {
+        return (hAsync(Host, { key: 'c39c90a459dee53b29d4ccd8de683d35dc4abd22', class: {
                 expanded: this.expanded,
             }, type: "button", "aria-label": this.ixAriaLabel, "aria-pressed": a11yBoolean(this.expanded) }, this.getMenuIcon()));
     }
@@ -26760,11 +26406,11 @@ class MenuItem {
             tabIndex: this.disabled ? -1 : 0,
         };
         const menuContent = [
-            this.icon && hAsync("ix-icon", { key: '010ccc4efd7284bfc7654ab6f9b29783129f17ff', class: 'tab-icon', name: this.icon }),
+            this.icon && hAsync("ix-icon", { key: '2c1c698aadcb3dd8090c067c3dd746e8a9baaf93', class: 'tab-icon', name: this.icon }),
             this.notifications ? (hAsync("div", { class: "notification" }, hAsync("div", { class: "pill" }, this.notifications))) : null,
-            hAsync("span", { key: '247db957f1317fe528db4a863736cc7bf974fbcc', id: this.internalItemId, class: "tab-text text-default" }, this.label, hAsync("slot", { key: 'dbe0bcf50882232b686e322af346ea8edb0007bf' })),
+            hAsync("span", { key: 'c02f479113a2c1914df317d21561b657acf6af92', id: this.internalItemId, class: "tab-text text-default" }, this.label, hAsync("slot", { key: '33f38c81be26d10edc993efd1a7434e04678e2c1' })),
         ];
-        return (hAsync(Host, Object.assign({ key: '1877e4728bfea90d5084715ce7d30d59c027cb60', class: {
+        return (hAsync(Host, Object.assign({ key: '58699b09d27cd2caa4d688378e1bd274b9467ee7', class: {
                 disabled: this.disabled,
                 'home-tab': this.home,
                 'bottom-tab': this.bottom,
@@ -26775,7 +26421,7 @@ class MenuItem {
                     e.preventDefault();
                     e.stopPropagation();
                 }
-            } }), menuContent)) : (hAsync("button", Object.assign({}, commonAttributes, { ref: this.buttonRef }), menuContent)), hAsync("ix-tooltip", { key: 'c19646a81a5a2fed7b89eb95caf661125da9f7be', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000, interactive: false, "aria-hidden": a11yBoolean(this.ariaHiddenTooltip), "aria-labelledby": this.internalItemId }, this.tooltip)));
+            } }), menuContent)) : (hAsync("button", Object.assign({}, commonAttributes, { ref: this.buttonRef }), menuContent)), hAsync("ix-tooltip", { key: 'f7d1c226c4cde303427a1b38c85bdf93693807b4', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000, interactive: false, "aria-hidden": a11yBoolean(this.ariaHiddenTooltip), "aria-labelledby": this.internalItemId }, this.tooltip)));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -26823,7 +26469,7 @@ class MenuSettingsItem {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'd71ea99d2f7194c876c18e702b0a1d20d84f7a35' }, hAsync("slot", { key: '4906a29d17beb90749df4981daca1ae37c8b8c9b' })));
+        return (hAsync(Host, { key: '82d134ab9cdb58a29c6fd02a165a9925a9a55912' }, hAsync("slot", { key: 'dfb95edb5325b70072cc422a48c78f8a50a9b589' })));
     }
     static get watchers() { return {
         "label": ["watchLabel"]
@@ -26879,7 +26525,7 @@ class MessageBar {
         }
     }
     render() {
-        return (hAsync(Host, { key: '5731cfe741529527f943834f721d426108cd5ded' }, hAsync("div", { key: 'b9b6293938b30cad8afe65bd021d095f73a7153b', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, hAsync("ix-icon", { key: '207487fae744ef55d405931a7546761259391fd0', color: this.color, name: this.icon }), hAsync("div", { key: '9b610a5141af0164fbc34b82c4296d2353494b60', class: "message-content" }, hAsync("slot", { key: '5ebf82ba3aaff680db743060a6b3785d3a20f953' })), !this.persistent && (hAsync("ix-icon-button", { key: '7049b2d51ca9efb6c67fc376a0c9ba6369d30784', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => {
+        return (hAsync(Host, { key: '22bbc355ba3fca3209fab0491ae186f59bb64b02' }, hAsync("div", { key: 'a84b47392ddfd8a8b0863ce99aa17985fbf39b4d', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, hAsync("ix-icon", { key: '6528c7bd5a8b484858c97ca0e072704dcf37ad1c', color: this.color, name: this.icon }), hAsync("div", { key: '07eed52e33baa107ebdebb10ef478d775901faf3', class: "message-content" }, hAsync("slot", { key: 'cd5981304f6998d55edc38fa3fb0c67e139b8278' })), !this.persistent && (hAsync("ix-icon-button", { key: 'ac6a235e1080bbb942c102f7c0e5c04672176557', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => {
                 if (this.divElement) {
                     this.closeAlert(this.divElement);
                 }
@@ -27095,17 +26741,17 @@ class Modal {
         this.ariaAttributes = a11yHostAttributes(this.hostElement);
     }
     render() {
-        return (hAsync(Host, { key: 'c3f543b51f3434893a1c924ccaf7a7d877977e89', class: {
+        return (hAsync(Host, { key: '192ded80682348ff755d91a613faaca1a8b0753f', class: {
                 visible: this.modalVisible,
                 'no-backdrop': this.hideBackdrop,
                 'align-center': this.centered,
-            } }, hAsync("div", { key: '71dbff3ad3302924535ad5262185f9ffe7efd540', class: "dialog-backdrop" }, hAsync("dialog", { key: 'a266f8cc91840e2923ae18284eb244f132f38bb2', "aria-modal": a11yBoolean(true), "aria-describedby": this.ariaAttributes['aria-describedby'], "aria-labelledby": this.ariaAttributes['aria-labelledby'], class: {
+            } }, hAsync("div", { key: '709679987ecf4e1b1e03374c7c9373332fe01a74', class: "dialog-backdrop" }, hAsync("dialog", { key: '10222a2e51235c3be195eb6b2e7d2ad2e1d887f9', "aria-modal": a11yBoolean(true), "aria-describedby": this.ariaAttributes['aria-describedby'], "aria-labelledby": this.ariaAttributes['aria-labelledby'], class: {
                 modal: true,
                 [`modal-size-${this.size}`]: true,
             }, onClose: () => this.dismissModal(), onMouseDown: (event) => this.onMouseDown(event), onMouseUp: (event) => this.onMouseUp(event), onCancel: (e) => {
                 e.preventDefault();
                 this.dismissModal();
-            } }, hAsync("slot", { key: 'd71f435060761f058ce2ceb47c94d2a9d5bc9678' })))));
+            } }, hAsync("slot", { key: 'a9c321d71d3e08d581bb2e6ad9e3d377663a2c52' })))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return modalCss; }
@@ -27141,7 +26787,7 @@ class ModalContent {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '3f9198f84a9686d2aaf532f85af567aa2b6c821c' }, hAsync("slot", { key: 'a0fc648541f56d4a7142bb91e55dfc7757b21746' })));
+        return (hAsync(Host, { key: '91592e2a2681326a99cafd1709581a29ecf48d61' }, hAsync("slot", { key: '259ab95ce19cafdc7dbbe67c362e424590fe02c8' })));
     }
     static get style() { return modalContentCss; }
     static get cmpMeta() { return {
@@ -27161,7 +26807,7 @@ class ModalFooter {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '26999141bb2fc468074ec5d05a43feaf6cbb4e78' }, hAsync("slot", { key: '48c1f1b8d51af57f6bef965d582f2ff898140b9c' })));
+        return (hAsync(Host, { key: 'bab5a43ac92a13caca46d241091c27c773990aba' }, hAsync("slot", { key: 'fefe386636d486a7e1d4b35a23eafe0d04b7270c' })));
     }
     static get style() { return modalFooterCss; }
     static get cmpMeta() { return {
@@ -27207,7 +26853,7 @@ class ModalHeader {
         this.parentDialog.dismissModal();
     }
     render() {
-        return (hAsync(Host, { key: '0ebfd37e83735c49aa640de880af719c278bf8dc' }, this.icon ? (hAsync("ix-icon", { name: this.icon, color: this.iconColor, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("div", { key: 'b8ccaf5afb50229756ad024f8932aca9e106bf35', class: "modal-title" }, hAsync("ix-typography", { key: 'edf640b077acc1feb0ce7e3d661ba84fbffde3f0', format: "h5" }, hAsync("slot", { key: '10da72cd839364e2fe81049de9d411a4cbea6e72' }))), !this.hideClose ? (hAsync("ix-icon-button", { class: "modal-close", onClick: (event) => this.onCloseClick(event), variant: "tertiary", icon: iconClose, iconColor: "color-soft-text", "aria-label": this.ariaLabelCloseIconButton })) : null));
+        return (hAsync(Host, { key: 'b41da77283ecc896aa62fced50290fe487526fbd' }, this.icon ? (hAsync("ix-icon", { name: this.icon, color: this.iconColor, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("div", { key: 'c084a12acb4d137a55e45b0f98e662d181b1901e', class: "modal-title" }, hAsync("ix-typography", { key: '9e82bdb91af4273454254d3c2fc03803d787dde1', format: "h5" }, hAsync("slot", { key: '209d60c82e6b12c28d95eb538e8f4499becfeb8e' }))), !this.hideClose ? (hAsync("ix-icon-button", { class: "modal-close", onClick: (event) => this.onCloseClick(event), variant: "tertiary", icon: iconClose, iconColor: "color-soft-text", "aria-label": this.ariaLabelCloseIconButton })) : null));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -27240,7 +26886,7 @@ class ModalLoading {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'e6a5ed6cf016a30bd76692c5dcc96924cdfebc6d' }, hAsync("ix-spinner", { key: '0979352c75c22f1a97fbad587b2f6648c5fbd867', variant: "primary" }), hAsync("span", { key: '9cc99953a981540e8e2dc9806fd7e481199e1b54', class: 'loading-text' }, hAsync("slot", { key: '89cc3a8cd66fcff80b72fe2d8ed80cb272cf3201' }))));
+        return (hAsync(Host, { key: 'dac65dc36124b038728e843240d126432d85e987' }, hAsync("ix-spinner", { key: '639371732304b733f79cf8498e46442ff6a442df', variant: "primary" }), hAsync("span", { key: 'a9bf046b8c00552a4135cc5046789027abd1803e', class: 'loading-text' }, hAsync("slot", { key: '362185ef3806ddb57c90f6fdf776cb3563baf903' }))));
     }
     static get style() { return modalLoadingCss; }
     static get cmpMeta() { return {
@@ -27373,19 +27019,19 @@ class NumberInput {
     }
     render() {
         const showStepperButtons = this.showStepperButtons && (this.disabled || this.readonly) === false;
-        return (hAsync(Host, { key: '8504c7c73fc9b962d3d1bb53f80515876579a799', class: {
+        return (hAsync(Host, { key: 'c42e57d87186db97d228a3c80fa487c3e2bbe5d0', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: '5f833ae1f6e134b0056cceda27cce2491bfa5a04', id: this.numberInputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: '18d4fdfcb87f46340fd7f0c08587c8353122275f', class: {
+            } }, hAsync("ix-field-wrapper", { key: '2180bbdb30f50945159b742399297ce011729cf7', id: this.numberInputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: '905329aff61d43248e3ee53cb900e5d611b74999', class: {
                 'input-wrapper': true,
                 'show-stepper-buttons': !!this.showStepperButtons,
-            } }, hAsync(SlotStart, { key: '702b6335f92a587932de72d085487e21932897f9', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: '385e81700361f81a6ee4f4999a673acc452decf9', id: this.numberInputId, readonly: this.readonly, disabled: this.disabled, step: this.step, min: this.min, max: this.max, pattern: this.pattern, type: 'number', isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(Number(value)), updateFormInternalValue: (value) => this.updateFormInternalValue(Number(value)), onBlur: () => {
+            } }, hAsync(SlotStart, { key: '9acae4279a3d0b81e1e863e25875176e5e73cabf', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: 'e9e3bdebcd1165efdcb0359a6cd9fd90ecb5d4ef', id: this.numberInputId, readonly: this.readonly, disabled: this.disabled, step: this.step, min: this.min, max: this.max, pattern: this.pattern, type: 'number', isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(Number(value)), updateFormInternalValue: (value) => this.updateFormInternalValue(Number(value)), onBlur: () => {
                 onInputBlur(this, this.inputRef.current);
                 this.touched = true;
-            } }), hAsync(SlotEnd, { key: '346796a1af3fde17d66cc573457d63f3193f6420', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("div", { key: 'd4369359ea685b7ef974b3ff941652a496874207', class: {
+            } }), hAsync(SlotEnd, { key: 'f9e41241aaff4d70ea46315fd39a908cdfe14e11', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("div", { key: '36507af1b806bd2fc6e4cc1d4d34de9fe8dd8ba0', class: {
                 'number-stepper-container': true,
                 'container-hidden': !showStepperButtons,
-            } }, hAsync("ix-icon-button", { key: '0e9729ec618851639232d0d50822a89dfe899e06', variant: "subtle-tertiary", icon: iconMinus, size: "16", class: "number-stepper-button step-minus", "aria-label": "decrement number", onClick: () => {
+            } }, hAsync("ix-icon-button", { key: '0bef82df236486f49f71da016edb67e7edbd4775', variant: "subtle-tertiary", icon: iconMinus, size: "16", class: "number-stepper-button step-minus", "aria-label": "decrement number", onClick: () => {
                 if (!this.inputRef.current) {
                     return;
                 }
@@ -27393,7 +27039,7 @@ class NumberInput {
                 checkInternalValidity(this, this.inputRef.current);
                 this.updateFormInternalValue(Number(this.inputRef.current.value));
                 this.valueChange.emit(this.value);
-            } }), hAsync("ix-icon-button", { key: '9799ab98f29a44549fcf233ea0b0ca3189704c76', variant: "subtle-tertiary", icon: iconPlus, size: "16", class: "number-stepper-button step-plus", "aria-label": "increment number", onClick: () => {
+            } }), hAsync("ix-icon-button", { key: '34f4f8b3dc4e90ec9ada96f15280b39320ed5fb9', variant: "subtle-tertiary", icon: iconPlus, size: "16", class: "number-stepper-button step-plus", "aria-label": "increment number", onClick: () => {
                 if (!this.inputRef.current) {
                     return;
                 }
@@ -27590,16 +27236,16 @@ class Pagination {
         return hAsync("span", { class: "page-buttons" }, pageButtons);
     }
     render() {
-        return (hAsync(Host, { key: '40b3ace6995e3344df7ea8fe9a4b076603136395' }, hAsync("ix-icon-button", { key: '22efb16a1553b9f935fa3af8fa5790f0bf5e9214', disabled: !this.count || this.selectedPage === 0, variant: "subtle-tertiary", icon: iconChevronLeftSmall, onClick: () => this.decrease(), "aria-label": this.ariaLabelChevronLeftIconButton }), this.advanced ? (hAsync("div", { class: "advanced-pagination" }, hAsync("ix-typography", { format: "body" }, this.i18nPage), hAsync("input", { class: "ix-form-control page-selection", type: "number", min: "1", max: this.count, value: this.selectedPage + 1, onChange: (event) => {
+        return (hAsync(Host, { key: '2c7cf6773c09f4ed7f85c0d07dfce5c8f8abadd0' }, hAsync("ix-icon-button", { key: 'fa94337bce13357dc51b6ffc14884447895daecc', disabled: !this.count || this.selectedPage === 0, variant: "subtle-tertiary", icon: iconChevronLeftSmall, onClick: () => this.decrease(), "aria-label": this.ariaLabelChevronLeftIconButton }), this.advanced ? (hAsync("div", { class: "advanced-pagination" }, hAsync("ix-typography", { format: "body" }, this.i18nPage), hAsync("input", { class: "ix-form-control page-selection", type: "number", min: "1", max: this.count, value: this.selectedPage + 1, onChange: (event) => {
                 const eventTarget = event.target;
                 if (eventTarget) {
                     const index = Number.parseInt(eventTarget.value);
                     this.selectPage(index - 1);
                 }
-            } }), hAsync("span", { class: "total-count" }, hAsync("ix-typography", { format: "body" }, this.i18nOf, " ", this.count)))) : (hAsync("span", { class: "basic-pagination" }, this.renderPageButtons(), " ")), hAsync("ix-icon-button", { key: '23dfbc2e249990b489229c7adda1a423408a5167', disabled: !this.count || this.selectedPage === this.count - 1, variant: "subtle-tertiary", icon: iconChevronRightSmall, onClick: () => this.increase(), "aria-label": this.ariaLabelChevronRightIconButton }), this.advanced && !this.hideItemCount && (hAsync("span", { key: '21fa9891cb8ce7605c0727cc84d5223164be4c61', class: "item-count" }, hAsync("ix-typography", { key: '1ff68ae57bb5aa4e513eb1c3e24b7a46043a3cd0', format: "body" }, this.i18nItems), hAsync("ix-select", { key: 'bb1ac2d152988e0fcf7083781e93dbaa3e6c1703', hideListHeader: true, i18nPlaceholder: "", i18nSelectListHeader: "", value: `${this.itemCount}`, onValueChange: (e) => {
+            } }), hAsync("span", { class: "total-count" }, hAsync("ix-typography", { format: "body" }, this.i18nOf, " ", this.count)))) : (hAsync("span", { class: "basic-pagination" }, this.renderPageButtons(), " ")), hAsync("ix-icon-button", { key: '77a5917b2cec4f71952ec522834edac7213893ba', disabled: !this.count || this.selectedPage === this.count - 1, variant: "subtle-tertiary", icon: iconChevronRightSmall, onClick: () => this.increase(), "aria-label": this.ariaLabelChevronRightIconButton }), this.advanced && !this.hideItemCount && (hAsync("span", { key: '283586cbc24ad946540a73d024d0d3be18fa2e21', class: "item-count" }, hAsync("ix-typography", { key: '1ca7612509d637879483c0787dd7ef7590b6d36e', format: "body" }, this.i18nItems), hAsync("ix-select", { key: '469e944c28e94e22faa6da6025da12285efddea7', hideListHeader: true, i18nPlaceholder: "", i18nSelectListHeader: "", value: `${this.itemCount}`, onValueChange: (e) => {
                 const count = Number.parseInt(Array.isArray(e.detail) ? e.detail[0] : e.detail);
                 this.itemCountChanged.emit(count);
-            } }, hAsync("ix-select-item", { key: '5fb9c14e5b30116ad1fb05478637a1f65ca9a9fc', label: "10", value: "10" }), hAsync("ix-select-item", { key: '8cbea9c38bedf9382530315274f93702e3f6be2a', label: "15", value: "15" }), hAsync("ix-select-item", { key: '7095c60775ea46a7312b8f2a5fd14ee084cadeeb', label: "20", value: "20" }), hAsync("ix-select-item", { key: 'a4716aa6a22414e705d91665cabda72646823a9e', label: "40", value: "40" }), hAsync("ix-select-item", { key: 'd9077eabd7ca25171699a41425358b20063c4399', label: "100", value: "100" }))))));
+            } }, hAsync("ix-select-item", { key: '5c23fd3dd7da1c65ba31a198abf68616a8161a44', label: "10", value: "10" }), hAsync("ix-select-item", { key: 'a24cc4f514952624905d3c5aacd5fec560daed28', label: "15", value: "15" }), hAsync("ix-select-item", { key: '45f988ed103de8396471f34317b7247332db6672', label: "20", value: "20" }), hAsync("ix-select-item", { key: '424633f91ccc77266c328d8d676212c1081ffaa0', label: "40", value: "40" }), hAsync("ix-select-item", { key: 'b9642e96090015457502d8544b0196ae5f1956db', label: "100", value: "100" }))))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return paginationCss; }
@@ -28073,7 +27719,7 @@ class Pane {
     }
     render() {
         const rotate = !this.expanded && !this.isMobile && this.isLeftRightPane;
-        return (hAsync(Host, { key: 'dd8c6d4cd68bbc2dce4938a97a0499316acda9f3', class: {
+        return (hAsync(Host, { key: 'd90ef7a63b141b3af9c9f04aba41cf8ef13c448a', class: {
                 'floating-pane': this.floating,
                 'inline-pane': !this.floating,
                 'mobile-overlay': this.expanded && this.isMobile,
@@ -28097,28 +27743,28 @@ class Pane {
                     !this.expanded &&
                     !this.floating,
                 'not-visible': this.hideOnCollapse && !this.expanded,
-            }, "aria-expanded": a11yBoolean(this.expanded) }, hAsync("aside", { key: '9c1e0a51dd112be47cd6ac72a56da3c8f8c7402e', id: `pane-${this.composition}`, class: {
+            }, "aria-expanded": a11yBoolean(this.expanded) }, hAsync("aside", { key: '02cb43bcca7a7d6acf5d341f9a4e7ee5739f72c1', id: `pane-${this.composition}`, class: {
                 'top-bottom-pane': this.isBottomTopPane && !this.isMobile,
                 'left-right-pane': this.isLeftRightPane && !this.isMobile,
                 'mobile-pane': this.isMobile,
                 expanded: this.expanded,
-            } }, hAsync("div", { key: 'e6c9183e30405b36ef67d76d812288573e75112b', id: "title-div", class: {
+            } }, hAsync("div", { key: 'be05dfaf0f1080ad0bcdbd41ea01ac151b2aeb86', id: "title-div", class: {
                 title: !this.isMobile && !this.hideOnCollapse && !this.showContent,
                 'title-finished': !this.isMobile && !this.hideOnCollapse && this.showContent,
                 'title-expanded': !this.isMobile && !this.hideOnCollapse && this.expanded,
                 'title-hide-on-collapse': !this.isMobile && this.hideOnCollapse,
                 'title-mobile': this.isMobile,
                 'header-gap': !this.isMobile && !this.hideOnCollapse,
-            } }, hAsync("ix-icon-button", { key: 'b1b5b89d42572b9499866c3a59a22a4dfac97707', class: "title-icon", size: "24", icon: this.expanded
+            } }, hAsync("ix-icon-button", { key: '767886aea1428fdc4c10875de8eb0dd3750b5cdf', class: "title-icon", size: "24", icon: this.expanded
                 ? this.isMobile || this.hideOnCollapse
                     ? iconClose
                     : this.expandIcon
                 : this.minimizeIcon, iconColor: this.expanded && (this.isMobile || this.hideOnCollapse)
                 ? 'color-soft-text'
-                : undefined, variant: "subtle-tertiary", onClick: () => this.dispatchExpandedChangedEvent(), "aria-controls": `pane-${this.composition}`, "aria-label": this.ariaLabelCollapseCloseButton }), hAsync("div", { key: 'e908c4100d070c35be2c1f16e1c7b5e2f7bbfa42', class: {
+                : undefined, variant: "subtle-tertiary", onClick: () => this.dispatchExpandedChangedEvent(), "aria-controls": `pane-${this.composition}`, "aria-label": this.ariaLabelCollapseCloseButton }), hAsync("div", { key: '5fd6b9619ce193b891fd98a9bee39aad31f3747d', class: {
                 'title-text': true,
                 rotate: rotate,
-            } }, this.icon && (hAsync("ix-icon", { key: 'c38702ea2028987bdd185bde0e846f6e77e02cce', class: "pane-icon", size: "24", name: this.icon, "aria-label": this.ariaLabelIcon })), hAsync("div", { key: '59c00c7861e7cc4606fa7ace7bda410a66a9a13d', class: "title-text-overflow" }, hAsync("ix-typography", { key: '5008f70a17ef9a8792cedb12bea3517775e87b99', format: "h4" }, this.heading)), this.expanded && (hAsync("div", { key: '2810168de3fc7383d0fa4b0a3d8b1ee3d99f2d80', class: "slot-header" }, hAsync("slot", { key: '64e6644c2ee29a40d4b6343a03d00140518fb9d3', name: "header" }))))), hAsync("div", { key: '9ee1b00114877447c0457a3a77d92c5176c25195', class: "side-pane-content", hidden: !this.showContent }, hAsync("slot", { key: '439ee1eb5b4f7506d758577bd56d6f506f786c32' })))));
+            } }, this.icon && (hAsync("ix-icon", { key: '38d9ad10b7d61868aa94b9b02ca3f74063e1f6e8', class: "pane-icon", size: "24", name: this.icon, "aria-label": this.ariaLabelIcon })), hAsync("div", { key: '4b69e18d0297c51b814531353192a2199477ca29', class: "title-text-overflow" }, hAsync("ix-typography", { key: 'fe5a51d0b8189484c85c7e373e4144aacdda2605', format: "h4" }, this.heading)), this.expanded && (hAsync("div", { key: '39edc85909cabbbc8103d6a322c0385ae9d495b5', class: "slot-header" }, hAsync("slot", { key: '886bd5bc2aad66c103698cf38259072ca524563a', name: "header" }))))), hAsync("div", { key: 'e4bdfa446878efd622c8d1c10ad53f94caf0da9d', class: "side-pane-content", hidden: !this.showContent }, hAsync("slot", { key: '967fed090b6ab347a2140815dd93a29dee023b54' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -28394,7 +28040,7 @@ class Panes {
         return pane ? pane.floating : false;
     }
     render() {
-        return (hAsync(Host, { key: '03ea4309957e61df58b3d8bc01bad3f4a069e825' }, !this.isMobile ? (this.layout == 'full-vertical' ? (hAsync("div", { class: "side-panes-wrapper" }, hAsync("div", { class: {
+        return (hAsync(Host, { key: '8750c0c2d53cce0c8996dc28e8ed328d0036142e' }, !this.isMobile ? (this.layout == 'full-vertical' ? (hAsync("div", { class: "side-panes-wrapper" }, hAsync("div", { class: {
                 row: true,
                 'padding-left': this.hasPadding('left'),
                 'padding-right': this.hasPadding('right'),
@@ -28501,13 +28147,13 @@ class Pill {
                 [this.outline ? 'borderColor' : 'backgroundColor']: this.background,
             };
         }
-        return (hAsync(Host, { key: '2a7697576ed5ec91672c45f54dd4c5ffeb3c0763', style: this.variant === 'custom'
+        return (hAsync(Host, { key: '95aefc19a906deedb01249939024ad937f82f212', style: this.variant === 'custom'
                 ? {
                     '--ix-icon-button-color': this.pillColor,
                 }
                 : {}, class: {
                 'align-left': this.alignLeft,
-            } }, hAsync("div", { key: 'ee9bc939ac718fe45d6d3a1d3974f98f3dac3881', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
+            } }, hAsync("div", { key: '2e056a3b7a048b087ea1cd7cfbfed90a899cb5b1', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
                 container: true,
                 outline: this.outline,
                 inactive: false,
@@ -28522,9 +28168,9 @@ class Pill {
                 closable: false,
                 icon: !!this.icon,
                 'with-gap': !this.iconOnly,
-            } }, this.icon && (hAsync("ix-icon", { key: '34a581e8e9994088b52deda084131c595485a522', class: {
+            } }, this.icon && (hAsync("ix-icon", { key: '7ad101403100e938791c5f6c8c1ea5df7bc9097f', class: {
                 'with-icon': true,
-            }, name: this.icon, size: '16', "aria-label": this.ariaLabelIcon })), hAsync("span", { key: 'abd12c31ed933190c5cd40b131cfab9e9318350d', class: "slot-container" }, hAsync("slot", { key: 'ace912aa428b071a562286bb692ac82b98d57201', onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip()));
+            }, name: this.icon, size: '16', "aria-label": this.ariaLabelIcon })), hAsync("span", { key: '5a7fafab5c670fb778febc21477eefe42475aea3', class: "slot-container" }, hAsync("slot", { key: '595de03aae3978e6b40674adf16ffb3b47db1e6d', onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip()));
     }
     get hostElement() { return getElement(this); }
     static get style() { return pillCss; }
@@ -28682,17 +28328,17 @@ class ProgressIndicator {
     render() {
         const normalizedValue = ((this.value - this.min) / (this.max - this.min)) * 100;
         const clampedValue = Math.max(0, Math.min(normalizedValue, 100));
-        return (hAsync(Host, { key: 'b9df8144037a0e126848e2425192dd8d8b752518', class: {
+        return (hAsync(Host, { key: '640d68ad2e2fd3f61c60c91ea2b18725334a939f', class: {
                 linear: this.type === 'linear',
                 circular: this.type === 'circular',
-            }, tabIndex: -1 }, hAsync("div", { key: '15b088ae86016b1563aa34c2f1b31e0a0ae54cb2', class: {
+            }, tabIndex: -1 }, hAsync("div", { key: 'c9cbf3913838d5ea0d9f89dc46680d86690a3382', class: {
                 'progress-indicator': true,
                 [this.size]: true,
                 [this.status]: true,
                 ['text-center']: this.textAlignment === 'center',
                 ['text-left']: this.textAlignment === 'left',
                 ['text-right']: this.textAlignment === 'right',
-            } }, this.label && (hAsync("ix-typography", { key: '98235751d98341318807c30826d220de3e089e5b', format: "label", textColor: this.status === 'error' ? 'alarm' : 'soft', class: 'label' }, this.label)), hAsync("div", { key: 'da8947864a85cbbecd4b72fbfc1c1e88e4d536b7', class: "progress-container" }, this.type === 'linear' ? (hAsync(Fragment, null, hAsync(LinearBar, { value: clampedValue, status: this.status }), hAsync("div", { class: "linear-slot" }, hAsync("slot", null)))) : (hAsync(CircularProgress, { status: this.status, alignment: this.textAlignment, value: clampedValue, size: this.size }, hAsync("slot", null)))), this.showTextAsTooltip === true && this.helperText ? (hAsync("ix-tooltip", { for: this.hostElement, showDelay: 500, placement: "bottom" }, this.getHelperText())) : (this.getHelperText()))));
+            } }, this.label && (hAsync("ix-typography", { key: '25682b4008e976cb4a02d2bb957baed33e0250d7', format: "label", textColor: this.status === 'error' ? 'alarm' : 'soft', class: 'label' }, this.label)), hAsync("div", { key: '74a13977a442268c72278f005965d5263e741e12', class: "progress-container" }, this.type === 'linear' ? (hAsync(Fragment, null, hAsync(LinearBar, { value: clampedValue, status: this.status }), hAsync("div", { class: "linear-slot" }, hAsync("slot", null)))) : (hAsync(CircularProgress, { status: this.status, alignment: this.textAlignment, value: clampedValue, size: this.size }, hAsync("slot", null)))), this.showTextAsTooltip === true && this.helperText ? (hAsync("ix-tooltip", { for: this.hostElement, showDelay: 500, placement: "bottom" }, this.getHelperText())) : (this.getHelperText()))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return progressIndicatorCss; }
@@ -28733,7 +28379,7 @@ class PushCard {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '25cc0c4fea44a0a035e59a617c81c5c4ba46f7bf', class: `card-${this.variant}` }, hAsync("ix-card", { key: '3414251824d2f252985c29be1ae7f67235608147', variant: this.variant }, hAsync("ix-card-content", { key: 'cecdda5d8a8d6818c6ffe4aed7a47e0dffe12bd0' }, hAsync("ix-card-title", { key: '6e7b0859b6bf0704fe43845c2e2b456eda578aa7' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("ix-typography", { key: '60df1048ad8d94f9f741fba881e0276e5c864899', format: "display-xxl" }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), hAsync("slot", { key: '503f04b96a2d1a93cb60ef47f256236249eb0473', name: "title-action" })), hAsync("ix-typography", { key: 'e1ccccb5a67b270e93b1aae952ad6fdf27a19658', format: "h4" }, this.heading), hAsync("ix-typography", { key: 'cd147ac7c5bb418926b62634b06e897a454d987b' }, this.subheading)), hAsync("ix-card-accordion", { key: 'ac1045a3cc07cd515de917e7afe096d6ebf3b312', collapse: !this.expanded, variant: this.variant }, hAsync("slot", { key: '6cfd442f9174fae7e66d750f519445b9fcbeb079' })))));
+        return (hAsync(Host, { key: '32d1c2383ba5f21901eacfd3048af7435100b2b7', class: `card-${this.variant}` }, hAsync("ix-card", { key: 'b1d03d963e570c329056cf3eb70c09ef6abc13a9', variant: this.variant }, hAsync("ix-card-content", { key: '9c46d2744676c929137f8bd9dd9ac1058d6c6a53' }, hAsync("ix-card-title", { key: '76c052d9be63151295802b58d42e269dc0149c68' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("ix-typography", { key: 'be3a399500fa1dc58c10c8d01eb1691fb662940f', format: "display-xxl" }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), hAsync("slot", { key: 'eadeb7a0b034113e2e0a5d8557a8bf9000027306', name: "title-action" })), hAsync("ix-typography", { key: '93dd2faeba0563a3e7c195941dc1424975e032fb', format: "h4" }, this.heading), hAsync("ix-typography", { key: '3279cd3e6b24c0029e8d83a66a5f3344eee496b4' }, this.subheading)), hAsync("ix-card-accordion", { key: 'c36c63dac6e2ccf61745143a0fa5bf82bebac085', collapse: !this.expanded, variant: this.variant }, hAsync("slot", { key: '7567ec4ff104a9933a632004aea3b3e607660471' })))));
     }
     static get style() { return pushCardCss; }
     static get cmpMeta() { return {
@@ -28843,17 +28489,17 @@ class Radio {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: 'e74cc1b490830412ff329d586c35914a8b55abb8', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "radio", class: {
+        return (hAsync(Host, { key: '7c4e63e0463f26f0c10309d731d8a199bb5de4f6', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "radio", class: {
                 disabled: this.disabled,
                 checked: this.checked,
-            }, onBlur: () => this.ixBlur.emit() }, hAsync("label", { key: '2e2736e762d21e1e254078dc07e0e6754c9f0d60' }, hAsync("div", { key: 'c22603f3a435fc4271b092af4010208ab7d43eda', class: "radio-button" }, hAsync("input", { key: 'd56beba76c83ab1ccf2e3eaea89c6d1c285e3c62', "aria-checked": a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, name: this.name, ref: this.inputRef, type: "radio", value: (_a = this.value) !== null && _a !== void 0 ? _a : 'on', onChange: () => {
+            }, onBlur: () => this.ixBlur.emit() }, hAsync("label", { key: '47822f54a77665cb7fafb087da25db93343e55ce' }, hAsync("div", { key: '76bc278430fd736fcfd871853c7b3e3d2c8f9da7', class: "radio-button" }, hAsync("input", { key: '547dd9547ec9ee2613119a70174a9f72790fc77a', "aria-checked": a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, name: this.name, ref: this.inputRef, type: "radio", value: (_a = this.value) !== null && _a !== void 0 ? _a : 'on', onChange: () => {
                 const ref = this.inputRef.current;
                 if (ref) {
                     this.setCheckedState(ref.checked);
                 }
-            } }), hAsync("button", { key: '70747f5c03103161f8808d996b15720af681c54d', disabled: this.disabled, class: {
+            } }), hAsync("button", { key: '9ba48fa9d9c3c1172fc58cc45d1f75425c39528c', disabled: this.disabled, class: {
                 checked: this.checked,
-            }, onClick: () => this.setCheckedState(!this.checked) }, hAsync("div", { key: '3f2a5030726debb338686f95feabc123f64524bb', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } }))), this.label && (hAsync("ix-typography", { key: '1beb22d26c2e6c759bfc6be64ad6a11b1c0d2d19', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: 'cbf06b0578d34daed1a952d2bb3346affaf384b6' }))))));
+            }, onClick: () => this.setCheckedState(!this.checked) }, hAsync("div", { key: 'fe51f6c3c6b638309aafe0c7481adfe313a057d5', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } }))), this.label && (hAsync("ix-typography", { key: '23d6b78a599b70ffd06e08bffaf0f8ff68e7535b', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: 'c9d1afc17c51c15bd91078b897b1ab6b8b8c4928' }))))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -28993,10 +28639,10 @@ class RadiobuttonGroup {
         return Promise.resolve(this.touched);
     }
     render() {
-        return (hAsync(Host, { key: '93241d4ab22b1d87d5fd1e5ff65d5fc8877e1784', onIxBlur: () => (this.touched = true), ref: this.groupRef }, hAsync("ix-field-wrapper", { key: '8ee3487bb24408f698cb975822eed476c070f3eb', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, isInvalid: this.isInvalid, controlRef: this.groupRef }, hAsync("div", { key: '96216c66bce9e4b63071048a3848de1c611da84f', class: {
+        return (hAsync(Host, { key: '2dd3d82d58a32203135321ba638c55b074b9f628', onIxBlur: () => (this.touched = true), ref: this.groupRef }, hAsync("ix-field-wrapper", { key: 'a8f1f97ab61388f7bc37dcf395bd89dbf00bab95', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, isInvalid: this.isInvalid, controlRef: this.groupRef }, hAsync("div", { key: 'db7071faa7d87361671587c469c0ce18309d63f2', class: {
                 'checkbox-container': true,
                 'row-layout': this.direction === 'row',
-            } }, hAsync("slot", { key: '8910a200a6eb0d9f88f3b45d96967a7f406b545d' })))));
+            } }, hAsync("slot", { key: '34e16ab1e87248e24b316b25b64f11462b7883c5' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -29042,7 +28688,7 @@ class Row {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'd1a97faf65f7bb2656702d903995c25589a6ef41' }, hAsync("slot", { key: 'b24d88c901dd8bf48eefaf2778d8db412b61811c' })));
+        return (hAsync(Host, { key: 'f1f86bc5628eabfc93d3b16960cef333076242df' }, hAsync("slot", { key: '5d576e1f019237362a99a324ec7edca9454b9da6' })));
     }
     static get style() { return rowCss; }
     static get cmpMeta() { return {
@@ -29619,9 +29265,9 @@ class Select {
     }
     render() {
         var _a, _b, _c, _d;
-        return (hAsync(Host, { key: '616b4904936081cc06fea9f96ba1534ad9c72072', "aria-disabled": a11yBoolean(this.disabled), class: {
+        return (hAsync(Host, { key: 'fa2fe3b954c13ec624b3cfbc1b9fc1fbb12da8ba', "aria-disabled": a11yBoolean(this.disabled), class: {
                 disabled: this.disabled,
-            } }, hAsync("ix-field-wrapper", { key: 'f5db8587baff69257f674e0563c36561fb38411e', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: '3daefd90f192731fa4b770e5da2c189c80551d3a', class: {
+            } }, hAsync("ix-field-wrapper", { key: '0b3766dba1a67a2f82602fd95d6b97f3c5406963', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: 'c22dd458e84fa4e2b93f4e1350493d24e22d1558', class: {
                 select: true,
                 disabled: this.disabled,
                 readonly: this.readonly,
@@ -29629,13 +29275,13 @@ class Select {
                 this.dropdownAnchorRef(ref);
                 if (!this.editable)
                     this.dropdownWrapperRef(ref);
-            } }, hAsync("div", { key: '61298dac05f4be62b06e0db6fd18299fee55ce76', class: "input-container" }, hAsync("div", { key: '21c3950b5d76a4027de13baaf9c8054f90b4cbcf', class: "chips" }, this.isMultipleMode
+            } }, hAsync("div", { key: 'b688e73f2381c1da69c85c90c22593eaef3b2663', class: "input-container" }, hAsync("div", { key: 'dd2495fb0f698cec9791cee97cfee9dba58e79de', class: "chips" }, this.isMultipleMode
             ? (_a = this.selectedItems) === null || _a === void 0 ? void 0 : _a.map((item) => (hAsync("ix-filter-chip", { disabled: this.disabled || this.readonly, key: item.value, onCloseClick: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
                     this.itemClick(item.value);
                 } }, item.label)))
-            : '', hAsync("div", { key: '31390b0957847514ace6fef5c3bfe68f9975a3c0', class: "trigger" }, hAsync("input", { key: 'cce77232cf533ff29bd394cdaaf1698ab3bcdc5e', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
+            : '', hAsync("div", { key: '9b5fe0053e60152e0c2c7e9bd4a55acb44a09ec9', class: "trigger" }, hAsync("input", { key: '16de609269d6378b3abbdbd1d12760d1668476f2', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
                 'allow-clear': this.allowClear && !!((_b = this.selectedLabels) === null || _b === void 0 ? void 0 : _b.length),
             }, placeholder: this.placeholderValue(), value: (_c = this.inputValue) !== null && _c !== void 0 ? _c : '', ref: (ref) => {
                 this.inputElement = ref;
@@ -29654,7 +29300,7 @@ class Select {
                 : iconChevronDownSmall, variant: "subtle-tertiary", ref: (ref) => {
                 if (this.editable)
                     this.dropdownWrapperRef(ref);
-            }, "aria-label": this.ariaLabelChevronDownIconButton }))))))), hAsync("ix-dropdown", { key: '69e81d42ef04f3c65449fda9778596bde0c0c708', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
+            }, "aria-label": this.ariaLabelChevronDownIconButton }))))))), hAsync("ix-dropdown", { key: 'e0209df8a782b83f2d6f9c8f36f915225e4c5350', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
                 'display-none': this.disabled || this.readonly,
             }, anchor: this.dropdownAnchorRef.waitForCurrent(), trigger: this.dropdownWrapperRef.waitForCurrent(), onShowChanged: (e) => this.dropdownVisibilityChanged(e), placement: "bottom-start", overwriteDropdownStyle: async () => {
                 var _a, _b;
@@ -29670,12 +29316,12 @@ class Select {
                     styleOverwrites.maxWidth = `min(${this.dropdownMaxWidth}, 100%)`;
                 }
                 return styleOverwrites;
-            } }, hAsync("div", { key: 'e3bbcfe9eaa0547b4f1818d1e96e2aba4b1ff199', class: {
+            } }, hAsync("div", { key: '66a5be09c93ce987f3abb706386a151e3bc2a8c0', class: {
                 'select-list-header': true,
                 hidden: this.hideListHeader || this.isDropdownEmpty,
-            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: 'd9d1060ee1fa7188a60e854d855c96cee1752355', onSlotchange: () => {
+            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: '9743afd0eb5be9d6fc078043dcd61708b542a404', onSlotchange: () => {
                 this.updateSelection();
-            } }), hAsync("div", { key: '80906bd69760d63dd6b45c62337d8b9fdb1b3c3a', ref: (ref) => (this.customItemsContainerElement = ref) }), this.isAddItemVisible() ? (hAsync("ix-dropdown-item", { "data-testid": "add-item", icon: iconPlus, class: {
+            } }), hAsync("div", { key: '2ce8d900ce88645e95919187baceece9c12c3d27', ref: (ref) => (this.customItemsContainerElement = ref) }), this.isAddItemVisible() ? (hAsync("ix-dropdown-item", { "data-testid": "add-item", icon: iconPlus, class: {
                 'add-item': true,
             }, label: this.inputFilterText, onItemClick: (e) => {
                 e.preventDefault();
@@ -29828,7 +29474,7 @@ class SelectItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'eda73234f63f14409068135e908af00d7f18b48b' }, hAsync("ix-dropdown-item", { key: '14603322f1a339a30aa00b32f6802037af69a187', class: {
+        return (hAsync(Host, { key: 'eca8960daebe4ab288dd7141e6c0c187c02c2eff' }, hAsync("ix-dropdown-item", { key: 'eabdba51136877b6a082e38fa80b07522e4c7b9a', class: {
                 'select-item-checked': this.selected,
             }, checked: this.selected, label: this.label ? this.label : this.value, onItemClick: (e) => this.onItemClick(e) })));
     }
@@ -30004,12 +29650,12 @@ class Slider {
             traceStart = valueInPercentage;
             traceEnd = traceReferenceInPercentage;
         }
-        return (hAsync(Host, { key: '8607a41b85a5cb0241432eca5b6fccd931059247', class: {
+        return (hAsync(Host, { key: 'ced207d13f14515355756b6f263b3c6bec2b3209', class: {
                 disabled: this.disabled,
                 error: !!this.error,
-            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, hAsync("div", { key: 'e5b7d976938e96a4e6f39a2070b4144288f70f29', class: "slider" }, hAsync("div", { key: 'c5e5f75983bad193e6ee5fd64f4a23ad06e7eebb', class: "track" }, hAsync("div", { key: '10aad41281a45508e54c35d20a2b0d06c071c7f5', ref: this.thumbRef, class: "thumb", style: {
+            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, hAsync("div", { key: 'c293d00d438f6e24d8b322842cb692706691331c', class: "slider" }, hAsync("div", { key: 'd98fe64e7eb7dd9cb3606ca6296762882c955234', class: "track" }, hAsync("div", { key: '98c02d33da457adee53c4fb9f3efd563b68eec0f', ref: this.thumbRef, class: "thumb", style: {
                 left: `calc(${valueInPercentage} * 100% - 8px)`,
-            } }), hAsync("div", { key: '8b39d81357e4c4c328f4cca4118a9114ee061e3b', class: "ticks" }, this.marker
+            } }), hAsync("div", { key: '93826cc786a1276ad1f75f0663d338ece8b11779', class: "ticks" }, this.marker
             ? this.marker.map((markerValue) => {
                 if (markerValue > this.max || markerValue < this.min) {
                     return;
@@ -30022,7 +29668,7 @@ class Slider {
                         '--tick-value': `${left}`,
                     } }));
             })
-            : null)), hAsync("input", Object.assign({ key: 'e3dd09329ca7f15807222948b23a5691c0e8285d', id: "slider", type: "range", list: this.marker ? 'markers' : undefined, step: this.step, min: this.min, max: this.max, value: this.rangeInput, tabindex: this.disabled ? -1 : 0, onInput: (event) => this.onInput(event), style: {
+            : null)), hAsync("input", Object.assign({ key: '85b6e682067ad68ea6e15380d96c6d142dad2838', id: "slider", type: "range", list: this.marker ? 'markers' : undefined, step: this.step, min: this.min, max: this.max, value: this.rangeInput, tabindex: this.disabled ? -1 : 0, onInput: (event) => this.onInput(event), style: {
                 '--value': `${valueInPercentage}`,
                 '--trace-reference': `${traceReferenceInPercentage}`,
                 '--trace-start': `${traceStart}`,
@@ -30036,9 +29682,9 @@ class Slider {
                 this.showTooltip = true;
             }, onBlur: () => {
                 this.showTooltip = false;
-            }, role: "slider", "aria-valuenow": this.rangeInput, "aria-valuemin": this.min, "aria-valuemax": this.max }, this.a11yAttributes)), hAsync("ix-tooltip", { key: 'e22440fb877deb31a73fcb3ef7d7de68e1e3bc26', ref: this.tooltipRef, class: {
+            }, role: "slider", "aria-valuenow": this.rangeInput, "aria-valuemin": this.min, "aria-valuemax": this.max }, this.a11yAttributes)), hAsync("ix-tooltip", { key: '8a41a6681becc0058f76752e46f61cadc2124a11', ref: this.tooltipRef, class: {
                 'hide-tooltip': !this.showTooltip,
-            }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), hAsync("div", { key: '94dc92cea736331e1adf377a550e0d5da003fcfc', class: "label" }, hAsync("div", { key: 'ffd03546d0e0a5c8fb974f689c700572b429f76d', class: "label-start" }, hAsync("slot", { key: 'fcf333f15011541e4ce9fc11472d00de73b2b768', name: "label-start" })), hAsync("div", { key: '2b9ff68a94f3c882428414e2fa089b134a8ccbb6', class: "label-end" }, hAsync("slot", { key: '5c5ba7b73af4067842afe022bf01686a3e437eae', name: "label-end" }))), this.error ? (hAsync("ix-typography", { class: 'label-error', textColor: "alarm" }, this.error)) : null));
+            }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), hAsync("div", { key: '5edd24e230364a761297b81d14af42702ae43dd2', class: "label" }, hAsync("div", { key: '61dc1d63fc02740c939baab017933e49596bc2f7', class: "label-start" }, hAsync("slot", { key: '3cbd07966df87b3f821e25e0c89b12b740d54200', name: "label-start" })), hAsync("div", { key: 'd437f171c83b76dec30f71d546fb2b63a0c319af', class: "label-end" }, hAsync("slot", { key: '3ce1dcbfff773c12fa60a94a77b5bb95d0e96792', name: "label-end" }))), this.error ? (hAsync("ix-typography", { class: 'label-error', textColor: "alarm" }, this.error)) : null));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -30096,7 +29742,7 @@ class Spinner {
         this.hideTrack = false;
     }
     render() {
-        return (hAsync(Host, { key: '99eb9b362588fb2f8f40c8e767066510535c312d' }, hAsync("div", { key: '219d9895c8d21ab3c571dd45fd07f5b006b4f34b', class: {
+        return (hAsync(Host, { key: '8aa6edb9059ebaafe7f052083ca680c2bc5df2cc' }, hAsync("div", { key: 'ef628ecd03a1a6b3cdd36d90fb60676fc03fc90d', class: {
                 primary: this.variant === 'primary',
                 [this.size]: true,
                 'hide-track': this.hideTrack,
@@ -30160,7 +29806,7 @@ class SplitButton {
                 'left-button-border': !hasOutline,
             },
         };
-        return (hAsync(Host, { key: 'c0fec74005091e767fabcb3a3f19da5bdd95a43b' }, hAsync("div", { key: '5ed4d1f6ecc27eacb58c101612b6f38d6487e903', class: { 'btn-group': true, 'middle-gap': !hasOutline } }, this.label ? (hAsync("ix-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e) }), this.label)) : (hAsync("ix-icon-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e), "aria-label": this.ariaLabelButton }))), hAsync("ix-icon-button", Object.assign({ key: '0026fece6601ca9715b259bc2fd67f1c63993a93' }, buttonAttributes, { ref: (r) => (this.triggerElement = r), class: 'anchor', icon: (_a = this.splitIcon) !== null && _a !== void 0 ? _a : iconContextMenu, "aria-label": this.ariaLabelSplitIconButton }))), hAsync("ix-dropdown", { key: 'c6e1fc922c216672d8c9545721b421021408f74f', ref: (r) => (this.dropdownElement = r), closeBehavior: this.closeBehavior }, hAsync("slot", { key: 'ae34c0441b00ef9f29ea8a53308698cda6678468' }))));
+        return (hAsync(Host, { key: '0dc63835924ed1f30a7f734784a3fb76db827dba' }, hAsync("div", { key: '6615abc02cbd9232b8855703f90d93a52c4948f1', class: { 'btn-group': true, 'middle-gap': !hasOutline } }, this.label ? (hAsync("ix-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e) }), this.label)) : (hAsync("ix-icon-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e), "aria-label": this.ariaLabelButton }))), hAsync("ix-icon-button", Object.assign({ key: 'c5c736d7105c8e84030e94146a094bc0aab6c8c9' }, buttonAttributes, { ref: (r) => (this.triggerElement = r), class: 'anchor', icon: (_a = this.splitIcon) !== null && _a !== void 0 ? _a : iconContextMenu, "aria-label": this.ariaLabelSplitIconButton }))), hAsync("ix-dropdown", { key: '73aad4c875a12e36ee79363a81586ff687dffd46', ref: (r) => (this.dropdownElement = r), closeBehavior: this.closeBehavior }, hAsync("slot", { key: 'a06fbe62a5985b3f10dfcb78f209178d23dc4445' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return splitButtonCss; }
@@ -30233,7 +29879,7 @@ class TabItem {
         };
     }
     render() {
-        return (hAsync(Host, { key: '2eaa9ee3ba9488210877fa4ed43595e1f9d9a8dd', class: this.tabItemClasses({
+        return (hAsync(Host, { key: 'f0e6c03c7624e9d8ae86223da810ca909e89ceb9', class: this.tabItemClasses({
                 selected: this.selected,
                 disabled: this.disabled,
                 small: this.small,
@@ -30250,12 +29896,12 @@ class TabItem {
                 if (clientEvent.defaultPrevented) {
                     event.stopPropagation();
                 }
-            } }, hAsync("div", { key: 'a3592b79e11a50056834d1920aa666a6989f7be9', class: {
+            } }, hAsync("div", { key: '21b8861c7547865527d9395b1c288b358ca816c3', class: {
                 circle: this.rounded,
                 text: !this.rounded,
                 selected: this.selected,
                 disabled: this.disabled,
-            } }, hAsync("slot", { key: '6bdd7252b0906f1d47257c6bc0fd4bff91a7eb3b' })), hAsync("div", { key: '876c31b1ee2c454887434a99b65435d1511676e1', class: {
+            } }, hAsync("slot", { key: '4e268ef6667abfd1e2b4ea85b7a34819a16c188a' })), hAsync("div", { key: '86633194654d3ab97aaa0c37fdf22b9f2ea6dd7c', class: {
                 counter: true,
                 selected: this.selected,
                 hidden: !(this.rounded && this.counter !== undefined),
@@ -30541,13 +30187,13 @@ class Tabs {
         });
     }
     render() {
-        return (hAsync(Host, { key: '4c58b26f100793ee93715ddf2d71cd85c7a77394' }, this.showArrowPrevious && (hAsync("button", { key: '88b2aa246f44f6fca988e8cc95d5c69f973b5626', class: "arrow", onClick: () => this.move(this.scrollAmount, true), "aria-label": this.ariaLabelChevronLeftIconButton }, hAsync("ix-icon", { key: '0a6bdb7e2edafe47e7a2c3a09c860df3b8e8c73f', name: iconChevronLeftSmall }))), hAsync("div", { key: 'd06c37c4aae268d43ada257185256163c54668bf', class: {
+        return (hAsync(Host, { key: 'c756fbb7d81e27ec6933c724febfb5a6ad6ff8ef' }, this.showArrowPrevious && (hAsync("button", { key: '318c355a1e02f1b76916940569116419984a7654', class: "arrow", onClick: () => this.move(this.scrollAmount, true), "aria-label": this.ariaLabelChevronLeftIconButton }, hAsync("ix-icon", { key: '7f22da7b7042eb8dc0ec033224ba79d9277025f0', name: iconChevronLeftSmall }))), hAsync("div", { key: 'e2218eb17d252887bdc215cbd9995bafaaa57948', class: {
                 'tab-items': true,
                 'overflow-shadow': true,
                 'shadow-left': this.showArrowPrevious,
                 'shadow-right': this.showArrowNext,
                 'shadow-both': this.showArrowNext && this.showArrowPrevious,
-            } }, hAsync("div", { key: 'b2636001520d9d9c63173f35a45c3f38217f949f', class: "items-content" }, hAsync("slot", { key: 'd29d939ea9c1053d79b7670c7c54d9e6ec483dce' }))), this.showArrowNext && (hAsync("button", { key: '91b68bb75e979fdab0643a479300371e67a0174f', class: "arrow right", onClick: () => this.move(-this.scrollAmount, true), "aria-label": this.ariaLabelChevronRightIconButton }, hAsync("ix-icon", { key: '735a473ee7bd00e299530b09c166b111cd8f04cd', name: iconChevronRightSmall })))));
+            } }, hAsync("div", { key: '5defa66da4f7dcb37ed6942caa8bc2c0754623b4', class: "items-content" }, hAsync("slot", { key: '6045ae1b6a9b6313a9476a4d646696bc0ecc5356' }))), this.showArrowNext && (hAsync("button", { key: 'fb065f75de3acfe34c2a2f2a929ed29d82498d7b', class: "arrow right", onClick: () => this.move(-this.scrollAmount, true), "aria-label": this.ariaLabelChevronRightIconButton }, hAsync("ix-icon", { key: 'e8c6a8e99fe5756346abd99cb833bfb9152613a8', name: iconChevronRightSmall })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -30726,10 +30372,10 @@ class Textarea {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '01f3753f8d224c04fcfd170004d1591155bae8fe', class: {
+        return (hAsync(Host, { key: '886249f3b150fd8d45ef69d6e9e91ade0213aa10', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: '7e69d00bbdef14efac3be23a093602dc2c0dae76', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.textAreaRef }, !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: 'ebd14c19b62522cfb95ab1aa5177931020e12673', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)), hAsync("div", { key: '26855cb5d7dcd374388e8c6d8ab8102b57414a47', class: "input-wrapper" }, hAsync(TextareaElement, { key: '763de52ae31785cc5fd08b37c6f926528f3e665e', minLength: this.minLength, maxLength: this.maxLength, textareaCols: this.textareaCols, textareaRows: this.textareaRows, textareaHeight: this.isManuallyResized ? this.manualHeight : this.textareaHeight, textareaWidth: this.isManuallyResized ? this.manualWidth : this.textareaWidth, resizeBehavior: this.resizeBehavior, readonly: this.readonly, disabled: this.disabled, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, textAreaRef: this.textAreaRef, valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
+            } }, hAsync("ix-field-wrapper", { key: '178c631726c9e1db43f0d2041f3adca9d4587c78', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.textAreaRef }, !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: '83f426ae1fe578142232fb71e3ae40820d55954f', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)), hAsync("div", { key: '17a8fe75f5f9248fc6559ecf8298e62a4d959f02', class: "input-wrapper" }, hAsync(TextareaElement, { key: 'd9e284e0357cb2608f7b4d1a1fc220dc92ccf4d8', minLength: this.minLength, maxLength: this.maxLength, textareaCols: this.textareaCols, textareaRows: this.textareaRows, textareaHeight: this.isManuallyResized ? this.manualHeight : this.textareaHeight, textareaWidth: this.isManuallyResized ? this.manualWidth : this.textareaWidth, resizeBehavior: this.resizeBehavior, readonly: this.readonly, disabled: this.disabled, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, textAreaRef: this.textAreaRef, valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
                 onInputBlur(this, this.textAreaRef.current);
                 this.touched = true;
             } })))));
@@ -30805,17 +30451,17 @@ class Tile {
         this.hasFooterSlot = !!this.hostElement.querySelector('[slot="footer"]');
     }
     render() {
-        return (hAsync(Host, { key: 'aa9ab71b723ec68685a2d0a37b53d9edcfe82cd6', class: {
+        return (hAsync(Host, { key: 'e1166a8b4e348942b7ed4258f88f8be64de05933', class: {
                 'tile-small': this.size === 'small',
                 'tile-medium': this.size === 'medium',
                 'tile-big': this.size === 'big',
-            } }, hAsync("div", { key: 'fdbc231e60e607c9a5c60d66138f87d563d3a1d1', class: {
+            } }, hAsync("div", { key: 'a6bd9158342ed546d51c55685afe3d75c2bf31b8', class: {
                 'tile-header': true,
                 'has-content': this.hasHeaderSlot,
-            } }, hAsync("slot", { key: 'f881aa65ee46aa1f8ea7991d94e934fed4fe5e6a', name: "header", onSlotchange: () => this.handleHeaderSlotChange() })), hAsync("div", { key: '3a7603fe58fd66c7309a9ec743839f6df1db88d3', class: "tile-subheader" }, hAsync("slot", { key: '846def8a0c20dba9c4d929a10ffad9ad2da73128', name: "subheader" })), hAsync("div", { key: '1a1c7830c296988a0928d76b2af53c14d999e2ac', class: "tile-content" }, hAsync("slot", { key: '5450f27247704ac16db78f1c6507ea9319c367c4' })), hAsync("div", { key: '0464f19054f1c1e15c06fdab283d72f17ab0b9cd', class: {
+            } }, hAsync("slot", { key: 'c24c054f14e378dc126472b4086b4be4a245cbac', name: "header", onSlotchange: () => this.handleHeaderSlotChange() })), hAsync("div", { key: '975744cdd6f42661636fc382a2f2e3c256ccdc9f', class: "tile-subheader" }, hAsync("slot", { key: 'a867a5e2e3cb8958c819d5d936bf955cb51e808b', name: "subheader" })), hAsync("div", { key: '8ab40a481b778384e6773a6318545e1d0001e669', class: "tile-content" }, hAsync("slot", { key: 'c013dd68db8ce80c3b4cfac26acf9c690fcb2439' })), hAsync("div", { key: '00b012d9f4bce4b623fc30b1f750f4319f4144f9', class: {
                 'tile-footer': true,
                 'has-content': this.hasFooterSlot,
-            } }, hAsync("slot", { key: 'ce04db8085fda4bb5faaa170895cad9c8f850555', name: "footer", onSlotchange: () => this.handleFooterSlotChange() }))));
+            } }, hAsync("slot", { key: 'fc565c7344dadeb70cf0002392a0ee98774843df', name: "footer", onSlotchange: () => this.handleFooterSlotChange() }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return tileCss; }
@@ -31102,12 +30748,12 @@ class TimeInput {
         const invalidText = this.isInputInvalid
             ? this.i18nErrorTimeUnparsable
             : this.invalidText;
-        return (hAsync(Host, { key: '09ce97a9605c6b22a872712c038a2628e5b0b81a', class: {
+        return (hAsync(Host, { key: 'b8a2ac32c6efc747a397621d6174b1a236775aa9', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: '7885db329aa8632cfaeb55d427ba4d142a8b6ec6', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), hAsync("ix-dropdown", { key: 'e1e55b1d1b48ba6b90e9181814c7d01e1fcd8bae', "data-testid": "time-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
+            } }, hAsync("ix-field-wrapper", { key: 'd0a6c1288cb3b4208438e86e23bc30000acf0cd7', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), hAsync("ix-dropdown", { key: '1c9b3b6476abc646c42e5c40c84398b25535b1e4', "data-testid": "time-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
                 this.show = event.detail;
-            } }, hAsync("ix-time-picker", { key: '7c3b0350de27af8fe8633478ce1100fd62f75976', ref: this.timePickerRef, format: this.format, time: (_a = this.time) !== null && _a !== void 0 ? _a : '', hourInterval: this.hourInterval, minuteInterval: this.minuteInterval, secondInterval: this.secondInterval, millisecondInterval: this.millisecondInterval, embedded: true, hideHeader: this.hideHeader, i18nConfirmTime: this.i18nSelectTime, i18nHeader: this.i18nTime, i18nHourColumnHeader: this.i18nHourColumnHeader, i18nSecondColumnHeader: this.i18nSecondColumnHeader, i18nMinuteColumnHeader: this.i18nMinuteColumnHeader, i18nMillisecondColumnHeader: this.i18nMillisecondColumnHeader, onTimeSelect: (event) => {
+            } }, hAsync("ix-time-picker", { key: '73c74c5e67b4ef882b91c0f0d87dac4120133c34', ref: this.timePickerRef, format: this.format, time: (_a = this.time) !== null && _a !== void 0 ? _a : '', hourInterval: this.hourInterval, minuteInterval: this.minuteInterval, secondInterval: this.secondInterval, millisecondInterval: this.millisecondInterval, embedded: true, hideHeader: this.hideHeader, i18nConfirmTime: this.i18nSelectTime, i18nHeader: this.i18nTime, i18nHourColumnHeader: this.i18nHourColumnHeader, i18nSecondColumnHeader: this.i18nSecondColumnHeader, i18nMinuteColumnHeader: this.i18nMinuteColumnHeader, i18nMillisecondColumnHeader: this.i18nMillisecondColumnHeader, onTimeSelect: (event) => {
                 this.onInput(event.detail);
                 this.show = false;
             } }))));
@@ -31772,19 +31418,19 @@ class TimePicker {
         return '-1';
     }
     render() {
-        return (hAsync(Host, { key: 'fe021682c409d261844a66afc06f7fd821d98311' }, hAsync("ix-date-time-card", { key: '29d86af50dfbe071b9ba542d715a0d310b5acdd8', embedded: this.embedded, timePickerAppearance: true, corners: this.corners, hasFooter: true, hideHeader: this.hideHeader }, hAsync("div", { key: 'a0189088fa1b26c1deadd04a571391eade2f4a82', class: "header", slot: "header" }, hAsync("ix-typography", { key: '168ab5345ae2afa0b084c8acd1e6e533db5ae398', format: "h5" }, this.i18nHeader)), hAsync("div", { key: '5fca2d1fb2059d72269e44f231faa0d0e0fc9889', class: "clock" }, this.timePickerDescriptors.map((descriptor, index) => (hAsync("div", { class: "flex" }, hAsync("div", { class: { columns: true, hidden: descriptor.hidden } }, hAsync("div", { class: "column-header", title: descriptor.header }, descriptor.header), hAsync("div", { "data-element-list-id": descriptor.unit, class: "element-list", tabIndex: -1 }, descriptor.numberArray.map((number) => (hAsync("button", { "data-element-container-id": `${descriptor.unit}-${number}`, class: {
+        return (hAsync(Host, { key: '78ee8afebd895a67135b36d5961a44df2a38461f' }, hAsync("ix-date-time-card", { key: '19084fa7147b813af9db2ea5aadc871a061c5b1f', embedded: this.embedded, timePickerAppearance: true, corners: this.corners, hasFooter: true, hideHeader: this.hideHeader }, hAsync("div", { key: '318ea73a9fe2851c73c947269de181ed5a418230', class: "header", slot: "header" }, hAsync("ix-typography", { key: 'a7d77bd33ae9f4195acd16fb0f133ed84afba25b', format: "h5" }, this.i18nHeader)), hAsync("div", { key: 'b1e6ed89ab0f056c5bdcea3ee459fc99bac0ddf5', class: "clock" }, this.timePickerDescriptors.map((descriptor, index) => (hAsync("div", { class: "flex" }, hAsync("div", { class: { columns: true, hidden: descriptor.hidden } }, hAsync("div", { class: "column-header", title: descriptor.header }, descriptor.header), hAsync("div", { "data-element-list-id": descriptor.unit, class: "element-list", tabIndex: -1 }, descriptor.numberArray.map((number) => (hAsync("button", { "data-element-container-id": `${descriptor.unit}-${number}`, class: {
                 selected: this.isSelected(descriptor.unit, number),
                 'element-container': true,
             }, onClick: () => this.select(descriptor.unit, number), onFocus: () => this.onUnitCellFocus(descriptor.unit, number), onBlur: () => this.onUnitCellBlur(descriptor.unit), tabindex: this.getElementContainerTabIndex(number, descriptor.unit), role: "button", "aria-label": `${descriptor.header}: ${number}` }, this.formatUnitValue(descriptor.unit, number)))), hAsync("div", { class: "element-list-padding" }))), index !== this.timePickerDescriptors.length - 1 && (hAsync("div", { class: {
                 'column-seperator': true,
                 hidden: descriptor.hidden,
-            } }, this.getColumnSeparator(index))))))), hAsync("div", { key: '94fff2af6e3e86a2bebdee7e17a3ae46503c8a03', class: {
+            } }, this.getColumnSeparator(index))))))), hAsync("div", { key: 'e3544fd1c410c476a12de6254f28a6adf9af90c5', class: {
                 footer: true,
                 'footer--compact': this.timePickerDescriptors.length <= 2,
-            }, slot: "footer" }, this.timeRef && (hAsync("div", { key: 'a9248cc2ac1c71c8886bfc177eb9c013db8a7a69', class: {
+            }, slot: "footer" }, this.timeRef && (hAsync("div", { key: '2df318b53e8eb1c50b59c6a39b82b1baebcbc4a3', class: {
                 'time-ref-buttons': true,
                 'time-ref-buttons--datetime-picker-appearance': this.dateTimePickerAppearance,
-            } }, hAsync("button", { key: '506e0e1b8d1ebbb59f53944596e38bbde2f1c0bb', "data-am-pm-id": "AM", class: { selected: this.timeRef === 'AM' }, onClick: () => this.changeTimeReference('AM') }, "AM"), hAsync("button", { key: 'b94ff617ed3e1a539ae3991fbf9e1b69dfb3f2f3', "data-am-pm-id": "PM", class: { selected: this.timeRef === 'PM' }, onClick: () => this.changeTimeReference('PM') }, "PM"))), !this.dateTimePickerAppearance && (hAsync("ix-button", { key: '3f49ec5488f6bc4914956fa88e793f6029f0f0e5', class: "confirm-button", onClick: () => {
+            } }, hAsync("button", { key: 'c54fb058014a446d27ac85d35a8c808505b22ebc', "data-am-pm-id": "AM", class: { selected: this.timeRef === 'AM' }, onClick: () => this.changeTimeReference('AM') }, "AM"), hAsync("button", { key: '1586c1d749ab2582c56e10c3f5d99533e77b86bb', "data-am-pm-id": "PM", class: { selected: this.timeRef === 'PM' }, onClick: () => this.changeTimeReference('PM') }, "PM"))), !this.dateTimePickerAppearance && (hAsync("ix-button", { key: '41dc3f6f630a19e4c2c057b8b6c05bf3fdf77de3', class: "confirm-button", onClick: () => {
                 var _a;
                 this.timeSelect.emit((_a = this._time) === null || _a === void 0 ? void 0 : _a.toFormat(this.format));
             } }, this.i18nConfirmTime))))));
@@ -31912,11 +31558,11 @@ class Toast {
             animationPlayState: this.touched || this.paused ? 'paused' : 'running',
         };
         progressBarClass.push('toast-progress-bar--animated');
-        return (hAsync(Host, { key: '899292380d8565664e1c7675d76327a11490d830', class: "animate__animated animate__fadeIn" }, hAsync("div", { key: '5cd4377bdf58c1a2c0071ab31b28ad9655e44d0f', class: "toast-body", onPointerLeave: () => {
+        return (hAsync(Host, { key: 'a144d4c5b1da1f237b07d7c92d946023332930f4', class: "animate__animated animate__fadeIn" }, hAsync("div", { key: '5d2ee1d88fb36f1fbff617ed02fc5a1019505f7b', class: "toast-body", onPointerLeave: () => {
                 this.touched = false;
             }, onPointerEnter: () => {
                 this.touched = true;
-            } }, this.type || this.icon ? (hAsync("div", { class: "toast-icon" }, this.getIcon())) : null, hAsync("div", { key: 'ef1403cbfb00f11515feae45dabfc5d4e0c13311', class: "toast-content" }, this.toastTitle ? (hAsync("ix-typography", { class: "toast-title", format: "h5" }, this.toastTitle)) : null, hAsync("div", { key: 'eb5d5bb4bab866b73a4b5607cd3e7b0b7c3e3da2', class: "toast-message" }, hAsync("slot", { key: 'e03b7355c7dae971d87eba8fbc49495fa5876891' })), hAsync("div", { key: '962de017d86b2a86919b41226dc2f5f37342488e', class: "toast-action" }, hAsync("slot", { key: '172e62ff0d27ea9e3ab191e153e51eb35f442073', name: "action" }))), hAsync("div", { key: 'cf14cce27542dab60676fb9d41ab60c061898c76', class: "toast-close" }, hAsync("ix-icon-button", { key: 'b4212ca84b1564510360e6f160d57d03d41b2bfe', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.closeToast.emit(), "aria-label": this.ariaLabelCloseIconButton }))), !this.preventAutoClose && (hAsync("div", { key: '2b33706bda283c118e918b58fb7cb50720d0f1fb', class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
+            } }, this.type || this.icon ? (hAsync("div", { class: "toast-icon" }, this.getIcon())) : null, hAsync("div", { key: 'c395eabb0375017bf0d8c4d0183231c55e8965cd', class: "toast-content" }, this.toastTitle ? (hAsync("ix-typography", { class: "toast-title", format: "h5" }, this.toastTitle)) : null, hAsync("div", { key: 'ba100956b7166c7af82c19ede3a7348da5ffaacb', class: "toast-message" }, hAsync("slot", { key: 'a66dbde12a7445c8b545469c4c1fe2461fdb532b' })), hAsync("div", { key: '8c76cd2b589c3beecec2760ad06ef7a54639a93d', class: "toast-action" }, hAsync("slot", { key: 'b40edda02403828fe800c28879f4267487a1ad1a', name: "action" }))), hAsync("div", { key: '2c93da02d845b8f9c95b4a94f9452f1061219811', class: "toast-close" }, hAsync("ix-icon-button", { key: '77abab7e5d6f2656767a72f21e1ad5ff55a7e804', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.closeToast.emit(), "aria-label": this.ariaLabelCloseIconButton }))), !this.preventAutoClose && (hAsync("div", { key: '8ce58604918d034aee9afaefdf8953c79168fc25', class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
                 this.close();
             }, onTransitionEnd: () => {
                 if (this.progress === 0) {
@@ -32047,10 +31693,10 @@ class ToastContainer {
         };
     }
     render() {
-        return (hAsync(Host, { key: '8ac8e6eb7cfc7110a4b2b44a835b6727e32c8db6', class: {
+        return (hAsync(Host, { key: 'd0d6304f35eae029e019466e506ccc1cc62338d1', class: {
                 'toast-container--bottom-right': this.position === 'bottom-right',
                 'toast-container--top-right': this.position === 'top-right',
-            } }, hAsync("slot", { key: '1c158e22d6adef730c3642a6769e454b6b5e3c03' })));
+            } }, hAsync("slot", { key: '0570337aeaf8edc9856d2d3329570b5dba99b0d3' })));
     }
     static get watchers() { return {
         "position": ["onPositionChange"]
@@ -32201,13 +31847,13 @@ class Toggle {
         if (this.indeterminate) {
             toggleText = this.textIndeterminate;
         }
-        return (hAsync(Host, { key: 'cbc551d0aaaf8b93abf00eae8447b7ba910ee15c', class: {
+        return (hAsync(Host, { key: 'a14271ad4354f825e43f7a9e74589ecf4293d1e0', class: {
                 disabled: this.disabled,
-            }, onBlur: () => this.ixBlur.emit(), onFocus: () => (this.touched = true) }, hAsync("label", { key: '9f07f9606f6f81abdd87d2198d32eec1dbc87fb1', class: "wrapper" }, hAsync("button", { key: 'b2826894662f716e132cc86e5daaf15816c319e4', role: "switch", "aria-checked": a11yBoolean(this.checked), class: {
+            }, onBlur: () => this.ixBlur.emit(), onFocus: () => (this.touched = true) }, hAsync("label", { key: 'efd9cd98226a484518c641b091b8c0f5db03ca20', class: "wrapper" }, hAsync("button", { key: '0555df37425dea5a92d528e23c7a58b6d92d2a15', role: "switch", "aria-checked": a11yBoolean(this.checked), class: {
                 switch: true,
                 checked: this.checked,
                 indeterminate: this.indeterminate,
-            }, onClick: () => this.onCheckedChange(!this.checked) }, hAsync("div", { key: '8cc16350102428ae1f2b8937eda731d5a8e48c4c', class: "slider" })), hAsync("input", { key: '7c20a5235eca12a03a84082735249bf1e649adae', type: "checkbox", disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, tabindex: 0, "aria-hidden": a11yBoolean(true), "aria-checked": a11yBoolean(this.checked), onChange: (event) => this.onCheckedChange(event.target.checked) }), !this.hideText && (hAsync("ix-typography", { key: '701732f68894cef4ff6a340be21a841862e321b4', class: "label" }, toggleText)))));
+            }, onClick: () => this.onCheckedChange(!this.checked) }, hAsync("div", { key: '728a0036a0af11dc1151a88ac0e3e1ab3ab4ef9d', class: "slider" })), hAsync("input", { key: 'b5abc565e56c99d6debb4e9d30550f9a2ed80457', type: "checkbox", disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, tabindex: 0, "aria-hidden": a11yBoolean(true), "aria-checked": a11yBoolean(this.checked), onChange: (event) => this.onCheckedChange(event.target.checked) }), !this.hideText && (hAsync("ix-typography", { key: '03fd95f007d4cf1dcc1fcfbc4878532471480005', class: "label" }, toggleText)))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -32624,7 +32270,7 @@ class Tooltip {
         (_d = this.disposeDomChangeListener) === null || _d === void 0 ? void 0 : _d.call(this);
     }
     render() {
-        return (hAsync(Host, { key: 'eee651684c88795823f90194e2be5ed110077615', role: "tooltip", class: { visible: this.visible } }, hAsync("dialog", { key: '29fa36972dc3c31122df8c1a76a88a748c59431a', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, hAsync("div", { key: '07ddb653d0218d195ab0a11ecad1fdba05e94cee', class: "tooltip-container" }, hAsync("div", { key: '704252e6d76ddf26336514874bb77c9f6e13cb8d', class: "content-wrapper" }, hAsync("div", { key: 'c69710b5152269a0ec33ed9941dd23426bac91ed', class: 'tooltip-title' }, hAsync("slot", { key: 'f349cccad759202ac4c8f57b2124a904193d791d', name: "title-icon" }), hAsync("ix-typography", { key: '6a73678531a8310e1c95da638486187df2341306', format: "h5" }, this.titleContent, hAsync("slot", { key: '79fb0b5e2e62c554d419a765195529575ab7f879', name: "title-content" }))), hAsync("slot", { key: '84ecbfefc9215d734d3c8e29916fa08be0762e39' }), hAsync("div", { key: '417d4aaf3d5b7a52ddd35e0a17cce0b72fdb897c', class: "arrow" }))))));
+        return (hAsync(Host, { key: 'bf59a9748277c6190fed113ecd3735a002cf9be2', role: "tooltip", class: { visible: this.visible } }, hAsync("dialog", { key: '83235fd5d988a1fb31c32a4a9e3fcfac5429005e', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, hAsync("div", { key: 'd682e58450eeb86200e97589ec7570543facb06b', class: "tooltip-container" }, hAsync("div", { key: 'f5f9b1a7fa3ad713a29c9626d4c153ee37f06360', class: "content-wrapper" }, hAsync("div", { key: 'b6efffc7c296a0b1da8abc6cba9c97ced97afbda', class: 'tooltip-title' }, hAsync("slot", { key: 'c2c05c3bd59478aabee65283cf3a757bee3d52f0', name: "title-icon" }), hAsync("ix-typography", { key: '156db429da604ed706e642913f6b3793e5303515', format: "h5" }, this.titleContent, hAsync("slot", { key: '850af7ff83f8a376d8c4783c67b45b237db8a2a9', name: "title-content" }))), hAsync("slot", { key: '532f7182c47f363595d4003058c5029ccaf66b00' }), hAsync("div", { key: 'dccb955584e577f7197d61e9b4e2eb099e1c2385', class: "arrow" }))))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return tooltipCss; }
@@ -33259,7 +32905,7 @@ class Tree {
         this.nodeClicked.emit(id);
     }
     render() {
-        return (hAsync(Host, { key: '41229d69024d78162075253c32250ebf28e4bb3b', onClick: (event) => this.onTreeItemClick(event) }, hAsync("slot", { key: '594c9e61448461dd39a81272f2d2c24b0e560806' })));
+        return (hAsync(Host, { key: 'b79b4c88bfb6f2edd32f8a891b6953b7ff05eeec', onClick: (event) => this.onTreeItemClick(event) }, hAsync("slot", { key: 'd2b08d64db02a4b4ffaa14d7d7f7db36bc406682' })));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -33298,17 +32944,17 @@ class TreeItem {
     }
     render() {
         var _a, _b;
-        return (hAsync(Host, { key: 'f3168fba8586e37800d2ba921d890e3f8c38d263', class: {
+        return (hAsync(Host, { key: '0c38826dbcb0d8637d796cdb123d49226ad7e642', class: {
                 selected: !!((_a = this.context) === null || _a === void 0 ? void 0 : _a.isSelected),
-            } }, hAsync("div", { key: '10905ce185a7dbae0921ab16c9656f4ef0569749', class: "icon-toggle-container" }, this.hasChildren ? (hAsync("ix-icon", { name: iconChevronRightSmall, size: "24", class: {
+            } }, hAsync("div", { key: 'e6c4bb2d2cbb87589a3463a434e3164c8ae7dcc4', class: "icon-toggle-container" }, this.hasChildren ? (hAsync("ix-icon", { name: iconChevronRightSmall, size: "24", class: {
                 ['icon-toggle-down']: !!((_b = this.context) === null || _b === void 0 ? void 0 : _b.isExpanded),
             }, color: "color-std-text", onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 this.toggle.emit();
-            }, "aria-label": this.ariaLabelChevronIcon })) : null), hAsync("div", { key: 'bf8b74b9b1e67b848a6d9d9f93c3dc01221ad9b9', class: "tree-node-container", onClick: () => {
+            }, "aria-label": this.ariaLabelChevronIcon })) : null), hAsync("div", { key: '8b89bb444f270b353908513964cb2bb2d7f7455a', class: "tree-node-container", onClick: () => {
                 this.itemClick.emit();
-            } }, hAsync("div", { key: '23449d4cc0c593f2fdb2f792eadbbf30481a225b', class: "tree-node-text" }, this.text), hAsync("slot", { key: '91ba0ba1b85a0fc42a6ae0c4685c8df4717547f6' }))));
+            } }, hAsync("div", { key: '14e2645fe3597e2d4dea312b7da375c89ed1353a', class: "tree-node-text" }, this.text), hAsync("slot", { key: 'e6bd2c42e97399abdf21c2c3a8b449388ab7d5ed' }))));
     }
     static get style() { return treeItemCss; }
     static get cmpMeta() { return {
@@ -33506,7 +33152,7 @@ class Upload {
     render() {
         const disabled = this.disabled || this.state === UploadFileState.LOADING;
         const _a = this.a11y, { 'aria-label': ariaLabel = 'Upload files' } = _a, a11y = __rest(_a, ['aria-label']);
-        return (hAsync(Host, Object.assign({ key: 'd27377461517d95412c644cdc3c9f0b4c9edd1f9' }, a11y, { "aria-disabled": disabled }), hAsync("div", { key: '983727de99c90d57e0c0e296d054ea80894cc2e3', class: {
+        return (hAsync(Host, Object.assign({ key: '041a9937386e0694f4afc3240f7ac84e93314f92' }, a11y, { "aria-disabled": disabled }), hAsync("div", { key: '33a3dfad37b21032775385df6a6457d684ccfa02', class: {
                 'file-upload-area': true,
                 'file-over': this.state !== UploadFileState.LOADING && this.isFileOver,
                 checking: this.state === UploadFileState.LOADING,
@@ -33516,9 +33162,9 @@ class Upload {
                 if (this.state !== UploadFileState.LOADING) {
                     this.fileDropped(e);
                 }
-            }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), hAsync("div", { key: 'bd84f1781930713ca4c607a998749108a444b97c' }, hAsync("input", { key: '9585965e1f26be9d3c9f918efd6333b3d216ab76', "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", tabindex: "-1", onChange: (e) => {
+            }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), hAsync("div", { key: 'a790bce8b597bfff372ef55def76f1df7d76f6c5' }, hAsync("input", { key: '75c48c875c0b963a3a636734ec83f606b27351e7', "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", tabindex: "-1", onChange: (e) => {
                 this.fileChangeEvent(e);
-            }, accept: this.accept, disabled: disabled }), hAsync("ix-button", { key: 'ab298c4a30538b1408648f9a02ceb7c52fb6b882', variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile)))));
+            }, accept: this.accept, disabled: disabled }), hAsync("ix-button", { key: '2a67192d3c1548e08cd3e46079445548bc226da4', variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile)))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return uploadCss; }
@@ -33685,13 +33331,13 @@ class ValidationTooltip {
     }
     render() {
         var _a, _b, _c, _d;
-        return (hAsync(Host, { key: 'af01b12284c6abad7b98a4e8c29e30c24abe206d' }, hAsync("slot", { key: 'a55080d265f74185eaa34a6998457343e41f248b' }), hAsync("div", { key: '2487996e1b6bd31f8136129cf046cc7c55f09b24', role: "tooltip", style: {
+        return (hAsync(Host, { key: '0980e555241dce4429d6aece62e0694ca13e507f' }, hAsync("slot", { key: 'd62c49b3ec8af0d33a719d8b41061f93d3f15baa' }), hAsync("div", { key: '7702eebc6ea6406dfe1c4d94e3a6f346769d32aa', role: "tooltip", style: {
                 display: 'none',
                 position: 'fixed',
                 top: '0',
                 left: '0',
                 transform: `translate(${Math.round((_b = (_a = this.tooltipPosition) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0)}px,${Math.round((_d = (_c = this.tooltipPosition) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 0)}px)`,
-            }, class: "validation-tooltip text-default" }, this.message, hAsync("slot", { key: '9639797207877d1e8107af82ccefec30db7e2f82', name: "tooltip-message" }), hAsync("div", { key: '34248d812f34bfa9cd734eab28b3c91af879aecd', id: "arrow" }))));
+            }, class: "validation-tooltip text-default" }, this.message, hAsync("slot", { key: '34a207094dc63b52496e5eab7f8133f97f2437a4', name: "tooltip-message" }), hAsync("div", { key: '9e356c6a2cfbb523c661bb10fbf28cb53f971ccd', id: "arrow" }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -33820,18 +33466,18 @@ class WorkflowStep {
     }
     render() {
         const icons = !this.customIconSlot ? (hAsync(Fragment, null, hAsync("ix-icon", { color: "color-1", name: this.status === 'warning' ? iconTriangleFilled : iconCircleFilled, class: "absolute", size: "24" }), hAsync("ix-icon", { color: this.iconColor, name: this.iconName, class: "absolute", size: "24", "aria-label": this.getIconAriaLabel() }))) : null;
-        return (hAsync(Host, { key: '3a93acf2907c533c0a0ddb040278e118c355bc32', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, hAsync("div", { key: 'e85b6a3859d59afb71fe1cb2718e44712fba509f', tabIndex: 0, class: {
+        return (hAsync(Host, { key: '702a81838c7085c3870ddc69286fcee67a665748', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, hAsync("div", { key: 'aae9f2feb9e4e1d2c6db6b9e9361bb1073a5a168', tabIndex: 0, class: {
                 step: true,
                 selected: this.selected,
                 vertical: this.vertical,
                 disabled: this.disabled,
                 clickable: this.clickable && !this.disabled,
-            } }, hAsync("div", { key: '2712cbb97cfa21042c0cb4bea1d02f9e61199e55', class: "wrapper" }, hAsync("div", { key: '00e2e7a6daf986819d1e420d3b8379cab01abc47', class: {
+            } }, hAsync("div", { key: '22319f839e7148b63890f2f6dddc4c5edf503b5a', class: "wrapper" }, hAsync("div", { key: '06f7111a146c2e6c933df6793e3b7b175a6ef2dd', class: {
                 line: true,
                 selected: this.selected,
                 [this.status]: true,
                 [this.position]: true,
-            } }), hAsync("div", { key: '7a46fa4306b9924ca7df0272f32592a458355774', class: "iconWrapper" }, icons, hAsync("slot", { key: '5b750aa1483f64625905a2b39fdce5f067ba853f', name: "custom-icon" }))), hAsync("div", { key: '9c2fa968aa7903f90a98e24e845de414844361ee', class: "text" }, hAsync("slot", { key: 'dc660f37779d7dde23a131158ae910b46732d896' })))));
+            } }), hAsync("div", { key: 'ef4fd55cfe2bc6d40ac2c3738cbb414874a931e6', class: "iconWrapper" }, icons, hAsync("slot", { key: '4fc150f050365273ee89afcc0037cd39c0d89015', name: "custom-icon" }))), hAsync("div", { key: 'cdfabc62544d3d9db51ca79e15984f6b357b7f3f', class: "text" }, hAsync("slot", { key: '9a90400589d31ea338bc99ec015e02e08c1fab77' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -33936,7 +33582,7 @@ class WorkflowSteps {
         this.updateSteps();
     }
     render() {
-        return (hAsync(Host, { key: 'fcfd2b61769e31adab006ed935a9776ecdfb8bfe' }, hAsync("div", { key: 'd0a264a599b4db3cb289549f608f1e749c91f180', class: { steps: true, vertical: this.vertical } }, hAsync("slot", { key: '8b275ef2551f7ad258eef17e9caffd8ca8c558b0' }))));
+        return (hAsync(Host, { key: '57250b7f6fcf64ee7c58a62d2a48f6ca15735dcf' }, hAsync("div", { key: '4f62a25fd96917dfb370517237a1bd7c02ae6ffe', class: { steps: true, vertical: this.vertical } }, hAsync("slot", { key: '1f829fe1b33cbec89f0cf1794b9b940a42e3ae3e' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return workflowStepsCss; }
@@ -33960,7 +33606,6 @@ registerComponents([
   ApplicationSidebar,
   ApplicationSwitchModal,
   Avatar,
-  BasicNavigation,
   Blind,
   Breadcrumb,
   BreadcrumbItem,
@@ -34017,8 +33662,6 @@ registerComponents([
   LayoutForm,
   LayoutGrid,
   LinkButton,
-  MapNavigation,
-  MapNavigationOverlay,
   Menu,
   MenuAbout,
   MenuAboutItem,