@siemens/ix 2.4.0 → 2.5.0

package/hydrate/index.js

@@ -2275,7 +2275,7 @@ class TypedEvent {
 }
 
 /*
- * SPDX-FileCopyrightText: 2023 Siemens AG
+ * SPDX-FileCopyrightText: 2024 Siemens AG
  *
  * SPDX-License-Identifier: MIT
  *
@@ -2455,13 +2455,13 @@ class ApplicationLayoutService {
                 breakPointIndex = matchBreakpoints.length - 1;
             }
             const [breakpoint, _] = matchBreakpoints[breakPointIndex];
-            __classPrivateFieldGet$1(this, _ApplicationLayoutService_breakpointChangeListener, "f").emit(breakpoint);
+            requestAnimationFrame(() => __classPrivateFieldGet$1(this, _ApplicationLayoutService_breakpointChangeListener, "f").emit(breakpoint));
             __classPrivateFieldSet$1(this, _ApplicationLayoutService_breakpoint, breakpoint, "f");
             return;
         }
         for (const [breakpoint, match] of matchBreakpoints.reverse()) {
             if (match) {
-                __classPrivateFieldGet$1(this, _ApplicationLayoutService_breakpointChangeListener, "f").emit(breakpoint);
+                requestAnimationFrame(() => __classPrivateFieldGet$1(this, _ApplicationLayoutService_breakpointChangeListener, "f").emit(breakpoint));
                 __classPrivateFieldSet$1(this, _ApplicationLayoutService_breakpoint, breakpoint, "f");
                 break;
             }
@@ -2559,7 +2559,7 @@ _MenuService_menuElement = new WeakMap(), _MenuService_menuExpandChange = new We
 const menuController = new MenuService();
 
 /*
- * SPDX-FileCopyrightText: 2023 Siemens AG
+ * SPDX-FileCopyrightText: 2024 Siemens AG
  *
  * SPDX-License-Identifier: MIT
  *
@@ -2718,7 +2718,7 @@ const getCurrentSystemAppearance = () => {
 };
 const themeSwitcher = new ThemeSwitcher();
 
-const applicationCss = "/*!@:host*/.sc-ix-application-h{display:flex;position:relative;width:100%;height:100%;flex-direction:column}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-application-h *.sc-ix-application,.sc-ix-application-h *.sc-ix-application::after,.sc-ix-application-h *.sc-ix-application::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-application-h .sc-ix-application::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-application-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-application-h .sc-ix-application::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-application-h .sc-ix-application::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-application-h .sc-ix-application::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-application-h .sc-ix-application::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-application-h .sc-ix-application::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-application-h .sc-ix-application::-webkit-scrollbar-corner{display:none}/*!@:host ix-application-header*/.sc-ix-application-h ix-application-header.sc-ix-application{z-index:calc(var(--theme-z-index-sticky) + 1)}/*!@:host .logo-wrapper*/.sc-ix-application-h .logo-wrapper.sc-ix-application{display:contents}/*!@:host .application*/.sc-ix-application-h .application.sc-ix-application{display:flex;position:relative;flex-direction:row;height:100%;width:100%;overflow:hidden}/*!@:host main*/.sc-ix-application-h main.sc-ix-application{display:block;position:relative;height:100%;width:100%;overflow:hidden}/*!@:host(.breakpoint-md)*/.breakpoint-md.sc-ix-application-h{--ix-application-menu-margin-left:3.25rem}/*!@:host(.breakpoint-md) aside.slotted*/.breakpoint-md.sc-ix-application-h aside.slotted.sc-ix-application{margin-left:var(--ix-application-menu-margin-left)}/*!@:host(.breakpoint-md) aside.slotted + main*/.breakpoint-md.sc-ix-application-h aside.slotted.sc-ix-application+main.sc-ix-application{margin-left:0}/*!@:host(.breakpoint-md) aside:not(.slotted) + main*/.breakpoint-md.sc-ix-application-h aside.sc-ix-application:not(.slotted)+main.sc-ix-application{margin-left:var(--ix-application-menu-margin-left)}/*!@:host(.breakpoint-lg)*/.breakpoint-lg.sc-ix-application-h{--ix-application-menu-margin-left:0}/*!@:host(.breakpoint-sm)*/.breakpoint-sm.sc-ix-application-h{--ix-application-menu-margin-left:0}";
+const applicationCss = "/*!@:host*/.sc-ix-application-h{display:flex;position:relative;width:100%;height:100%;flex-direction:column}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-application-h *.sc-ix-application,.sc-ix-application-h *.sc-ix-application::after,.sc-ix-application-h *.sc-ix-application::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-application-h .sc-ix-application::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-application-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-application-h .sc-ix-application::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-application-h .sc-ix-application::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-application-h .sc-ix-application::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-application-h .sc-ix-application::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-application-h .sc-ix-application::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-application-h .sc-ix-application::-webkit-scrollbar-corner{display:none}/*!@:host ix-application-header*/.sc-ix-application-h ix-application-header.sc-ix-application{z-index:calc(var(--theme-z-index-sticky) + 1)}/*!@:host .logo-wrapper*/.sc-ix-application-h .logo-wrapper.sc-ix-application{display:contents}/*!@:host .application*/.sc-ix-application-h .application.sc-ix-application{display:flex;position:relative;flex-direction:row;height:100%;width:100%;overflow:hidden}/*!@:host .content-area*/.sc-ix-application-h .content-area.sc-ix-application{display:flex;position:relative;flex-direction:column;flex-wrap:nowrap;height:calc(100% - var(--ix-safe-area-inset-bottom, 0px));width:100%;margin-left:var(--ix-application-menu-margin-left)}/*!@:host main*/.sc-ix-application-h main.sc-ix-application{display:block;position:relative;flex-grow:1;width:100%;padding-bottom:var(--ix-safe-area-inset-bottom);overflow:auto}/*!@:host footer*/.sc-ix-application-h footer.sc-ix-application{display:block;position:relative;width:100%}/*!@:host(.breakpoint-md)*/.breakpoint-md.sc-ix-application-h{--ix-application-menu-margin-left:calc(\n    3.25rem + var(--ix-application-menu-safe-area-left, 0rem)\n  )}/*!@:host(.breakpoint-md) aside.slotted*/.breakpoint-md.sc-ix-application-h aside.slotted.sc-ix-application{margin-left:var(--ix-application-menu-margin-left)}/*!@:host(.breakpoint-md) aside.slotted + .content-area*/.breakpoint-md.sc-ix-application-h aside.slotted.sc-ix-application+.content-area.sc-ix-application{margin-left:0}/*!@:host(.breakpoint-md) aside:not(.slotted) + .content-area*/.breakpoint-md.sc-ix-application-h aside.sc-ix-application:not(.slotted)+.content-area.sc-ix-application{margin-left:var(--ix-application-menu-margin-left)}/*!@:host(.breakpoint-lg)*/.breakpoint-lg.sc-ix-application-h{--ix-application-menu-margin-left:0}/*!@:host(.breakpoint-sm)*/.breakpoint-sm.sc-ix-application-h{--ix-application-menu-margin-left:var(\n    --ix-application-menu-safe-area-left,\n    0rem\n  )}";
 var IxApplicationStyle0 = applicationCss;
 
 /**
@@ -2807,7 +2807,7 @@ class Application {
             } }, hAsync("slot", { key: '2f4a52a13679af639648164eff165d5dd37ec951', name: "application-header" }), hAsync("div", { key: 'b316ff04f23e4606d54ddcc5531ed884b988e360', class: "application" }, hAsync("slot", { key: '40f4800917fa9f24cdc50c72543e2c7181878775', name: "menu" }), hAsync("aside", { key: '62e0120b64ad942e7dd991b6fe9912b60e36e04f', class: {
                 'application-sidebar': true,
                 slotted: this.applicationSidebarSlotted,
-            }, onClick: () => this.onContentClick() }, hAsync("slot", { key: '211f35df78de174484e914fa646227ba290fb9ae', name: "application-sidebar", onSlotchange: () => (this.applicationSidebarSlotted = hasSlottedElements(this.applicationSidebarSlot)) })), hAsync("main", { key: 'f58973392fbff54f0aef27ae95560cfb36dbd568', class: "content", onClick: () => this.onContentClick() }, hAsync("slot", { key: 'ac63821ff0fde080c1dd284dcb7df10113cb6477' })))));
+            }, onClick: () => this.onContentClick() }, hAsync("slot", { key: '211f35df78de174484e914fa646227ba290fb9ae', name: "application-sidebar", onSlotchange: () => (this.applicationSidebarSlotted = hasSlottedElements(this.applicationSidebarSlot)) })), hAsync("div", { key: '5913187261ced8e7ff12ee3d352d33b0c5e9f49b', class: "content-area" }, hAsync("main", { key: 'ae580e752d753b0dbbdc4743f538d0a0bf8320eb', class: "content", onClick: () => this.onContentClick() }, hAsync("slot", { key: '7954efb9b316bfd53191569e1b5bb32b8fafae2e' })), hAsync("footer", { key: '3c41b12023cfb59373efe0fa88db93236f6f0f01', class: "footer" }, hAsync("slot", { key: '9307b5f999ffcd96b7cd6f7b217f10b94c1a901f', name: "bottom" }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -2974,7 +2974,7 @@ async function showAppSwitch(config) {
     };
 }
 
-const applicationHeaderCss = "/*!@:host*/.sc-ix-application-header-h{display:flex;align-items:center;position:relative;width:100%;height:2.75rem;min-height:2.75rem;padding:0 1rem 0 0.625rem;color:var(--theme-app-header--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color);z-index:var(--theme-z-index-fixed)}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-application-header-h *.sc-ix-application-header,.sc-ix-application-header-h *.sc-ix-application-header::after,.sc-ix-application-header-h *.sc-ix-application-header::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-application-header-h .sc-ix-application-header::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-application-header-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-application-header-h .sc-ix-application-header::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-application-header-h .sc-ix-application-header::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-application-header-h .sc-ix-application-header::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-application-header-h .sc-ix-application-header::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-application-header-h .sc-ix-application-header::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-application-header-h .sc-ix-application-header::-webkit-scrollbar-corner{display:none}/*!@:host .app-switch*/.sc-ix-application-header-h .app-switch.sc-ix-application-header{margin-right:1rem}/*!@:host .name*/.sc-ix-application-header-h .name.sc-ix-application-header{overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;text-wrap:nowrap;max-width:50%;margin-left:1.5rem;margin-right:2.5rem;color:var(--theme-app-header--color)}/*!@:host .logo*/.sc-ix-application-header-h .logo.sc-ix-application-header{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden;line-height:0rem;color:var(--theme-app-header-logo--color);margin-left:0.375rem}/*!@:host .content*/.sc-ix-application-header-h .content.sc-ix-application-header{display:flex;position:relative;flex-direction:row;margin-left:auto;margin-right:0px}/*!@:host .dropdown*/.sc-ix-application-header-h .dropdown.sc-ix-application-header{overflow:visible}/*!@:host .dropdown-content*/.sc-ix-application-header-h .dropdown-content.sc-ix-application-header{padding:1rem}/*!@:host .context-menu*/.sc-ix-application-header-h .context-menu.sc-ix-application-header{display:none}/*!@:host .context-menu.context-menu-visible*/.sc-ix-application-header-h .context-menu.context-menu-visible.sc-ix-application-header{display:block}@media only screen and (max-width: 48em){/*!@:host .logo*/.sc-ix-application-header-h .logo.sc-ix-application-header{display:none}}/*!@:host ::slotted(ix-avatar)*/.sc-ix-application-header-h .sc-ix-application-header-s>ix-avatar{margin-left:1rem}/*!@:host(.breakpoint-sm)*/.breakpoint-sm.sc-ix-application-header-h{padding-left:0.625rem}/*!@:host(.breakpoint-sm) .logo*/.breakpoint-sm.sc-ix-application-header-h .logo.sc-ix-application-header{margin-left:0.5rem}";
+const applicationHeaderCss = "/*!@:host*/.sc-ix-application-header-h{display:flex;align-items:flex-end;flex-wrap:nowrap;position:relative;width:100%;height:calc(2.75rem + var(--ix-safe-area-inset-top, 0rem));min-height:calc(2.75rem + var(--ix-safe-area-inset-top, 0rem));padding-top:0;padding-right:calc(1rem + var(--ix-safe-area-inset-right, 0rem));padding-bottom:0.3rem;padding-left:calc(0.625rem + var(--ix-safe-area-inset-left, 0rem));color:var(--theme-app-header--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color);z-index:var(--theme-z-index-fixed)}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-application-header-h *.sc-ix-application-header,.sc-ix-application-header-h *.sc-ix-application-header::after,.sc-ix-application-header-h *.sc-ix-application-header::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-application-header-h .sc-ix-application-header::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-application-header-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-application-header-h .sc-ix-application-header::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-application-header-h .sc-ix-application-header::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-application-header-h .sc-ix-application-header::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-application-header-h .sc-ix-application-header::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-application-header-h .sc-ix-application-header::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-application-header-h .sc-ix-application-header::-webkit-scrollbar-corner{display:none}/*!@:host .app-switch*/.sc-ix-application-header-h .app-switch.sc-ix-application-header{margin-right:1rem}/*!@:host .name*/.sc-ix-application-header-h .name.sc-ix-application-header{overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;text-wrap:nowrap;max-width:50%;margin-left:1.5rem;margin-right:2.5rem;margin-bottom:0.25rem;color:var(--theme-app-header--color)}/*!@:host .logo*/.sc-ix-application-header-h .logo.sc-ix-application-header{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden;line-height:0rem;color:var(--theme-app-header-logo--color);margin-left:0.375rem}/*!@:host .content*/.sc-ix-application-header-h .content.sc-ix-application-header{display:flex;position:relative;flex-direction:row;margin-left:auto;margin-right:0px}/*!@:host .dropdown*/.sc-ix-application-header-h .dropdown.sc-ix-application-header{overflow:visible}/*!@:host .dropdown-content*/.sc-ix-application-header-h .dropdown-content.sc-ix-application-header{padding:1rem}/*!@:host .context-menu*/.sc-ix-application-header-h .context-menu.sc-ix-application-header{display:none}/*!@:host .context-menu.context-menu-visible*/.sc-ix-application-header-h .context-menu.context-menu-visible.sc-ix-application-header{display:block}@media only screen and (max-width: 48em){/*!@:host .logo*/.sc-ix-application-header-h .logo.sc-ix-application-header{display:none}}/*!@:host ::slotted(ix-avatar)*/.sc-ix-application-header-h .sc-ix-application-header-s>ix-avatar{margin-left:1rem}/*!@:host(.breakpoint-sm) .logo*/.breakpoint-sm.sc-ix-application-header-h .logo.sc-ix-application-header{margin-left:0.5rem}";
 var IxApplicationHeaderStyle0 = applicationHeaderCss;
 
 /**
@@ -2983,7 +2983,9 @@ var IxApplicationHeaderStyle0 = applicationHeaderCss;
 class ApplicationHeader {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.menuToggle = createEvent(this, "menuToggle", 7);
         this.name = undefined;
+        this.showMenu = false;
         this.breakpoint = 'lg';
         this.menuExpanded = false;
         this.suppressResponsive = false;
@@ -3009,7 +3011,6 @@ class ApplicationHeader {
         });
         this.modeDisposable = applicationLayoutService.onChange.on((mode) => {
             if (this.suppressResponsive) {
-                this.breakpoint = 'md';
                 return;
             }
             this.breakpoint = mode;
@@ -3024,6 +3025,14 @@ class ApplicationHeader {
         (_a = this.menuDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
         (_b = this.modeDisposable) === null || _b === void 0 ? void 0 : _b.dispose();
     }
+    watchApplicationLayoutContext() {
+        if (this.applicationLayoutContext) {
+            this.showMenu = false;
+        }
+    }
+    watchSuppressResponsive() {
+        this.breakpoint = 'md';
+    }
     isLogoSlotted() {
         const slotElement = this.hostElement.shadowRoot.querySelector('slot[name="logo"]');
         const nodes = slotElement.assignedNodes({
@@ -3041,7 +3050,13 @@ class ApplicationHeader {
         }
     }
     async onMenuClick() {
-        menuController.toggle();
+        if (this.applicationLayoutContext) {
+            menuController.toggle();
+        }
+        else {
+            this.menuExpanded = !this.menuExpanded;
+        }
+        this.menuToggle.emit(this.menuExpanded);
     }
     resolveContextMenuButton() {
         return new Promise((resolve) => readTask(() => resolve(this.hostElement.shadowRoot.querySelector('[data-context-menu]'))));
@@ -3068,20 +3083,32 @@ class ApplicationHeader {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '58565e3136e17a2d3cae46a4add8f2ba245b59bc', class: { [`breakpoint-${this.breakpoint}`]: true }, slot: "application-header" }, this.breakpoint === 'sm' && this.suppressResponsive === false && (hAsync("ix-menu-expand-icon", { key: 'da63965f1ced1898c799a48212eb7a4afdf35ffd', onClick: () => this.onMenuClick(), expanded: this.menuExpanded })), ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) &&
+        const hasApplicationContextAvailable = !!this.applicationLayoutContext;
+        const showMenuByApplicationFrame = this.breakpoint === 'sm' &&
+            this.suppressResponsive === false &&
+            hasApplicationContextAvailable;
+        const showApplicationSwitch = ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) &&
             this.breakpoint !== 'sm' &&
-            this.suppressResponsive === false && (hAsync("ix-icon-button", { key: 'fce7acda771398cd8f8f79dcb05254354e9524c8', onClick: () => this.showAppSwitch(), icon: "apps", ghost: true, class: "app-switch" })), hAsync("div", { key: '20d47359153147df9636a2170e4987113871e701', class: "logo" }, hAsync("slot", { key: '3889ece809965cd8c5a256e6551b1d4961774977', name: "logo" })), hAsync("div", { key: '4e9c07f44beb7c476d61657bb303764c74ee174e', class: "name" }, this.name), hAsync("div", { key: '099a3a4842da94cd54f789ee29380ab057957550', class: "content" }, this.breakpoint === 'sm' ? (hAsync(Fragment, null, hAsync("ix-icon-button", { class: {
+            this.suppressResponsive === false;
+        return (hAsync(Host, { key: 'd81892c63d0b963455f7b86741241528dd4e65a5', class: {
+                [`breakpoint-${this.breakpoint}`]: true,
+            }, slot: "application-header" }, (this.showMenu || showMenuByApplicationFrame) && (hAsync("ix-menu-expand-icon", { key: 'db19b6cc240df8f3299e671d0ee8a56bdf7f6977', onClick: () => this.onMenuClick(), expanded: this.menuExpanded })), showApplicationSwitch && (hAsync("ix-icon-button", { key: '5a31ea7e0007c3ab3b78c96b649f917745bc7435', onClick: () => this.showAppSwitch(), icon: "apps", ghost: true, class: "app-switch" })), hAsync("div", { key: '4b083dd5ce9023d17371364b541ef0f29ec6d76f', class: { logo: true } }, hAsync("slot", { key: '7039706bbb7355302e069e22621b41cd756345d9', name: "logo" })), hAsync("ix-typography", { key: '3f365f3947b52f3788f6d4ec4180c23ec12d2509', format: "body-lg", class: "name" }, this.name), hAsync("div", { key: '20427a902bacbe4db73bbaf43fc8a5477d7a13a2', class: "content" }, this.breakpoint === 'sm' ? (hAsync(Fragment, null, hAsync("ix-icon-button", { class: {
                 ['context-menu']: true,
                 ['context-menu-visible']: this.hasSlottedElements,
-            }, "data-context-menu": true, icon: "more-menu", ghost: true }), hAsync("ix-dropdown", { "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton() }, hAsync("div", { class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, hAsync("slot", { onSlotchange: () => this.updateIsSlottedContent() }))))) : (hAsync("slot", { onSlotchange: () => this.updateIsSlottedContent() })), hAsync("slot", { key: 'ba4c1d46798c9cb325b933905df7bb17a4aedfc6', name: "ix-application-header-avatar" }))));
+            }, "data-context-menu": true, icon: "more-menu", ghost: true }), hAsync("ix-dropdown", { "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton() }, hAsync("div", { class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, hAsync("slot", { onSlotchange: () => this.updateIsSlottedContent() }))))) : (hAsync("slot", { onSlotchange: () => this.updateIsSlottedContent() })), hAsync("slot", { key: 'baea46e8a2cec2e4fbdb99752bf6697cf314855e', name: "ix-application-header-avatar" }))));
     }
     get hostElement() { return getElement(this); }
+    static get watchers() { return {
+        "applicationLayoutContext": ["watchApplicationLayoutContext"],
+        "suppressResponsive": ["watchSuppressResponsive"]
+    }; }
     static get style() { return IxApplicationHeaderStyle0; }
     static get cmpMeta() { return {
         "$flags$": 9,
         "$tagName$": "ix-application-header",
         "$members$": {
             "name": [1],
+            "showMenu": [1028, "show-menu"],
             "breakpoint": [32],
             "menuExpanded": [32],
             "suppressResponsive": [32],
@@ -4432,7 +4459,7 @@ class ApplicationSidebar {
         anime(animation);
     }
     render() {
-        return (hAsync(Host, { key: 'fe0f54c79115877bac6d0032320550ad2e3fe089', slot: "application-sidebar", class: {
+        return (hAsync(Host, { key: '58452e01549d1141ba862068da508cf9cb57ce39', slot: "application-sidebar", class: {
                 visible: this.visible,
             } }, this.visible ? hAsync("slot", null) : null));
     }
@@ -4489,7 +4516,7 @@ class ApplicationSwitchModal {
     }
     render() {
         var _a, _b, _c, _d;
-        return (hAsync(Host, { key: '2c9a4d11f697563924effefae0ca86ca826fa9c1' }, hAsync("ix-modal-header", { key: '09586fc6d884b175ea95e8f4f42e9017c2874ef4', icon: "apps" }, ((_a = this.config) === null || _a === void 0 ? void 0 : _a.i18nAppSwitch) || 'Switch to application'), hAsync("ix-modal-content", { key: '44be3f676830e44c4450ac9a85280829d2570004', class: "content" }, hAsync("div", { key: 'd15e8b91de03f40013cfe94cde3159619b8ee8cc', class: "content-apps" }, (!this.config || ((_b = this.config) === null || _b === void 0 ? void 0 : _b.apps.length) === 0) && (hAsync("div", { key: '5d8cc548c1c7adaa83c89ac329d04be5e6f7a59c', class: "loading" }, hAsync("ix-spinner", { key: '80c9c4adb4546028848d2b47929527b613152651', size: "medium", variant: "primary" }), hAsync("span", { key: 'c06fc0f909d940df03402e360e2a3d64bd9decc4' }, ((_c = this.config) === null || _c === void 0 ? void 0 : _c.i18nLoadingApps) ||
+        return (hAsync(Host, { key: '13df4ab7564da79469932dcc5bf35eed6970d3c4' }, hAsync("ix-modal-header", { key: '299cbb27124b8f93e24ab45de1a884604a84763b', icon: "apps" }, ((_a = this.config) === null || _a === void 0 ? void 0 : _a.i18nAppSwitch) || 'Switch to application'), hAsync("ix-modal-content", { key: 'd3ef35dc36431cc1bb0dd203518d01f6cf768aa7', class: "content" }, hAsync("div", { key: 'de19382fb99fe6b871451e62413f43e382a42eb8', class: "content-apps" }, (!this.config || ((_b = this.config) === null || _b === void 0 ? void 0 : _b.apps.length) === 0) && (hAsync("div", { key: '66e1e8ba812abb5ce81798607fb3d93715c4a756', class: "loading" }, hAsync("ix-spinner", { key: '54839567ae56eb47457d73cc4b0f2033f659c88b', size: "medium", variant: "primary" }), hAsync("span", { key: '39c47a980c5d230e8365c70c6957d38385eb80d1' }, ((_c = this.config) === null || _c === void 0 ? void 0 : _c.i18nLoadingApps) ||
             'Loading available applications...'))), (_d = this.config) === null || _d === void 0 ? void 0 :
             _d.apps.map((appEntry) => {
                 var _a;
@@ -4575,7 +4602,7 @@ function BaseButton(props, children) {
         props.afterContent ? props.afterContent : null));
 }
 
-const avatarCss = "/*!@:host*/.sc-ix-avatar-h{display:flex;position:relative;width:-moz-fit-content;width:fit-content}/*!@:host .avatar*/.sc-ix-avatar-h .avatar.sc-ix-avatar{display:flex;align-items:center}/*!@:host .avatar > .avatar-image*/.sc-ix-avatar-h .avatar.sc-ix-avatar>.avatar-image.sc-ix-avatar{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}/*!@:host .avatar > .avatar-initials*/.sc-ix-avatar-h .avatar.sc-ix-avatar>.avatar-initials.sc-ix-avatar{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-avatar--background);color:var(--theme-avatar--color)}/*!@:host .avatar #avatar-path-background*/.sc-ix-avatar-h .avatar.sc-ix-avatar #avatar-path-background.sc-ix-avatar{fill:var(--theme-avatar--background)}/*!@:host .avatar #avatar-path-person*/.sc-ix-avatar-h .avatar.sc-ix-avatar #avatar-path-person.sc-ix-avatar{fill:var(--theme-avatar--color)}/*!@:host .user-info*/.sc-ix-avatar-h .user-info.sc-ix-avatar{display:flex;flex-direction:row;position:relative;height:2.5rem;padding:1rem;width:12.75rem;min-width:12.75rem;max-width:12.75rem;gap:1rem}/*!@:host .user-info .avatar*/.sc-ix-avatar-h .user-info.sc-ix-avatar .avatar.sc-ix-avatar{width:2rem;pointer-events:none}/*!@:host .user-info .user*/.sc-ix-avatar-h .user-info.sc-ix-avatar .user.sc-ix-avatar{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:10rem;width:100%;overflow:hidden}/*!@:host .user-info .username*/.sc-ix-avatar-h .user-info.sc-ix-avatar .username.sc-ix-avatar{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}/*!@:host .user-info .extra*/.sc-ix-avatar-h .user-info.sc-ix-avatar .extra.sc-ix-avatar{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}/*!@:host(.avatar-button) button*/.avatar-button.sc-ix-avatar-h button.sc-ix-avatar{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem;padding:0px;border-radius:100px !important}/*!@:host(.avatar-button) .btn-invisible-primary*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.sc-ix-avatar{border-radius:var(--theme-btn--border-radius)}/*!@:host(.avatar-button) .btn-invisible-primary, :host(.avatar-button) .btn-invisible-primary.focus, :host(.avatar-button) .btn-invisible-primary:focus-visible*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.sc-ix-avatar,.avatar-button.sc-ix-avatar-h .btn-invisible-primary.focus.sc-ix-avatar,.avatar-button.sc-ix-avatar-h .btn-invisible-primary.sc-ix-avatar:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}/*!@:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.sc-ix-avatar:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}/*!@:host(.avatar-button) .btn-invisible-primary.selected*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.selected.sc-ix-avatar{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled)*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.selected.sc-ix-avatar:not(.disabled):not(:disabled){cursor:pointer}/*!@:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover, :host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.selected.sc-ix-avatar:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled)*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.selected.sc-ix-avatar:not(.disabled):not(:disabled){cursor:pointer}/*!@:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled):active, :host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled).active*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.selected.sc-ix-avatar:not(.disabled):not(:disabled):active,.avatar-button.sc-ix-avatar-h .btn-invisible-primary.selected.sc-ix-avatar:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled)*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.sc-ix-avatar:not(.disabled):not(:disabled){cursor:pointer}/*!@:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):hover, :host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):hover*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.sc-ix-avatar:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}/*!@:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled)*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.sc-ix-avatar:not(.disabled):not(:disabled){cursor:pointer}/*!@:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):active, :host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled).active*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.sc-ix-avatar:not(.disabled):not(:disabled):active,.avatar-button.sc-ix-avatar-h .btn-invisible-primary.sc-ix-avatar:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}/*!@:host(.avatar-button) li*/.avatar-button.sc-ix-avatar-h li.sc-ix-avatar{transform:scale(0.8)}";
+const avatarCss = "/*!@:host*/.sc-ix-avatar-h{display:flex;position:relative;width:-moz-fit-content;width:fit-content}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-avatar-h .sc-ix-avatar::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-avatar-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-avatar-h .sc-ix-avatar::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-avatar-h .sc-ix-avatar::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-avatar-h .sc-ix-avatar::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-avatar-h .sc-ix-avatar::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-avatar-h .sc-ix-avatar::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-avatar-h .sc-ix-avatar::-webkit-scrollbar-corner{display:none}/*!@:host .avatar*/.sc-ix-avatar-h .avatar.sc-ix-avatar{display:flex;align-items:center}/*!@:host .avatar > .avatar-image*/.sc-ix-avatar-h .avatar.sc-ix-avatar>.avatar-image.sc-ix-avatar{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}/*!@:host .avatar > .avatar-initials*/.sc-ix-avatar-h .avatar.sc-ix-avatar>.avatar-initials.sc-ix-avatar{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-avatar--background);color:var(--theme-avatar--color)}/*!@:host .avatar #avatar-path-background*/.sc-ix-avatar-h .avatar.sc-ix-avatar #avatar-path-background.sc-ix-avatar{fill:var(--theme-avatar--background)}/*!@:host .avatar #avatar-path-person*/.sc-ix-avatar-h .avatar.sc-ix-avatar #avatar-path-person.sc-ix-avatar{fill:var(--theme-avatar--color)}/*!@:host .user-info*/.sc-ix-avatar-h .user-info.sc-ix-avatar{display:flex;flex-direction:row;position:relative;height:2.5rem;padding:1rem;width:12.75rem;min-width:12.75rem;max-width:12.75rem;gap:1rem}/*!@:host .user-info .avatar*/.sc-ix-avatar-h .user-info.sc-ix-avatar .avatar.sc-ix-avatar{width:2rem;pointer-events:none}/*!@:host .user-info .user*/.sc-ix-avatar-h .user-info.sc-ix-avatar .user.sc-ix-avatar{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:10rem;width:100%;overflow:hidden}/*!@:host .user-info .username*/.sc-ix-avatar-h .user-info.sc-ix-avatar .username.sc-ix-avatar{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}/*!@:host .user-info .extra*/.sc-ix-avatar-h .user-info.sc-ix-avatar .extra.sc-ix-avatar{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}/*!@:host(.avatar-button) button*/.avatar-button.sc-ix-avatar-h button.sc-ix-avatar{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem;padding:0px;border-radius:100px !important}/*!@:host(.avatar-button) .btn-invisible-primary*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.sc-ix-avatar{border-radius:var(--theme-btn--border-radius)}/*!@:host(.avatar-button) .btn-invisible-primary, :host(.avatar-button) .btn-invisible-primary.focus, :host(.avatar-button) .btn-invisible-primary:focus-visible*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.sc-ix-avatar,.avatar-button.sc-ix-avatar-h .btn-invisible-primary.focus.sc-ix-avatar,.avatar-button.sc-ix-avatar-h .btn-invisible-primary.sc-ix-avatar:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}/*!@:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.sc-ix-avatar:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}/*!@:host(.avatar-button) .btn-invisible-primary.selected*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.selected.sc-ix-avatar{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}/*!@:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled)*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.selected.sc-ix-avatar:not(.disabled):not(:disabled){cursor:pointer}/*!@:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover, :host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.selected.sc-ix-avatar:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}/*!@:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled)*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.selected.sc-ix-avatar:not(.disabled):not(:disabled){cursor:pointer}/*!@:host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled):active, :host(.avatar-button) .btn-invisible-primary.selected:not(.disabled):not(:disabled).active*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.selected.sc-ix-avatar:not(.disabled):not(:disabled):active,.avatar-button.sc-ix-avatar-h .btn-invisible-primary.selected.sc-ix-avatar:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}/*!@:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled)*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.sc-ix-avatar:not(.disabled):not(:disabled){cursor:pointer}/*!@:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):hover, :host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):hover*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.sc-ix-avatar:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}/*!@:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled)*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.sc-ix-avatar:not(.disabled):not(:disabled){cursor:pointer}/*!@:host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled):active, :host(.avatar-button) .btn-invisible-primary:not(.disabled):not(:disabled).active*/.avatar-button.sc-ix-avatar-h .btn-invisible-primary.sc-ix-avatar:not(.disabled):not(:disabled):active,.avatar-button.sc-ix-avatar-h .btn-invisible-primary.sc-ix-avatar:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}/*!@:host(.avatar-button) li*/.avatar-button.sc-ix-avatar-h li.sc-ix-avatar{transform:scale(0.8)}";
 var IxAvatarStyle0 = avatarCss;
 
 function DefaultAvatar(props) {
@@ -4711,10 +4738,10 @@ class BasicNavigation {
         (_a = this.modeDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
     }
     render() {
-        return (hAsync(Host, { key: 'f7c1e352f7b85360afaa4aa7302394fbcefaa33a', "data-role": "", class: {
+        return (hAsync(Host, { key: 'b666966827ad02aaf1efeb3c8e80e476279a2416', "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: 'bbd969c401308a804a6b8973a038daca551fc8c4', class: "navigation-content" }, hAsync("slot", { key: '3b09f85c77fda585b91786049d590e94c6bc3717', name: "menu" }), hAsync("div", { key: '05b1eb22f097cf421f0ed0c747364c5b33418190', class: "content", onClick: () => this.onContentClick() }, hAsync("slot", { key: 'e46d1d8ddc56270570e28ea814087506202e7217' })))));
+            } }, !this.hideHeader ? (hAsync("ix-application-header", { name: this.applicationName }, hAsync("slot", { name: "logo", slot: "logo" }))) : null, hAsync("div", { key: '1d470073c3840334f2776e1651672ce896c38609', class: "navigation-content" }, hAsync("slot", { key: '1288c6fb5d71c87ffa78e9407de01e26bd0da896', name: "menu" }), hAsync("div", { key: 'ceb81e26897c1e229746ad65c8ca33cc0412dadc', class: "content", onClick: () => this.onContentClick() }, hAsync("slot", { key: '67fa579c656f227d7fa555ceafdf20e07cc2bf0c' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -4739,7 +4766,7 @@ class BasicNavigation {
 }
 
 /*
- * SPDX-FileCopyrightText: 2023 Siemens AG
+ * SPDX-FileCopyrightText: 2024 Siemens AG
  *
  * SPDX-License-Identifier: MIT
  *
@@ -5054,7 +5081,7 @@ class Breadcrumb {
     render() {
         var _a, _b, _c, _d;
         const a11y = a11yHostAttributes(this.hostElement);
-        return (hAsync(Host, { key: '6fd820850cf0fce9b8f4e6d16587ad3458062c48' }, hAsync("ix-dropdown", { key: '46a3b21d0be6c27f8cc5050b5cb420ce1d55c046', 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: '01b7b3c2b8e5b4eccea75ea1ffb85d91516888ab' }, hAsync("ix-dropdown", { key: 'acd5584e3cfcb2b698a36e65a9f706f955f525e7', id: this.previousDropdownId, "aria-label": this.ariaLabelPreviousButton, trigger: ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > this.visibleItemCount
                 ? this.previousButtonRef
                 : null, onShowChanged: ({ detail }) => {
                 this.isPreviousDropdownExpanded = detail;
@@ -5071,7 +5098,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: (ref) => (this.previousButtonRef = ref), 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: 'd4ea11b5d3417f434ef2485075cb08c66fe7169e', class: "crumb-items", "aria-label": (_c = a11y['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, hAsync("ol", { key: '97fa52f7ddf3fc18ad7a90b8f28cf561d238146f' }, hAsync("slot", { key: '33b1ce72c69620d9bd7b702c7bf5540c081c687d' }))), hAsync("ix-dropdown", { key: 'e635c5495fdfd8e21f6e233d3ca6b5c444e099dc', trigger: this.nextButtonRef }, (_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: (ref) => (this.previousButtonRef = ref), 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: '5528a34e56c4dbcf8130652b517ca717c3158294', class: "crumb-items", "aria-label": (_c = a11y['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, hAsync("ol", { key: '5e74629e99a27aad5140a0bf519db8513adfc5ff' }, hAsync("slot", { key: '4cf1e9f67ca27bd9f8f6e06e6e6a946048306f78' }))), hAsync("ix-dropdown", { key: 'f16070f4edffdef90c32e8f426e492d8b856f5ef', trigger: this.nextButtonRef }, (_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,
@@ -5255,7 +5282,7 @@ class Button {
     }; }
 }
 
-const cardCss = "/*!@:host*/.sc-ix-card-h{display:flex;position:relative;flex-direction:column;align-items:flex-start;align-self:flex-start;overflow:hidden;width:20rem;border:1px solid var(--ix-card-border-color, var(--theme-color-soft-bdr));border-radius:var(--theme-default-border-radius)}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-card-h *.sc-ix-card,.sc-ix-card-h *.sc-ix-card::after,.sc-ix-card-h *.sc-ix-card::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-card-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-corner{display:none}/*!@:host .card-content*/.sc-ix-card-h .card-content.sc-ix-card{display:block;position:relative;flex-shrink:0;flex-grow:1;width:100%;height:calc(100% - 2rem);background-color:var(--ix-card-background, transparent);border-top-left-radius:var(--theme-default-border-radius);border-top-right-radius:var(--theme-default-border-radius)}/*!@:host .card-footer*/.sc-ix-card-h .card-footer.sc-ix-card{display:flex;position:relative;width:100%}/*!@:host(.card-insight)*/.card-insight.sc-ix-card-h{--ix-card-background:transparent;--ix-card-border-color:var(--theme-color-soft-bdr)}/*!@:host(.card-notification)*/.card-notification.sc-ix-card-h{--ix-card-background:var(--theme-color-component-1)}/*!@:host(.card-alarm)*/.card-alarm.sc-ix-card-h{--ix-card-background:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}/*!@:host(.card-critical)*/.card-critical.sc-ix-card-h{--ix-card-background:var(--theme-color-critical);color:var(--theme-color-critical--contrast)}/*!@:host(.card-warning)*/.card-warning.sc-ix-card-h{--ix-card-background:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}/*!@:host(.card-success)*/.card-success.sc-ix-card-h{--ix-card-background:var(--theme-color-success);color:var(--theme-color-success--contrast)}/*!@:host(.card-info)*/.card-info.sc-ix-card-h{--ix-card-background:var(--theme-color-info);color:var(--theme-color-info--contrast)}/*!@:host(.card-neutral)*/.card-neutral.sc-ix-card-h{--ix-card-background:var(--theme-color-neutral);color:var(--theme-color-neutral--contrast)}/*!@:host(.card-primary)*/.card-primary.sc-ix-card-h{--ix-card-background:var(--theme-color-primary);color:var(--theme-color-neutral--contrast)}/*!@:host(:not(.card-insight))*/.sc-ix-card-h:not(.card-insight){--ix-card-border-color:transparent}/*!@:host(.card-insight:hover)*/.card-insight.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-ghost--hover)}/*!@:host(.card-notification:hover)*/.card-notification.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-component-1--hover)}/*!@:host(.card-alarm:hover)*/.card-alarm.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-alarm--hover)}/*!@:host(.card-critical:hover)*/.card-critical.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-critical--hover)}/*!@:host(.card-warning:hover)*/.card-warning.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-warning--hover)}/*!@:host(.card-success:hover)*/.card-success.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-success--hover)}/*!@:host(.card-info:hover)*/.card-info.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-info--hover)}/*!@:host(.card-neutral:hover)*/.card-neutral.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-neutral--hover)}/*!@:host(.card-primary:hover)*/.card-primary.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-primary--hover)}/*!@:host(.card-insight:active)*/.card-insight.sc-ix-card-h:active{--ix-card-background:var(--theme-color-ghost--active)}/*!@:host(.card-notification:active)*/.card-notification.sc-ix-card-h:active{--ix-card-background:var(--theme-color-component-1--active)}/*!@:host(.card-alarm:active)*/.card-alarm.sc-ix-card-h:active{--ix-card-background:var(--theme-color-alarm--active)}/*!@:host(.card-critical:active)*/.card-critical.sc-ix-card-h:active{--ix-card-background:var(--theme-color-critical--active)}/*!@:host(.card-warning:active)*/.card-warning.sc-ix-card-h:active{--ix-card-background:var(--theme-color-warning--active)}/*!@:host(.card-success:active)*/.card-success.sc-ix-card-h:active{--ix-card-background:var(--theme-color-success--active)}/*!@:host(.card-info:active)*/.card-info.sc-ix-card-h:active{--ix-card-background:var(--theme-color-info--active)}/*!@:host(.card-neutral:active)*/.card-neutral.sc-ix-card-h:active{--ix-card-background:var(--theme-color-neutral--active)}/*!@:host(.card-primary:active)*/.card-primary.sc-ix-card-h:active{--ix-card-background:var(--theme-color-primary--active)}/*!@:host(.selected)*/.selected.sc-ix-card-h{--ix-card-border-color:var(--theme-color-dynamic)}/*!@:host(.selected.card-insight)*/.selected.card-insight.sc-ix-card-h{--ix-card-background:var(--theme-color-ghost--selected)}/*!@:host(.selected.card-notification)*/.selected.card-notification.sc-ix-card-h{--ix-card-background:var(--theme-color-ghost--selected)}/*!@:host(.selected.card-alarm)*/.selected.card-alarm.sc-ix-card-h{--ix-card-background:var(--theme-color-alarm--active)}/*!@:host(.selected.card-critical)*/.selected.card-critical.sc-ix-card-h{--ix-card-background:var(--theme-color-critical--active)}/*!@:host(.selected.card-warning)*/.selected.card-warning.sc-ix-card-h{--ix-card-background:var(--theme-color-warning--active)}/*!@:host(.selected.card-success)*/.selected.card-success.sc-ix-card-h{--ix-card-background:var(--theme-color-success--active)}/*!@:host(.selected.card-info)*/.selected.card-info.sc-ix-card-h{--ix-card-background:var(--theme-color-info--active)}/*!@:host(.selected.card-neutral)*/.selected.card-neutral.sc-ix-card-h{--ix-card-background:var(--theme-color-neutral--active)}/*!@:host(.selected.card-primary)*/.selected.card-primary.sc-ix-card-h{--ix-card-background:var(--theme-color-primary--active)}";
+const cardCss = "/*!@:host*/.sc-ix-card-h{display:flex;position:relative;flex-direction:column;align-items:flex-start;align-self:flex-start;overflow:hidden;width:20rem;border:1px solid var(--ix-card-border-color, var(--theme-color-soft-bdr));border-radius:var(--theme-default-border-radius)}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-card-h *.sc-ix-card,.sc-ix-card-h *.sc-ix-card::after,.sc-ix-card-h *.sc-ix-card::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-card-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-card-h .sc-ix-card::-webkit-scrollbar-corner{display:none}/*!@:host .card-content*/.sc-ix-card-h .card-content.sc-ix-card{display:block;position:relative;flex-shrink:0;flex-grow:1;width:100%;height:calc(100% - 2rem);background-color:var(--ix-card-background, transparent);border-top-left-radius:var(--theme-default-border-radius);border-top-right-radius:var(--theme-default-border-radius)}/*!@:host .card-footer*/.sc-ix-card-h .card-footer.sc-ix-card{display:flex;position:relative;width:100%}/*!@:host(.card-insight), :host(.card-outline)*/.card-insight.sc-ix-card-h,.card-outline.sc-ix-card-h{--ix-card-background:transparent;--ix-card-border-color:var(--theme-color-soft-bdr)}/*!@:host(.card-notification), :host(.card-filled)*/.card-notification.sc-ix-card-h,.card-filled.sc-ix-card-h{--ix-card-background:var(--theme-color-component-1)}/*!@:host(.card-alarm)*/.card-alarm.sc-ix-card-h{--ix-card-background:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}/*!@:host(.card-critical)*/.card-critical.sc-ix-card-h{--ix-card-background:var(--theme-color-critical);color:var(--theme-color-critical--contrast)}/*!@:host(.card-warning)*/.card-warning.sc-ix-card-h{--ix-card-background:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}/*!@:host(.card-success)*/.card-success.sc-ix-card-h{--ix-card-background:var(--theme-color-success);color:var(--theme-color-success--contrast)}/*!@:host(.card-info)*/.card-info.sc-ix-card-h{--ix-card-background:var(--theme-color-info);color:var(--theme-color-info--contrast)}/*!@:host(.card-neutral)*/.card-neutral.sc-ix-card-h{--ix-card-background:var(--theme-color-neutral);color:var(--theme-color-neutral--contrast)}/*!@:host(.card-primary)*/.card-primary.sc-ix-card-h{--ix-card-background:var(--theme-color-primary);color:var(--theme-color-neutral--contrast)}/*!@:host(:not(.card-insight))*/.sc-ix-card-h:not(.card-insight){--ix-card-border-color:transparent}/*!@:host(.card-insight:hover)*/.card-insight.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-ghost--hover)}/*!@:host(.card-notification:hover)*/.card-notification.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-component-1--hover)}/*!@:host(.card-alarm:hover)*/.card-alarm.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-alarm--hover)}/*!@:host(.card-critical:hover)*/.card-critical.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-critical--hover)}/*!@:host(.card-warning:hover)*/.card-warning.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-warning--hover)}/*!@:host(.card-success:hover)*/.card-success.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-success--hover)}/*!@:host(.card-info:hover)*/.card-info.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-info--hover)}/*!@:host(.card-neutral:hover)*/.card-neutral.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-neutral--hover)}/*!@:host(.card-primary:hover)*/.card-primary.sc-ix-card-h:hover{--ix-card-background:var(--theme-color-primary--hover)}/*!@:host(.card-insight:active)*/.card-insight.sc-ix-card-h:active{--ix-card-background:var(--theme-color-ghost--active)}/*!@:host(.card-notification:active)*/.card-notification.sc-ix-card-h:active{--ix-card-background:var(--theme-color-component-1--active)}/*!@:host(.card-alarm:active)*/.card-alarm.sc-ix-card-h:active{--ix-card-background:var(--theme-color-alarm--active)}/*!@:host(.card-critical:active)*/.card-critical.sc-ix-card-h:active{--ix-card-background:var(--theme-color-critical--active)}/*!@:host(.card-warning:active)*/.card-warning.sc-ix-card-h:active{--ix-card-background:var(--theme-color-warning--active)}/*!@:host(.card-success:active)*/.card-success.sc-ix-card-h:active{--ix-card-background:var(--theme-color-success--active)}/*!@:host(.card-info:active)*/.card-info.sc-ix-card-h:active{--ix-card-background:var(--theme-color-info--active)}/*!@:host(.card-neutral:active)*/.card-neutral.sc-ix-card-h:active{--ix-card-background:var(--theme-color-neutral--active)}/*!@:host(.card-primary:active)*/.card-primary.sc-ix-card-h:active{--ix-card-background:var(--theme-color-primary--active)}/*!@:host(.selected)*/.selected.sc-ix-card-h{--ix-card-border-color:var(--theme-color-dynamic)}/*!@:host(.selected.card-insight)*/.selected.card-insight.sc-ix-card-h{--ix-card-background:var(--theme-color-ghost--selected)}/*!@:host(.selected.card-notification)*/.selected.card-notification.sc-ix-card-h{--ix-card-background:var(--theme-color-ghost--selected)}/*!@:host(.selected.card-alarm)*/.selected.card-alarm.sc-ix-card-h{--ix-card-background:var(--theme-color-alarm--active)}/*!@:host(.selected.card-critical)*/.selected.card-critical.sc-ix-card-h{--ix-card-background:var(--theme-color-critical--active)}/*!@:host(.selected.card-warning)*/.selected.card-warning.sc-ix-card-h{--ix-card-background:var(--theme-color-warning--active)}/*!@:host(.selected.card-success)*/.selected.card-success.sc-ix-card-h{--ix-card-background:var(--theme-color-success--active)}/*!@:host(.selected.card-info)*/.selected.card-info.sc-ix-card-h{--ix-card-background:var(--theme-color-info--active)}/*!@:host(.selected.card-neutral)*/.selected.card-neutral.sc-ix-card-h{--ix-card-background:var(--theme-color-neutral--active)}/*!@:host(.selected.card-primary)*/.selected.card-primary.sc-ix-card-h{--ix-card-background:var(--theme-color-primary--active)}";
 var IxCardStyle0 = cardCss;
 
 /**
@@ -5268,10 +5295,10 @@ class Card {
         this.selected = undefined;
     }
     render() {
-        return (hAsync(Host, { key: 'f91df8c114ec01e95ae0eba29c8acf3cacbdec25', class: {
+        return (hAsync(Host, { key: '4d096be9c3db2847204633f22624296d892e2fb9', class: {
                 selected: this.selected,
                 [`card-${this.variant}`]: true,
-            } }, hAsync("div", { key: '24c775b7ae7b2940df9e101b702b91a17a0f6749', class: "card-content" }, hAsync("slot", { key: '57bfc8eb49985aae6aff8ea277475b2012ac8ba2' })), hAsync("div", { key: '8eac7eefd8020827e0ebf38be231de2c7b934797', class: "card-footer" }, hAsync("slot", { key: '207dc0b0ce6279ecb9dfda76e3d03a145a5ff168', name: "card-accordion" }))));
+            } }, hAsync("div", { key: 'e80707eb333158ac4f90fa0feaaede7309fa3567', class: "card-content" }, hAsync("slot", { key: '50b6d4885936ff438c4fcab7c7b1b9d5e54137f3' })), hAsync("div", { key: 'c964e703c4c7783fd30a889838583d8e0426994b', class: "card-footer" }, hAsync("slot", { key: 'df4b7c7e9f8fbdea42c2e9b657dc6e4488ea4562', name: "card-accordion" }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxCardStyle0; }
@@ -5288,7 +5315,7 @@ class Card {
     }; }
 }
 
-const cardAccordionCss = "/*!@:host*/.sc-ix-card-accordion-h{display:flex;position:relative;flex-direction:column;width:100%;transition:var(--theme-default-time) ease-in-out}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-card-accordion-h *.sc-ix-card-accordion,.sc-ix-card-accordion-h *.sc-ix-card-accordion::after,.sc-ix-card-accordion-h *.sc-ix-card-accordion::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-card-accordion-h .sc-ix-card-accordion::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-card-accordion-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-card-accordion-h .sc-ix-card-accordion::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-card-accordion-h .sc-ix-card-accordion::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-card-accordion-h .sc-ix-card-accordion::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-card-accordion-h .sc-ix-card-accordion::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-card-accordion-h .sc-ix-card-accordion::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-card-accordion-h .sc-ix-card-accordion::-webkit-scrollbar-corner{display:none}/*!@:host .expand-action*/.sc-ix-card-accordion-h .expand-action.sc-ix-card-accordion{all:unset;display:flex;position:relative;-webkit-appearance:button;-moz-appearance:button;appearance:button;height:2.5rem;width:100%;background-color:var(--theme-color-component-1);align-items:center;justify-content:flex-start}/*!@:host .expand-action:not(.disabled):not(:disabled).hover, :host .expand-action:not(.disabled):not(:disabled):hover*/.sc-ix-card-accordion-h .expand-action.sc-ix-card-accordion:not(.disabled):not(:disabled).hover,.sc-ix-card-accordion-h .expand-action.sc-ix-card-accordion:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}/*!@:host .expand-action:not(.disabled):not(:disabled).active, :host .expand-action:not(.disabled):not(:disabled):active*/.sc-ix-card-accordion-h .expand-action.sc-ix-card-accordion:not(.disabled):not(:disabled).active,.sc-ix-card-accordion-h .expand-action.sc-ix-card-accordion:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}/*!@:host .expand-action:not(.disabled):not(:disabled):focus-visible*/.sc-ix-card-accordion-h .expand-action.sc-ix-card-accordion:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}/*!@:host .expand-action::before*/.sc-ix-card-accordion-h .expand-action.sc-ix-card-accordion::before{content:\"\";position:absolute;width:100%;height:100%;background-color:var(--ix-card-background);z-index:-1}/*!@:host .expand-action:not(.show),\n:host .expand-action:not(.show)::before*/.sc-ix-card-accordion-h .expand-action.sc-ix-card-accordion:not(.show),.sc-ix-card-accordion-h .expand-action.sc-ix-card-accordion:not(.show)::before{border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}/*!@:host .expand-icon*/.sc-ix-card-accordion-h .expand-icon.sc-ix-card-accordion{margin-left:0.5rem;transition:var(--theme-default-time) transform ease-in-out}/*!@:host .expand-icon.show*/.sc-ix-card-accordion-h .expand-icon.show.sc-ix-card-accordion{transform:rotate(90deg)}/*!@:host .expand-content*/.sc-ix-card-accordion-h .expand-content.sc-ix-card-accordion{display:grid;position:relative;grid-template-rows:0fr;transition:var(--theme-default-time) ease-in-out;width:100%;max-height:14.75rem;opacity:0;background-color:var(--theme-color-component-1)}/*!@:host .expand-content.show*/.sc-ix-card-accordion-h .expand-content.show.sc-ix-card-accordion{grid-template-rows:14.75rem;opacity:1}/*!@:host .expand-content-inner*/.sc-ix-card-accordion-h .expand-content-inner.sc-ix-card-accordion{position:relative;height:100%;overflow:hidden}/*!@:host .expand-content.show .expand-content-body*/.sc-ix-card-accordion-h .expand-content.show.sc-ix-card-accordion .expand-content-body.sc-ix-card-accordion{display:none;overflow:hidden;color:var(--theme-color-std-text)}/*!@:host .expand-content.show .expand-content-body*/.sc-ix-card-accordion-h .expand-content.show.sc-ix-card-accordion .expand-content-body.sc-ix-card-accordion{display:block;overflow:auto;height:calc(100% - 1rem)}/*!@:host .expand-content-footer*/.sc-ix-card-accordion-h .expand-content-footer.sc-ix-card-accordion{display:block;position:relative;width:100%;height:1rem;margin-top:auto;margin-bottom:0px;background-color:var(--theme-color-component-1);border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}";
+const cardAccordionCss = "/*!@:host*/.sc-ix-card-accordion-h{display:flex;position:relative;flex-direction:column;width:100%;transition:var(--theme-default-time) ease-in-out}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-card-accordion-h *.sc-ix-card-accordion,.sc-ix-card-accordion-h *.sc-ix-card-accordion::after,.sc-ix-card-accordion-h *.sc-ix-card-accordion::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-card-accordion-h .sc-ix-card-accordion::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-card-accordion-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-card-accordion-h .sc-ix-card-accordion::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-card-accordion-h .sc-ix-card-accordion::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-card-accordion-h .sc-ix-card-accordion::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-card-accordion-h .sc-ix-card-accordion::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-card-accordion-h .sc-ix-card-accordion::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-card-accordion-h .sc-ix-card-accordion::-webkit-scrollbar-corner{display:none}/*!@:host .expand-action*/.sc-ix-card-accordion-h .expand-action.sc-ix-card-accordion{all:unset;display:flex;position:relative;-webkit-appearance:button;-moz-appearance:button;appearance:button;height:2.5rem;width:100%;background-color:var(--theme-color-component-1);align-items:center;justify-content:flex-start}/*!@:host .expand-action:hover*/.sc-ix-card-accordion-h .expand-action.sc-ix-card-accordion:hover{background:var(--theme-color-component-1--hover)}/*!@:host .expand-action:active*/.sc-ix-card-accordion-h .expand-action.sc-ix-card-accordion:active{background:var(--theme-color-component-1--active)}/*!@:host .expand-action:not(.disabled):not(:disabled):focus-visible*/.sc-ix-card-accordion-h .expand-action.sc-ix-card-accordion:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}/*!@:host .expand-action::before*/.sc-ix-card-accordion-h .expand-action.sc-ix-card-accordion::before{content:\"\";position:absolute;width:100%;height:100%;background-color:var(--ix-card-background);z-index:-1}/*!@:host .expand-action:not(.show),\n:host .expand-action:not(.show)::before*/.sc-ix-card-accordion-h .expand-action.sc-ix-card-accordion:not(.show),.sc-ix-card-accordion-h .expand-action.sc-ix-card-accordion:not(.show)::before{border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}/*!@:host .expand-icon*/.sc-ix-card-accordion-h .expand-icon.sc-ix-card-accordion{margin-left:0.5rem;transition:var(--theme-default-time) transform ease-in-out}/*!@:host .expand-icon.show*/.sc-ix-card-accordion-h .expand-icon.show.sc-ix-card-accordion{transform:rotate(90deg)}/*!@:host .expand-content*/.sc-ix-card-accordion-h .expand-content.sc-ix-card-accordion{display:grid;position:relative;grid-template-rows:0fr;transition:var(--theme-default-time) ease-in-out;width:100%;max-height:14.75rem;opacity:0;background-color:var(--theme-color-component-1)}/*!@:host .expand-content.show*/.sc-ix-card-accordion-h .expand-content.show.sc-ix-card-accordion{grid-template-rows:14.75rem;opacity:1}/*!@:host .expand-content-inner*/.sc-ix-card-accordion-h .expand-content-inner.sc-ix-card-accordion{position:relative;height:100%;overflow:hidden}/*!@:host .expand-content.show .expand-content-body*/.sc-ix-card-accordion-h .expand-content.show.sc-ix-card-accordion .expand-content-body.sc-ix-card-accordion{display:none;overflow:hidden;color:var(--theme-color-std-text)}/*!@:host .expand-content.show .expand-content-body*/.sc-ix-card-accordion-h .expand-content.show.sc-ix-card-accordion .expand-content-body.sc-ix-card-accordion{display:block;overflow:auto;height:calc(100% - 1rem)}/*!@:host .expand-content-footer*/.sc-ix-card-accordion-h .expand-content-footer.sc-ix-card-accordion{display:block;position:relative;width:100%;height:1rem;margin-top:auto;margin-bottom:0px;background-color:var(--theme-color-component-1);border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}";
 var IxCardAccordionStyle0 = cardAccordionCss;
 
 let accordionControlId = 0;
@@ -5374,7 +5401,7 @@ class CardContent {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '17ef18ecf4efe031b707524053d81f91db482696' }, hAsync("slot", { key: '5e91dbb38a4bcc64e36c7bbacb1e2de92f877559' })));
+        return (hAsync(Host, { key: '816fee4fedc0535d0a8991bf6a58a97fecd27069' }, hAsync("slot", { key: '136f2bfa5fd08ff95aa0d3f7a2bed5297aaf57e5' })));
     }
     static get style() { return IxCardContentStyle0; }
     static get cmpMeta() { return {
@@ -5400,7 +5427,7 @@ class CardHeader {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'c5c2ca3a18e299a6093ad6abbaa1c5249cfa391c' }, hAsync("slot", { key: '6d9c155e807d25a85878f7c10e0e6ca34472f06a' }), hAsync("div", { key: 'd7ce177e5b865646435a794b197f0b7fca89fc5e', class: "title-actions" }, hAsync("slot", { key: '5c44f29c04f0e8960d64dd5b6aa5f4a740d6c175', name: "title-actions" }))));
+        return (hAsync(Host, { key: '6e01cd85f5ad2c48dcdf9d2667fd3dd0e8b1cba8' }, hAsync("slot", { key: '79c247b6f82caaf11fdb99168a007f29ba5b4042' }), hAsync("div", { key: '02fe6d5df2e6431ea830fc3398883ec709ba3e59', class: "title-actions" }, hAsync("slot", { key: '86289b8e1e3eee04d9331788cce835c8796197a3', name: "title-actions" }))));
     }
     static get style() { return IxCardTitleStyle0; }
     static get cmpMeta() { return {
@@ -5413,7 +5440,7 @@ class CardHeader {
     }; }
 }
 
-const cardListCss = "/*!@:host*/.sc-ix-card-list-h{display:flex;position:relative;flex-direction:column;align-items:flex-start;margin:0.5rem}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-card-list-h *.sc-ix-card-list,.sc-ix-card-list-h *.sc-ix-card-list::after,.sc-ix-card-list-h *.sc-ix-card-list::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-card-list-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-corner{display:none}/*!@:host .CardList_Title*/.sc-ix-card-list-h .CardList_Title.sc-ix-card-list{display:flex;position:relative;height:1.5rem;align-items:center;width:100%;margin-bottom:0.5rem}/*!@:host .CardList__Title__Button*/.sc-ix-card-list-h .CardList__Title__Button.sc-ix-card-list{margin-right:1rem;transition:var(--theme-default-time) transform ease-in-out}/*!@:host .CardList__Title__Button__Collapsed*/.sc-ix-card-list-h .CardList__Title__Button__Collapsed.sc-ix-card-list{transform:rotate(-90deg)}/*!@:host .CardList__Title__Show__All*/.sc-ix-card-list-h .CardList__Title__Show__All.sc-ix-card-list{align-self:center;margin-left:auto;margin-right:0px}/*!@:host .CardList__Content*/.sc-ix-card-list-h .CardList__Content.sc-ix-card-list{display:flex;position:relative;height:calc(100% - 1.5rem);width:100%;gap:1.5rem;transition:var(--theme-default-time) ease-in-out;overflow:auto}/*!@:host .CardList__Content__Collapsed*/.sc-ix-card-list-h .CardList__Content__Collapsed.sc-ix-card-list{min-height:0px;max-height:0px;overflow:hidden;opacity:0}/*!@:host .CardList__Style__Flexbox__Scroll*/.sc-ix-card-list-h .CardList__Style__Flexbox__Scroll.sc-ix-card-list{flex-wrap:wrap}/*!@:host .CardList__Style__Infinite__Scroll*/.sc-ix-card-list-h .CardList__Style__Infinite__Scroll.sc-ix-card-list{flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none}/*!@:host .CardList__Style__Infinite__Scroll::-webkit-scrollbar*/.sc-ix-card-list-h .CardList__Style__Infinite__Scroll.sc-ix-card-list::-webkit-scrollbar{display:none}/*!@:host .CardList__Overflow*/.sc-ix-card-list-h .CardList__Overflow.sc-ix-card-list{display:block;position:relative;height:100%;width:100%;pointer-events:all;-webkit-mask-image:var(--ix-card-list-overflow, none);mask-image:var(--ix-card-list-overflow, none)}/*!@:host .Show__All__Card*/.sc-ix-card-list-h .Show__All__Card.sc-ix-card-list{display:flex;position:relative;align-self:flex-start;justify-self:center;max-width:11.25rem;min-width:11.25rem;width:11.25rem;min-height:11.25rem;max-height:11.25rem;height:11.25rem;--ix-card-border-color:var(--theme-color-primary);color:var(--theme-color-primary)}/*!@:host .CardList__Style__Infinite__Scroll .Show__All__Card*/.sc-ix-card-list-h .CardList__Style__Infinite__Scroll.sc-ix-card-list .Show__All__Card.sc-ix-card-list{margin-top:2.375rem}/*!@:host .CardList__Style__Flexbox__Scroll .Show__All__Card*/.sc-ix-card-list-h .CardList__Style__Flexbox__Scroll.sc-ix-card-list .Show__All__Card.sc-ix-card-list{margin-bottom:2.375rem}/*!@:host .Show__All__Card:hover*/.sc-ix-card-list-h .Show__All__Card.sc-ix-card-list:hover{background-color:var(--theme-color-ghost--hover)}/*!@:host .Show__All__Card:active*/.sc-ix-card-list-h .Show__All__Card.sc-ix-card-list:active{background-color:var(--theme-color-ghost--active)}/*!@:host .Show__All__Card__Content*/.sc-ix-card-list-h .Show__All__Card__Content.sc-ix-card-list{display:flex;justify-content:center;align-items:center}/*!@:host .Show__All__Card__Icon*/.sc-ix-card-list-h .Show__All__Card__Icon.sc-ix-card-list{display:flex;position:absolute;height:4rem;width:4rem;justify-content:center;align-items:center}/*!@:host .Show__All__Card__Text*/.sc-ix-card-list-h .Show__All__Card__Text.sc-ix-card-list{margin-bottom:0px;margin-top:auto}";
+const cardListCss = "/*!@:host*/.sc-ix-card-list-h{display:flex;position:relative;flex-direction:column;align-items:flex-start;margin:0.5rem}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-card-list-h *.sc-ix-card-list,.sc-ix-card-list-h *.sc-ix-card-list::after,.sc-ix-card-list-h *.sc-ix-card-list::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-card-list-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-card-list-h .sc-ix-card-list::-webkit-scrollbar-corner{display:none}/*!@:host .CardList_Title*/.sc-ix-card-list-h .CardList_Title.sc-ix-card-list{display:flex;position:relative;height:1.5rem;align-items:center;width:100%;margin-bottom:0.5rem}/*!@:host .CardList_Title__Label*/.sc-ix-card-list-h .CardList_Title__Label.sc-ix-card-list{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@:host .CardList__Title__Button*/.sc-ix-card-list-h .CardList__Title__Button.sc-ix-card-list{margin-right:1rem;transition:var(--theme-default-time) transform ease-in-out}/*!@:host .CardList__Title__Button__Collapsed*/.sc-ix-card-list-h .CardList__Title__Button__Collapsed.sc-ix-card-list{transform:rotate(-90deg)}/*!@:host .CardList__Title__Show__All*/.sc-ix-card-list-h .CardList__Title__Show__All.sc-ix-card-list{align-self:center;margin-left:auto;margin-right:0px;flex-shrink:0}/*!@:host .CardList__Content*/.sc-ix-card-list-h .CardList__Content.sc-ix-card-list{display:flex;position:relative;height:calc(100% - 1.5rem);width:100%;gap:1.5rem;transition:var(--theme-default-time) ease-in-out;overflow:auto}/*!@:host .CardList__Content__Collapsed*/.sc-ix-card-list-h .CardList__Content__Collapsed.sc-ix-card-list{min-height:0px;max-height:0px;overflow:hidden;opacity:0}/*!@:host .CardList__Style__Flexbox__Scroll*/.sc-ix-card-list-h .CardList__Style__Flexbox__Scroll.sc-ix-card-list{flex-wrap:wrap}/*!@:host .CardList__Style__Infinite__Scroll*/.sc-ix-card-list-h .CardList__Style__Infinite__Scroll.sc-ix-card-list{flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none}/*!@:host .CardList__Style__Infinite__Scroll::-webkit-scrollbar*/.sc-ix-card-list-h .CardList__Style__Infinite__Scroll.sc-ix-card-list::-webkit-scrollbar{display:none}/*!@:host .CardList__Overflow*/.sc-ix-card-list-h .CardList__Overflow.sc-ix-card-list{display:block;position:relative;height:100%;width:100%;pointer-events:all;-webkit-mask-image:var(--ix-card-list-overflow, none);mask-image:var(--ix-card-list-overflow, none)}/*!@:host .Show__All__Card*/.sc-ix-card-list-h .Show__All__Card.sc-ix-card-list{display:flex;position:relative;align-self:flex-start;justify-self:center;max-width:11.25rem;min-width:11.25rem;width:11.25rem;min-height:11.25rem;max-height:11.25rem;height:11.25rem;--ix-card-border-color:var(--theme-color-primary);color:var(--theme-color-primary)}/*!@:host .CardList__Style__Infinite__Scroll .Show__All__Card*/.sc-ix-card-list-h .CardList__Style__Infinite__Scroll.sc-ix-card-list .Show__All__Card.sc-ix-card-list{margin-top:2.375rem}/*!@:host .CardList__Style__Flexbox__Scroll .Show__All__Card*/.sc-ix-card-list-h .CardList__Style__Flexbox__Scroll.sc-ix-card-list .Show__All__Card.sc-ix-card-list{margin-bottom:2.375rem}/*!@:host .Show__All__Card:hover*/.sc-ix-card-list-h .Show__All__Card.sc-ix-card-list:hover{background-color:var(--theme-color-ghost--hover)}/*!@:host .Show__All__Card:active*/.sc-ix-card-list-h .Show__All__Card.sc-ix-card-list:active{background-color:var(--theme-color-ghost--active)}/*!@:host .Show__All__Card__Content*/.sc-ix-card-list-h .Show__All__Card__Content.sc-ix-card-list{display:flex;justify-content:center;align-items:center}/*!@:host .Show__All__Card__Icon*/.sc-ix-card-list-h .Show__All__Card__Icon.sc-ix-card-list{display:flex;position:absolute;height:4rem;width:4rem;justify-content:center;align-items:center}/*!@:host .Show__All__Card__Text*/.sc-ix-card-list-h .Show__All__Card__Text.sc-ix-card-list{margin-bottom:0px;margin-top:auto}";
 var IxCardListStyle0 = cardListCss;
 
 function CardListTitle(props) {
@@ -5423,7 +5450,7 @@ function CardListTitle(props) {
     return (hAsync("div", { class: "CardList_Title" }, hAsync("ix-icon-button", { ghost: true, icon: 'chevron-down', onClick: props.onClick, color: "color-primary", class: {
             CardList__Title__Button: true,
             CardList__Title__Button__Collapsed: props.isCollapsed,
-        } }), hAsync("ix-typography", { variant: "large-single" }, props.label), !props.hideShowAll && (hAsync("ix-button", { class: "CardList__Title__Show__All", ghost: true, onClick: props.onShowAllClick }, hAsync("span", null, props.showAllLabel), hAsync("span", null, !isNaN(props.showAllCounter) ? ` (${props.showAllCounter})` : null)))));
+        } }), hAsync("ix-typography", { class: "CardList_Title__Label", variant: "large-single" }, props.label), !props.hideShowAll && (hAsync("ix-button", { class: "CardList__Title__Show__All", ghost: true, onClick: props.onShowAllClick }, hAsync("span", null, props.showAllLabel), hAsync("span", null, !isNaN(props.showAllCounter) ? ` (${props.showAllCounter})` : null)))));
 }
 /**
  * @since 1.6.0
@@ -5553,16 +5580,16 @@ class CardList {
         }
     }
     render() {
-        return (hAsync(Host, { key: '59b22287fe21651d515b79a8394b91f600f07a7a' }, hAsync(CardListTitle, { key: '8f81a2633acb901e848c243a51d60752b35e5765', isCollapsed: this.collapse, label: this.label, showAllLabel: this.i18nShowAll, showAllCounter: this.showAllCount === undefined
+        return (hAsync(Host, { key: '8164956edee5c3fa0d3f68af175c04a653aa7043' }, hAsync(CardListTitle, { key: '4001ba1a1fbc3dd244297380698907902f37932a', 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: 'd53f0dcc4707057dedbc08c3b57f9cde8887f225', class: {
+                : this.showAllCount, onClick: () => this.onCardListVisibilityToggle(), onShowAllClick: (e) => this.onShowAllClick(e), hideShowAll: this.hideShowAll }), hAsync("div", { key: '0a72db4811cd78f9ba067d592218eafd9e69fc8e', class: {
                 CardList__Overflow: true,
-            }, style: this.computeMaskLayer() }, hAsync("div", { key: '74e389bb906687dff585eabb348fd6265af7d401', class: {
+            }, style: this.computeMaskLayer() }, hAsync("div", { key: '4bf8fe61b17c5ab7b4ad4d0cf0bfaf3cd9c83008', 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: '9a2ce4357b2e065c35c93c9fc24ef21c31ca0827', onSlotchange: () => this.changeVisibilityOfSlotChildren() }), this.isShowMoreCardVisible() ? (hAsync("ix-card", { class: {
+            }, onScroll: () => this.onCardListScroll() }, hAsync("slot", { key: '2ed30ff94867a85b37678cc3fdef28770837d790', onSlotchange: () => this.changeVisibilityOfSlotChildren() }), this.isShowMoreCardVisible() ? (hAsync("ix-card", { class: {
                 Show__All__Card: true,
             }, onClick: (event) => this.showMoreCardClick.emit({
                 nativeEvent: event,
@@ -5614,7 +5641,7 @@ class InputState {
 }
 
 /*
- * SPDX-FileCopyrightText: 2023 Siemens AG
+ * SPDX-FileCopyrightText: 2024 Siemens AG
  *
  * SPDX-License-Identifier: MIT
  *
@@ -5653,7 +5680,7 @@ class CategoryFilter {
         this.nonSelectableCategories = {};
         this.suggestions = undefined;
         this.icon = 'search';
-        this.hideIcon = undefined;
+        this.hideIcon = false;
         this.staticOperator = undefined;
         this.repeatCategories = true;
         this.tmpDisableScrollIntoView = true;
@@ -5858,6 +5885,10 @@ class CategoryFilter {
         e.stopPropagation();
         this.closeDropdown();
         this.filterTokens = [];
+        if (this.category) {
+            this.category = undefined;
+            this.categoryChanged.emit(this.category);
+        }
         this.emitFilterEvent();
     }
     filterMultiples(value) {
@@ -6027,19 +6058,19 @@ class CategoryFilter {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '460d61c8d2a83d95445b5cad86e1ea2e2fbbf289' }, hAsync("form", { key: '401290f84df0375dd2d23214e10942382dbc28de', ref: (el) => (this.formElement = el) }, hAsync("div", { key: '06d9f1a58cd4daa32d13509142625a91cc4884f4', "read-only": this.readonly, class: {
+        return (hAsync(Host, { key: 'b67d46f80076d8f5b9054e55e203d887337ec473' }, hAsync("form", { key: 'bb191e83cd3f763e7e499b0755e2b1f64bf28bfc', ref: (el) => (this.formElement = el) }, hAsync("div", { key: '8505dcfd3334b0f4f1ca6ab295c9ca92c16cdf6b', "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: 'b24d1cfd93ac33cb209d2ce516537c72ea0a3010', color: this.getIconColor(), class: { 'd-none': this.hideIcon }, name: this.icon, size: "16" }), hAsync("div", { key: '61ab21b44baf97bc8c65cf7ac65f8ee418210b6e', class: "token-container" }, hAsync("ul", { key: 'd4e318bc1204bbf50d9894b5b735f4b2faa03d11', class: "list-unstyled" }, this.filterTokens.map((value, index) => (hAsync("li", { key: value.toString(), class: {
+            } }, hAsync("ix-icon", { key: '74a4adbe6ed8ad59dd4931f89a755e87f09b98a1', color: this.getIconColor(), class: { 'd-none': this.hideIcon }, name: this.icon, size: "16" }), hAsync("div", { key: 'a9f3429de8aec546ccf5ac10bd4047ee38a9df51', class: "token-container" }, hAsync("ul", { key: '2ac4037d9f2c8a5c7f1e224999ff6643443dd46c', class: "list-unstyled" }, this.filterTokens.map((value, index) => (hAsync("li", { 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("li", { class: {
                 'category-preview': true,
                 'd-none': this.category === undefined,
-            } }, (_a = this.categories[this.category]) === null || _a === void 0 ? void 0 : _a.label)), hAsync("input", { key: '457dee28a04610b7299aa2939c3e1280eca2f16f', class: {
+            } }, (_a = this.categories[this.category]) === null || _a === void 0 ? void 0 : _a.label)), hAsync("input", { key: '82f12ea3f63509e6275e1ebbea29240a734aeba6', class: {
                 'text-input': true,
                 'hide-placeholder': this.readonly ||
                     this.disabled ||
@@ -6118,11 +6149,11 @@ class Chip {
                 [this.outline ? 'borderColor' : 'backgroundColor']: this.background,
             };
         }
-        return (hAsync(Host, { key: '8ede968301d60515bc378c80141926ad75fab0cd', tabIndex: "-1", title: this.el.textContent, style: this.variant === 'custom'
+        return (hAsync(Host, { key: 'bd5ac95ed2866d7781a08a1e3c6292f2104b0a85', tabIndex: "-1", title: this.el.textContent, style: this.variant === 'custom'
                 ? {
                     '--ix-icon-button-color': (_b = this.chipColor) !== null && _b !== void 0 ? _b : this.color,
                 }
-                : {} }, hAsync("div", { key: 'ff82604fbd0ed7d74cdd753e1f1690f4bf67959f', style: Object.assign({}, customStyle), class: {
+                : {} }, hAsync("div", { key: '3601eb2dd1f1f970ed2779bf33d7c38214e61295', style: Object.assign({}, customStyle), class: {
                 container: true,
                 outline: this.outline,
                 inactive: isInactive,
@@ -6136,10 +6167,10 @@ class Chip {
                 custom: this.variant === 'custom',
                 closable: this.closable,
                 icon: !!this.icon,
-            } }, hAsync("ix-icon", { key: '7e033b4f17e195a9ce75e3fbea992290180feb1f', class: {
+            } }, hAsync("ix-icon", { key: '01fb4eb0cf4c057fa074f6edc043bf71c6cb8db0', class: {
                 'with-icon': true,
                 hidden: !this.icon,
-            }, name: this.icon, size: '24' }), hAsync("span", { key: '0d0bafd87e80596388ff1b74bcb9fa6024f6fe03', class: "slot-container" }, hAsync("slot", { key: '057958812ca98820f4e039b7c5e2f016d27854c6' })), isInactive === false && this.closable ? this.getCloseButton() : null)));
+            }, name: this.icon, size: '24' }), hAsync("span", { key: 'e6088fa930b598833fb2a22b9a83c9e964e99a1d', class: "slot-container" }, hAsync("slot", { key: 'ac89d7796e7c083dc1ccb3d74018925d07e07ff5' })), isInactive === false && this.closable ? this.getCloseButton() : null)));
     }
     get el() { return getElement(this); }
     static get style() { return IxChipStyle0; }
@@ -6261,12 +6292,12 @@ class Content {
         return this.hostElement.shadowRoot.querySelector('.content-header slot');
     }
     render() {
-        return (hAsync(Host, { key: '61f9325ce908e838c83a286da21471c8f081cf7e' }, hAsync("div", { key: '66adfdde8a6f7e4cec46bc8ac3111f9fd344462c', class: {
+        return (hAsync(Host, { key: 'ec9339c22e534968a08739345bc7a701c202812b' }, hAsync("div", { key: '9565bdaba5d1f18f258c7c018bbf2f9a362a3965', class: {
                 'content-header': true,
                 slotted: this.isContentHeaderSlotted,
-            } }, hAsync("slot", { key: '00a1dffb70b39ae24c7ffc7a02649f5c870e95e9', name: "header", onSlotchange: () => {
+            } }, hAsync("slot", { key: '5be52eb4c6f16cb28aff6439c46bea5f95a554ca', name: "header", onSlotchange: () => {
                 this.isContentHeaderSlotted = hasSlottedElements(this.contentHeaderSlot);
-            } })), hAsync("div", { key: 'd27dfeb1305abb6cacdf16a5476e5d7b32d6f3ba', class: "content" }, hAsync("slot", { key: '054a581bc21257f46c3377c53c0e8dbacc4321b5' }))));
+            } })), hAsync("div", { key: '6e52c4bc96f9e4611bdb66f3f8e0c0bd1d02390f', class: "content" }, hAsync("slot", { key: '284e7f2777f7640ac48658b4980cc9d3a40a1300' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxContentStyle0; }
@@ -6429,7 +6460,7 @@ class CssGridItem {
     render() {
         const style = {};
         style['grid-area'] = this.itemName;
-        return (hAsync(Host, { key: '5e5e54a887244e85620d34eb2759fadf20883dbd', style: style }, hAsync("slot", { key: '14c51da716e0715e205f28181a3d51813ad88027' })));
+        return (hAsync(Host, { key: '37fe2b4f8e0cf56e7e38197098b2e608b4b54bce', style: style }, hAsync("slot", { key: 'e59e0f9db976f30235ccd2488a992292320ce19f' })));
     }
     static get style() { return IxCssGridItemStyle0; }
     static get cmpMeta() { return {
@@ -11704,7 +11735,7 @@ function oneOf(strings, startIndex) {
     };
   }
 }
-function offset$1(regex, groups) {
+function offset$2(regex, groups) {
   return {
     regex: regex,
     deser: function deser(_ref3) {
@@ -11861,9 +11892,9 @@ function unitForToken(token, loc) {
         // offset/zone
         case "Z":
         case "ZZ":
-          return offset$1(new RegExp("([+-]" + oneOrTwo.source + ")(?::(" + two.source + "))?"), 2);
+          return offset$2(new RegExp("([+-]" + oneOrTwo.source + ")(?::(" + two.source + "))?"), 2);
         case "ZZZ":
-          return offset$1(new RegExp("([+-]" + oneOrTwo.source + ")(" + two.source + ")?"), 2);
+          return offset$2(new RegExp("([+-]" + oneOrTwo.source + ")(" + two.source + ")?"), 2);
         // we don't support ZZZZ (PST) or ZZZZZ (Pacific Standard Time) in parsing
         // because we don't have any way to figure out what they are
         case "z":
@@ -14943,7 +14974,7 @@ class DateDropdown {
 }
 
 /*
- * SPDX-FileCopyrightText: 2023 Siemens AG
+ * SPDX-FileCopyrightText: 2024 Siemens AG
  *
  * SPDX-License-Identifier: MIT
  *
@@ -15657,7 +15688,7 @@ class Divider {
         registerInstance(this, hostRef);
     }
     render() {
-        return hAsync(Host, { key: 'b940598630bbccaae3d37bfb9fef71c35e777a14' });
+        return hAsync(Host, { key: 'c86675e3fc86e702df2e59447d57bfcd6a5f80ba' });
     }
     static get style() { return IxDividerStyle0; }
     static get cmpMeta() { return {
@@ -15754,7 +15785,7 @@ class Drawer {
         this.onShowChanged(this.show);
     }
     render() {
-        return (hAsync(Host, { key: '4cb0a06786c80cd977ebfbbfef6c23d6e7926d86', class: {
+        return (hAsync(Host, { key: '2a08d35b883881d7ce4fac52754f5ba6a6d87b67', class: {
                 'drawer-container': true,
                 toggle: this.show,
                 'full-height': this.fullHeight,
@@ -15763,7 +15794,7 @@ class Drawer {
                 width: this.width === 'auto' ? this.width : `${this.width}rem`,
                 'min-width': `${this.minWidth}rem`,
                 'max-width': `${this.maxWidth}rem`,
-            }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, hAsync("div", { key: '63c8952c342a1d412237ab82f96ac063c0a30158', class: "header" }, hAsync("div", { key: '4a8525053f3954b3b83dac4f8b012f005e9725b7', class: "header-content" }, hAsync("slot", { key: '55b887208a3bdc445950c2e5f153cfaa1ba89068', name: "header" })), hAsync("ix-icon-button", { key: '84b5b11f21d4d768c0118450147bf74d6e0a1400', class: "close-button", icon: 'close', size: "24", ghost: true, onClick: () => this.onCloseClicked(), "data-testid": "close-button" })), hAsync("div", { key: '00079cfb6504ed6fa44c23209787add116e72591', class: "content" }, hAsync("slot", { key: '3de3610ac265b9eda7d69eedf28494b47861c7e3' }))));
+            }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, hAsync("div", { key: '516fb16c8d2a99d29e158193b6e69f62e6805d7a', class: "header" }, hAsync("div", { key: '24f3e13377044cc7b72fa3b0e01163afbf2b8bbd', class: "header-content" }, hAsync("slot", { key: 'a0b4aeb829de7152941816142193ca23f15475f4', name: "header" })), hAsync("ix-icon-button", { key: '3781d1a2bad00dd5c43b7514de103bfe9662e929', class: "close-button", icon: 'close', size: "24", ghost: true, onClick: () => this.onCloseClicked(), "data-testid": "close-button" })), hAsync("div", { key: '9e19c76af291d53298aad23a7e113ec76b84f5a5', class: "content" }, hAsync("slot", { key: '3b12eafb18a7fd75614a40c3f1e611e1556f4acd' }))));
     }
     static get watchers() { return {
         "show": ["onShowChanged"]
@@ -15788,6 +15819,14 @@ class Drawer {
 }
 Drawer.duration = 300;
 
+/**
+ * Custom positioning reference element.
+ * @see https://floating-ui.com/docs/virtual-elements
+ */
+
+const sides = ['top', 'right', 'bottom', 'left'];
+const alignments = ['start', 'end'];
+const placements = /*#__PURE__*/sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
 const min = Math.min;
 const max = Math.max;
 const round = Math.round;
@@ -15899,12 +15938,21 @@ function getPaddingObject(padding) {
   };
 }
 function rectToClientRect(rect) {
+  const {
+    x,
+    y,
+    width,
+    height
+  } = rect;
   return {
-    ...rect,
-    top: rect.y,
-    left: rect.x,
-    right: rect.x + rect.width,
-    bottom: rect.y + rect.height
+    width,
+    height,
+    top: y,
+    left: x,
+    right: x + width,
+    bottom: y + height,
+    x,
+    y
   };
 }
 
@@ -15966,7 +16014,7 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
 
 /**
  * Computes the `x` and `y` coordinates that will place the floating element
- * next to a reference element when it is given a certain positioning strategy.
+ * next to a given reference element.
  *
  * This export does not have any `platform` interface logic. You will need to
  * write one for the platform you are using Floating UI with.
@@ -16044,7 +16092,6 @@ const computePosition$1 = async (reference, floating, config) => {
         } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
       }
       i = -1;
-      continue;
     }
   }
   return {
@@ -16094,9 +16141,10 @@ async function detectOverflow(state, options) {
     strategy
   }));
   const rect = elementContext === 'floating' ? {
-    ...rects.floating,
     x,
-    y
+    y,
+    width: rects.floating.width,
+    height: rects.floating.height
   } : rects.reference;
   const offsetParent = await (platform.getOffsetParent == null ? void 0 : platform.getOffsetParent(elements.floating));
   const offsetScale = (await (platform.isElement == null ? void 0 : platform.isElement(offsetParent))) ? (await (platform.getScale == null ? void 0 : platform.getScale(offsetParent))) || {
@@ -16107,6 +16155,7 @@ async function detectOverflow(state, options) {
     y: 1
   };
   const elementClientRect = rectToClientRect(platform.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements,
     rect,
     offsetParent,
     strategy
@@ -16124,7 +16173,7 @@ async function detectOverflow(state, options) {
  * appears centered to the reference element.
  * @see https://floating-ui.com/docs/arrow
  */
-const arrow = options => ({
+const arrow$1 = options => ({
   name: 'arrow',
   options,
   async fn(state) {
@@ -16185,7 +16234,7 @@ const arrow = options => ({
     // to point to nothing for an aligned placement, adjust the offset of the
     // floating element itself. To ensure `shift()` continues to take action,
     // a single reset is performed when this is true.
-    const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center != offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
+    const shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0;
     const alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max : 0;
     return {
       [axis]: coords[axis] + alignmentOffset,
@@ -16201,13 +16250,116 @@ const arrow = options => ({
   }
 });
 
+function getPlacementList(alignment, autoAlignment, allowedPlacements) {
+  const allowedPlacementsSortedByAlignment = alignment ? [...allowedPlacements.filter(placement => getAlignment(placement) === alignment), ...allowedPlacements.filter(placement => getAlignment(placement) !== alignment)] : allowedPlacements.filter(placement => getSide(placement) === placement);
+  return allowedPlacementsSortedByAlignment.filter(placement => {
+    if (alignment) {
+      return getAlignment(placement) === alignment || (autoAlignment ? getOppositeAlignmentPlacement(placement) !== placement : false);
+    }
+    return true;
+  });
+}
+/**
+ * Optimizes the visibility of the floating element by choosing the placement
+ * that has the most space available automatically, without needing to specify a
+ * preferred placement. Alternative to `flip`.
+ * @see https://floating-ui.com/docs/autoPlacement
+ */
+const autoPlacement = function (options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: 'autoPlacement',
+    options,
+    async fn(state) {
+      var _middlewareData$autoP, _middlewareData$autoP2, _placementsThatFitOnE;
+      const {
+        rects,
+        middlewareData,
+        placement,
+        platform,
+        elements
+      } = state;
+      const {
+        crossAxis = false,
+        alignment,
+        allowedPlacements = placements,
+        autoAlignment = true,
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+      const placements$1 = alignment !== undefined || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0;
+      const currentPlacement = placements$1[currentIndex];
+      if (currentPlacement == null) {
+        return {};
+      }
+      const alignmentSides = getAlignmentSides(currentPlacement, rects, await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating)));
+
+      // Make `computeCoords` start from the right place.
+      if (placement !== currentPlacement) {
+        return {
+          reset: {
+            placement: placements$1[0]
+          }
+        };
+      }
+      const currentOverflows = [overflow[getSide(currentPlacement)], overflow[alignmentSides[0]], overflow[alignmentSides[1]]];
+      const allOverflows = [...(((_middlewareData$autoP2 = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP2.overflows) || []), {
+        placement: currentPlacement,
+        overflows: currentOverflows
+      }];
+      const nextPlacement = placements$1[currentIndex + 1];
+
+      // There are more placements to check.
+      if (nextPlacement) {
+        return {
+          data: {
+            index: currentIndex + 1,
+            overflows: allOverflows
+          },
+          reset: {
+            placement: nextPlacement
+          }
+        };
+      }
+      const placementsSortedByMostSpace = allOverflows.map(d => {
+        const alignment = getAlignment(d.placement);
+        return [d.placement, alignment && crossAxis ?
+        // Check along the mainAxis and main crossAxis side.
+        d.overflows.slice(0, 2).reduce((acc, v) => acc + v, 0) :
+        // Check only the mainAxis.
+        d.overflows[0], d.overflows];
+      }).sort((a, b) => a[1] - b[1]);
+      const placementsThatFitOnEachSide = placementsSortedByMostSpace.filter(d => d[2].slice(0,
+      // Aligned placements should not check their opposite crossAxis
+      // side.
+      getAlignment(d[0]) ? 2 : 3).every(v => v <= 0));
+      const resetPlacement = ((_placementsThatFitOnE = placementsThatFitOnEachSide[0]) == null ? void 0 : _placementsThatFitOnE[0]) || placementsSortedByMostSpace[0][0];
+      if (resetPlacement !== placement) {
+        return {
+          data: {
+            index: currentIndex + 1,
+            overflows: allOverflows
+          },
+          reset: {
+            placement: resetPlacement
+          }
+        };
+      }
+      return {};
+    }
+  };
+};
+
 /**
  * Optimizes the visibility of the floating element by flipping the `placement`
  * in order to keep it in view when the preferred placement(s) will overflow the
  * clipping boundary. Alternative to `autoPlacement`.
  * @see https://floating-ui.com/docs/flip
  */
-const flip = function (options) {
+const flip$1 = function (options) {
   if (options === void 0) {
     options = {};
   }
@@ -16242,10 +16394,12 @@ const flip = function (options) {
         return {};
       }
       const side = getSide(placement);
+      const initialSideAxis = getSideAxis(initialPlacement);
       const isBasePlacement = getSide(initialPlacement) === initialPlacement;
       const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
       const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
-      if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== 'none') {
+      const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== 'none';
+      if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
       const placements = [initialPlacement, ...fallbackPlacements];
@@ -16291,8 +16445,17 @@ const flip = function (options) {
           switch (fallbackStrategy) {
             case 'bestFit':
               {
-                var _overflowsData$map$so;
-                const placement = (_overflowsData$map$so = overflowsData.map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$map$so[0];
+                var _overflowsData$filter2;
+                const placement = (_overflowsData$filter2 = overflowsData.filter(d => {
+                  if (hasFallbackAxisSideDirection) {
+                    const currentSideAxis = getSideAxis(d.placement);
+                    return currentSideAxis === initialSideAxis ||
+                    // Create a bias to the `y` side axis due to horizontal
+                    // reading directions favoring greater width.
+                    currentSideAxis === 'y';
+                  }
+                  return true;
+                }).map(d => [d.placement, d.overflows.filter(overflow => overflow > 0).reduce((acc, overflow) => acc + overflow, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
                 if (placement) {
                   resetPlacement = placement;
                 }
@@ -16316,6 +16479,75 @@ const flip = function (options) {
   };
 };
 
+function getSideOffsets(overflow, rect) {
+  return {
+    top: overflow.top - rect.height,
+    right: overflow.right - rect.width,
+    bottom: overflow.bottom - rect.height,
+    left: overflow.left - rect.width
+  };
+}
+function isAnySideFullyClipped(overflow) {
+  return sides.some(side => overflow[side] >= 0);
+}
+/**
+ * Provides data to hide the floating element in applicable situations, such as
+ * when it is not in the same clipping context as the reference element.
+ * @see https://floating-ui.com/docs/hide
+ */
+const hide$1 = function (options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: 'hide',
+    options,
+    async fn(state) {
+      const {
+        rects
+      } = state;
+      const {
+        strategy = 'referenceHidden',
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+      switch (strategy) {
+        case 'referenceHidden':
+          {
+            const overflow = await detectOverflow(state, {
+              ...detectOverflowOptions,
+              elementContext: 'reference'
+            });
+            const offsets = getSideOffsets(overflow, rects.reference);
+            return {
+              data: {
+                referenceHiddenOffsets: offsets,
+                referenceHidden: isAnySideFullyClipped(offsets)
+              }
+            };
+          }
+        case 'escaped':
+          {
+            const overflow = await detectOverflow(state, {
+              ...detectOverflowOptions,
+              altBoundary: true
+            });
+            const offsets = getSideOffsets(overflow, rects.floating);
+            return {
+              data: {
+                escapedOffsets: offsets,
+                escaped: isAnySideFullyClipped(offsets)
+              }
+            };
+          }
+        default:
+          {
+            return {};
+          }
+      }
+    }
+  };
+};
+
 function getBoundingRect(rects) {
   const minX = min(...rects.map(rect => rect.left));
   const minY = min(...rects.map(rect => rect.top));
@@ -16348,7 +16580,7 @@ function getRectsByLine(rects) {
  * over multiple lines, such as hyperlinks or range selections.
  * @see https://floating-ui.com/docs/inline
  */
-const inline = function (options) {
+const inline$1 = function (options) {
   if (options === void 0) {
     options = {};
   }
@@ -16449,6 +16681,7 @@ const inline = function (options) {
 
 // For type backwards-compatibility, the `OffsetOptions` type was also
 // Derivable.
+
 async function convertValueToCoords(state, options) {
   const {
     placement,
@@ -16497,7 +16730,7 @@ async function convertValueToCoords(state, options) {
  * object may be passed.
  * @see https://floating-ui.com/docs/offset
  */
-const offset = function (options) {
+const offset$1 = function (options) {
   if (options === void 0) {
     options = 0;
   }
@@ -16505,15 +16738,27 @@ const offset = function (options) {
     name: 'offset',
     options,
     async fn(state) {
+      var _middlewareData$offse, _middlewareData$arrow;
       const {
         x,
-        y
+        y,
+        placement,
+        middlewareData
       } = state;
       const diffCoords = await convertValueToCoords(state, options);
+
+      // If the placement is the same and the arrow caused an alignment offset
+      // then we don't need to change the positioning coordinates.
+      if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
+        return {};
+      }
       return {
         x: x + diffCoords.x,
         y: y + diffCoords.y,
-        data: diffCoords
+        data: {
+          ...diffCoords,
+          placement
+        }
       };
     }
   };
@@ -16524,7 +16769,7 @@ const offset = function (options) {
  * keep it in view when it will overflow the clipping boundary.
  * @see https://floating-ui.com/docs/shift
  */
-const shift = function (options) {
+const shift$1 = function (options) {
   if (options === void 0) {
     options = {};
   }
@@ -16592,6 +16837,156 @@ const shift = function (options) {
     }
   };
 };
+/**
+ * Built-in `limiter` that will stop `shift()` at a certain point.
+ */
+const limitShift = function (options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    options,
+    fn(state) {
+      const {
+        x,
+        y,
+        placement,
+        rects,
+        middlewareData
+      } = state;
+      const {
+        offset = 0,
+        mainAxis: checkMainAxis = true,
+        crossAxis: checkCrossAxis = true
+      } = evaluate(options, state);
+      const coords = {
+        x,
+        y
+      };
+      const crossAxis = getSideAxis(placement);
+      const mainAxis = getOppositeAxis(crossAxis);
+      let mainAxisCoord = coords[mainAxis];
+      let crossAxisCoord = coords[crossAxis];
+      const rawOffset = evaluate(offset, state);
+      const computedOffset = typeof rawOffset === 'number' ? {
+        mainAxis: rawOffset,
+        crossAxis: 0
+      } : {
+        mainAxis: 0,
+        crossAxis: 0,
+        ...rawOffset
+      };
+      if (checkMainAxis) {
+        const len = mainAxis === 'y' ? 'height' : 'width';
+        const limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis;
+        const limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis;
+        if (mainAxisCoord < limitMin) {
+          mainAxisCoord = limitMin;
+        } else if (mainAxisCoord > limitMax) {
+          mainAxisCoord = limitMax;
+        }
+      }
+      if (checkCrossAxis) {
+        var _middlewareData$offse, _middlewareData$offse2;
+        const len = mainAxis === 'y' ? 'width' : 'height';
+        const isOriginSide = ['top', 'left'].includes(getSide(placement));
+        const limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide ? ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0 : 0) + (isOriginSide ? 0 : computedOffset.crossAxis);
+        const limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);
+        if (crossAxisCoord < limitMin) {
+          crossAxisCoord = limitMin;
+        } else if (crossAxisCoord > limitMax) {
+          crossAxisCoord = limitMax;
+        }
+      }
+      return {
+        [mainAxis]: mainAxisCoord,
+        [crossAxis]: crossAxisCoord
+      };
+    }
+  };
+};
+
+/**
+ * Provides data that allows you to change the size of the floating element —
+ * for instance, prevent it from overflowing the clipping boundary or match the
+ * width of the reference element.
+ * @see https://floating-ui.com/docs/size
+ */
+const size = function (options) {
+  if (options === void 0) {
+    options = {};
+  }
+  return {
+    name: 'size',
+    options,
+    async fn(state) {
+      const {
+        placement,
+        rects,
+        platform,
+        elements
+      } = state;
+      const {
+        apply = () => {},
+        ...detectOverflowOptions
+      } = evaluate(options, state);
+      const overflow = await detectOverflow(state, detectOverflowOptions);
+      const side = getSide(placement);
+      const alignment = getAlignment(placement);
+      const isYAxis = getSideAxis(placement) === 'y';
+      const {
+        width,
+        height
+      } = rects.floating;
+      let heightSide;
+      let widthSide;
+      if (side === 'top' || side === 'bottom') {
+        heightSide = side;
+        widthSide = alignment === ((await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating))) ? 'start' : 'end') ? 'left' : 'right';
+      } else {
+        widthSide = side;
+        heightSide = alignment === 'end' ? 'top' : 'bottom';
+      }
+      const maximumClippingHeight = height - overflow.top - overflow.bottom;
+      const maximumClippingWidth = width - overflow.left - overflow.right;
+      const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
+      const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
+      const noShift = !state.middlewareData.shift;
+      let availableHeight = overflowAvailableHeight;
+      let availableWidth = overflowAvailableWidth;
+      if (isYAxis) {
+        availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
+      } else {
+        availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
+      }
+      if (noShift && !alignment) {
+        const xMin = max(overflow.left, 0);
+        const xMax = max(overflow.right, 0);
+        const yMin = max(overflow.top, 0);
+        const yMax = max(overflow.bottom, 0);
+        if (isYAxis) {
+          availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right));
+        } else {
+          availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
+        }
+      }
+      await apply({
+        ...state,
+        availableWidth,
+        availableHeight
+      });
+      const nextDimensions = await platform.getDimensions(elements.floating);
+      if (width !== nextDimensions.width || height !== nextDimensions.height) {
+        return {
+          reset: {
+            rects: true
+          }
+        };
+      }
+      return {};
+    }
+  };
+};
 
 function getNodeName(node) {
   if (isNode(node)) {
@@ -16604,7 +16999,7 @@ function getNodeName(node) {
 }
 function getWindow(node) {
   var _node$ownerDocument;
-  return (node == null ? void 0 : (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
+  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;
 }
 function getDocumentElement(node) {
   var _ref;
@@ -16638,9 +17033,18 @@ function isOverflowElement(element) {
 function isTableElement(element) {
   return ['table', 'td', 'th'].includes(getNodeName(element));
 }
-function isContainingBlock(element) {
+function isTopLayer(element) {
+  return [':popover-open', ':modal'].some(selector => {
+    try {
+      return element.matches(selector);
+    } catch (e) {
+      return false;
+    }
+  });
+}
+function isContainingBlock(elementOrCss) {
   const webkit = isWebKit();
-  const css = getComputedStyle$1(element);
+  const css = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
 
   // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block
   return css.transform !== 'none' || css.perspective !== 'none' || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));
@@ -16650,9 +17054,10 @@ function getContainingBlock(element) {
   while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {
     if (isContainingBlock(currentNode)) {
       return currentNode;
-    } else {
-      currentNode = getParentNode(currentNode);
+    } else if (isTopLayer(currentNode)) {
+      return null;
     }
+    currentNode = getParentNode(currentNode);
   }
   return null;
 }
@@ -16674,8 +17079,8 @@ function getNodeScroll(element) {
     };
   }
   return {
-    scrollLeft: element.pageXOffset,
-    scrollTop: element.pageYOffset
+    scrollLeft: element.scrollX,
+    scrollTop: element.scrollY
   };
 }
 function getParentNode(node) {
@@ -16715,10 +17120,14 @@ function getOverflowAncestors(node, list, traverseIframes) {
   const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
   const win = getWindow(scrollableAncestor);
   if (isBody) {
-    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ? getOverflowAncestors(win.frameElement) : []);
+    const frameElement = getFrameElement(win);
+    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
   }
   return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
 }
+function getFrameElement(win) {
+  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
+}
 
 function getCssDimensions(element) {
   const css = getComputedStyle$1(element);
@@ -16821,8 +17230,9 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
   if (domElement) {
     const win = getWindow(domElement);
     const offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
-    let currentIFrame = win.frameElement;
-    while (currentIFrame && offsetParent && offsetWin !== win) {
+    let currentWin = win;
+    let currentIFrame = getFrameElement(currentWin);
+    while (currentIFrame && offsetParent && offsetWin !== currentWin) {
       const iframeScale = getScale(currentIFrame);
       const iframeRect = currentIFrame.getBoundingClientRect();
       const css = getComputedStyle$1(currentIFrame);
@@ -16834,7 +17244,8 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
       height *= iframeScale.y;
       x += left;
       y += top;
-      currentIFrame = getWindow(currentIFrame).frameElement;
+      currentWin = getWindow(currentIFrame);
+      currentIFrame = getFrameElement(currentWin);
     }
   }
   return rectToClientRect({
@@ -16847,13 +17258,15 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
 
 function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   let {
+    elements,
     rect,
     offsetParent,
     strategy
   } = _ref;
-  const isOffsetParentAnElement = isHTMLElement(offsetParent);
+  const isFixed = strategy === 'fixed';
   const documentElement = getDocumentElement(offsetParent);
-  if (offsetParent === documentElement) {
+  const topLayer = elements ? isTopLayer(elements.floating) : false;
+  if (offsetParent === documentElement || topLayer && isFixed) {
     return rect;
   }
   let scroll = {
@@ -16862,7 +17275,8 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
   };
   let scale = createCoords(1);
   const offsets = createCoords(0);
-  if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== 'fixed') {
+  const isOffsetParentAnElement = isHTMLElement(offsetParent);
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
     if (getNodeName(offsetParent) !== 'body' || isOverflowElement(documentElement)) {
       scroll = getNodeScroll(offsetParent);
     }
@@ -17023,7 +17437,7 @@ function getClippingRect(_ref) {
     rootBoundary,
     strategy
   } = _ref;
-  const elementClippingAncestors = boundary === 'clippingAncestors' ? getClippingElementAncestors(element, this._c) : [].concat(boundary);
+  const elementClippingAncestors = boundary === 'clippingAncestors' ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary);
   const clippingAncestors = [...elementClippingAncestors, rootBoundary];
   const firstClippingAncestor = clippingAncestors[0];
   const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
@@ -17043,7 +17457,14 @@ function getClippingRect(_ref) {
 }
 
 function getDimensions(element) {
-  return getCssDimensions(element);
+  const {
+    width,
+    height
+  } = getCssDimensions(element);
+  return {
+    width,
+    height
+  };
 }
 
 function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
@@ -17068,14 +17489,20 @@ function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
       offsets.x = getWindowScrollBarX(documentElement);
     }
   }
+  const x = rect.left + scroll.scrollLeft - offsets.x;
+  const y = rect.top + scroll.scrollTop - offsets.y;
   return {
-    x: rect.left + scroll.scrollLeft - offsets.x,
-    y: rect.top + scroll.scrollTop - offsets.y,
+    x,
+    y,
     width: rect.width,
     height: rect.height
   };
 }
 
+function isStaticPositioned(element) {
+  return getComputedStyle$1(element).position === 'static';
+}
+
 function getTrueOffsetParent(element, polyfill) {
   if (!isHTMLElement(element) || getComputedStyle$1(element).position === 'fixed') {
     return null;
@@ -17089,34 +17516,41 @@ function getTrueOffsetParent(element, polyfill) {
 // Gets the closest ancestor positioned element. Handles some edge cases,
 // such as table ancestors and cross browser bugs.
 function getOffsetParent(element, polyfill) {
-  const window = getWindow(element);
+  const win = getWindow(element);
+  if (isTopLayer(element)) {
+    return win;
+  }
   if (!isHTMLElement(element)) {
-    return window;
+    let svgOffsetParent = getParentNode(element);
+    while (svgOffsetParent && !isLastTraversableNode(svgOffsetParent)) {
+      if (isElement(svgOffsetParent) && !isStaticPositioned(svgOffsetParent)) {
+        return svgOffsetParent;
+      }
+      svgOffsetParent = getParentNode(svgOffsetParent);
+    }
+    return win;
   }
   let offsetParent = getTrueOffsetParent(element, polyfill);
-  while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === 'static') {
+  while (offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent)) {
     offsetParent = getTrueOffsetParent(offsetParent, polyfill);
   }
-  if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle$1(offsetParent).position === 'static' && !isContainingBlock(offsetParent))) {
-    return window;
+  if (offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent)) {
+    return win;
   }
-  return offsetParent || getContainingBlock(element) || window;
+  return offsetParent || getContainingBlock(element) || win;
 }
 
-const getElementRects = async function (_ref) {
-  let {
-    reference,
-    floating,
-    strategy
-  } = _ref;
+const getElementRects = async function (data) {
   const getOffsetParentFn = this.getOffsetParent || getOffsetParent;
   const getDimensionsFn = this.getDimensions;
+  const floatingDimensions = await getDimensionsFn(data.floating);
   return {
-    reference: getRectRelativeToOffsetParent(reference, await getOffsetParentFn(floating), strategy),
+    reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
     floating: {
       x: 0,
       y: 0,
-      ...(await getDimensionsFn(floating))
+      width: floatingDimensions.width,
+      height: floatingDimensions.height
     }
   };
 };
@@ -17144,8 +17578,9 @@ function observeMove(element, onMove) {
   let timeoutId;
   const root = getDocumentElement(element);
   function cleanup() {
+    var _io;
     clearTimeout(timeoutId);
-    io && io.disconnect();
+    (_io = io) == null || _io.disconnect();
     io = null;
   }
   function refresh(skip, threshold) {
@@ -17185,9 +17620,11 @@ function observeMove(element, onMove) {
           return refresh();
         }
         if (!ratio) {
+          // If the reference is clipped, the ratio is 0. Throttle the refresh
+          // to prevent an infinite loop of updates.
           timeoutId = setTimeout(() => {
             refresh(false, 1e-7);
-          }, 100);
+          }, 1000);
         } else {
           refresh(false, ratio);
         }
@@ -17251,7 +17688,8 @@ function autoUpdate(reference, floating, update, options) {
         resizeObserver.unobserve(floating);
         cancelAnimationFrame(reobserveFrame);
         reobserveFrame = requestAnimationFrame(() => {
-          resizeObserver && resizeObserver.observe(floating);
+          var _resizeObserver;
+          (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);
         });
       }
       update();
@@ -17276,12 +17714,13 @@ function autoUpdate(reference, floating, update, options) {
   }
   update();
   return () => {
+    var _resizeObserver2;
     ancestors.forEach(ancestor => {
       ancestorScroll && ancestor.removeEventListener('scroll', update);
       ancestorResize && ancestor.removeEventListener('resize', update);
     });
-    cleanupIo && cleanupIo();
-    resizeObserver && resizeObserver.disconnect();
+    cleanupIo == null || cleanupIo();
+    (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect();
     resizeObserver = null;
     if (animationFrame) {
       cancelAnimationFrame(frameId);
@@ -17289,10 +17728,75 @@ function autoUpdate(reference, floating, update, options) {
   };
 }
 
+/**
+ * Modifies the placement by translating the floating element along the
+ * specified axes.
+ * A number (shorthand for `mainAxis` or distance), or an axes configuration
+ * object may be passed.
+ * @see https://floating-ui.com/docs/offset
+ */
+const offset = offset$1;
+
+/**
+ * Optimizes the visibility of the floating element by choosing the placement
+ * that has the most space available automatically, without needing to specify a
+ * preferred placement. Alternative to `flip`.
+ * @see https://floating-ui.com/docs/autoPlacement
+ */
+autoPlacement;
+
+/**
+ * Optimizes the visibility of the floating element by shifting it in order to
+ * keep it in view when it will overflow the clipping boundary.
+ * @see https://floating-ui.com/docs/shift
+ */
+const shift = shift$1;
+
+/**
+ * Optimizes the visibility of the floating element by flipping the `placement`
+ * in order to keep it in view when the preferred placement(s) will overflow the
+ * clipping boundary. Alternative to `autoPlacement`.
+ * @see https://floating-ui.com/docs/flip
+ */
+const flip = flip$1;
+
+/**
+ * Provides data that allows you to change the size of the floating element —
+ * for instance, prevent it from overflowing the clipping boundary or match the
+ * width of the reference element.
+ * @see https://floating-ui.com/docs/size
+ */
+size;
+
+/**
+ * Provides data to hide the floating element in applicable situations, such as
+ * when it is not in the same clipping context as the reference element.
+ * @see https://floating-ui.com/docs/hide
+ */
+const hide = hide$1;
+
+/**
+ * Provides data to position an inner element of the floating element so that it
+ * appears centered to the reference element.
+ * @see https://floating-ui.com/docs/arrow
+ */
+const arrow = arrow$1;
+
+/**
+ * Provides improved positioning for inline reference elements that can span
+ * over multiple lines, such as hyperlinks or range selections.
+ * @see https://floating-ui.com/docs/inline
+ */
+const inline = inline$1;
+
+/**
+ * Built-in `limiter` that will stop `shift()` at a certain point.
+ */
+limitShift;
+
 /**
  * Computes the `x` and `y` coordinates that will place the floating element
- * next to a reference element when it is given a certain CSS positioning
- * strategy.
+ * next to a given reference element.
  */
 const computePosition = (reference, floating, options) => {
   // This caches the expensive `getClippingElementAncestors` function so that
@@ -17711,6 +18215,7 @@ class Dropdown {
             this.registerKeyListener();
         }
         else {
+            this.destroyAutoUpdate();
             (_a = this.arrowFocusController) === null || _a === void 0 ? void 0 : _a.disconnect();
             this.itemObserver.disconnect();
             (_b = this.disposeKeyListener) === null || _b === void 0 ? void 0 : _b.call(this);
@@ -17719,6 +18224,12 @@ class Dropdown {
     changedTrigger(newTriggerValue) {
         this.registerListener(newTriggerValue);
     }
+    destroyAutoUpdate() {
+        if (this.autoUpdateCleanup) {
+            this.autoUpdateCleanup();
+            this.autoUpdateCleanup = null;
+        }
+    }
     isAnchorSubmenu() {
         var _a;
         if (!hasDropdownItemWrapperImplemented(this.anchorElement)) {
@@ -17755,10 +18266,7 @@ class Dropdown {
         if (this.offset) {
             positionConfig.middleware.push(offset(this.offset));
         }
-        if (this.autoUpdateCleanup) {
-            this.autoUpdateCleanup();
-            this.autoUpdateCleanup = null;
-        }
+        this.destroyAutoUpdate();
         this.autoUpdateCleanup = autoUpdate(this.anchorElement, this.dropdownRef, async () => {
             const computeResponse = await computePosition(this.anchorElement, this.dropdownRef, positionConfig);
             Object.assign(this.dropdownRef.style, {
@@ -17825,7 +18333,7 @@ class Dropdown {
         this.applyDropdownPosition();
     }
     render() {
-        return (hAsync(Host, { key: '4f50f3c00bce087ae0c36c463f49c29adfe20f78', "data-ix-dropdown": this.localUId, ref: (ref) => (this.dropdownRef = ref), class: {
+        return (hAsync(Host, { key: 'a0822930491de50066f777003b05892d9fc9587b', "data-ix-dropdown": this.localUId, ref: (ref) => (this.dropdownRef = ref), class: {
                 'dropdown-menu': true,
                 show: this.show,
                 overflow: true,
@@ -17833,7 +18341,7 @@ class Dropdown {
                 margin: '0',
                 minWidth: '0px',
                 position: this.positioningStrategy,
-            }, role: "list", onClick: (event) => this.onDropdownClick(event) }, hAsync("div", { key: 'be529e836ffcf39ed344416cb41d1cc45a0d9abb', style: { display: 'contents' } }, this.header && hAsync("div", { key: 'af768a37fd188144b84836abc87b3fd06f0b4808', class: "dropdown-header" }, this.header), hAsync("slot", { key: '2b4e76a579c4cadb18e3ce7baa1f83c942e2d28f' }))));
+            }, role: "list", onClick: (event) => this.onDropdownClick(event) }, hAsync("div", { key: '00f8905edd2cfac83a21fbeee7001a4987fc018e', style: { display: 'contents' } }, this.header && hAsync("div", { key: '4ae378c15f844f67c4894bf8ab4c18e502cddceb', class: "dropdown-header" }, this.header), this.show && hAsync("slot", { key: 'bca1aac38def6df5d322b42415236daf61f67865' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -17937,7 +18445,7 @@ class DropdownHeader {
         this.label = undefined;
     }
     render() {
-        return (hAsync(Host, { key: '987d6e23477350b4ea2c129802bcf1887970ef08' }, hAsync("ix-typography", { key: '98aa123660b40148119a914d5edd0eb12b161823', class: 'category-text', variant: 'default-title' }, this.label)));
+        return (hAsync(Host, { key: 'efbc6ba551cef0f5c641cd8282484eea4e2b87aa' }, hAsync("ix-typography", { key: 'f57e88574cb2cfa62667a026469aebd306648014', class: 'category-text', variant: 'default-title' }, this.label)));
     }
     static get style() { return IxDropdownHeaderStyle0; }
     static get cmpMeta() { return {
@@ -17952,7 +18460,7 @@ class DropdownHeader {
     }; }
 }
 
-const dropdownItemCss = "/*!@:host*/.sc-ix-dropdown-item-h{--ix-dropdown-item-checked-color:var(--theme-color-primary);display:flex;flex-direction:row;position:relative;height:2.5rem;width:auto;overflow:hidden;cursor:pointer}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-dropdown-item-h *.sc-ix-dropdown-item,.sc-ix-dropdown-item-h *.sc-ix-dropdown-item::after,.sc-ix-dropdown-item-h *.sc-ix-dropdown-item::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-dropdown-item-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-corner{display:none}/*!@:host .dropdown-item*/.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item{all:unset;display:flex;flex-direction:row;align-items:center;position:relative;height:calc(100% - 2px);width:calc(100% - 0.5rem - 1.5rem);padding:0 0.5rem;padding-right:1.5rem;border:0.0625rem solid transparent;white-space:nowrap}/*!@:host .dropdown-item.no-checked-field*/.sc-ix-dropdown-item-h .dropdown-item.no-checked-field.sc-ix-dropdown-item{width:calc(100% - 1rem - 1.5rem);padding:0 1rem;padding-right:1.5rem}/*!@:host .dropdown-item:focus-visible*/.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item:focus-visible{border-color:var(--theme-color-focus-bdr)}/*!@:host .dropdown-item-checked*/.sc-ix-dropdown-item-h .dropdown-item-checked.sc-ix-dropdown-item{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:1rem;min-width:1rem;margin-right:0.25rem;color:var(--ix-dropdown-item-checked-color)}/*!@:host .dropdown-item-icon*/.sc-ix-dropdown-item-h .dropdown-item-icon.sc-ix-dropdown-item{margin-right:0.25rem;color:var(--theme-color-soft-text)}/*!@:host .dropdown-item-text*/.sc-ix-dropdown-item-h .dropdown-item-text.sc-ix-dropdown-item{display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@:host .dropdown-item:focus-visible*/.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item:focus-visible{outline:1px solid yellow}/*!@:host .submenu-icon*/.sc-ix-dropdown-item-h .submenu-icon.sc-ix-dropdown-item{margin-left:auto}/*!@:host(.icon-only) .dropdown-item-icon*/.icon-only.sc-ix-dropdown-item-h .dropdown-item-icon.sc-ix-dropdown-item{margin-right:0px}/*!@:host(.icon-only) .dropdown-item-checked*/.icon-only.sc-ix-dropdown-item-h .dropdown-item-checked.sc-ix-dropdown-item{display:none}/*!@:host(.icon-only) .dropdown-item*/.icon-only.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}/*!@:host(.submenu) .dropdown-item*/.submenu.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}/*!@:host(:not(.disabled):not(:disabled).hover),\n:host(:not(.disabled):not(:disabled):hover)*/.sc-ix-dropdown-item-h:not(.disabled):not(:disabled).hover,.sc-ix-dropdown-item-h:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}/*!@:host(:not(.disabled):not(:disabled).active),\n:host(:not(.disabled):not(:disabled):active)*/.sc-ix-dropdown-item-h:not(.disabled):not(:disabled).active,.sc-ix-dropdown-item-h:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}/*!@:host(.disabled)*/.disabled.sc-ix-dropdown-item-h{pointer-events:none;color:var(--theme-color-weak-text) !important}/*!@:host(.disabled) .dropdown-item-icon*/.disabled.sc-ix-dropdown-item-h .dropdown-item-icon.sc-ix-dropdown-item{color:var(--theme-color-weak-text) !important}";
+const dropdownItemCss = "/*!@:host*/.sc-ix-dropdown-item-h{--ix-dropdown-item-checked-color:var(--theme-color-primary);display:flex;flex-direction:row;position:relative;height:2.5rem;width:auto;overflow:hidden;cursor:pointer}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-dropdown-item-h *.sc-ix-dropdown-item,.sc-ix-dropdown-item-h *.sc-ix-dropdown-item::after,.sc-ix-dropdown-item-h *.sc-ix-dropdown-item::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-dropdown-item-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-dropdown-item-h .sc-ix-dropdown-item::-webkit-scrollbar-corner{display:none}/*!@:host .dropdown-item*/.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item{all:unset;display:flex;flex-direction:row;align-items:center;position:relative;height:calc(100% - 2px);width:calc(100% - 0.5rem - 1.5rem);padding:0 0.5rem;padding-right:1.5rem;border:0.0625rem solid transparent;white-space:nowrap}/*!@:host .dropdown-item.no-checked-field*/.sc-ix-dropdown-item-h .dropdown-item.no-checked-field.sc-ix-dropdown-item{width:calc(100% - 1rem - 1.5rem);padding:0 1rem;padding-right:1.5rem}/*!@:host .dropdown-item:focus-visible*/.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item:focus-visible{border-color:var(--theme-color-focus-bdr)}/*!@:host .dropdown-item-checked*/.sc-ix-dropdown-item-h .dropdown-item-checked.sc-ix-dropdown-item{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:1rem;min-width:1rem;margin-right:0.5rem;color:var(--ix-dropdown-item-checked-color)}/*!@:host .dropdown-item-icon*/.sc-ix-dropdown-item-h .dropdown-item-icon.sc-ix-dropdown-item{margin-right:0.5rem;color:var(--theme-color-std-text)}/*!@:host .dropdown-item-text*/.sc-ix-dropdown-item-h .dropdown-item-text.sc-ix-dropdown-item{display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@:host .dropdown-item:focus-visible*/.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item:focus-visible{outline:1px solid yellow}/*!@:host .submenu-icon*/.sc-ix-dropdown-item-h .submenu-icon.sc-ix-dropdown-item{margin-left:auto}/*!@:host(.icon-only) .dropdown-item-icon*/.icon-only.sc-ix-dropdown-item-h .dropdown-item-icon.sc-ix-dropdown-item{margin-right:0px}/*!@:host(.icon-only) .dropdown-item-checked*/.icon-only.sc-ix-dropdown-item-h .dropdown-item-checked.sc-ix-dropdown-item{display:none}/*!@:host(.icon-only) .dropdown-item*/.icon-only.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}/*!@:host(.submenu) .dropdown-item*/.submenu.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}/*!@:host(:not(.disabled):not(:disabled).hover),\n:host(:not(.disabled):not(:disabled):hover)*/.sc-ix-dropdown-item-h:not(.disabled):not(:disabled).hover,.sc-ix-dropdown-item-h:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}/*!@:host(:not(.disabled):not(:disabled).active),\n:host(:not(.disabled):not(:disabled):active)*/.sc-ix-dropdown-item-h:not(.disabled):not(:disabled).active,.sc-ix-dropdown-item-h:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}/*!@:host(.disabled)*/.disabled.sc-ix-dropdown-item-h{pointer-events:none;color:var(--theme-color-weak-text) !important}/*!@:host(.disabled) .dropdown-item-icon*/.disabled.sc-ix-dropdown-item-h .dropdown-item-icon.sc-ix-dropdown-item{color:var(--theme-color-weak-text) !important}";
 var IxDropdownItemStyle0 = dropdownItemCss;
 
 class DropdownItem {
@@ -17983,15 +18491,15 @@ class DropdownItem {
             this.icon !== undefined);
     }
     render() {
-        return (hAsync(Host, { key: '89da1b5ab639ecb4fe9caa06f16fc7f8cff8cd49', class: {
+        return (hAsync(Host, { key: '2cfd2c1c15e44dd78403e0809382bf07141c73ba', class: {
                 hover: this.hover,
                 'icon-only': this.isIconOnly(),
                 disabled: this.disabled,
                 submenu: this.isSubMenu,
-            }, role: "listitem" }, hAsync("button", { key: '386ba89dfedf42919298d1d4d189310c364c0acb', type: "button", tabIndex: 0, class: {
+            }, role: "listitem" }, hAsync("button", { key: 'e60fba707a53859c785ddf20bcda4928d1c80695', type: "button", tabIndex: 0, class: {
                 'dropdown-item': true,
                 'no-checked-field': this.suppressChecked,
-            }, onClick: () => this.emitItemClick() }, !this.suppressChecked ? (hAsync("div", { class: "dropdown-item-checked" }, this.checked ? (hAsync("ix-icon", { class: "checkmark", name: 'single-check', size: "16" })) : null)) : null, this.icon ? (hAsync("ix-icon", { class: "dropdown-item-icon", name: this.icon })) : null, hAsync("div", { key: '385eaf4c6c074d1e21eeb55ef1c7956f8f8c4126', class: "dropdown-item-text" }, this.label, hAsync("slot", { key: 'b9e7252f90c080074da87786cf5fce912f8bdb25' })), this.isSubMenu ? (hAsync("ix-icon", { name: 'chevron-right-small', class: 'submenu-icon' })) : null)));
+            }, onClick: () => this.emitItemClick() }, !this.suppressChecked ? (hAsync("div", { class: "dropdown-item-checked" }, this.checked ? (hAsync("ix-icon", { class: "checkmark", name: 'single-check', size: "16" })) : null)) : null, this.icon ? (hAsync("ix-icon", { class: "dropdown-item-icon", name: this.icon })) : null, hAsync("div", { key: '66c35f150fb79f2ad92703c3cb3f6ec6205ff0e0', class: "dropdown-item-text" }, this.label, hAsync("slot", { key: '403f144a8b3d8def9592091445355303f39d2a8f' })), this.isSubMenu ? (hAsync("ix-icon", { name: 'chevron-right-small', class: 'submenu-icon' })) : null)));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxDropdownItemStyle0; }
@@ -18026,7 +18534,7 @@ class DropdownQuickActions {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'cf0b790f201df5ca5cd904de492140d79f49d29a' }, hAsync("slot", { key: 'f2003c2b93ba50b6acb966ab05b036ce6516d829' })));
+        return (hAsync(Host, { key: 'f8336e321ecbdf72f5ed73218cdb257ad9cfa6fb' }, hAsync("slot", { key: 'a91fe26669fdd27a72fecc5f4aeca92d4a8258fa' })));
     }
     static get style() { return IxDropdownQuickActionsStyle0; }
     static get cmpMeta() { return {
@@ -18187,11 +18695,11 @@ class EventList {
         });
     }
     render() {
-        return (hAsync(Host, { key: '5d7a0f6f6d24eb87a5ea1a777d4deb578d4d4d53', class: {
+        return (hAsync(Host, { key: '089a281bac15abcd507401131c2be9408acd5845', class: {
                 'item-size-s': this.itemHeight === 'S',
                 'item-size-l': this.itemHeight === 'L',
                 compact: this.compact,
-            } }, hAsync("ul", { key: 'ed377a8c738270044e9a903360105a9ce3a30fa2' }, hAsync("slot", { key: 'cd3f02ca5eb2ce9b6086b249678839cba7b9f7b0' }))));
+            } }, hAsync("ul", { key: 'a142c907713c0817db7a3c056e4c7498f456963c' }, hAsync("slot", { key: '1b3a8a7f56f4e2e52d29acbf325ab29e663f4337' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -18241,16 +18749,16 @@ class EventListItem {
                 ? `var(${this.color})`
                 : `var(--theme-${this.color})`;
         }
-        return (hAsync(Host, { key: 'f4867d7f68254b7f4929ce6746172eb03aa5caea', class: {
+        return (hAsync(Host, { key: '115c40df6986d283ac53ecc1ef7d5cfbe751864e', class: {
                 disabled: this.disabled,
-            } }, hAsync("li", { key: '325588cc80c9b8988b37aaeb72a8d9c7affc088e', "aria-disabled": a11yBoolean(this.disabled), class: {
+            } }, hAsync("li", { key: '431cc4b56030d9f5db39923380067fdb98e77b88', "aria-disabled": a11yBoolean(this.disabled), class: {
                 'event-list-item': true,
                 selected: this.selected,
                 disabled: this.disabled,
-            } }, hAsync("div", { key: '24ef52d3c26ccb528934fa0366c9ebdce05ca38d', class: `indicator ${!((_c = this.itemColor) !== null && _c !== void 0 ? _c : this.color) ? 'indicator-empty' : ''}`, style: {
+            } }, hAsync("div", { key: '44cc672e3416136a20c4f256c6c6ffd9f82097d5', class: `indicator ${!((_c = this.itemColor) !== null && _c !== void 0 ? _c : this.color) ? 'indicator-empty' : ''}`, style: {
                 'background-color': ((_d = this.itemColor) !== null && _d !== void 0 ? _d : this.color) ? color : 'inherit',
                 opacity: `${this.disabled ? 0.4 : 1}`,
-            } }), hAsync("div", { key: '74fac568b74471bcd6051f25d13bbac6d3aaadb4', class: "event-list-item-container" }, hAsync("div", { key: '47d69475c3d448ca417b1892b30f22e7de77b19f', class: "event-content" }, hAsync("slot", { key: 'c87d4fc509bdbc2041122e274caa2860a2530843' })), this.chevron && (hAsync("ix-icon", { key: '8626b6e5ff1f23163d4a75d5c3a114adc3942c2c', name: 'chevron-right', size: "16", class: "chevron-icon" }))))));
+            } }), hAsync("div", { key: 'd894014deacd0fd725c0e88e57e5d40a4d329113', class: "event-list-item-container" }, hAsync("div", { key: '3a016426709b4abc7853bc67aeca4a3e11e5d6c1', class: "event-content" }, hAsync("slot", { key: 'c5cdf2b4a04834d540af8d8df19a8889ee6e0ffb' })), this.chevron && (hAsync("ix-icon", { key: '9646e270e1496247c2ab8223452eb76d2f9f902e', name: 'chevron-right', size: "16", class: "chevron-icon" }))))));
     }
     static get style() { return IxEventListItemStyle0; }
     static get cmpMeta() { return {
@@ -18319,20 +18827,20 @@ class ExpandingSearch {
         this.valueChange.emit(this.value);
     }
     render() {
-        return (hAsync(Host, { key: 'ce6a0b2941966880a2a47a20ddf39820d8110836', class: {
+        return (hAsync(Host, { key: 'fd70f74b8c961ba043bd2cfe646bf2ab287b7edf', class: {
                 expanded: this.expanded,
                 'right-position': this.expanded,
                 fullWidth: this.fullWidth,
-            } }, hAsync("ix-icon-button", { key: 'e773bc67a18476c86d530e14a0b062f1b10caae7', size: this.expanded ? '16' : '24', icon: this.icon, ghost: true, variant: "primary", "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: 'afb4150bf7b4847e79723ec9595913eea9facecc', size: this.expanded ? '16' : '24', icon: this.icon, ghost: true, variant: "primary", "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,
-            } }), hAsync("div", { key: 'ab6b7f77f88713c1b0230a83a3c2eb50df35f340', class: {
+            } }), hAsync("div", { key: '69c41e59e7d3e780b50a8619049d44044aae699d', class: {
                 expanded: this.expanded,
                 fullWidth: this.fullWidth,
                 collapsed: !this.expanded,
                 'disable-pointer': !this.expanded,
                 'input-container': true,
-            }, "data-testid": "input-wrapper" }, hAsync("input", { key: 'fb3f5e5c926a5eed3d2a0bac878ef806684f9d8d', class: {
+            }, "data-testid": "input-wrapper" }, hAsync("input", { key: '57daef5e26aa3dc16d9e8043ccfa14d2c4983cf6', class: {
                 'form-control': true,
                 input: this.expanded,
                 'disable-pointer': !this.expanded,
@@ -18378,7 +18886,7 @@ class FilterChip {
         this.closeClick.emit();
     }
     render() {
-        return (hAsync(Host, { key: '215ed3c9b71df4ba795032725d76950f10a33184', class: { disabled: this.disabled, readonly: this.readonly }, title: this.el.textContent }, hAsync("div", { key: '68f822ed7365a1b9375721e5fc9a9ce91bd79313', class: "slot-container" }, hAsync("slot", { key: '8c334798a0c6c274d68564ba12b01d59054c338c' })), !this.disabled && !this.readonly ? (hAsync("ix-icon-button", { ghost: true, oval: true, icon: 'close-small', size: "16", tabindex: this.disabled ? -1 : 0, variant: "primary", disabled: this.disabled, onClick: (e) => this.onCloseClick(e) })) : null));
+        return (hAsync(Host, { key: 'a4d7097df0582282fbd3550741fa0a231a4c782a', class: { disabled: this.disabled, readonly: this.readonly }, title: this.el.textContent }, hAsync("div", { key: '659346141b7c2645f0970629e6a8a53c52ee0759', class: "slot-container" }, hAsync("slot", { key: '0799a1aa00aeae148532b56e847d2713f782e862' })), !this.disabled && !this.readonly ? (hAsync("ix-icon-button", { ghost: true, oval: true, icon: 'close-small', size: "16", tabindex: this.disabled ? -1 : 0, variant: "primary", disabled: this.disabled, onClick: (e) => this.onCloseClick(e) })) : null));
     }
     get el() { return getElement(this); }
     static get style() { return IxFilterChipStyle0; }
@@ -18467,26 +18975,26 @@ class FlipTile {
         }, 2 * this.ANIMATION_DURATION);
     }
     render() {
-        return (hAsync(Host, { key: '6325a67810cec0daa810626fd07fdee585dff321', style: {
+        return (hAsync(Host, { key: 'c54bb71af0355c2bff52800f3ce2e94517690018', style: {
                 height: `${this.height}${this.height === 'auto' ? '' : 'rem'}`,
                 'min-height': `${this.height}${this.height === 'auto' ? '' : 'rem'}`,
                 'max-height': `${this.height}${this.height === 'auto' ? '' : 'rem'}`,
                 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: 'b32de5296d6f9eaa2a47d7fca8fc37ccc3038ca8', class: {
+            } }, hAsync("div", { key: '11724fe70d3bfdbc9a2c25db24cbcec60ad5f196', class: {
                 'flip-tile-container': true,
                 info: this.state === FlipTileState.Info,
                 warning: this.state === FlipTileState.Warning,
                 alarm: this.state === FlipTileState.Alarm,
                 primary: this.state === FlipTileState.Primary,
                 'flip-animation-active': this.isFlipAnimationActive,
-            } }, hAsync("div", { key: '547fd0065516281539327d61b7ba4806973b230e', class: "flip-tile-header" }, hAsync("div", { key: '6f6105b466f35d94e7d5c51e6a8d0cd9190fda90', class: "header-slot-container text-l-title" }, hAsync("slot", { key: 'e0d28500f1b867e120308d8ae08d19f8e2ed62ef', name: "header" })), hAsync("ix-icon-button", { key: '9b1115eedef1cd2b5c20322e7126d69a7ddd5367', icon: 'eye', variant: "primary", ghost: true, onClick: () => this.toggleIndex() })), hAsync("div", { key: '208e84bf8a58d0f0d664e6afa61f4c0134c170a1', class: "content-container" }, hAsync("slot", { key: 'e58477ccc1f34df0f10d34b76ebfeb8740e6a2b7' })), hAsync("div", { key: '1d2775674ae6ccf49d45349bb092e62a4edb6839', class: {
+            } }, hAsync("div", { key: '79931960e992363efd04bc4811cb47a3f810b47e', class: "flip-tile-header" }, hAsync("div", { key: 'eb24f87ba961b4697c4903663cf9500cf8a41a80', class: "header-slot-container text-l-title" }, hAsync("slot", { key: '5991a7e2ed03995507e9e4bc329c2a69bcd606e8', name: "header" })), hAsync("ix-icon-button", { key: 'fdca5d22fde09917560092be5ed30d1ac9a8e1f2', icon: 'eye', variant: "primary", ghost: true, onClick: () => this.toggleIndex() })), hAsync("div", { key: '09a534b6123fc399549369dfe82abf1ebf74edb1', class: "content-container" }, hAsync("slot", { key: '974a7da9316688e6971dabb9d0ba3427475ee72f' })), hAsync("div", { key: '55408f796f09ea616f4ad2d5b51fb66c100101c9', class: {
                 footer: true,
                 'contrast-light': this.state === FlipTileState.Warning,
                 'contrast-dark': this.state === FlipTileState.Info ||
                     this.state === FlipTileState.Alarm,
-            } }, hAsync("slot", { key: '0876aa784c23b91f289b9feec114d94c5860bf29', name: "footer" })))));
+            } }, hAsync("slot", { key: '7aedaee90543dc68b0c5ac03fc24e657e18a2296', name: "footer" })))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxFlipTileStyle0; }
@@ -18515,7 +19023,7 @@ class FlipTileContent {
         this.contentVisible = false;
     }
     render() {
-        return hAsync(Host, { key: '5168ef23e528f9bb5a8408a6df292bd2bbadd1fc' }, this.contentVisible ? hAsync("slot", null) : null);
+        return hAsync(Host, { key: '04dc2496f04f8fd290df6f9583341f04b4dee5cd' }, this.contentVisible ? hAsync("slot", null) : null);
     }
     static get style() { return IxFlipTileContentStyle0; }
     static get cmpMeta() { return {
@@ -18543,7 +19051,7 @@ class FormField {
     }
     componentWillLoad() { }
     render() {
-        return (hAsync(Host, { key: '34305cf7e6ee023ae323d2c1b13248bb08f50001' }, this.label ? (hAsync("label", { htmlFor: this.inputElement.id }, this.label)) : null, hAsync("slot", { key: '7d9937b61fd5f5aa4711a7551c0665a1f048bb47' })));
+        return (hAsync(Host, { key: '9ff1529dc21325a6644e16a91e145041699eeca6' }, this.label ? (hAsync("label", { htmlFor: this.inputElement.id }, this.label)) : null, hAsync("slot", { key: '67fa496dc86e3fd9194b62a7b5d2e9acbd5133b5' })));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxFormFieldStyle0; }
@@ -18559,7 +19067,7 @@ class FormField {
     }; }
 }
 
-const groupCss = "/*!@:host*/.sc-ix-group-h{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;position:relative;max-width:19.75rem;border-color:var(--theme-group-item--border-color)}/*!@:host .group-header*/.sc-ix-group-h .group-header.sc-ix-group{height:4rem;min-height:4rem;max-height:4rem;border-radius:var(--theme-group--border-radius) var(--theme-group--border-radius) 0 0;display:flex;background-color:var(--theme-group-item--background);color:var(--theme-group-header--color);cursor:pointer}/*!@:host .group-header:not(.disabled):not(:disabled)*/.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .group-header:not(.disabled):not(:disabled):hover, :host .group-header:not(.disabled):not(:disabled):hover*/.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):hover{background-color:var(--theme-group-item--background--hover)}/*!@:host .group-header:not(.disabled):not(:disabled):hover.selected, :host .group-header:not(.disabled):not(:disabled):hover.selected*/.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):hover.selected{background-color:var(--theme-group-item--background--selected)}/*!@:host .group-header:not(.disabled):not(:disabled)*/.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .group-header:not(.disabled):not(:disabled):active, :host .group-header:not(.disabled):not(:disabled).active*/.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):active,.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled).active{background-color:var(--theme-group-item--background--active)}/*!@:host .group-header:not(.disabled):not(:disabled):active.selected, :host .group-header:not(.disabled):not(:disabled).active.selected*/.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):active.selected,.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled).active.selected{background-color:var(--theme-group-item--background--selected)}/*!@:host .group-header:not(.disabled):not(:disabled):focus-visible*/.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):focus-visible{border:1px solid var(--theme-color-focus-bdr);border-radius:var(--theme-default-border-radius) var(--theme-default-border-radius) 0px 0px;outline:none}/*!@:host .group-header.selected*/.sc-ix-group-h .group-header.selected.sc-ix-group{background-color:var(--theme-group-item--background--selected)}/*!@:host .group-header.selected .group-header-selection-indicator*/.sc-ix-group-h .group-header.selected.sc-ix-group .group-header-selection-indicator.sc-ix-group{background-color:var(--theme-group-item-indicator--background--selected)}/*!@:host .group-header .group-header-selection-indicator*/.sc-ix-group-h .group-header.sc-ix-group .group-header-selection-indicator.sc-ix-group{background-color:var(--theme-color-input--focus)}/*!@:host .group-header .group-header-selection-indicator.group-header-selection-indicator-item-selected*/.sc-ix-group-h .group-header.sc-ix-group .group-header-selection-indicator.group-header-selection-indicator-item-selected.sc-ix-group{background-color:var(--theme-group-item-indicator--background--selected)}/*!@:host .group-header-clickable*/.sc-ix-group-h .group-header-clickable.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;width:100%;min-width:0}/*!@:host .group-header-selection-indicator*/.sc-ix-group-h .group-header-selection-indicator.sc-ix-group{width:0.25rem;border-top-left-radius:var(--theme-group--border-radius)}/*!@:host .group-header-content*/.sc-ix-group-h .group-header-content.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:row;justify-content:space-between;min-width:0;flex-grow:1;flex-basis:0;padding:0.5rem;padding-left:0}/*!@:host .group-header-content .group-header-props-container*/.sc-ix-group-h .group-header-content.sc-ix-group .group-header-props-container.sc-ix-group{width:100%}/*!@:host .group-header-content .group-header-title*/.sc-ix-group-h .group-header-content.sc-ix-group .group-header-title.sc-ix-group{display:flex;align-items:center;font-size:1rem;font-weight:700;height:1.5rem}/*!@:host .group-header-content .group-header-title > **/.sc-ix-group-h .group-header-content.sc-ix-group .group-header-title.sc-ix-group>*.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-right:0}/*!@:host .group-header-content .group-subheader*/.sc-ix-group-h .group-header-content.sc-ix-group .group-subheader.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:1.25rem;font-size:0.875rem;color:var(--theme-group-subheader--color)}/*!@:host .expand-icon*/.sc-ix-group-h .expand-icon.sc-ix-group{padding:0.125rem 0.437rem;color:var(--theme-color-std-text)}/*!@:host .btn-expand-header*/.sc-ix-group-h .btn-expand-header.sc-ix-group{margin:0.5rem;margin-inline-end:0.25rem;min-width:1.5rem}/*!@:host .group-content*/.sc-ix-group-h .group-content.sc-ix-group{display:flex;flex-direction:column;gap:1px;margin-top:1px}/*!@:host .footer*/.sc-ix-group-h .footer.sc-ix-group{visibility:collapse;height:auto;min-height:0}/*!@:host .footer-visible*/.sc-ix-group-h .footer-visible.sc-ix-group{visibility:visible}/*!@:host .hidden*/.sc-ix-group-h .hidden.sc-ix-group{display:none}";
+const groupCss = "/*!@:host*/.sc-ix-group-h{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;position:relative;width:19.75rem;min-width:12rem;border-color:var(--theme-group-item--border-color)}/*!@:host .group-header*/.sc-ix-group-h .group-header.sc-ix-group{height:4rem;min-height:4rem;max-height:4rem;border-radius:var(--theme-group--border-radius) var(--theme-group--border-radius) 0 0;display:flex;background-color:var(--theme-group-item--background);color:var(--theme-group-header--color);cursor:pointer}/*!@:host .group-header:not(.disabled):not(:disabled)*/.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .group-header:not(.disabled):not(:disabled):hover, :host .group-header:not(.disabled):not(:disabled):hover*/.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):hover{background-color:var(--theme-group-item--background--hover)}/*!@:host .group-header:not(.disabled):not(:disabled):hover.selected, :host .group-header:not(.disabled):not(:disabled):hover.selected*/.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):hover.selected{background-color:var(--theme-group-item--background--selected)}/*!@:host .group-header:not(.disabled):not(:disabled)*/.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled){cursor:pointer}/*!@:host .group-header:not(.disabled):not(:disabled):active, :host .group-header:not(.disabled):not(:disabled).active*/.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):active,.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled).active{background-color:var(--theme-group-item--background--active)}/*!@:host .group-header:not(.disabled):not(:disabled):active.selected, :host .group-header:not(.disabled):not(:disabled).active.selected*/.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):active.selected,.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled).active.selected{background-color:var(--theme-group-item--background--selected)}/*!@:host .group-header:not(.disabled):not(:disabled):focus-visible*/.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):focus-visible{border:1px solid var(--theme-color-focus-bdr);border-radius:var(--theme-default-border-radius) var(--theme-default-border-radius) 0px 0px;outline:none}/*!@:host .group-header.selected*/.sc-ix-group-h .group-header.selected.sc-ix-group{background-color:var(--theme-group-item--background--selected)}/*!@:host .group-header.selected .group-header-selection-indicator*/.sc-ix-group-h .group-header.selected.sc-ix-group .group-header-selection-indicator.sc-ix-group{background-color:var(--theme-group-item-indicator--background--selected)}/*!@:host .group-header .group-header-selection-indicator*/.sc-ix-group-h .group-header.sc-ix-group .group-header-selection-indicator.sc-ix-group{background-color:var(--theme-color-input--focus)}/*!@:host .group-header .group-header-selection-indicator.group-header-selection-indicator-item-selected*/.sc-ix-group-h .group-header.sc-ix-group .group-header-selection-indicator.group-header-selection-indicator-item-selected.sc-ix-group{background-color:var(--theme-group-item-indicator--background--selected)}/*!@:host .group-header-clickable*/.sc-ix-group-h .group-header-clickable.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;width:100%;min-width:0}/*!@:host .group-header-selection-indicator*/.sc-ix-group-h .group-header-selection-indicator.sc-ix-group{width:0.25rem;border-top-left-radius:var(--theme-group--border-radius)}/*!@:host .group-header-content*/.sc-ix-group-h .group-header-content.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:row;justify-content:space-between;min-width:0;flex-grow:1;flex-basis:0;padding:0.5rem;padding-left:0}/*!@:host .group-header-content .group-header-props-container*/.sc-ix-group-h .group-header-content.sc-ix-group .group-header-props-container.sc-ix-group{width:100%}/*!@:host .group-header-content .group-header-title*/.sc-ix-group-h .group-header-content.sc-ix-group .group-header-title.sc-ix-group{display:flex;align-items:center;font-size:1rem;font-weight:700;height:1.5rem}/*!@:host .group-header-content .group-header-title > **/.sc-ix-group-h .group-header-content.sc-ix-group .group-header-title.sc-ix-group>*.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-right:0}/*!@:host .group-header-content .group-subheader*/.sc-ix-group-h .group-header-content.sc-ix-group .group-subheader.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:1.25rem;font-size:0.875rem;color:var(--theme-group-subheader--color)}/*!@:host .expand-icon*/.sc-ix-group-h .expand-icon.sc-ix-group{padding:0.125rem 0.437rem;color:var(--theme-color-std-text)}/*!@:host .btn-expand-header*/.sc-ix-group-h .btn-expand-header.sc-ix-group{margin:0.5rem;margin-inline-end:0.25rem;min-width:1.5rem}/*!@:host .group-content*/.sc-ix-group-h .group-content.sc-ix-group{display:flex;flex-direction:column;gap:1px;margin-top:1px}/*!@:host .footer*/.sc-ix-group-h .footer.sc-ix-group{visibility:collapse;height:auto;min-height:0}/*!@:host .footer-visible*/.sc-ix-group-h .footer-visible.sc-ix-group{visibility:visible}/*!@:host .hidden*/.sc-ix-group-h .hidden.sc-ix-group{display:none}";
 var IxGroupStyle0 = groupCss;
 
 class Group {
@@ -18568,19 +19076,24 @@ class Group {
         this.selectGroup = createEvent(this, "selectGroup", 7);
         this.selectItem = createEvent(this, "selectItem", 7);
         this.collapsedChanged = createEvent(this, "collapsedChanged", 7);
+        this.observer = null;
         this.suppressHeaderSelection = false;
         this.header = undefined;
         this.subHeader = undefined;
         this.collapsed = true;
-        this.selected = undefined;
+        this.selected = false;
         this.index = undefined;
         this.expandOnHeaderClick = false;
         this.itemSelected = false;
-        this.dropdownTriggerRef = undefined;
         this.slotSize = this.groupItems.length;
         this.footerVisible = false;
         this.showExpandCollapsedIcon = false;
     }
+    selectedChanged(newSelected) {
+        if (newSelected === false) {
+            this.changeItemIndex();
+        }
+    }
     get dropdownItems() {
         return Array.from(this.hostElement.querySelectorAll('ix-group-dropdown-item'));
     }
@@ -18588,55 +19101,63 @@ class Group {
         return Array.from(this.hostElement.querySelectorAll('ix-group-item:not(.footer)'));
     }
     get groupContent() {
-        return this.hostElement.shadowRoot.querySelector('.group-content');
+        var _a;
+        return (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.group-content');
     }
     onExpandClick(event) {
+        const oldCollapsed = this.collapsed;
         this.collapsed = !this.collapsed;
-        this.collapsedChanged.emit(this.collapsed);
+        const { defaultPrevented } = this.collapsedChanged.emit(this.collapsed);
         event.stopPropagation();
+        if (defaultPrevented) {
+            this.collapsed = oldCollapsed;
+        }
     }
     onHeaderClick(event) {
-        this.setGroupSelection(!this.selected);
         if (this.suppressHeaderSelection) {
             this.onExpandClick(event);
+            return;
         }
+        this.changeHeaderSelection(!this.selected);
+        this.changeItemIndex();
     }
-    onItemClick(index) {
-        if (index === this.index) {
-            this.index = undefined;
-            this.selectItem.emit(undefined);
-        }
-        else {
-            this.index = index;
-            this.selectItem.emit(index);
-        }
-        if (this.index >= 0) {
-            this.itemSelected = true;
+    changeHeaderSelection(newSelection) {
+        const oldIsHeaderSelected = this.selected;
+        const newIsHeaderSelected = newSelection;
+        this.selected = newIsHeaderSelected;
+        const { defaultPrevented } = this.selectGroup.emit(newIsHeaderSelected);
+        if (defaultPrevented) {
+            this.selected = oldIsHeaderSelected;
+            return;
         }
-        else
-            this.itemSelected = false;
-        this.setGroupSelection(false);
     }
-    setGroupSelection(selection) {
-        if (!this.suppressHeaderSelection) {
-            this.selected = selection;
-            this.selectGroup.emit(this.selected);
+    changeItemIndex(index) {
+        const oldIndex = this.index;
+        const newIndex = index === this.index ? undefined : index;
+        if (this.index === newIndex) {
+            return;
+        }
+        this.index = newIndex;
+        const { defaultPrevented } = this.selectItem.emit(newIndex);
+        if (defaultPrevented) {
+            this.index = oldIndex;
+            return;
         }
+        const items = this.groupItems;
+        items.forEach((item, i) => {
+            item.selected = i === this.index;
+        });
+        this.itemSelected = items.some((item) => item.selected);
     }
     onSlotChange() {
-        const slot = this.hostElement.shadowRoot.querySelector('slot[name="footer"]');
+        var _a;
+        const slot = (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="footer"]');
         if (slot) {
             this.footerVisible = hasSlottedElements(slot);
         }
     }
     componentWillRender() {
         this.groupItems.forEach((item, index) => {
-            if (this.selected === true) {
-                item.selected = false;
-                this.index = undefined;
-                this.itemSelected = false;
-                return;
-            }
             item.selected = index === this.index;
             item.index = index;
         });
@@ -18645,41 +19166,52 @@ class Group {
         this.observer = createMutationObserver(() => {
             this.slotSize = this.groupItems.length;
         });
+        if (!this.groupContent) {
+            return;
+        }
         this.observer.observe(this.groupContent, {
             childList: true,
         });
-        this.groupContent.addEventListener('selectedChanged', (evt) => {
-            this.onItemClick(evt.detail.index);
-        });
     }
     disconnectedCallback() {
         if (this.observer) {
             this.observer.disconnect();
         }
     }
+    onItemClicked(event) {
+        if (event.target instanceof HTMLElement) {
+            const item = event.target;
+            const index = this.groupItems.indexOf(item);
+            this.changeItemIndex(index);
+        }
+    }
     render() {
-        return (hAsync(Host, { key: 'a6c09009cd058c03a46699d1514a51e5befb5018' }, hAsync("div", { key: '7d0802bd7566f7d47062e91a8264b6d783a8a44b', class: {
+        return (hAsync(Host, { key: '812601d494909804a300f73d14e2e423e2c5cce9' }, hAsync("div", { key: '2725ce086aee61abdfbf9e2db6bb1c1c1f936cc9', class: {
                 'group-header': true,
                 expand: !this.collapsed,
                 selected: this.selected,
-            }, tabindex: "0" }, hAsync("div", { key: '3f2e851b6d35893c2a3393348474e6cefa06ae79', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, hAsync("div", { key: 'dfed4e7962f4f3b071cc6b8d64b4efa06f139ebb', class: {
+            }, tabindex: "0" }, hAsync("div", { key: '359308aacda0079e12bb33273b93aad571b2568e', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, hAsync("div", { key: 'e770dd6b563036aef00730a5d497cc8b777bf1f9', class: {
                 'group-header-selection-indicator': true,
                 'group-header-selection-indicator-item-selected': this.itemSelected,
-            } }), hAsync("div", { key: 'afe8c9b382b2506f1c86a56abe4b29da07c52b9f', class: "btn-expand-header" }, hAsync("ix-icon", { key: 'de63d1492943de8e4bcf2f1f76b61feab1beea50', "data-testid": "expand-collapsed-icon", class: {
+            } }), hAsync("div", { key: '52d7d439f1f2af260bfa707a418bdfe5979ade02', class: "btn-expand-header" }, hAsync("ix-icon", { key: 'ab70e0357f2cd002412f950b6a770825f73e481d', "data-testid": "expand-collapsed-icon", class: {
                 hidden: !this.showExpandCollapsedIcon,
-            }, name: this.collapsed ? 'chevron-right-small' : 'chevron-down-small', onClick: (e) => this.onExpandClick(e) })), hAsync("div", { key: '5ca15ab167295402b4fc5f226b14697777b3abba', 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: '2f78d4b163682214e6325b49ce69f2f737da0399', name: "header" }))), hAsync("ix-group-context-menu", { key: '56a4bcd4e623012de4a7a1bcc66bb1f280f66e90' }, hAsync("slot", { key: '439f0ba04c6ec4543f740ca70b965cd50eae669f', name: "dropdown" }))), hAsync("div", { key: '3cd56e5f026a12ad05ccf85760d2bb4a72ad47d4', class: {
+            }, name: this.collapsed ? 'chevron-right-small' : 'chevron-down-small', onClick: (e) => this.onExpandClick(e) })), hAsync("div", { key: 'ec04f3094c5949cd96dc1bcbf00434dff3012be4', 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: '3a056192f8217060b9ef9f90cba385028b26c04e', name: "header" }))), hAsync("ix-group-context-menu", { key: 'd3d14e900f4e6f6cbbbf27d76eab427f5149f900' }, hAsync("slot", { key: 'c538f3b3fd67f4d486a94c304f9cd938f0337af2', name: "dropdown" }))), hAsync("div", { key: 'ee27945481e3994204885fd6e0e6bd6f1601aaf5', class: {
                 'group-content': true,
-            } }, hAsync("div", { key: 'c4fb98c378079efb91edc03c5e88e7a01b33a223', style: {
+            } }, hAsync("div", { key: '5cd463be44651ec638b54ea469aa3dc077e3b04f', style: {
                 display: this.collapsed ? 'none' : 'contents',
-            } }, hAsync("slot", { key: 'f77631e111614e753f99ec942ff88142c2739c36', onSlotchange: () => {
-                const slot = this.hostElement.shadowRoot.querySelector('slot:not([name])');
+            } }, hAsync("slot", { key: '1565d5c06d317e41f4d4851c69cd38af88e4918c', 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: '9f84823ab01988af424b0b3beff5acc7ec963d01', suppressSelection: true, focusable: false, class: {
+            } }), hAsync("ix-group-item", { key: '5d5632cba350db31eb5fa1f64fe3d33e6e0e2748', suppressSelection: true, focusable: false, class: {
                 footer: true,
                 'footer-visible': this.footerVisible,
-            } }, hAsync("slot", { key: '14b0b37dfd590c88021c8c4c714a362dc0e82188', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
+            } }, hAsync("slot", { key: '13741bc640b4bed51ffaa9e414cfc0c9efe06444', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
     }
     get hostElement() { return getElement(this); }
+    static get watchers() { return {
+        "selected": ["selectedChanged"]
+    }; }
     static get style() { return IxGroupStyle0; }
     static get cmpMeta() { return {
         "$flags$": 9,
@@ -18693,12 +19225,11 @@ class Group {
             "index": [1538],
             "expandOnHeaderClick": [4, "expand-on-header-click"],
             "itemSelected": [32],
-            "dropdownTriggerRef": [32],
             "slotSize": [32],
             "footerVisible": [32],
             "showExpandCollapsedIcon": [32]
         },
-        "$listeners$": undefined,
+        "$listeners$": [[0, "selectedChanged", "onItemClicked"]],
         "$lazyBundleId$": "-",
         "$attrsToReflect$": [["collapsed", "collapsed"], ["selected", "selected"], ["index", "index"]]
     }; }
@@ -18737,7 +19268,7 @@ class GroupContextMenu {
         this.configureDropdown(dropdownElement, triggerElement);
     }
     render() {
-        return (hAsync(Host, { key: 'f0540e7922380e5d6dc1ccd3a9cf89f8899f0b8f' }, hAsync("ix-icon-button", { key: 'd252cde38720925875096a6e57d494da800139f3', class: { hide: !this.showContextMenu }, size: "24", ghost: true, icon: 'context-menu' }), hAsync("slot", { key: 'e5f04fcdd55f57bd9bad2beeb5982f6c6352f19b', onSlotchange: () => this.onSlotChange() })));
+        return (hAsync(Host, { key: '21c0c5e986892c5e94644b6988b93f04cc2d52e4' }, hAsync("ix-icon-button", { key: 'da9e1ea025d3b0f4afaa9bcb9769a4771f04e98e', class: { hide: !this.showContextMenu }, size: "24", ghost: true, icon: 'context-menu' }), hAsync("slot", { key: '29312b85ab7e60ce075cbe95d40e1e7e7e492640', onSlotchange: () => this.onSlotChange() })));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxGroupContextMenuStyle0; }
@@ -18753,7 +19284,7 @@ class GroupContextMenu {
     }; }
 }
 
-const groupItemCss = "/*!@:host*/.sc-ix-group-item-h{display:flex;min-height:2.25rem;height:2.25rem}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-group-item-h *.sc-ix-group-item,.sc-ix-group-item-h *.sc-ix-group-item::after,.sc-ix-group-item-h *.sc-ix-group-item::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-group-item-h .sc-ix-group-item::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-group-item-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-group-item-h .sc-ix-group-item::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-group-item-h .sc-ix-group-item::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-group-item-h .sc-ix-group-item::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-group-item-h .sc-ix-group-item::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-group-item-h .sc-ix-group-item::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-group-item-h .sc-ix-group-item::-webkit-scrollbar-corner{display:none}/*!@:host > button*/.sc-ix-group-item-h>button.sc-ix-group-item{display:flex;height:100%;width:100%;align-items:center;justify-content:flex-start;position:relative;outline:none;background-color:var(--theme-group-item--background);border:1px solid transparent;color:var(--theme-color-std-text);cursor:pointer;padding-left:2.5rem}/*!@:host > button:focus-visible*/.sc-ix-group-item-h>button.sc-ix-group-item:focus-visible{border:1px solid var(--theme-color-focus-bdr)}/*!@:host ix-icon*/.sc-ix-group-item-h ix-icon.sc-ix-group-item{margin-right:0.25rem;margin-top:-0.125rem}/*!@:host .group-entry-selection-indicator*/.sc-ix-group-item-h .group-entry-selection-indicator.sc-ix-group-item{position:absolute;left:-1px;height:calc(100% + 2px);width:0.25rem}/*!@:host .group-entry-text*/.sc-ix-group-item-h .group-entry-text.sc-ix-group-item{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@:host .group-entry-text-secondary*/.sc-ix-group-item-h .group-entry-text-secondary.sc-ix-group-item{display:flex;justify-content:flex-end;flex-grow:1;white-space:nowrap;color:var(--theme-color-soft-text)}/*!@:host .group-entry-text-secondary,\n:host .group-entry-text-secondary span*/.sc-ix-group-item-h .group-entry-text-secondary.sc-ix-group-item,.sc-ix-group-item-h .group-entry-text-secondary.sc-ix-group-item span.sc-ix-group-item{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@:host(.suppress-selection)*/.suppress-selection.sc-ix-group-item-h{pointer-events:none}/*!@:host(.selected)*/.selected.sc-ix-group-item-h{border-top-width:0.062rem !important;background-color:var(--theme-color-ghost--selected)}/*!@:host(.selected) .group-entry-selection-indicator*/.selected.sc-ix-group-item-h .group-entry-selection-indicator.sc-ix-group-item{background-color:var(--theme-group-item-indicator--background--selected)}/*!@:host(:hover)*/.sc-ix-group-item-h:hover{background-color:var(--theme-color-ghost--selected-hover);border-color:var(--theme-group-item--border-color--hover)}/*!@:host(.selected:hover)*/.selected.sc-ix-group-item-h:hover{background-color:var(--theme-color-ghost--selected-hover)}/*!@:host(:active)*/.sc-ix-group-item-h:active{background-color:var(--theme-color-ghost--selected-active);border-color:var(--theme-group-item--border-color--active)}/*!@:host(.selected:active)*/.selected.sc-ix-group-item-h:active{background-color:var(--theme-color-ghost--selected-active)}";
+const groupItemCss = "/*!@:host*/.sc-ix-group-item-h{display:flex;min-height:2.25rem;height:2.25rem}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-group-item-h *.sc-ix-group-item,.sc-ix-group-item-h *.sc-ix-group-item::after,.sc-ix-group-item-h *.sc-ix-group-item::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-group-item-h .sc-ix-group-item::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-group-item-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-group-item-h .sc-ix-group-item::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-group-item-h .sc-ix-group-item::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-group-item-h .sc-ix-group-item::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-group-item-h .sc-ix-group-item::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-group-item-h .sc-ix-group-item::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-group-item-h .sc-ix-group-item::-webkit-scrollbar-corner{display:none}/*!@:host > button*/.sc-ix-group-item-h>button.sc-ix-group-item{display:flex;height:100%;width:100%;align-items:center;justify-content:flex-start;position:relative;outline:none;background-color:var(--theme-group-item--background);border:1px solid transparent;color:var(--theme-color-std-text);cursor:pointer;padding-left:2.5rem}/*!@:host > button:focus-visible*/.sc-ix-group-item-h>button.sc-ix-group-item:focus-visible{border:1px solid var(--theme-color-focus-bdr)}/*!@:host ix-icon*/.sc-ix-group-item-h ix-icon.sc-ix-group-item{margin-right:0.25rem;margin-top:-0.125rem}/*!@:host .group-entry-selection-indicator*/.sc-ix-group-item-h .group-entry-selection-indicator.sc-ix-group-item{position:absolute;left:-1px;height:calc(100% + 2px);width:0.25rem}/*!@:host .group-entry-text*/.sc-ix-group-item-h .group-entry-text.sc-ix-group-item{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@:host .group-entry-text-secondary*/.sc-ix-group-item-h .group-entry-text-secondary.sc-ix-group-item{display:flex;justify-content:flex-end;flex-grow:1;white-space:nowrap;color:var(--theme-color-soft-text)}/*!@:host .group-entry-text-secondary,\n:host .group-entry-text-secondary span*/.sc-ix-group-item-h .group-entry-text-secondary.sc-ix-group-item,.sc-ix-group-item-h .group-entry-text-secondary.sc-ix-group-item span.sc-ix-group-item{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@:host(.selected)*/.selected.sc-ix-group-item-h{border-top-width:0.062rem !important;background-color:var(--theme-color-ghost--selected)}/*!@:host(.selected) .group-entry-selection-indicator*/.selected.sc-ix-group-item-h .group-entry-selection-indicator.sc-ix-group-item{background-color:var(--theme-group-item-indicator--background--selected)}/*!@:host(:hover)*/.sc-ix-group-item-h:hover{background-color:var(--theme-color-ghost--selected-hover);border-color:var(--theme-group-item--border-color--hover)}/*!@:host(.selected:hover)*/.selected.sc-ix-group-item-h:hover{background-color:var(--theme-color-ghost--selected-hover)}/*!@:host(:active)*/.sc-ix-group-item-h:active{background-color:var(--theme-color-ghost--selected-active);border-color:var(--theme-group-item--border-color--active)}/*!@:host(.selected:active)*/.selected.sc-ix-group-item-h:active{background-color:var(--theme-color-ghost--selected-active)}";
 var IxGroupItemStyle0 = groupItemCss;
 
 class GroupItem {
@@ -18764,21 +19295,17 @@ class GroupItem {
         this.text = undefined;
         this.secondaryText = undefined;
         this.suppressSelection = false;
-        this.selected = undefined;
+        this.selected = false;
         this.focusable = true;
         this.index = undefined;
     }
     clickListen() {
-        if (this.suppressSelection) {
-            return;
-        }
         this.selectedChanged.emit(this.hostElement);
     }
     render() {
-        return (hAsync(Host, { key: '1263d38096b46d1f07775d0907018af567054e6d', class: {
+        return (hAsync(Host, { key: '5467fe7e41ae1ce688e2ed294fe8dc26da9b4926', class: {
                 selected: this.selected && !this.suppressSelection,
-                'suppress-selection': this.suppressSelection,
-            } }, hAsync("button", { key: 'f5ca23ab1328e745e9bb8299db8d15a450cd3af7', tabindex: this.focusable ? 0 : -1 }, hAsync("div", { key: '3a60d30b7686a8b3b67343e7c5cbd5b1faacf0e4', class: "group-entry-selection-indicator" }), this.icon ? hAsync("ix-icon", { size: "16", name: this.icon }) : null, this.text ? (hAsync("span", { class: "group-entry-text" }, hAsync("span", { title: this.text }, this.text))) : null, this.secondaryText ? (hAsync("span", { class: "group-entry-text-secondary" }, hAsync("span", { title: this.secondaryText }, this.secondaryText))) : null, hAsync("slot", { key: 'a24a61b86fea34c7124b5345bd41c08550a145b5' }))));
+            } }, hAsync("button", { key: '1d3bcb115867183f660958d432ffca1931197a6b', tabindex: this.focusable ? 0 : -1 }, hAsync("div", { key: 'f8723d831c359decf7ca3481cdeeb6c262cd929b', class: "group-entry-selection-indicator" }), this.icon ? hAsync("ix-icon", { size: "16", name: this.icon }) : null, this.text ? (hAsync("span", { class: "group-entry-text" }, hAsync("span", { title: this.text }, this.text))) : null, this.secondaryText ? (hAsync("span", { class: "group-entry-text-secondary" }, hAsync("span", { title: this.secondaryText }, this.secondaryText))) : null, hAsync("slot", { key: '202b787531c09feb239e6b7d7b4bf7aa186eb0cb' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxGroupItemStyle0; }
@@ -18972,7 +19499,7 @@ class IconToggleButton {
             extraClasses: Object.assign({ 'icon-button': true }, this.getIconSizeClass()),
         };
         console.log(baseButtonProps, this.disabled, this.loading);
-        return (hAsync(Host, { key: '8e9838c22d5fced8887a6d6381394875b81433ac', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '5d758620c26f25e52825a2319320a770406a4cb7' }, baseButtonProps))));
+        return (hAsync(Host, { key: 'd20169e8c23f65f145a9c7029a2691c84a3e9933', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '07e82b2f5e78c8705500cfdece4ceb57c14b8aa0' }, baseButtonProps))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -19120,7 +19647,7 @@ class InputGroup {
         return width;
     }
     render() {
-        return (hAsync(Host, { key: '94b064c7c5cb011576c94a27846843f3c919ceac', class: { disabled: this.disabled } }, hAsync("div", { key: 'a35679f97300d5070505e07c1a67591a578864b5', class: "group group-start" }, hAsync("slot", { key: '6c1541e103b20d36ddc024399cc55284bebe239e', name: "input-start" })), hAsync("slot", { key: 'a1d004e8ced49abd3ed2f861018af0d954e294f7' }), hAsync("div", { key: '6e712535611adcfd25e91f1136c7a89808edaf0a', class: "group group-end" }, hAsync("slot", { key: 'bf4302e8ecf94f5a83db1c5e3c9636c6c8a2e67e', name: "input-end" }))));
+        return (hAsync(Host, { key: '604ccecde3e72a8c5ff1eed248433d820ddaca17', class: { disabled: this.disabled } }, hAsync("div", { key: '6ce2ae4b208e39806e1b8c56007284fad21d76f8', class: "group group-start" }, hAsync("slot", { key: '742724f4b4451a95a0703475956958008be8891c', name: "input-start" })), hAsync("slot", { key: 'c1bfd62e16fbab1a74ed1c14f2eed18bfdad01f9' }), hAsync("div", { key: '0b7a3a9990f3d8d7575d54dcb9bbadbba7c76ee8', class: "group group-end" }, hAsync("slot", { key: 'bae1040ab929585017edcbc77d2e618c688910c8', name: "input-end" }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxInputGroupStyle0; }
@@ -19163,7 +19690,7 @@ class IxActionCard {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'f83abb076a856034694fa17014a31c511508ac84' }, hAsync("ix-card", { key: 'e21ebb1bc1e27db30872b8c144001ea338c89ce2', selected: this.selected, variant: this.variant, class: 'pointer' }, hAsync("ix-card-content", { key: '6074ffb241993674c9b636d2b43c8cf0b76d3437' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32" })) : null, hAsync("div", { key: 'ee7c10340f5dd87d397f013de5879caddb37ca5d' }, this.heading ? (hAsync("ix-typography", { format: "h4" }, this.heading)) : null, this.subheading ? (hAsync("ix-typography", { format: "h5", color: this.getSubheadingColor() }, this.subheading)) : null, hAsync("slot", { key: '5ba86a041964d413a2f7ff7d323905ba9880543e' }))))));
+        return (hAsync(Host, { key: 'd868aba285518ab8a4f7c73261f42f9d35de76ed' }, hAsync("ix-card", { key: '04582ff065c25edf375d19e27aa0e24c9ec6f4ad', selected: this.selected, variant: this.variant, class: 'pointer' }, hAsync("ix-card-content", { key: '789f09e149def95bd03c8c747a95263283672cbe' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32" })) : null, hAsync("div", { key: 'b29c5aed35ab9cb554a6893cbc5b0e25d0eb5c5e' }, this.heading ? (hAsync("ix-typography", { format: "h4" }, this.heading)) : null, this.subheading ? (hAsync("ix-typography", { format: "h5", color: this.getSubheadingColor() }, this.subheading)) : null, hAsync("slot", { key: '4659d8a59ee2bf88be8e1cd73d98e190659387f6' }))))));
     }
     static get style() { return IxActionCardStyle0; }
     static get cmpMeta() { return {
@@ -19307,7 +19834,7 @@ class KeyValueList {
         this.striped = undefined;
     }
     render() {
-        return (hAsync(Host, { key: 'f33fc856c54a05f54dff4184c275c8cac7f18426', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, hAsync("slot", { key: '75c282f8c79a273477382e250157aef6865e6d8d' })));
+        return (hAsync(Host, { key: '41f224f172d1d9ed9a1eab8c1e1c434fa2e4e1c9', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, hAsync("slot", { key: '400532fe69d357f8bde037257f4397723c8129a0' })));
     }
     static get style() { return IxKeyValueListStyle0; }
     static get cmpMeta() { return {
@@ -19352,13 +19879,13 @@ class Kpi {
         return tooltip;
     }
     render() {
-        return (hAsync(Host, { key: 'd55ca486905d0294052dcb2ce5dca5e82a8c7566', title: this.getTooltipText(), tabindex: "1", class: {
+        return (hAsync(Host, { key: '8bd4d575bc630ca0e55365b87842f138d3e214e2', title: this.getTooltipText(), tabindex: "1", class: {
                 stacked: this.orientation === 'vertical',
-            } }, hAsync("div", { key: '99f29f60ed8257b14dd062d13813d2078ae5c8b0', class: {
+            } }, hAsync("div", { key: '6e68fc8f36b4b55510d960ea0ec7546448b2d7eb', class: {
                 'kpi-container': true,
                 alarm: this.state === 'alarm',
                 warning: this.state === 'warning',
-            } }, hAsync("span", { key: '49d9bbffb0b97df9dea86542347bb5defe46728e', class: "kpi-label" }, this.getStateIcon(), hAsync("span", { key: '5947f6b00f33857cf93c1bb161734a6505b5cb3c', class: "kpi-label-text" }, this.label)), hAsync("span", { key: '55a429623ac5bcf1e3884d5af539e03b8e51605a', class: "kpi-value-container" }, hAsync("span", { key: '3569aac806ad75bb105290c55a14aa297d47662e', class: "kpi-value" }, this.value), this.unit ? hAsync("span", { class: "kpi-unit" }, this.unit) : ''))));
+            } }, hAsync("span", { key: 'b99e39255dfeb1cf2b5a7cbd6d3c59376dbd7d3a', class: "kpi-label" }, this.getStateIcon(), hAsync("span", { key: 'aba4b1311cd4230a20c7b65fb72d59aeb48c4e8e', class: "kpi-label-text" }, this.label)), hAsync("span", { key: '2bc45831f6b3015bee224f521680242db7a0bd9c', class: "kpi-value-container" }, hAsync("span", { key: '36fef5f214e0075dd4f9c996aeb787e34a27982e', class: "kpi-value" }, this.value), this.unit ? hAsync("span", { class: "kpi-unit" }, this.unit) : ''))));
     }
     static get style() { return IxKpiStyle0; }
     static get cmpMeta() { return {
@@ -19391,12 +19918,12 @@ class LayoutGrid {
         this.columns = 12;
     }
     render() {
-        return (hAsync(Host, { key: 'd77291cf3cca2fd4a61c8998a095923f195b3d8f', class: {
+        return (hAsync(Host, { key: 'af1bab1dee014e6675fe2a2304802a5767a76624', class: {
                 'no-margin': this.noMargin,
             }, style: {
                 '--ix-layout-grid-columns': `${this.columns}`,
                 '--ix-layout-grid-gutter': `${this.gap}px`,
-            } }, hAsync("slot", { key: 'c149d8a794c75e48d748cccbc3cb9aada30c30ef' })));
+            } }, hAsync("slot", { key: 'db8de47b0e374e37dad532533c503f4129ecc75b' })));
     }
     static get style() { return IxLayoutGridStyle0; }
     static get cmpMeta() { return {
@@ -19427,13 +19954,13 @@ class LinkButton {
         this.target = '_self';
     }
     render() {
-        return (hAsync(Host, { key: 'c0753708c00f43909af85a98f619b407545a69a2' }, hAsync("a", { key: 'a7935cfb13d2743192bd678bf99e7e2dc09657f5', title: this.url, tabindex: "0", class: {
+        return (hAsync(Host, { key: 'a6bb7077867b0a9e30a02d02b7fbc97fb747235d' }, hAsync("a", { key: '2a433a6a960e2daebb282e1059a8e461446660ec', 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: 'e18e4e6c7f69fce4cf7c9708f3ec18a14e825b3f', class: "icon", name: 'chevron-right-small', size: "16" }), hAsync("div", { key: '20d6785d5ecd08978bdb8a58c0e11b85584143f8', class: {
+            }, href: this.disabled ? undefined : this.url, target: this.target }, hAsync("ix-icon", { key: '43a87812bddd34d6e82eb174ba35844fa618e1b7', class: "icon", name: 'chevron-right-small', size: "16" }), hAsync("div", { key: '8ca27684566c0fe53cc572169c5c38f508d7d83d', class: {
                 link: true,
                 disabled: this.disabled,
-            } }, hAsync("slot", { key: '6d5ac72219c3565dc5c3adec23b59e6d0bdf93a7' })))));
+            } }, hAsync("slot", { key: '8d8de54a124c5348d046dfc8ddf83fcb06ddbcc8' })))));
     }
     static get style() { return IxLinkButtonStyle0; }
     static get cmpMeta() { return {
@@ -19450,7 +19977,7 @@ class LinkButton {
     }; }
 }
 
-const mapNavigationCss = "/*!@:host*/.sc-ix-map-navigation-h{display:flex;position:relative;width:100%;height:100%}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-map-navigation-h *.sc-ix-map-navigation,.sc-ix-map-navigation-h *.sc-ix-map-navigation::after,.sc-ix-map-navigation-h *.sc-ix-map-navigation::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-map-navigation-h .sc-ix-map-navigation::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-map-navigation-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-map-navigation-h .sc-ix-map-navigation::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-map-navigation-h .sc-ix-map-navigation::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-map-navigation-h .sc-ix-map-navigation::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-map-navigation-h .sc-ix-map-navigation::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-map-navigation-h .sc-ix-map-navigation::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-map-navigation-h .sc-ix-map-navigation::-webkit-scrollbar-corner{display:none}/*!@:host .map-nav*/.sc-ix-map-navigation-h .map-nav.sc-ix-map-navigation{display:flex;margin-left:3.25rem;position:relative;height:100%;flex-grow:1;overflow:hidden}/*!@:host .map-nav-sidebar*/.sc-ix-map-navigation-h .map-nav-sidebar.sc-ix-map-navigation{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-content*/.sc-ix-map-navigation-h .map-nav-sidebar-content.sc-ix-map-navigation{align-items:center;position:relative;overflow:auto;height:100%;width:100%}/*!@:host .map-nav-sidebar-content .map-nav-sidebar-static-content*/.sc-ix-map-navigation-h .map-nav-sidebar-content.sc-ix-map-navigation .map-nav-sidebar-static-content.sc-ix-map-navigation{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);display:flex;justify-content:space-between;margin-top:0.437rem;margin-bottom:0.812rem;margin-left:1rem;margin-right:1rem}/*!@:host .map-nav-header*/.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation{display:flex;position:relative;align-items:center;height:3.5rem;min-height:3.5rem;width:100%}/*!@:host .map-nav-header .map-nav-header-brand*/.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation .map-nav-header-brand.sc-ix-map-navigation{background-color:var(--theme-map-navigation-background);display:flex;align-items:center;height:100%;width:100%;padding:0 1rem;--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*/.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation .map-nav-header-brand.sc-ix-map-navigation button.sc-ix-map-navigation{margin-left:1rem}/*!@:host .map-nav-header-content*/.sc-ix-map-navigation-h .map-nav-header-content.sc-ix-map-navigation{display:flex;height:3.5rem;align-items:center;overflow:hidden;padding:0 1rem}/*!@:host .map-nav-header-content.empty*/.sc-ix-map-navigation-h .map-nav-header-content.empty.sc-ix-map-navigation{height:0}/*!@:host .map-nav-title*/.sc-ix-map-navigation-h .map-nav-title.sc-ix-map-navigation{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);display:flex;align-items:center;flex-grow:1}/*!@:host .content*/.sc-ix-map-navigation-h .content.sc-ix-map-navigation{display:block;flex-grow:1;position:relative;height:100%;overflow:hidden;z-index:calc(var(--theme-z-index-sticky) - 1)}/*!@:host ::slotted(ix-menu)*/.sc-ix-map-navigation-h .sc-ix-map-navigation-s>ix-menu{position:absolute}";
+const mapNavigationCss = "/*!@:host*/.sc-ix-map-navigation-h{display:flex;position:relative;width:100%;height:100%}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-map-navigation-h *.sc-ix-map-navigation,.sc-ix-map-navigation-h *.sc-ix-map-navigation::after,.sc-ix-map-navigation-h *.sc-ix-map-navigation::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-map-navigation-h .sc-ix-map-navigation::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-map-navigation-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-map-navigation-h .sc-ix-map-navigation::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-map-navigation-h .sc-ix-map-navigation::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-map-navigation-h .sc-ix-map-navigation::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-map-navigation-h .sc-ix-map-navigation::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-map-navigation-h .sc-ix-map-navigation::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-map-navigation-h .sc-ix-map-navigation::-webkit-scrollbar-corner{display:none}/*!@:host .map-nav*/.sc-ix-map-navigation-h .map-nav.sc-ix-map-navigation{display:flex;margin-left:3.25rem;position:relative;height:100%;flex-grow:1;overflow:hidden}/*!@:host .map-nav-sidebar*/.sc-ix-map-navigation-h .map-nav-sidebar.sc-ix-map-navigation{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-content*/.sc-ix-map-navigation-h .map-nav-sidebar-content.sc-ix-map-navigation{align-items:center;position:relative;overflow:auto;height:100%;width:100%}/*!@:host .map-nav-sidebar-content .map-nav-sidebar-static-content*/.sc-ix-map-navigation-h .map-nav-sidebar-content.sc-ix-map-navigation .map-nav-sidebar-static-content.sc-ix-map-navigation{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);display:flex;justify-content:space-between;margin-top:0.437rem;margin-bottom:0.812rem;margin-left:1rem;margin-right:1rem}/*!@:host .map-nav-header*/.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation{display:flex;position:relative;align-items:center;height:3.5rem;min-height:3.5rem;width:100%}/*!@:host .map-nav-header .map-nav-header-brand*/.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation .map-nav-header-brand.sc-ix-map-navigation{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*/.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation .map-nav-header-brand.sc-ix-map-navigation button.sc-ix-map-navigation{margin-left:1rem}/*!@:host .map-nav-header-content*/.sc-ix-map-navigation-h .map-nav-header-content.sc-ix-map-navigation{display:flex;height:3.5rem;align-items:center;overflow:hidden;padding:0 1rem}/*!@:host .map-nav-header-content.empty*/.sc-ix-map-navigation-h .map-nav-header-content.empty.sc-ix-map-navigation{height:0}/*!@:host .map-nav-title*/.sc-ix-map-navigation-h .map-nav-title.sc-ix-map-navigation{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);display:flex;align-items:center;flex-grow:1}/*!@:host .content*/.sc-ix-map-navigation-h .content.sc-ix-map-navigation{display:block;flex-grow:1;position:relative;height:100%;overflow:hidden;z-index:calc(var(--theme-z-index-sticky) - 1)}/*!@:host ::slotted(ix-menu)*/.sc-ix-map-navigation-h .sc-ix-map-navigation-s>ix-menu{position:absolute}";
 var IxMapNavigationStyle0 = mapNavigationCss;
 
 class MapNavigation {
@@ -19601,11 +20128,11 @@ class MapNavigation {
         this.hasContentHeader = (nodes === null || nodes === void 0 ? void 0 : nodes.length) !== 0;
     }
     render() {
-        return (hAsync(Host, { key: '65d980effdeeac98d92a0c8d150cf96d9b9beb3d' }, hAsync("slot", { key: '822f13c097836e57452c453d9b45e4774d7394ed', name: "menu" }), hAsync("div", { key: '8f58c729f86f0e3b6d6083b5f0f0fda28e74c9eb', class: "map-nav" }, hAsync("div", { key: '0f979e624122ce789aa094bf428dc39414d66207', class: "map-nav-sidebar" }, hAsync("div", { key: 'a8cf78610ff79460f00716f52968f18f0fc83859', class: "map-nav-header" }, hAsync("ix-application-header", { key: '98c2b5e98691c1505879a3ed2d1f3cdba4c94a62', name: this.applicationName, class: "map-nav-header-brand" }, hAsync("slot", { key: 'b9036cd5a8873b9562d58783264286bb74cf08f7', slot: "logo", name: "logo" }))), hAsync("div", { key: '42a13b7c8ee93cf69b06c12a3fb600f740555d1b', class: "map-nav-sidebar-content" }, hAsync("div", { key: 'd4e0218e43cabf84bd7faa2c38a7e17074982ba2', class: "map-nav-sidebar-static-content" }, hAsync("div", { key: '0b1add8805f5b3d37a546d20fa6e99a1d6bf35ac', class: "map-nav-title" }, this.navigationTitle), this.hideContextMenu ? ('') : (hAsync("ix-icon-button", { icon: 'context-menu', ghost: true, size: "24", variant: "secondary", onClick: (_) => this.contextMenuClick.emit() }))), hAsync("div", { key: 'b2e15f627226c8d01e7f1e73f14d40ebb58e151d', class: "map-nav-sidebar-user-content" }, hAsync("slot", { key: 'cb26bf448b02c54e46398d65b0361e453115c20d', name: "sidebar-content" })))), hAsync("div", { key: '8fe42e8570256b4f09874100e2d34d323e22ac0d', class: "content" }, hAsync("div", { key: '17a816d735d80ebca9e6cc7a7e9c6671e2e9a059', class: {
+        return (hAsync(Host, { key: 'cb5c6f39555fbd806f1eca16919c277843a23351' }, hAsync("slot", { key: '9da04acd9ef3e5b8f322669406f9ad4b812c9c79', name: "menu" }), hAsync("div", { key: 'dced8e859776aa7d9923156a91fb149e9409af31', class: "map-nav" }, hAsync("div", { key: '97fb4b6ff84005e96873680cfe32c7a2b33b7c0e', class: "map-nav-sidebar" }, hAsync("div", { key: '1f069b0b89c0993df6ad24fba1335a5cb2cd2083', class: "map-nav-header" }, hAsync("ix-application-header", { key: 'bbb0e01ae9194aed17711514b70124704831f7ac', name: this.applicationName, class: "map-nav-header-brand" }, hAsync("slot", { key: '78b9d282b03368708a5a4a6197fccfcd586ae16f', slot: "logo", name: "logo" }))), hAsync("div", { key: '061ae2f057117ac51f9baa296940cddc66c89d23', class: "map-nav-sidebar-content" }, hAsync("div", { key: 'f5d5adb2daf4ba5212e7bf66ddc860431e453f1b', class: "map-nav-sidebar-static-content" }, hAsync("div", { key: '07f6bebd3988744a4e03b61a5f30ecce310bba85', class: "map-nav-title" }, this.navigationTitle), this.hideContextMenu ? ('') : (hAsync("ix-icon-button", { icon: 'context-menu', ghost: true, size: "24", variant: "secondary", onClick: (_) => this.contextMenuClick.emit() }))), hAsync("div", { key: '2ac8e086d83fc82409f5bfd1ecea2ba66eb06606', class: "map-nav-sidebar-user-content" }, hAsync("slot", { key: 'f447fb6a5995ddb0ea0c08e3101c2d7ab29805f4', name: "sidebar-content" })))), hAsync("div", { key: 'be19906feccbba5e0fd4736df63afa4584b2ab1f', class: "content" }, hAsync("div", { key: 'bf1127e632cc4b7ee9f5afb8cc51aabc8abe5600', class: {
                 'map-nav-header-content': true,
                 'bg-2': true,
                 empty: !this.hasContentHeader,
-            } }, hAsync("slot", { key: '734a74f600419d597f306638cbe97c5504a2e15d', name: "content-header", onSlotchange: (e) => this.checkHasContentHeader(e) })), hAsync("main", { key: '76d831c62b3a1339e18ab4f4b77c2dd73b915118' }, hAsync("slot", { key: '5ec164d85791363dc232b3861458446c2a9787dc' }), hAsync("slot", { key: 'cc823b370d2b9f0f7151388ebedcd4958277422c', name: "overlay" }))))));
+            } }, hAsync("slot", { key: '803807a9158ad13f04e6e66c5472c527dde93a4a', name: "content-header", onSlotchange: (e) => this.checkHasContentHeader(e) })), hAsync("main", { key: 'ae117dd7c985f85cede7303f459c9a00b1981ba0' }, hAsync("slot", { key: 'b3d43c7ab67a52d5bfe07c63da2197fa0db1b9f4' }), hAsync("slot", { key: 'eac80e880d505ca915b96c01aedddd2685c41ad7', name: "overlay" }))))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxMapNavigationStyle0; }
@@ -19671,14 +20198,14 @@ class MapNavigationOverlay {
     }
     render() {
         var _a, _b, _c;
-        return (hAsync(Host, { key: 'ba9761a6768f6e916af12c4cac2a45700a330516' }, hAsync("div", { key: 'd7d8fbe16ed3146b8e2046d2b072ff0dea862afe', class: "overlay-header" }, hAsync("div", { key: 'de34af360f2b336051fb532b08c579d30d3f6579', class: {
+        return (hAsync(Host, { key: 'ce3a4a2521b63c93dc1b44db381d4f8469015695' }, hAsync("div", { key: '6763f67ec6e925d14300405d3fca2d72a77314a0', class: "overlay-header" }, hAsync("div", { key: 'efa95e00e4e8a9d2a7fd9ec7404d469214e3b42c', class: {
                 'color-indicator': true,
                 'd-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: 'c7ed1f2c9274d805763837568a403cc9f2a0a6c9', class: "overlay-header-content" }, hAsync("ix-icon", { key: '75ed428d1a2862edb18bb14459f02252d39d8ea4', size: "32", name: this.icon }), hAsync("span", { key: 'ea903f87bf838d4ef2fce43e7453f2f7f98fbb57', class: "overlay-header-title", title: this.name }, this.name)), hAsync("ix-icon-button", { key: 'f0f6c8b720f59dd7d589116fada723e2e0c7c7c0', class: "overlay-close", ghost: true, icon: 'close', size: "24", onClick: () => this.closeOverlay() })), hAsync("slot", { key: 'b7cc3f4acc922c0ba629f444d756e083cc69d5dd' })));
+            } }), hAsync("div", { key: '0692c3e12b96fe4ca45031b1a249461630a164dd', class: "overlay-header-content" }, hAsync("ix-icon", { key: '74221507a80a1178850c3ddbd6a2f14e6641a148', size: "32", name: this.icon }), hAsync("span", { key: '129df0f6b48f9f0a70253b6a4977bcd9e9e9614b', class: "overlay-header-title", title: this.name }, this.name)), hAsync("ix-icon-button", { key: '0efdf528ab8f3f63e361adb24fd0d2753a8448b6', class: "overlay-close", ghost: true, icon: 'close', size: "24", onClick: () => this.closeOverlay() })), hAsync("slot", { key: '0a9fb2f073f950622738bc17b04efcc00fd91d05' })));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxMapNavigationOverlayStyle0; }
@@ -19713,7 +20240,7 @@ class ApplicationSidebarToggleEvent extends Event {
     }
 }
 
-const menuCss = "/*!@:root*/.sc-ix-menu:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}/*!@.animate__animated*/.animate__animated.sc-ix-menu{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}/*!@.animate__animated.animate__infinite*/.animate__animated.animate__infinite.sc-ix-menu{animation-iteration-count:infinite}/*!@.animate__animated.animate__repeat-1*/.animate__animated.animate__repeat-1.sc-ix-menu{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}/*!@.animate__animated.animate__repeat-2*/.animate__animated.animate__repeat-2.sc-ix-menu{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat) * 2)}/*!@.animate__animated.animate__repeat-3*/.animate__animated.animate__repeat-3.sc-ix-menu{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat) * 3)}/*!@.animate__animated.animate__delay-1s*/.animate__animated.animate__delay-1s.sc-ix-menu{animation-delay:1s;animation-delay:var(--animate-delay)}/*!@.animate__animated.animate__delay-2s*/.animate__animated.animate__delay-2s.sc-ix-menu{animation-delay:2s;animation-delay:calc(var(--animate-delay) * 2)}/*!@.animate__animated.animate__delay-3s*/.animate__animated.animate__delay-3s.sc-ix-menu{animation-delay:3s;animation-delay:calc(var(--animate-delay) * 3)}/*!@.animate__animated.animate__delay-4s*/.animate__animated.animate__delay-4s.sc-ix-menu{animation-delay:4s;animation-delay:calc(var(--animate-delay) * 4)}/*!@.animate__animated.animate__delay-5s*/.animate__animated.animate__delay-5s.sc-ix-menu{animation-delay:5s;animation-delay:calc(var(--animate-delay) * 5)}/*!@.animate__animated.animate__faster*/.animate__animated.animate__faster.sc-ix-menu{animation-duration:0.5s;animation-duration:calc(var(--animate-duration) / 2)}/*!@.animate__animated.animate__fast*/.animate__animated.animate__fast.sc-ix-menu{animation-duration:0.8s;animation-duration:calc(var(--animate-duration) * 0.8)}/*!@.animate__animated.animate__slow*/.animate__animated.animate__slow.sc-ix-menu{animation-duration:2s;animation-duration:calc(var(--animate-duration) * 2)}/*!@.animate__animated.animate__slower*/.animate__animated.animate__slower.sc-ix-menu{animation-duration:3s;animation-duration:calc(var(--animate-duration) * 3)}@media (prefers-reduced-motion: reduce), print{/*!@.animate__animated*/.animate__animated.sc-ix-menu{animation-duration:1ms !important;transition-duration:1ms !important;animation-iteration-count:1 !important}/*!@.animate__animated[class*=Out]*/.animate__animated[class*=Out].sc-ix-menu{opacity:0}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -30px, 0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -15px, 0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0) scaleY(0.95)}90%{transform:translate3d(0, -4px, 0) scaleY(1.02)}}/*!@.animate__bounce*/.animate__bounce.sc-ix-menu{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}/*!@.animate__flash*/.animate__flash.sc-ix-menu{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05, 1.05, 1.05)}to{transform:scaleX(1)}}/*!@.animate__pulse*/.animate__pulse.sc-ix-menu{animation-name:pulse;animation-timing-function:ease-in-out}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}to{transform:scaleX(1)}}/*!@.animate__rubberBand*/.animate__rubberBand.sc-ix-menu{animation-name:rubberBand}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{transform:translate3d(10px, 0, 0)}}/*!@.animate__shakeX*/.animate__shakeX.sc-ix-menu{animation-name:shakeX}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0, -10px, 0)}20%,40%,60%,80%{transform:translate3d(0, 10px, 0)}}/*!@.animate__shakeY*/.animate__shakeY.sc-ix-menu{animation-name:shakeY}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}/*!@.animate__headShake*/.animate__headShake.sc-ix-menu{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}/*!@.animate__swing*/.animate__swing.sc-ix-menu{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}to{transform:scaleX(1)}}/*!@.animate__tada*/.animate__tada.sc-ix-menu{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%, 0, 0) rotate(-5deg)}30%{transform:translate3d(20%, 0, 0) rotate(3deg)}45%{transform:translate3d(-15%, 0, 0) rotate(-3deg)}60%{transform:translate3d(10%, 0, 0) rotate(2deg)}75%{transform:translate3d(-5%, 0, 0) rotate(-1deg)}to{transform:translateZ(0)}}/*!@.animate__wobble*/.animate__wobble.sc-ix-menu{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}/*!@.animate__jello*/.animate__jello.sc-ix-menu{animation-name:jello;transform-origin:center}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}/*!@.animate__heartBeat*/.animate__heartBeat.sc-ix-menu{animation-name:heartBeat;animation-duration:1.3s;animation-duration:calc(var(--animate-duration) * 1.3);animation-timing-function:ease-in-out}@keyframes backInDown{0%{transform:translateY(-1200px) scale(0.7);opacity:0.7}80%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}/*!@.animate__backInDown*/.animate__backInDown.sc-ix-menu{animation-name:backInDown}@keyframes backInLeft{0%{transform:translateX(-2000px) scale(0.7);opacity:0.7}80%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}/*!@.animate__backInLeft*/.animate__backInLeft.sc-ix-menu{animation-name:backInLeft}@keyframes backInRight{0%{transform:translateX(2000px) scale(0.7);opacity:0.7}80%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}/*!@.animate__backInRight*/.animate__backInRight.sc-ix-menu{animation-name:backInRight}@keyframes backInUp{0%{transform:translateY(1200px) scale(0.7);opacity:0.7}80%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}/*!@.animate__backInUp*/.animate__backInUp.sc-ix-menu{animation-name:backInUp}@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:translateY(700px) scale(0.7);opacity:0.7}}/*!@.animate__backOutDown*/.animate__backOutDown.sc-ix-menu{animation-name:backOutDown}@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:translateX(-2000px) scale(0.7);opacity:0.7}}/*!@.animate__backOutLeft*/.animate__backOutLeft.sc-ix-menu{animation-name:backOutLeft}@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:translateX(2000px) scale(0.7);opacity:0.7}}/*!@.animate__backOutRight*/.animate__backOutRight.sc-ix-menu{animation-name:backOutRight}@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:translateY(-700px) scale(0.7);opacity:0.7}}/*!@.animate__backOutUp*/.animate__backOutUp.sc-ix-menu{animation-name:backOutUp}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:scaleX(1)}}/*!@.animate__bounceIn*/.animate__bounceIn.sc-ix-menu{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0) scaleY(3)}60%{opacity:1;transform:translate3d(0, 25px, 0) scaleY(0.9)}75%{transform:translate3d(0, -10px, 0) scaleY(0.95)}90%{transform:translate3d(0, 5px, 0) scaleY(0.985)}to{transform:translateZ(0)}}/*!@.animate__bounceInDown*/.animate__bounceInDown.sc-ix-menu{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0) scaleX(3)}60%{opacity:1;transform:translate3d(25px, 0, 0) scaleX(1)}75%{transform:translate3d(-10px, 0, 0) scaleX(0.98)}90%{transform:translate3d(5px, 0, 0) scaleX(0.995)}to{transform:translateZ(0)}}/*!@.animate__bounceInLeft*/.animate__bounceInLeft.sc-ix-menu{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(3000px, 0, 0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px, 0, 0) scaleX(1)}75%{transform:translate3d(10px, 0, 0) scaleX(0.98)}90%{transform:translate3d(-5px, 0, 0) scaleX(0.995)}to{transform:translateZ(0)}}/*!@.animate__bounceInRight*/.animate__bounceInRight.sc-ix-menu{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, 3000px, 0) scaleY(5)}60%{opacity:1;transform:translate3d(0, -20px, 0) scaleY(0.9)}75%{transform:translate3d(0, 10px, 0) scaleY(0.95)}90%{transform:translate3d(0, -5px, 0) scaleY(0.985)}to{transform:translateZ(0)}}/*!@.animate__bounceInUp*/.animate__bounceInUp.sc-ix-menu{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}}/*!@.animate__bounceOut*/.animate__bounceOut.sc-ix-menu{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0, 10px, 0) scaleY(0.985)}40%,45%{opacity:1;transform:translate3d(0, -20px, 0) scaleY(0.9)}to{opacity:0;transform:translate3d(0, 2000px, 0) scaleY(3)}}/*!@.animate__bounceOutDown*/.animate__bounceOutDown.sc-ix-menu{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0) scaleX(0.9)}to{opacity:0;transform:translate3d(-2000px, 0, 0) scaleX(2)}}/*!@.animate__bounceOutLeft*/.animate__bounceOutLeft.sc-ix-menu{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0) scaleX(0.9)}to{opacity:0;transform:translate3d(2000px, 0, 0) scaleX(2)}}/*!@.animate__bounceOutRight*/.animate__bounceOutRight.sc-ix-menu{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0, -10px, 0) scaleY(0.985)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0) scaleY(0.9)}to{opacity:0;transform:translate3d(0, -2000px, 0) scaleY(3)}}/*!@.animate__bounceOutUp*/.animate__bounceOutUp.sc-ix-menu{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}/*!@.animate__fadeIn*/.animate__fadeIn.sc-ix-menu{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0, -100%, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInDown*/.animate__fadeInDown.sc-ix-menu{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0, -2000px, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInDownBig*/.animate__fadeInDownBig.sc-ix-menu{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%, 0, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInLeft*/.animate__fadeInLeft.sc-ix-menu{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px, 0, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInLeftBig*/.animate__fadeInLeftBig.sc-ix-menu{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%, 0, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInRight*/.animate__fadeInRight.sc-ix-menu{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px, 0, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInRightBig*/.animate__fadeInRightBig.sc-ix-menu{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 100%, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInUp*/.animate__fadeInUp.sc-ix-menu{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0, 2000px, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInUpBig*/.animate__fadeInUpBig.sc-ix-menu{animation-name:fadeInUpBig}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%, -100%, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInTopLeft*/.animate__fadeInTopLeft.sc-ix-menu{animation-name:fadeInTopLeft}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%, -100%, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInTopRight*/.animate__fadeInTopRight.sc-ix-menu{animation-name:fadeInTopRight}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%, 100%, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInBottomLeft*/.animate__fadeInBottomLeft.sc-ix-menu{animation-name:fadeInBottomLeft}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%, 100%, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInBottomRight*/.animate__fadeInBottomRight.sc-ix-menu{animation-name:fadeInBottomRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}/*!@.animate__fadeOut*/.animate__fadeOut.sc-ix-menu{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0, 100%, 0)}}/*!@.animate__fadeOutDown*/.animate__fadeOutDown.sc-ix-menu{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0, 2000px, 0)}}/*!@.animate__fadeOutDownBig*/.animate__fadeOutDownBig.sc-ix-menu{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%, 0, 0)}}/*!@.animate__fadeOutLeft*/.animate__fadeOutLeft.sc-ix-menu{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}/*!@.animate__fadeOutLeftBig*/.animate__fadeOutLeftBig.sc-ix-menu{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0)}}/*!@.animate__fadeOutRight*/.animate__fadeOutRight.sc-ix-menu{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px, 0, 0)}}/*!@.animate__fadeOutRightBig*/.animate__fadeOutRightBig.sc-ix-menu{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0, -100%, 0)}}/*!@.animate__fadeOutUp*/.animate__fadeOutUp.sc-ix-menu{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0, -2000px, 0)}}/*!@.animate__fadeOutUpBig*/.animate__fadeOutUpBig.sc-ix-menu{animation-name:fadeOutUpBig}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%, -100%, 0)}}/*!@.animate__fadeOutTopLeft*/.animate__fadeOutTopLeft.sc-ix-menu{animation-name:fadeOutTopLeft}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%, -100%, 0)}}/*!@.animate__fadeOutTopRight*/.animate__fadeOutTopRight.sc-ix-menu{animation-name:fadeOutTopRight}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%, 100%, 0)}}/*!@.animate__fadeOutBottomRight*/.animate__fadeOutBottomRight.sc-ix-menu{animation-name:fadeOutBottomRight}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%, 100%, 0)}}/*!@.animate__fadeOutBottomLeft*/.animate__fadeOutBottomLeft.sc-ix-menu{animation-name:fadeOutBottomLeft}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}/*!@.animate__animated.animate__flip*/.animate__animated.animate__flip.sc-ix-menu{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}/*!@.animate__flipInX*/.animate__flipInX.sc-ix-menu{backface-visibility:visible !important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}/*!@.animate__flipInY*/.animate__flipInY.sc-ix-menu{backface-visibility:visible !important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}/*!@.animate__flipOutX*/.animate__flipOutX.sc-ix-menu{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:flipOutX;backface-visibility:visible !important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}/*!@.animate__flipOutY*/.animate__flipOutY.sc-ix-menu{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);backface-visibility:visible !important;animation-name:flipOutY}@keyframes lightSpeedInRight{0%{transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}/*!@.animate__lightSpeedInRight*/.animate__lightSpeedInRight.sc-ix-menu{animation-name:lightSpeedInRight;animation-timing-function:ease-out}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%, 0, 0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}/*!@.animate__lightSpeedInLeft*/.animate__lightSpeedInLeft.sc-ix-menu{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}/*!@.animate__lightSpeedOutRight*/.animate__lightSpeedOutRight.sc-ix-menu{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%, 0, 0) skewX(-30deg);opacity:0}}/*!@.animate__lightSpeedOutLeft*/.animate__lightSpeedOutLeft.sc-ix-menu{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}/*!@.animate__rotateIn*/.animate__rotateIn.sc-ix-menu{animation-name:rotateIn;transform-origin:center}@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}/*!@.animate__rotateInDownLeft*/.animate__rotateInDownLeft.sc-ix-menu{animation-name:rotateInDownLeft;transform-origin:left bottom}@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}/*!@.animate__rotateInDownRight*/.animate__rotateInDownRight.sc-ix-menu{animation-name:rotateInDownRight;transform-origin:right bottom}@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}/*!@.animate__rotateInUpLeft*/.animate__rotateInUpLeft.sc-ix-menu{animation-name:rotateInUpLeft;transform-origin:left bottom}@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}/*!@.animate__rotateInUpRight*/.animate__rotateInUpRight.sc-ix-menu{animation-name:rotateInUpRight;transform-origin:right bottom}@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}/*!@.animate__rotateOut*/.animate__rotateOut.sc-ix-menu{animation-name:rotateOut;transform-origin:center}@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}/*!@.animate__rotateOutDownLeft*/.animate__rotateOutDownLeft.sc-ix-menu{animation-name:rotateOutDownLeft;transform-origin:left bottom}@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}/*!@.animate__rotateOutDownRight*/.animate__rotateOutDownRight.sc-ix-menu{animation-name:rotateOutDownRight;transform-origin:right bottom}@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}/*!@.animate__rotateOutUpLeft*/.animate__rotateOutUpLeft.sc-ix-menu{animation-name:rotateOutUpLeft;transform-origin:left bottom}@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}/*!@.animate__rotateOutUpRight*/.animate__rotateOutUpRight.sc-ix-menu{animation-name:rotateOutUpRight;transform-origin:right bottom}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0, 700px, 0);opacity:0}}/*!@.animate__hinge*/.animate__hinge.sc-ix-menu{animation-duration:2s;animation-duration:calc(var(--animate-duration) * 2);animation-name:hinge;transform-origin:top left}@keyframes jackInTheBox{0%{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}/*!@.animate__jackInTheBox*/.animate__jackInTheBox.sc-ix-menu{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%, 0, 0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__rollIn*/.animate__rollIn.sc-ix-menu{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0) rotate(120deg)}}/*!@.animate__rollOut*/.animate__rollOut.sc-ix-menu{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}/*!@.animate__zoomIn*/.animate__zoomIn.sc-ix-menu{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}/*!@.animate__zoomInDown*/.animate__zoomInDown.sc-ix-menu{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}/*!@.animate__zoomInLeft*/.animate__zoomInLeft.sc-ix-menu{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}/*!@.animate__zoomInRight*/.animate__zoomInRight.sc-ix-menu{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}/*!@.animate__zoomInUp*/.animate__zoomInUp.sc-ix-menu{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}/*!@.animate__zoomOut*/.animate__zoomOut.sc-ix-menu{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}/*!@.animate__zoomOutDown*/.animate__zoomOutDown.sc-ix-menu{animation-name:zoomOutDown;transform-origin:center bottom}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px, 0, 0)}}/*!@.animate__zoomOutLeft*/.animate__zoomOutLeft.sc-ix-menu{animation-name:zoomOutLeft;transform-origin:left center}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(2000px, 0, 0)}}/*!@.animate__zoomOutRight*/.animate__zoomOutRight.sc-ix-menu{animation-name:zoomOutRight;transform-origin:right center}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}/*!@.animate__zoomOutUp*/.animate__zoomOutUp.sc-ix-menu{animation-name:zoomOutUp;transform-origin:center bottom}@keyframes slideInDown{0%{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translateZ(0)}}/*!@.animate__slideInDown*/.animate__slideInDown.sc-ix-menu{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%, 0, 0);visibility:visible}to{transform:translateZ(0)}}/*!@.animate__slideInLeft*/.animate__slideInLeft.sc-ix-menu{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%, 0, 0);visibility:visible}to{transform:translateZ(0)}}/*!@.animate__slideInRight*/.animate__slideInRight.sc-ix-menu{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0, 100%, 0);visibility:visible}to{transform:translateZ(0)}}/*!@.animate__slideInUp*/.animate__slideInUp.sc-ix-menu{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0, 100%, 0)}}/*!@.animate__slideOutDown*/.animate__slideOutDown.sc-ix-menu{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%, 0, 0)}}/*!@.animate__slideOutLeft*/.animate__slideOutLeft.sc-ix-menu{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%, 0, 0)}}/*!@.animate__slideOutRight*/.animate__slideOutRight.sc-ix-menu{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0, -100%, 0)}}/*!@.animate__slideOutUp*/.animate__slideOutUp.sc-ix-menu{animation-name:slideOutUp}/*!@:host*/.sc-ix-menu-h{display:flex;flex-direction:row;position:absolute;height:100%;min-height:-moz-min-content;min-height:min-content;z-index:var(--theme-z-index-sticky);width:auto;bottom:0}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-menu-h *.sc-ix-menu,.sc-ix-menu-h *.sc-ix-menu::after,.sc-ix-menu-h *.sc-ix-menu::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-menu-h .sc-ix-menu::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-menu-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-menu-h .sc-ix-menu::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-menu-h .sc-ix-menu::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-menu-h .sc-ix-menu::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-menu-h .sc-ix-menu::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-menu-h .sc-ix-menu::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-menu-h .sc-ix-menu::-webkit-scrollbar-corner{display:none}/*!@:host .tabs*/.sc-ix-menu-h .tabs.sc-ix-menu{height:100%;position:relative;overflow-y:auto;pointer-events:all;-ms-overflow-style:none;scrollbar-width:none}/*!@:host .tabs::-webkit-scrollbar*/.sc-ix-menu-h .tabs.sc-ix-menu::-webkit-scrollbar{display:none}/*!@:host .show-scrollbar*/.sc-ix-menu-h .show-scrollbar.sc-ix-menu{scrollbar-width:inherit}/*!@:host .show-scrollbar::-webkit-scrollbar*/.sc-ix-menu-h .show-scrollbar.sc-ix-menu::-webkit-scrollbar{display:inherit}/*!@:host .tabs-shadow-container*/.sc-ix-menu-h .tabs-shadow-container.sc-ix-menu{overflow:hidden;display:block;position:relative;margin-bottom:0.75rem}/*!@:host .tabs--shadow*/.sc-ix-menu-h .tabs--shadow.sc-ix-menu{opacity:0;position:absolute;width:100%;height:0.625rem;background:linear-gradient(var(--theme-color-shadow-1), transparent);pointer-events:none;z-index:var(--theme-z-index-sticky);transition:opacity var(--theme-default-time)}/*!@:host .tabs--shadow-top*/.sc-ix-menu-h .tabs--shadow-top.sc-ix-menu{top:0;background:linear-gradient(var(--theme-color-shadow-1), transparent)}/*!@:host .tabs--shadow-bottom*/.sc-ix-menu-h .tabs--shadow-bottom.sc-ix-menu{bottom:0;background:linear-gradient(transparent, var(--theme-color-shadow-1))}/*!@:host .tabs--shadow--show*/.sc-ix-menu-h .tabs--shadow--show.sc-ix-menu{opacity:1}/*!@:host .menu*/.sc-ix-menu-h .menu.sc-ix-menu{display:flex;flex-direction:column;position:relative;width:3.25rem;height:100%;padding-block-end:1rem;overflow:hidden;background-color:var(--theme-nav--background);transition:width var(--theme-default-time) ease-in-out}/*!@:host .menu.expanded*/.sc-ix-menu-h .menu.expanded.sc-ix-menu{box-shadow:var(--theme-navigation--box-shadow)}/*!@:host .menu-overlay*/.sc-ix-menu-h .menu-overlay.sc-ix-menu{display:none;position:absolute;width:calc(100vw - 3.25rem);height:100%;left:3.25rem;z-index:-1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--theme-sidebar-overlay-blur);transition:left var(--theme-default-time) ease-in-out}/*!@:host .menu-overlay.visible*/.sc-ix-menu-h .menu-overlay.visible.sc-ix-menu{display:block}/*!@:host .menu.expanded*/.sc-ix-menu-h .menu.expanded.sc-ix-menu{width:16rem}/*!@:host .menu-overlay.expanded*/.sc-ix-menu-h .menu-overlay.expanded.sc-ix-menu{width:calc(100vw - 16rem);left:16rem}/*!@:host .menu-overlay-container*/.sc-ix-menu-h .menu-overlay-container.sc-ix-menu{display:contents}/*!@:host .menu-avatar*/.sc-ix-menu-h .menu-avatar.sc-ix-menu{max-height:3rem}/*!@:host .avatar*/.sc-ix-menu-h .avatar.sc-ix-menu{margin-bottom:2rem}/*!@:host #cui-imprint .cui-imprint-product-name*/.sc-ix-menu-h #cui-imprint.sc-ix-menu .cui-imprint-product-name.sc-ix-menu{margin-bottom:1rem}/*!@:host #cui-imprint .cui-imprint-product-description*/.sc-ix-menu-h #cui-imprint.sc-ix-menu .cui-imprint-product-description.sc-ix-menu{margin-bottom:2rem}/*!@:host #cui-imprint .cui-imprint-link-container*/.sc-ix-menu-h #cui-imprint.sc-ix-menu .cui-imprint-link-container.sc-ix-menu{display:flex;align-items:center}/*!@:host .bottom-tab-divider*/.sc-ix-menu-h .bottom-tab-divider.sc-ix-menu{margin-top:auto}/*!@:host .menu-buttons*/.sc-ix-menu-h .menu-buttons.sc-ix-menu{margin:0.5rem 0 0 0.625rem}/*!@:host .menu-buttons > :last-child*/.sc-ix-menu-h .menu-buttons.sc-ix-menu>.sc-ix-menu:last-child{margin-bottom:1rem}/*!@:host(.breakpoint-sm) .menu:not(.expanded)*/.breakpoint-sm.sc-ix-menu-h .menu.sc-ix-menu:not(.expanded){width:0}/*!@:host(.breakpoint-sm) .menu-overlay*/.breakpoint-sm.sc-ix-menu-h .menu-overlay.sc-ix-menu{left:0;width:100vw}/*!@:host(.breakpoint-lg)*/.breakpoint-lg.sc-ix-menu-h{position:relative}/*!@:host(.breakpoint-lg) .menu.expanded*/.breakpoint-lg.sc-ix-menu-h .menu.expanded.sc-ix-menu{box-shadow:none}/*!@:host ::slotted(a[href])*/.sc-ix-menu-h .sc-ix-menu-s>a[href]{all:unset}";
+const menuCss = "/*!@:root*/.sc-ix-menu:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}/*!@.animate__animated*/.animate__animated.sc-ix-menu{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}/*!@.animate__animated.animate__infinite*/.animate__animated.animate__infinite.sc-ix-menu{animation-iteration-count:infinite}/*!@.animate__animated.animate__repeat-1*/.animate__animated.animate__repeat-1.sc-ix-menu{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}/*!@.animate__animated.animate__repeat-2*/.animate__animated.animate__repeat-2.sc-ix-menu{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat) * 2)}/*!@.animate__animated.animate__repeat-3*/.animate__animated.animate__repeat-3.sc-ix-menu{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat) * 3)}/*!@.animate__animated.animate__delay-1s*/.animate__animated.animate__delay-1s.sc-ix-menu{animation-delay:1s;animation-delay:var(--animate-delay)}/*!@.animate__animated.animate__delay-2s*/.animate__animated.animate__delay-2s.sc-ix-menu{animation-delay:2s;animation-delay:calc(var(--animate-delay) * 2)}/*!@.animate__animated.animate__delay-3s*/.animate__animated.animate__delay-3s.sc-ix-menu{animation-delay:3s;animation-delay:calc(var(--animate-delay) * 3)}/*!@.animate__animated.animate__delay-4s*/.animate__animated.animate__delay-4s.sc-ix-menu{animation-delay:4s;animation-delay:calc(var(--animate-delay) * 4)}/*!@.animate__animated.animate__delay-5s*/.animate__animated.animate__delay-5s.sc-ix-menu{animation-delay:5s;animation-delay:calc(var(--animate-delay) * 5)}/*!@.animate__animated.animate__faster*/.animate__animated.animate__faster.sc-ix-menu{animation-duration:0.5s;animation-duration:calc(var(--animate-duration) / 2)}/*!@.animate__animated.animate__fast*/.animate__animated.animate__fast.sc-ix-menu{animation-duration:0.8s;animation-duration:calc(var(--animate-duration) * 0.8)}/*!@.animate__animated.animate__slow*/.animate__animated.animate__slow.sc-ix-menu{animation-duration:2s;animation-duration:calc(var(--animate-duration) * 2)}/*!@.animate__animated.animate__slower*/.animate__animated.animate__slower.sc-ix-menu{animation-duration:3s;animation-duration:calc(var(--animate-duration) * 3)}@media (prefers-reduced-motion: reduce), print{/*!@.animate__animated*/.animate__animated.sc-ix-menu{animation-duration:1ms !important;transition-duration:1ms !important;animation-iteration-count:1 !important}/*!@.animate__animated[class*=Out]*/.animate__animated[class*=Out].sc-ix-menu{opacity:0}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -30px, 0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -15px, 0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0) scaleY(0.95)}90%{transform:translate3d(0, -4px, 0) scaleY(1.02)}}/*!@.animate__bounce*/.animate__bounce.sc-ix-menu{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}/*!@.animate__flash*/.animate__flash.sc-ix-menu{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05, 1.05, 1.05)}to{transform:scaleX(1)}}/*!@.animate__pulse*/.animate__pulse.sc-ix-menu{animation-name:pulse;animation-timing-function:ease-in-out}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}to{transform:scaleX(1)}}/*!@.animate__rubberBand*/.animate__rubberBand.sc-ix-menu{animation-name:rubberBand}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{transform:translate3d(10px, 0, 0)}}/*!@.animate__shakeX*/.animate__shakeX.sc-ix-menu{animation-name:shakeX}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0, -10px, 0)}20%,40%,60%,80%{transform:translate3d(0, 10px, 0)}}/*!@.animate__shakeY*/.animate__shakeY.sc-ix-menu{animation-name:shakeY}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}/*!@.animate__headShake*/.animate__headShake.sc-ix-menu{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}/*!@.animate__swing*/.animate__swing.sc-ix-menu{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}to{transform:scaleX(1)}}/*!@.animate__tada*/.animate__tada.sc-ix-menu{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%, 0, 0) rotate(-5deg)}30%{transform:translate3d(20%, 0, 0) rotate(3deg)}45%{transform:translate3d(-15%, 0, 0) rotate(-3deg)}60%{transform:translate3d(10%, 0, 0) rotate(2deg)}75%{transform:translate3d(-5%, 0, 0) rotate(-1deg)}to{transform:translateZ(0)}}/*!@.animate__wobble*/.animate__wobble.sc-ix-menu{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}/*!@.animate__jello*/.animate__jello.sc-ix-menu{animation-name:jello;transform-origin:center}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}/*!@.animate__heartBeat*/.animate__heartBeat.sc-ix-menu{animation-name:heartBeat;animation-duration:1.3s;animation-duration:calc(var(--animate-duration) * 1.3);animation-timing-function:ease-in-out}@keyframes backInDown{0%{transform:translateY(-1200px) scale(0.7);opacity:0.7}80%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}/*!@.animate__backInDown*/.animate__backInDown.sc-ix-menu{animation-name:backInDown}@keyframes backInLeft{0%{transform:translateX(-2000px) scale(0.7);opacity:0.7}80%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}/*!@.animate__backInLeft*/.animate__backInLeft.sc-ix-menu{animation-name:backInLeft}@keyframes backInRight{0%{transform:translateX(2000px) scale(0.7);opacity:0.7}80%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}/*!@.animate__backInRight*/.animate__backInRight.sc-ix-menu{animation-name:backInRight}@keyframes backInUp{0%{transform:translateY(1200px) scale(0.7);opacity:0.7}80%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}/*!@.animate__backInUp*/.animate__backInUp.sc-ix-menu{animation-name:backInUp}@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:translateY(700px) scale(0.7);opacity:0.7}}/*!@.animate__backOutDown*/.animate__backOutDown.sc-ix-menu{animation-name:backOutDown}@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:translateX(-2000px) scale(0.7);opacity:0.7}}/*!@.animate__backOutLeft*/.animate__backOutLeft.sc-ix-menu{animation-name:backOutLeft}@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:translateX(2000px) scale(0.7);opacity:0.7}}/*!@.animate__backOutRight*/.animate__backOutRight.sc-ix-menu{animation-name:backOutRight}@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:translateY(-700px) scale(0.7);opacity:0.7}}/*!@.animate__backOutUp*/.animate__backOutUp.sc-ix-menu{animation-name:backOutUp}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:scaleX(1)}}/*!@.animate__bounceIn*/.animate__bounceIn.sc-ix-menu{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0) scaleY(3)}60%{opacity:1;transform:translate3d(0, 25px, 0) scaleY(0.9)}75%{transform:translate3d(0, -10px, 0) scaleY(0.95)}90%{transform:translate3d(0, 5px, 0) scaleY(0.985)}to{transform:translateZ(0)}}/*!@.animate__bounceInDown*/.animate__bounceInDown.sc-ix-menu{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0) scaleX(3)}60%{opacity:1;transform:translate3d(25px, 0, 0) scaleX(1)}75%{transform:translate3d(-10px, 0, 0) scaleX(0.98)}90%{transform:translate3d(5px, 0, 0) scaleX(0.995)}to{transform:translateZ(0)}}/*!@.animate__bounceInLeft*/.animate__bounceInLeft.sc-ix-menu{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(3000px, 0, 0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px, 0, 0) scaleX(1)}75%{transform:translate3d(10px, 0, 0) scaleX(0.98)}90%{transform:translate3d(-5px, 0, 0) scaleX(0.995)}to{transform:translateZ(0)}}/*!@.animate__bounceInRight*/.animate__bounceInRight.sc-ix-menu{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, 3000px, 0) scaleY(5)}60%{opacity:1;transform:translate3d(0, -20px, 0) scaleY(0.9)}75%{transform:translate3d(0, 10px, 0) scaleY(0.95)}90%{transform:translate3d(0, -5px, 0) scaleY(0.985)}to{transform:translateZ(0)}}/*!@.animate__bounceInUp*/.animate__bounceInUp.sc-ix-menu{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}}/*!@.animate__bounceOut*/.animate__bounceOut.sc-ix-menu{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0, 10px, 0) scaleY(0.985)}40%,45%{opacity:1;transform:translate3d(0, -20px, 0) scaleY(0.9)}to{opacity:0;transform:translate3d(0, 2000px, 0) scaleY(3)}}/*!@.animate__bounceOutDown*/.animate__bounceOutDown.sc-ix-menu{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0) scaleX(0.9)}to{opacity:0;transform:translate3d(-2000px, 0, 0) scaleX(2)}}/*!@.animate__bounceOutLeft*/.animate__bounceOutLeft.sc-ix-menu{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0) scaleX(0.9)}to{opacity:0;transform:translate3d(2000px, 0, 0) scaleX(2)}}/*!@.animate__bounceOutRight*/.animate__bounceOutRight.sc-ix-menu{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0, -10px, 0) scaleY(0.985)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0) scaleY(0.9)}to{opacity:0;transform:translate3d(0, -2000px, 0) scaleY(3)}}/*!@.animate__bounceOutUp*/.animate__bounceOutUp.sc-ix-menu{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}/*!@.animate__fadeIn*/.animate__fadeIn.sc-ix-menu{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0, -100%, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInDown*/.animate__fadeInDown.sc-ix-menu{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0, -2000px, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInDownBig*/.animate__fadeInDownBig.sc-ix-menu{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%, 0, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInLeft*/.animate__fadeInLeft.sc-ix-menu{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px, 0, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInLeftBig*/.animate__fadeInLeftBig.sc-ix-menu{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%, 0, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInRight*/.animate__fadeInRight.sc-ix-menu{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px, 0, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInRightBig*/.animate__fadeInRightBig.sc-ix-menu{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 100%, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInUp*/.animate__fadeInUp.sc-ix-menu{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0, 2000px, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInUpBig*/.animate__fadeInUpBig.sc-ix-menu{animation-name:fadeInUpBig}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%, -100%, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInTopLeft*/.animate__fadeInTopLeft.sc-ix-menu{animation-name:fadeInTopLeft}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%, -100%, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInTopRight*/.animate__fadeInTopRight.sc-ix-menu{animation-name:fadeInTopRight}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%, 100%, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInBottomLeft*/.animate__fadeInBottomLeft.sc-ix-menu{animation-name:fadeInBottomLeft}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%, 100%, 0)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__fadeInBottomRight*/.animate__fadeInBottomRight.sc-ix-menu{animation-name:fadeInBottomRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}/*!@.animate__fadeOut*/.animate__fadeOut.sc-ix-menu{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0, 100%, 0)}}/*!@.animate__fadeOutDown*/.animate__fadeOutDown.sc-ix-menu{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0, 2000px, 0)}}/*!@.animate__fadeOutDownBig*/.animate__fadeOutDownBig.sc-ix-menu{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%, 0, 0)}}/*!@.animate__fadeOutLeft*/.animate__fadeOutLeft.sc-ix-menu{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}/*!@.animate__fadeOutLeftBig*/.animate__fadeOutLeftBig.sc-ix-menu{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0)}}/*!@.animate__fadeOutRight*/.animate__fadeOutRight.sc-ix-menu{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px, 0, 0)}}/*!@.animate__fadeOutRightBig*/.animate__fadeOutRightBig.sc-ix-menu{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0, -100%, 0)}}/*!@.animate__fadeOutUp*/.animate__fadeOutUp.sc-ix-menu{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0, -2000px, 0)}}/*!@.animate__fadeOutUpBig*/.animate__fadeOutUpBig.sc-ix-menu{animation-name:fadeOutUpBig}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%, -100%, 0)}}/*!@.animate__fadeOutTopLeft*/.animate__fadeOutTopLeft.sc-ix-menu{animation-name:fadeOutTopLeft}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%, -100%, 0)}}/*!@.animate__fadeOutTopRight*/.animate__fadeOutTopRight.sc-ix-menu{animation-name:fadeOutTopRight}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%, 100%, 0)}}/*!@.animate__fadeOutBottomRight*/.animate__fadeOutBottomRight.sc-ix-menu{animation-name:fadeOutBottomRight}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%, 100%, 0)}}/*!@.animate__fadeOutBottomLeft*/.animate__fadeOutBottomLeft.sc-ix-menu{animation-name:fadeOutBottomLeft}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}/*!@.animate__animated.animate__flip*/.animate__animated.animate__flip.sc-ix-menu{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}/*!@.animate__flipInX*/.animate__flipInX.sc-ix-menu{backface-visibility:visible !important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}/*!@.animate__flipInY*/.animate__flipInY.sc-ix-menu{backface-visibility:visible !important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}/*!@.animate__flipOutX*/.animate__flipOutX.sc-ix-menu{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:flipOutX;backface-visibility:visible !important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}/*!@.animate__flipOutY*/.animate__flipOutY.sc-ix-menu{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);backface-visibility:visible !important;animation-name:flipOutY}@keyframes lightSpeedInRight{0%{transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}/*!@.animate__lightSpeedInRight*/.animate__lightSpeedInRight.sc-ix-menu{animation-name:lightSpeedInRight;animation-timing-function:ease-out}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%, 0, 0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}/*!@.animate__lightSpeedInLeft*/.animate__lightSpeedInLeft.sc-ix-menu{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}/*!@.animate__lightSpeedOutRight*/.animate__lightSpeedOutRight.sc-ix-menu{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%, 0, 0) skewX(-30deg);opacity:0}}/*!@.animate__lightSpeedOutLeft*/.animate__lightSpeedOutLeft.sc-ix-menu{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}/*!@.animate__rotateIn*/.animate__rotateIn.sc-ix-menu{animation-name:rotateIn;transform-origin:center}@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}/*!@.animate__rotateInDownLeft*/.animate__rotateInDownLeft.sc-ix-menu{animation-name:rotateInDownLeft;transform-origin:left bottom}@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}/*!@.animate__rotateInDownRight*/.animate__rotateInDownRight.sc-ix-menu{animation-name:rotateInDownRight;transform-origin:right bottom}@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}/*!@.animate__rotateInUpLeft*/.animate__rotateInUpLeft.sc-ix-menu{animation-name:rotateInUpLeft;transform-origin:left bottom}@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}/*!@.animate__rotateInUpRight*/.animate__rotateInUpRight.sc-ix-menu{animation-name:rotateInUpRight;transform-origin:right bottom}@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}/*!@.animate__rotateOut*/.animate__rotateOut.sc-ix-menu{animation-name:rotateOut;transform-origin:center}@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}/*!@.animate__rotateOutDownLeft*/.animate__rotateOutDownLeft.sc-ix-menu{animation-name:rotateOutDownLeft;transform-origin:left bottom}@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}/*!@.animate__rotateOutDownRight*/.animate__rotateOutDownRight.sc-ix-menu{animation-name:rotateOutDownRight;transform-origin:right bottom}@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}/*!@.animate__rotateOutUpLeft*/.animate__rotateOutUpLeft.sc-ix-menu{animation-name:rotateOutUpLeft;transform-origin:left bottom}@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}/*!@.animate__rotateOutUpRight*/.animate__rotateOutUpRight.sc-ix-menu{animation-name:rotateOutUpRight;transform-origin:right bottom}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0, 700px, 0);opacity:0}}/*!@.animate__hinge*/.animate__hinge.sc-ix-menu{animation-duration:2s;animation-duration:calc(var(--animate-duration) * 2);animation-name:hinge;transform-origin:top left}@keyframes jackInTheBox{0%{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}/*!@.animate__jackInTheBox*/.animate__jackInTheBox.sc-ix-menu{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%, 0, 0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}/*!@.animate__rollIn*/.animate__rollIn.sc-ix-menu{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0) rotate(120deg)}}/*!@.animate__rollOut*/.animate__rollOut.sc-ix-menu{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}/*!@.animate__zoomIn*/.animate__zoomIn.sc-ix-menu{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}/*!@.animate__zoomInDown*/.animate__zoomInDown.sc-ix-menu{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}/*!@.animate__zoomInLeft*/.animate__zoomInLeft.sc-ix-menu{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}/*!@.animate__zoomInRight*/.animate__zoomInRight.sc-ix-menu{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}/*!@.animate__zoomInUp*/.animate__zoomInUp.sc-ix-menu{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}/*!@.animate__zoomOut*/.animate__zoomOut.sc-ix-menu{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}/*!@.animate__zoomOutDown*/.animate__zoomOutDown.sc-ix-menu{animation-name:zoomOutDown;transform-origin:center bottom}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px, 0, 0)}}/*!@.animate__zoomOutLeft*/.animate__zoomOutLeft.sc-ix-menu{animation-name:zoomOutLeft;transform-origin:left center}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(2000px, 0, 0)}}/*!@.animate__zoomOutRight*/.animate__zoomOutRight.sc-ix-menu{animation-name:zoomOutRight;transform-origin:right center}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}/*!@.animate__zoomOutUp*/.animate__zoomOutUp.sc-ix-menu{animation-name:zoomOutUp;transform-origin:center bottom}@keyframes slideInDown{0%{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translateZ(0)}}/*!@.animate__slideInDown*/.animate__slideInDown.sc-ix-menu{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%, 0, 0);visibility:visible}to{transform:translateZ(0)}}/*!@.animate__slideInLeft*/.animate__slideInLeft.sc-ix-menu{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%, 0, 0);visibility:visible}to{transform:translateZ(0)}}/*!@.animate__slideInRight*/.animate__slideInRight.sc-ix-menu{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0, 100%, 0);visibility:visible}to{transform:translateZ(0)}}/*!@.animate__slideInUp*/.animate__slideInUp.sc-ix-menu{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0, 100%, 0)}}/*!@.animate__slideOutDown*/.animate__slideOutDown.sc-ix-menu{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%, 0, 0)}}/*!@.animate__slideOutLeft*/.animate__slideOutLeft.sc-ix-menu{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%, 0, 0)}}/*!@.animate__slideOutRight*/.animate__slideOutRight.sc-ix-menu{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0, -100%, 0)}}/*!@.animate__slideOutUp*/.animate__slideOutUp.sc-ix-menu{animation-name:slideOutUp}/*!@:host*/.sc-ix-menu-h{display:flex;flex-direction:row;position:absolute;height:100%;min-height:-moz-min-content;min-height:min-content;z-index:var(--theme-z-index-sticky);width:auto;bottom:0}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-menu-h *.sc-ix-menu,.sc-ix-menu-h *.sc-ix-menu::after,.sc-ix-menu-h *.sc-ix-menu::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-menu-h .sc-ix-menu::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-menu-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-menu-h .sc-ix-menu::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-menu-h .sc-ix-menu::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-menu-h .sc-ix-menu::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-menu-h .sc-ix-menu::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-menu-h .sc-ix-menu::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-menu-h .sc-ix-menu::-webkit-scrollbar-corner{display:none}/*!@:host .tabs*/.sc-ix-menu-h .tabs.sc-ix-menu{height:100%;position:relative;overflow-y:auto;pointer-events:all;-ms-overflow-style:none;scrollbar-width:none}/*!@:host .tabs::-webkit-scrollbar*/.sc-ix-menu-h .tabs.sc-ix-menu::-webkit-scrollbar{display:none}/*!@:host .show-scrollbar*/.sc-ix-menu-h .show-scrollbar.sc-ix-menu{scrollbar-width:inherit}/*!@:host .show-scrollbar::-webkit-scrollbar*/.sc-ix-menu-h .show-scrollbar.sc-ix-menu::-webkit-scrollbar{display:inherit}/*!@:host .tabs-shadow-container*/.sc-ix-menu-h .tabs-shadow-container.sc-ix-menu{overflow:hidden;display:block;position:relative;margin-bottom:0.75rem}/*!@:host .tabs--shadow*/.sc-ix-menu-h .tabs--shadow.sc-ix-menu{opacity:0;position:absolute;width:100%;height:0.625rem;background:linear-gradient(var(--theme-color-shadow-1), transparent);pointer-events:none;z-index:var(--theme-z-index-sticky);transition:opacity var(--theme-default-time)}/*!@:host .tabs--shadow-top*/.sc-ix-menu-h .tabs--shadow-top.sc-ix-menu{top:0;background:linear-gradient(var(--theme-color-shadow-1), transparent)}/*!@:host .tabs--shadow-bottom*/.sc-ix-menu-h .tabs--shadow-bottom.sc-ix-menu{bottom:0;background:linear-gradient(transparent, var(--theme-color-shadow-1))}/*!@:host .tabs--shadow--show*/.sc-ix-menu-h .tabs--shadow--show.sc-ix-menu{opacity:1}/*!@:host .menu*/.sc-ix-menu-h .menu.sc-ix-menu{display:flex;flex-direction:column;position:relative;width:calc(3.25rem + var(--ix-application-menu-safe-area-left, 0rem));height:100%;padding-block-end:calc(1rem + var(--ix-safe-area-inset-bottom, 0rem));overflow:hidden;padding-left:var(--ix-application-menu-safe-area-left, 0rem);background-color:var(--theme-nav--background);transition:width var(--theme-default-time) ease-in-out}/*!@:host .menu.expanded*/.sc-ix-menu-h .menu.expanded.sc-ix-menu{box-shadow:var(--theme-navigation--box-shadow)}/*!@:host .menu-overlay*/.sc-ix-menu-h .menu-overlay.sc-ix-menu{display:none;position:absolute;width:calc(100vw - 3.25rem);height:100%;left:3.25rem;z-index:-1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--theme-sidebar-overlay-blur);transition:left var(--theme-default-time) ease-in-out}/*!@:host .menu-overlay.visible*/.sc-ix-menu-h .menu-overlay.visible.sc-ix-menu{display:block}/*!@:host .menu.expanded*/.sc-ix-menu-h .menu.expanded.sc-ix-menu{width:16rem}/*!@:host .menu-overlay.expanded*/.sc-ix-menu-h .menu-overlay.expanded.sc-ix-menu{width:calc(100vw - 16rem);left:16rem}/*!@:host .menu-overlay-container*/.sc-ix-menu-h .menu-overlay-container.sc-ix-menu{display:contents}/*!@:host .menu-avatar*/.sc-ix-menu-h .menu-avatar.sc-ix-menu{max-height:3rem}/*!@:host .avatar*/.sc-ix-menu-h .avatar.sc-ix-menu{margin-bottom:2rem}/*!@:host #cui-imprint .cui-imprint-product-name*/.sc-ix-menu-h #cui-imprint.sc-ix-menu .cui-imprint-product-name.sc-ix-menu{margin-bottom:1rem}/*!@:host #cui-imprint .cui-imprint-product-description*/.sc-ix-menu-h #cui-imprint.sc-ix-menu .cui-imprint-product-description.sc-ix-menu{margin-bottom:2rem}/*!@:host #cui-imprint .cui-imprint-link-container*/.sc-ix-menu-h #cui-imprint.sc-ix-menu .cui-imprint-link-container.sc-ix-menu{display:flex;align-items:center}/*!@:host .bottom-tab-divider*/.sc-ix-menu-h .bottom-tab-divider.sc-ix-menu{margin-top:auto}/*!@:host .menu-buttons*/.sc-ix-menu-h .menu-buttons.sc-ix-menu{margin:0.5rem 0 0 0.625rem}/*!@:host .menu-buttons > :last-child*/.sc-ix-menu-h .menu-buttons.sc-ix-menu>.sc-ix-menu:last-child{margin-bottom:1rem}/*!@:host(.breakpoint-sm) .menu:not(.expanded)*/.breakpoint-sm.sc-ix-menu-h .menu.sc-ix-menu:not(.expanded){width:0}/*!@:host(.breakpoint-sm) .menu-overlay*/.breakpoint-sm.sc-ix-menu-h .menu-overlay.sc-ix-menu{left:0;width:100vw}/*!@:host(.breakpoint-lg)*/.breakpoint-lg.sc-ix-menu-h{position:relative}/*!@:host(.breakpoint-lg) .menu.expanded*/.breakpoint-lg.sc-ix-menu-h .menu.expanded.sc-ix-menu{box-shadow:none}/*!@:host ::slotted(a[href])*/.sc-ix-menu-h .sc-ix-menu-s>a[href]{all:unset}";
 var IxMenuStyle0 = menuCss;
 
 class Menu {
@@ -20085,44 +20612,44 @@ class Menu {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: 'a0107a4aefcea2a7d9f5a907cf3931734d6dd7f8', class: {
+        return (hAsync(Host, { key: 'a84bbcad87774f4ccfed4038adf791b7905145e5', class: {
                 expanded: this.expand,
                 [`breakpoint-${this.breakpoint}`]: true,
-            }, slot: "menu" }, hAsync("aside", { key: 'fd881d335c4a8d1b2594e838aefa10a06de68064', class: {
+            }, slot: "menu" }, hAsync("aside", { key: 'b430d95050f0e3cd578cf1e0e66b9edce7026e48', class: {
                 menu: true,
                 expanded: this.expand,
             }, onClick: () => {
                 this.resetActiveTab();
-            } }, hAsync("div", { key: 'aed59393d3c475579032a9d8e630ecdeaff59a68', class: "menu-buttons" }, this.breakpoint !== 'sm' && (hAsync("ix-menu-expand-icon", { key: '9d19b6510dc89b2468f9cbc1c126f82f6083ffce', breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu() })), this.breakpoint === 'sm' &&
-            this.applicationLayoutContext.appSwitchConfig && (hAsync("ix-icon-button", { key: 'd129f2c3aa57dcd8b59e1f3b5304f56d1bdbc002', onClick: () => showAppSwitch(this.applicationLayoutContext.appSwitchConfig), icon: "apps", ghost: true }))), hAsync("div", { key: 'f33850c76cb8e8cea745c6e084535683f8390f61', id: "menu-tabs", style: {
+            } }, hAsync("div", { key: '8b21b8b85e928cc28c82fbd70fda6360b2b13865', class: "menu-buttons" }, this.breakpoint !== 'sm' && (hAsync("ix-menu-expand-icon", { key: 'a118273b801370c8ddda429ddd930d5a350d0c9d', breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu() })), this.breakpoint === 'sm' &&
+            this.applicationLayoutContext.appSwitchConfig && (hAsync("ix-icon-button", { key: 'af4c7ca9bb43d92fb07c80558290004af1ecef42', onClick: () => showAppSwitch(this.applicationLayoutContext.appSwitchConfig), icon: "apps", ghost: true }))), hAsync("div", { key: 'cdeb37aaaf57fdd7b9f4f1eb4f7973c52247dd9e', id: "menu-tabs", style: {
                 display: 'contents',
-            }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: 'cfdb221d28845a07893470e16d5fb1e275bb8750', class: "tabs-shadow-container" }, hAsync("div", { key: '050a7c00b9f057644204e9a957ced6bb6628d921', class: {
+            }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: '158c152bf09f2c615042f684014589276d9390e9', class: "tabs-shadow-container" }, hAsync("div", { key: '03de44d899f5329c4756dbab62a8d00b9ec123ff', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-top': true,
                 'tabs--shadow--show': this.itemsScrollShadowTop,
-            } }), hAsync("div", { key: 'fb5808e714fff7e8487429db31027a112d04018b', class: {
+            } }), hAsync("div", { key: '3ee05c4db903f6e1dea707b10ad2d81f23c4ac12', class: {
                 tabs: true,
                 'show-scrollbar': this.expand,
-            }, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: '780791a45a5f995e5b9e03cc9ce909dda00af11d', class: "menu-avatar" }, hAsync("slot", { key: '66b7a9ad9ec85e1d8ff2d849b97b15f13be7bd45', name: "ix-menu-avatar" })), hAsync("slot", { key: 'f4fd7270ab2c876a0f4edff9ea7c4133f21ef42f', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (hAsync("slot", null)) : null), hAsync("div", { key: 'a32377cefb178304cdde2795df69591b052ed959', class: {
+            }, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: 'df6c064dc921714e6a50ebb28856635c1daedfeb', class: "menu-avatar" }, hAsync("slot", { key: '16e29ae7d5af0079d33b43d06309d535cf9dd7f9', name: "ix-menu-avatar" })), hAsync("slot", { key: 'ef3c8a69c6c5054f92fdccb9a9f2aaf033a943d0', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (hAsync("slot", null)) : null), hAsync("div", { key: 'f2eb8e58cf7950628bf9cf4afb3f93fd04e8e5af', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-bottom': true,
                 'tabs--shadow--show': this.itemsScrollShadowBottom,
-            } }))), hAsync("div", { key: 'c30586a8a9f709592ce56b177d5b2a210cd80b57', class: "bottom-tab-divider" }), this.settings ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
+            } }))), hAsync("div", { key: '8898857ee017c3a1ec3c993af57fb50782626935', 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: 'cogwheel', onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, hAsync("div", { key: '166914210ed93da0ff02633a66ae8757894190aa', onClick: (e) => this.onMenuItemsClick(e) }, hAsync("slot", { key: '2b9875367a362a28d36a812363ec88c8deda1591', name: "bottom" })), hAsync("div", { key: 'a301ed1f5c1bcaafe972ca74422b9c6c0955668c', id: "popover-area" }), this.about ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
+            }, icon: 'cogwheel', onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, hAsync("div", { key: 'a703b9481ea9570998dc0079b5459631e482f405', onClick: (e) => this.onMenuItemsClick(e) }, hAsync("slot", { key: '1cbe0b0641e0ad72428ac59dabd1964684b70864', name: "bottom" })), hAsync("div", { key: '1c4126c931628c8461fb020f2701eaf750de86d5', id: "popover-area" }), this.about ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
                 'internal-tab': true,
                 'bottom-tab': true,
                 active: this.showAbout,
-            }, icon: 'info', onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null, this.enableToggleTheme ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: 'light-dark', label: this.i18nToggleTheme })) : null, this.enableMapExpand || ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.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), hAsync("div", { key: 'b92b85831072f33e7eb42c24f225d0b9d50a006e', class: {
+            }, icon: 'info', onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null, this.enableToggleTheme ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: 'light-dark', label: this.i18nToggleTheme })) : null, this.enableMapExpand || ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.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), hAsync("div", { key: '869cf96b7215d40677bd69fa6b82e0d9fdc037db', class: {
                 'menu-overlay': true,
                 visible: this.isOverlayVisible(),
                 expanded: this.expand,
             }, onTransitionEnd: () => {
                 this.isTransitionDisabled = true;
                 this.checkTransition();
-            } }, hAsync("div", { key: 'b2bbadd82da2548e19f2e6e40fa4ecaa3335aa26', class: 'menu-overlay-container' }, this.showSettings ? hAsync("slot", { name: "ix-menu-settings" }) : null), hAsync("div", { key: 'b2a0ff3de07bcb3baf1170f4ee89d0dddcbbc93d', class: 'menu-overlay-container' }, this.showAbout ? hAsync("slot", { name: "ix-menu-about" }) : null))));
+            } }, hAsync("div", { key: 'dbdf64b9a47629c10cd8b2636d236ee9a6c48e28', class: 'menu-overlay-container' }, this.showSettings ? hAsync("slot", { name: "ix-menu-settings" }) : null), hAsync("div", { key: 'fe7022d1d7ad7c6da31c2db029892c3a37714c8c', class: 'menu-overlay-container' }, this.showAbout ? hAsync("slot", { name: "ix-menu-about" }) : null))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -20335,7 +20862,7 @@ class MenuAboutItem {
         });
     }
     render() {
-        return (hAsync(Host, { key: '8f4b3c1bc410eaf0fde9247cd99c18bba78fc628' }, hAsync("slot", { key: '86fee42e74eb5ed0511c2fa3ae62efa57817fffa' })));
+        return (hAsync(Host, { key: '50457bcc0164d0923b4a360819e4759583d4f535' }, hAsync("slot", { key: '1f5acfdce0e58ab137145a7322e8a0348456a81e' })));
     }
     static get watchers() { return {
         "label": ["watchLabel"]
@@ -20369,16 +20896,16 @@ class MenuAboutNews {
         this.expanded = false;
     }
     render() {
-        return (hAsync(Host, { key: '1ae7d48755eacc6ddceeef1c5d7c4bb5952f29f6', class: {
+        return (hAsync(Host, { key: '49f78c17e45ad71cb4339d7d53fb98c5e359a468', class: {
                 expanded: this.expanded,
                 show: !this.show,
-            } }, hAsync("div", { key: '3a732c025dc79b7ce241bd7bad34ea512296f1eb', class: "banner-container" }, hAsync("ix-icon", { key: '59110219fc03fcf1163092ae11f9dc7589831c47', color: "color-inv-contrast-text", name: 'shout', size: "32" }), hAsync("svg", { key: '54bf7c2d828a3cae34abad73c270a1303d84e1a9', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, hAsync("polygon", { key: '4d9f1b93d3f38e87bfff865e0f073b1aa52ecbb8', points: "0 0 48 0 48 56 24 48 0 56" }))), hAsync("div", { key: 'ed2ebfe4125895e845735bee58ec6b9ce7558e50', class: "cui-popover-news-header" }, hAsync("ix-typography", { key: 'ddcbc871f1e516c6658e39deef1aa9bb33f846e6', variant: "default-title-single" }, this.label)), hAsync("ix-icon-button", { key: 'e401d91842b65df5baeeed9563e34256ff5547ab', size: "24", icon: 'close', ghost: true, onClick: () => {
+            } }, hAsync("div", { key: 'a04326d6e192dfdd8c80388dd9af3efe6f915435', class: "banner-container" }, hAsync("ix-icon", { key: '1311e733e409348f8f7a365652c99afad3391f17', color: "color-inv-contrast-text", name: 'shout', size: "32" }), hAsync("svg", { key: 'b7874d274c41bbeb46b241bfe8d2759dbd88ca8f', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, hAsync("polygon", { key: '6d4f6e0f92a8e07156993693a9d4b67c12e4a2bc', points: "0 0 48 0 48 56 24 48 0 56" }))), hAsync("div", { key: '39755e039fb3139fb95db1829f15785b4c18846c', class: "cui-popover-news-header" }, hAsync("ix-typography", { key: '7c9f46a117ad88543678de3e22acdacf21c85089', variant: "default-title-single" }, this.label)), hAsync("ix-icon-button", { key: '96f109929cc5d515d83db16b14ad42b37eb7d23f', size: "24", icon: 'close', ghost: true, onClick: () => {
                 this.show = false;
                 this.closePopover.emit();
-            } }), hAsync("div", { key: 'bb5d630d0ebd7882fb5a933847e0868bcfa1dfb4', class: "slot-container" }, hAsync("slot", { key: '0e9aed4ba93cae1b0f0ceeb4f6acfc7c4fd4af09' })), this.aboutItemLabel ? (hAsync("div", { class: "cui-popover-news-footer" }, hAsync("ix-button", { variant: "primary", onClick: (e) => {
+            } }), hAsync("div", { key: '375dcdb8c5913e917597ca6d6ab74595370c2c0f', class: "slot-container" }, hAsync("slot", { key: 'd9319ca884b957d2629f24937c958901aa53ebcf' })), 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: '2a6d205e3cfa52b15cd1664fdb9a6657113e3cbc', id: "arrow" })));
+            } }, this.i18nShowMore))) : null, hAsync("div", { key: 'bb3c91c6282f18deed4de7c393b5d48427a4ed27', id: "arrow" })));
     }
     static get style() { return IxMenuAboutNewsStyle0; }
     static get cmpMeta() { return {
@@ -20423,9 +20950,9 @@ class MenuAvatar {
         this.showContextMenu = elements.length !== 0;
     }
     render() {
-        return (hAsync(Host, { key: '61992b9228865de22f97b9339744ba17c7ffc302', slot: "ix-menu-avatar" }, hAsync("button", { key: 'a6347e7de8797fe19cb42e529a7cfd0df742e018', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, hAsync("ix-avatar", { key: '7af0a4778306d565dc9230c5cb140e4ace0c2e5c', image: this.image, initials: this.initials }), hAsync("div", { key: '614a3ae7823ac740d9ed889ccce9de4f6443675d', class: "avatar-name" }, hAsync("span", { key: '6771ab0dff5bfc26f6cf572581badb74a19cc76d', class: "text-default-single", title: this.top }, this.top), hAsync("span", { key: 'd238d0aff82b3714628ba259118169bd87cd7782', class: "text-default-single", title: this.bottom }, this.bottom))), hAsync("ix-dropdown", { key: '29048d3d0063d283fb30e8355fc21cb29675bd96', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && !this.showLogoutButton, offset: {
+        return (hAsync(Host, { key: 'b8ebb51ddac8d0b3f9bd933a16ab8ba589e07c1e', slot: "ix-menu-avatar" }, hAsync("button", { key: 'd9e8fa7ff0a0dbe81d696e6c4a05aa7e71549254', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, hAsync("ix-avatar", { key: '7318e067653f55f1e122c8e2ae84056c55d7a008', image: this.image, initials: this.initials }), hAsync("div", { key: 'ee1b1bdff6e4c63d024d277fe3e7890c3e50a86d', class: "avatar-name" }, hAsync("span", { key: 'ec81483aeb0bf87072b52e0421e3cc81bdc5e7c3', class: "text-default-single", title: this.top }, this.top), hAsync("span", { key: 'e22dfec17284c5c9ab23c71dc2819222c92d2072', class: "text-default-single", title: this.bottom }, this.bottom))), hAsync("ix-dropdown", { key: '4feab6c0868c081b05919c60aad646e07a643fa0', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && !this.showLogoutButton, offset: {
                 mainAxis: 16,
-            } }, hAsync("slot", { key: 'dc8d7882a69d777d54e5f175ccfeabc946599b51', onSlotchange: () => this.onSlotChange() }), this.showLogoutButton ? (hAsync("ix-menu-avatar-item", { label: this.i18nLogout, icon: 'log-out', onClick: (e) => {
+            } }, hAsync("slot", { key: 'f37ff709dc79e41b4197469b1cedce4d42a0fa87', onSlotchange: () => this.onSlotChange() }), this.showLogoutButton ? (hAsync("ix-menu-avatar-item", { label: this.i18nLogout, icon: 'log-out', onClick: (e) => {
                 this.logoutClick.emit(e);
             } })) : null)));
     }
@@ -20490,7 +21017,7 @@ class MenuAvatarItem {
         return this.dropdownItemRef.waitForCurrent();
     }
     render() {
-        return (hAsync("ix-dropdown-item", { key: 'fe1c225ee8b21aade4ca0e679a5ca389721520a4', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
+        return (hAsync("ix-dropdown-item", { key: '061c822ea44418b9a4d2d54d2ba2511003a01ee5', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxMenuAvatarItemStyle0; }
@@ -20671,7 +21198,7 @@ class MenuCategory {
         }
     }
     render() {
-        return (hAsync(Host, { key: '1c9a80de76eb1a08932e4065a5247312c175c44a', class: {
+        return (hAsync(Host, { key: '3b7a2f4b780189c7527b050c20e036eec255ea29', class: {
                 expanded: this.showItems,
             }, onPointerEnter: () => {
                 this.enterLeaveDebounce.onEnter();
@@ -20680,14 +21207,14 @@ class MenuCategory {
                     return;
                 }
                 this.enterLeaveDebounce.onLeave();
-            } }, hAsync("ix-menu-item", { key: '4916e3fb2ef1c00ccf6a90366fb8e5ca1c7e4025', class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), isCategory: true }, hAsync("div", { key: '1a27c0a36105ac449880ea3925e07d55d7a01f83', class: "category" }, hAsync("div", { key: '7aec0b9d401d6167451907cb44a5b643ef07ac4b', class: "category-text" }, this.label), hAsync("ix-icon", { key: '7e638930a4c9219cd7c86a9492ae5c0d336393c3', name: 'chevron-down-small', class: {
+            } }, hAsync("ix-menu-item", { key: '740d283513848384f2b0a980f41e1a41edc3c87a', class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), isCategory: true }, hAsync("div", { key: 'fc663a360899abcaced5bca9fded51d09c15f340', class: "category" }, hAsync("div", { key: 'ce375f719315b0d4cccd9838435dc4e59ab126f7', class: "category-text" }, this.label), hAsync("ix-icon", { key: 'ce17082c41e6f78ae19e0988b9c8f6b784387d5b', name: 'chevron-down-small', class: {
                 'category-chevron': true,
                 'category-chevron--open': this.showItems,
-            } }))), hAsync("div", { key: '609ce8e3554a871899c5c6c2cd2fad40224b59a8', ref: (ref) => (this.menuItemsContainer = ref), class: {
+            } }))), hAsync("div", { key: '2614bff20114b65cc5a79a3b9ab30effc2f09f3b', 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: '1299830caade30d34fcfa03522546fe1a4b54296', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
+            } }, this.showItems ? hAsync("slot", null) : null), hAsync("ix-dropdown", { key: 'ffd3996cf5fa75cea5d54a98b5d3fef1aee8baa0', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
                 this.showDropdown = dropdownShown;
             }, class: 'category-dropdown', anchor: this.hostElement, placement: "right-start", offset: {
                 mainAxis: 3,
@@ -20700,7 +21227,7 @@ class MenuCategory {
                         e.preventDefault();
                     }
                 }
-            } }, hAsync("ix-dropdown-item", { key: '0a2f3039f44c9b545d29aef0ed3600188edbbaf2', class: 'category-dropdown-header' }, hAsync("ix-typography", { key: '841736401537eb57c8446a9e86282d4f5eda900d', variant: "default-title-single", color: "std" }, this.label)), hAsync("ix-divider", { key: '5bb1e9beec4f9fca106ccf24266bf16216dba34b' }), hAsync("slot", { key: '8b0c28b1f92c96f93187373e2bef4bfe88156bfe' }))));
+            } }, hAsync("ix-dropdown-item", { key: '79200ca71682e57529ae12e3b858ed254b78bfda', class: 'category-dropdown-header' }, hAsync("ix-typography", { key: '5b1615544787d9bbf831195251750b7c14171dc1', variant: "default-title-single", color: "std" }, this.label)), hAsync("ix-divider", { key: 'f3a08498a76abecf1388607c36751de4b1becef8' }), hAsync("slot", { key: 'a099d0d632946c6afe98463d238c06360ea82903' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxMenuCategoryStyle0; }
@@ -20755,7 +21282,7 @@ class MenuExpandIcon {
         return this.getSmallScreenIcon();
     }
     render() {
-        return (hAsync(Host, { key: 'c7240a676b21f75e3729f4d80d3c99879fdda313', class: {
+        return (hAsync(Host, { key: '04c0e5b43f6de34672561d67612587ccf57b8de2', class: {
                 expanded: this.expanded,
             } }, this.getMenuIcon()));
     }
@@ -20787,8 +21314,7 @@ class MenuItem {
         this.buttonRef = makeRef();
         this.isHostedInsideCategory = false;
         this.observer = createMutationObserver(() => {
-            var _a;
-            this.tooltip = (_a = this.label) !== null && _a !== void 0 ? _a : this.hostElement.innerText;
+            this.setTooltip();
         });
         this.label = undefined;
         this.home = false;
@@ -20796,11 +21322,11 @@ class MenuItem {
         this.tabIcon = undefined;
         this.icon = undefined;
         this.notifications = undefined;
-        this.active = undefined;
-        this.disabled = undefined;
-        this.isCategory = undefined;
+        this.active = false;
+        this.disabled = false;
+        this.isCategory = false;
         this.tooltip = undefined;
-        this.menuExpanded = undefined;
+        this.menuExpanded = false;
     }
     componentWillLoad() {
         this.isHostedInsideCategory =
@@ -20811,10 +21337,11 @@ class MenuItem {
         this.menuExpandedDisposer = menuController.expandChange.on((expand) => (this.menuExpanded = expand));
     }
     componentWillRender() {
-        readTask(() => {
-            var _a;
-            this.tooltip = (_a = this.label) !== null && _a !== void 0 ? _a : this.hostElement.innerText;
-        });
+        this.setTooltip();
+    }
+    setTooltip() {
+        var _a;
+        this.tooltip = (_a = this.label) !== null && _a !== void 0 ? _a : this.hostElement.textContent;
     }
     connectedCallback() {
         this.observer.observe(this.hostElement, {
@@ -20858,15 +21385,15 @@ class MenuItem {
                 slot: 'bottom',
             };
         }
-        return (hAsync(Host, Object.assign({ key: '747ed4837d59ca4a8c0afd678fae6e2b79fc70f9', class: {
+        return (hAsync(Host, Object.assign({ key: '44759af10c986ca08135dae3ab3b2258c933d8ef', class: {
                 disabled: this.disabled,
                 'home-tab': this.home,
                 'bottom-tab': this.bottom,
                 active: this.active,
                 'tab-nested': this.isHostedInsideCategory,
-            } }, extendedAttributes), hAsync("button", { key: '882287eba4dcdde8a36f4951716e7db5985bbb73', class: "tab", tabIndex: this.disabled ? -1 : 0, role: "listitem", ref: this.buttonRef }, (this.icon || this.tabIcon) && (hAsync("ix-icon", { key: '2cb056d1b5d45ea266e3315d6bfeb87b9eddb718', class: 'tab-icon', name: (_a = this.icon) !== null && _a !== void 0 ? _a : this.tabIcon })), this.notifications ? (hAsync("div", { class: "notification" }, hAsync("div", { class: "pill" }, this.notifications))) : null, hAsync("span", { key: 'daf7c4bc26e1ea027ed208092b39df712716e0a9', class: "tab-text text-default" }, this.label, " ", hAsync("slot", { key: '6cb41c9af3cdda340ad202f8bdcdf643c4883dd9' }))), !this.isCategory &&
+            } }, extendedAttributes), hAsync("button", { key: 'e30dbc8b43973f06f0d1f387ca886f11c088c0b9', class: "tab", tabIndex: this.disabled ? -1 : 0, role: "listitem", ref: this.buttonRef }, (this.icon || this.tabIcon) && (hAsync("ix-icon", { key: '11163d983423f020b14de4bcae24dbf55068e645', class: 'tab-icon', name: (_a = this.icon) !== null && _a !== void 0 ? _a : this.tabIcon })), this.notifications ? (hAsync("div", { class: "notification" }, hAsync("div", { class: "pill" }, this.notifications))) : null, hAsync("span", { key: '3a62db4c5e965a9fec6d5e4648a9587b7ff6271d', class: "tab-text text-default" }, this.label, hAsync("slot", { key: '1c9c5c22c13da93176d68f93c516e4005506d43e' }))), !this.isCategory &&
             !this.isHostedInsideCategory &&
-            !this.menuExpanded && (hAsync("ix-tooltip", { key: '6867e8b37d599f0f2aea88a5a8098f01d74f9357', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000 }, this.tooltip))));
+            !this.menuExpanded && (hAsync("ix-tooltip", { key: 'ec5fd96cbe7c0937202a70ebfba24abc66afd203', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000 }, this.tooltip))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -20913,7 +21440,7 @@ class MenuSettingsItem {
         });
     }
     render() {
-        return (hAsync(Host, { key: '95940cf98b7f75afe704575f7379d9debf6f0666' }, hAsync("slot", { key: 'd65510239d1f1d0d4dcfc88288fbad819a5ca942' })));
+        return (hAsync(Host, { key: '4a2b28d8557666fe0bba168564975571238c618d' }, hAsync("slot", { key: 'c6f14fc9b3f99836e0e78a553e8f823e274f26d1' })));
     }
     static get watchers() { return {
         "label": ["watchLabel"]
@@ -20970,7 +21497,7 @@ class MessageBar {
         this.closedChange.emit();
     }
     render() {
-        return (hAsync(Host, { key: '89f424843ed559d787f88edd431f1321086cbbb2' }, hAsync("div", { key: '3f450ca115c040e749a0926d896dc2bb7ad3648d', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, hAsync("ix-icon", { key: '73dcaa37d965d84b754cb14e58c3442665fcca07', color: this.color, name: this.icon }), hAsync("div", { key: 'b5d5178e53c550320803ffa2ac4da925db284fc7', class: "message-content" }, hAsync("slot", { key: 'e9d97812edc2c45d0c16f57d29352f5357312720' })), this.dismissible ? (hAsync("ix-icon-button", { icon: 'close', size: "24", ghost: true, onClick: () => {
+        return (hAsync(Host, { key: '5cfbf8a6f0410db0bce4d9313b67eeaca3fd7ee1' }, hAsync("div", { key: '0379523394cfcb8c662bfc1e9b4b6f22f1516d61', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, hAsync("ix-icon", { key: '9b94770ff17de637c2dd4924fff67b04d537a137', color: this.color, name: this.icon }), hAsync("div", { key: 'e1144a9ccf300e73b3cba522db91966c9bf1b3f1', class: "message-content" }, hAsync("slot", { key: 'bffed0ff54c91f4fcb836dbc706931372b3fb42e' })), this.dismissible ? (hAsync("ix-icon-button", { icon: 'close', size: "24", ghost: true, onClick: () => {
                 this.closeAlert(this.divElement);
             }, "data-testid": "close-btn" })) : (''))));
     }
@@ -21020,7 +21547,7 @@ function waitForElement(selector, doc, timeout = 3000) {
     });
 }
 
-const modalCss = "/*!@::backdrop*/.sc-ix-modal::backdrop{--ix-dialog-backdrop:var(--theme-color-lightbox, #0000008c)}/*!@:focus-visible*/.sc-ix-modal:focus-visible{outline:none !important}/*!@:host*/.sc-ix-modal-h{display:none}/*!@:host dialog*/.sc-ix-modal-h dialog.sc-ix-modal{margin:0;padding:1rem;left:50%}/*!@:host dialog::backdrop*/.sc-ix-modal-h dialog.sc-ix-modal::backdrop{-webkit-backdrop-filter:blur(2.7182817459px);backdrop-filter:blur(2.7182817459px)}/*!@:host .modal*/.sc-ix-modal-h .modal.sc-ix-modal{display:flex;flex-direction:column;position:relative;border:none;border-radius:var(--theme-default-border-radius);background:var(--theme-modal--background);box-shadow:var(--theme-shadow-4);color:var(--theme-color-std-text);overflow:visible;max-height:80vh;pointer-events:all}/*!@:host .modal-size-360*/.sc-ix-modal-h .modal-size-360.sc-ix-modal{width:22.5rem}/*!@:host .modal-size-480*/.sc-ix-modal-h .modal-size-480.sc-ix-modal{width:30rem}/*!@:host .modal-size-600*/.sc-ix-modal-h .modal-size-600.sc-ix-modal{width:37.5rem}/*!@:host .modal-size-720*/.sc-ix-modal-h .modal-size-720.sc-ix-modal{width:45rem}/*!@:host .modal-size-840*/.sc-ix-modal-h .modal-size-840.sc-ix-modal{width:52.5rem}/*!@:host .modal-size-full-width*/.sc-ix-modal-h .modal-size-full-width.sc-ix-modal{width:95%}/*!@:host .modal-size-full-screen*/.sc-ix-modal-h .modal-size-full-screen.sc-ix-modal{left:0 !important;top:0 !important;transform:none !important;width:calc(100% - 28px);min-width:calc(100% - 28px);max-width:calc(100% - 28px);height:calc(100% - 28px);min-height:calc(100% - 28px);max-height:calc(100% - 28px)}/*!@:host .dialog-backdrop*/.sc-ix-modal-h .dialog-backdrop.sc-ix-modal{display:block;position:fixed;width:100vw;height:100vh;top:0;left:0;pointer-events:none}/*!@:host ::slotted(ix-modal-footer)*/.sc-ix-modal-h .sc-ix-modal-s>ix-modal-footer{margin-top:auto}/*!@:host(.visible)*/.visible.sc-ix-modal-h{display:block}/*!@:host(.align-center) dialog*/.align-center.sc-ix-modal-h dialog.sc-ix-modal{margin:0;left:50%;top:50%}/*!@:host(.no-backdrop) dialog::backdrop*/.no-backdrop.sc-ix-modal-h dialog.sc-ix-modal::backdrop{background-color:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}/*!@:host(.with-icon) ::slotted(ix-modal-footer),\n:host(.with-icon) ::slotted(ix-modal-content)*/.sc-ix-modal-h.with-icon .sc-ix-modal-s>ix-modal-footer,.sc-ix-modal-h.with-icon.sc-ix-modal-s>ix-modal-content,.sc-ix-modal-h.with-icon .sc-ix-modal-s>ix-modal-content{margin-left:2.5rem}";
+const modalCss = "/*!@::backdrop*/.sc-ix-modal::backdrop{--ix-dialog-backdrop:var(--theme-color-lightbox, #0000008c)}/*!@:focus-visible*/.sc-ix-modal:focus-visible{outline:none !important}/*!@:host*/.sc-ix-modal-h{display:none}/*!@:host dialog*/.sc-ix-modal-h dialog.sc-ix-modal{--ix-dialog-padding:1rem;margin:0;padding:var(--ix-dialog-padding);padding-top:calc(var(--ix-dialog-padding) + var(--ix-safe-area-inset-top));padding-bottom:calc(var(--ix-dialog-padding) + var(--ix-safe-area-inset-bottom));left:50%}/*!@:host dialog::backdrop*/.sc-ix-modal-h dialog.sc-ix-modal::backdrop{-webkit-backdrop-filter:blur(2.7182817459px);backdrop-filter:blur(2.7182817459px)}/*!@:host .modal*/.sc-ix-modal-h .modal.sc-ix-modal{display:flex;flex-direction:column;position:relative;border:none;border-radius:var(--theme-default-border-radius);background:var(--theme-modal--background);box-shadow:var(--theme-shadow-4);color:var(--theme-color-std-text);overflow:visible;max-height:80vh;pointer-events:all}/*!@:host .modal-size-360*/.sc-ix-modal-h .modal-size-360.sc-ix-modal{width:22.5rem}/*!@:host .modal-size-480*/.sc-ix-modal-h .modal-size-480.sc-ix-modal{width:30rem}/*!@:host .modal-size-600*/.sc-ix-modal-h .modal-size-600.sc-ix-modal{width:37.5rem}/*!@:host .modal-size-720*/.sc-ix-modal-h .modal-size-720.sc-ix-modal{width:45rem}/*!@:host .modal-size-840*/.sc-ix-modal-h .modal-size-840.sc-ix-modal{width:52.5rem}/*!@:host .modal-size-full-width*/.sc-ix-modal-h .modal-size-full-width.sc-ix-modal{width:95%}/*!@:host .modal-size-full-screen*/.sc-ix-modal-h .modal-size-full-screen.sc-ix-modal{border-radius:0;left:0 !important;top:0 !important;transform:none !important;box-shadow:none;--ix-dialog-full-screen-height:calc(\n    var(--ix-safe-area-inset-top) + var(--ix-safe-area-inset-bottom)\n  );width:calc(100% - var(--ix-dialog-padding) * 2);min-width:calc(100% - var(--ix-dialog-padding) * 2);max-width:calc(100% - var(--ix-dialog-padding) * 2);min-height:calc(100% - var(--ix-dialog-padding) * 2 - var(--ix-dialog-full-screen-height));max-height:calc(100% - var(--ix-dialog-padding) * 2 - var(--ix-dialog-full-screen-height))}/*!@:host dialog.modal-size-full-screen::backdrop*/.sc-ix-modal-h dialog.modal-size-full-screen.sc-ix-modal::backdrop{background:var(--theme-modal--background)}/*!@:host .dialog-backdrop*/.sc-ix-modal-h .dialog-backdrop.sc-ix-modal{display:block;position:fixed;width:100vw;height:100vh;top:0;left:0;pointer-events:none}/*!@:host ::slotted(ix-modal-footer)*/.sc-ix-modal-h .sc-ix-modal-s>ix-modal-footer{margin-top:auto}/*!@:host(.visible)*/.visible.sc-ix-modal-h{display:block}/*!@:host(.align-center) dialog*/.align-center.sc-ix-modal-h dialog.sc-ix-modal{margin:0;left:50%;top:50%}/*!@:host(.no-backdrop) dialog::backdrop*/.no-backdrop.sc-ix-modal-h dialog.sc-ix-modal::backdrop{background-color:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}/*!@:host(.with-icon) ::slotted(ix-modal-footer),\n:host(.with-icon) ::slotted(ix-modal-content)*/.sc-ix-modal-h.with-icon .sc-ix-modal-s>ix-modal-footer,.sc-ix-modal-h.with-icon.sc-ix-modal-s>ix-modal-content,.sc-ix-modal-h.with-icon .sc-ix-modal-s>ix-modal-content{margin-left:2.5rem}";
 var IxModalStyle0 = modalCss;
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -21202,7 +21729,7 @@ class ModalContent {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '709b6b9fda6d3560e4a8b2703f8c72f271490a4c' }, hAsync("slot", { key: '900625af9e6dbb6b0254fb13fc6acc8cb4e98fc4' })));
+        return (hAsync(Host, { key: 'c44dbc0e48d38a350ee7194196bfb28317bd08fb' }, hAsync("slot", { key: 'de26d99ab3ff09cff42810d985580a225d1d5167' })));
     }
     static get style() { return IxModalContentStyle0; }
     static get cmpMeta() { return {
@@ -21226,7 +21753,7 @@ class ModalExample {
         closeModal(this.host, 'Done!');
     }
     render() {
-        return (hAsync(Host, { key: 'a93b508a6983b97ab3d00fb50c431149a12b1c3a' }, hAsync("div", { key: '0331662e2731d9bbbd5b7cec71d3985e18933ba4' }, hAsync("div", { key: '62fe35ecda14d64395059081baa1ff3751800f13', class: "modal-header" }, "Message headline", hAsync("ix-icon-button", { key: '6108daf9af88612fa5f2785a807309c51c8a5983', "data-close-button": true, ghost: true, icon: 'close', onClick: () => this.dismiss() })), hAsync("div", { key: 'ea92bf633a158737f1d4f06b8e68229013f41eb9', class: "modal-body" }, "Message text lorem ipsum"), hAsync("div", { key: '6d0e125b9b454d3bc2aa0afa83fa8b7d5b900d3d', class: "modal-footer" }, hAsync("ix-button", { key: 'aa0bb2977686f8118b3eea8217588a20bbe7adb7', outline: true, onClick: () => this.dismiss() }, "Cancel"), hAsync("ix-button", { key: '77950c33df17b1d9201039fc1431b14fe82361e1', onClick: () => this.close() }, "OK")))));
+        return (hAsync(Host, { key: 'd2beca0d20e646b4bc4dcd28e0ff3c2abb9f96d8' }, hAsync("div", { key: '733aab0e9dc1f4c833d7fe2767c7d90943cc3bc3' }, hAsync("div", { key: '0054d707061887e5719491b08109611c8a2dcb32', class: "modal-header" }, "Message headline", hAsync("ix-icon-button", { key: '2be5d85b3fcfffa664cde7ac4e30250aadd3b5af', "data-close-button": true, ghost: true, icon: 'close', onClick: () => this.dismiss() })), hAsync("div", { key: '40b8041a4d63309d6c000c9a6a167dcc467fad80', class: "modal-body" }, "Message text lorem ipsum"), hAsync("div", { key: 'e16a904097bc41e34e51406afef12e0cb5656c0e', class: "modal-footer" }, hAsync("ix-button", { key: 'e3696ef420965b91715889f6686cc8f362ebc047', outline: true, onClick: () => this.dismiss() }, "Cancel"), hAsync("ix-button", { key: '6d934daf17ca0fcff6e484556078c4c617b340a7', onClick: () => this.close() }, "OK")))));
     }
     get host() { return getElement(this); }
     static get cmpMeta() { return {
@@ -21239,7 +21766,7 @@ class ModalExample {
     }; }
 }
 
-const modalFooterCss = "/*!@:host*/.sc-ix-modal-footer-h{display:flex;padding:0.5rem;justify-content:flex-end;align-items:center;gap:0.5rem;align-self:stretch}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-modal-footer-h *.sc-ix-modal-footer,.sc-ix-modal-footer-h *.sc-ix-modal-footer::after,.sc-ix-modal-footer-h *.sc-ix-modal-footer::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-modal-footer-h .sc-ix-modal-footer::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-modal-footer-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-modal-footer-h .sc-ix-modal-footer::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-modal-footer-h .sc-ix-modal-footer::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-modal-footer-h .sc-ix-modal-footer::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-modal-footer-h .sc-ix-modal-footer::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-modal-footer-h .sc-ix-modal-footer::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-modal-footer-h .sc-ix-modal-footer::-webkit-scrollbar-corner{display:none}";
+const modalFooterCss = "/*!@:host*/.sc-ix-modal-footer-h{display:flex;padding:0.5rem;padding-bottom:0rem;justify-content:flex-end;align-items:center;gap:0.5rem;align-self:stretch}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-modal-footer-h *.sc-ix-modal-footer,.sc-ix-modal-footer-h *.sc-ix-modal-footer::after,.sc-ix-modal-footer-h *.sc-ix-modal-footer::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-modal-footer-h .sc-ix-modal-footer::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-modal-footer-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-modal-footer-h .sc-ix-modal-footer::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-modal-footer-h .sc-ix-modal-footer::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-modal-footer-h .sc-ix-modal-footer::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-modal-footer-h .sc-ix-modal-footer::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-modal-footer-h .sc-ix-modal-footer::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-modal-footer-h .sc-ix-modal-footer::-webkit-scrollbar-corner{display:none}";
 var IxModalFooterStyle0 = modalFooterCss;
 
 /**
@@ -21250,7 +21777,7 @@ class ModalFooter {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'ad33c54a40036e5e1905a816957ffdb212bc4587' }, hAsync("slot", { key: 'ad7f526274c316b791b422c7eab0a5efa9a44852' })));
+        return (hAsync(Host, { key: 'a10050cb7bc1f0aa41aab499d1ddb38420917a03' }, hAsync("slot", { key: 'bfb4af727df2038ba329a2a280f4b5e6f5de7956' })));
     }
     static get style() { return IxModalFooterStyle0; }
     static get cmpMeta() { return {
@@ -21299,7 +21826,7 @@ class ModalHeader {
         this.parentDialog.dismissModal();
     }
     render() {
-        return (hAsync(Host, { key: 'e0edc0b5eca59209ecbe32b5777383244e6e1153' }, this.icon ? (hAsync("ix-icon", { class: 'modal-icon', name: this.icon, color: this.iconColor })) : null, hAsync("ix-typography", { key: '4981a025990dfc2776afed400aba5cf9114bc44d', variant: 'default-title' }, hAsync("slot", { key: 'd9915d27dbccf15f71b97b6c7e34e294c07e31e7' })), !this.hideClose ? (hAsync("ix-icon-button", { onClick: (event) => this.onCloseClick(event), ghost: true, icon: "close", class: 'modal-close' })) : null));
+        return (hAsync(Host, { key: '0e31772ecc258bed3aabc881736a5a55b8e2dcf8' }, this.icon ? (hAsync("ix-icon", { class: 'modal-icon', name: this.icon, color: this.iconColor })) : null, hAsync("ix-typography", { key: '1d821172c63942206ba76f4a46cce6b89a3dd451', variant: 'default-title' }, hAsync("slot", { key: '6b7225b02d3f34a3c9ee4e8d7378d09acebd701a' })), !this.hideClose ? (hAsync("ix-icon-button", { onClick: (event) => this.onCloseClick(event), ghost: true, icon: "close", class: 'modal-close' })) : null));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -21331,7 +21858,7 @@ class ModalLoading {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '8e3c29a9c15b121a2da0acebdf1a00dbe0d18c52' }, hAsync("ix-spinner", { key: 'bc602e7bc4b0264b19be3823e78cc63c7adc39fa', variant: "primary" }), hAsync("span", { key: '69d563df6c6a05ece5723c8c94d24d546831aca4', class: 'loading-text' }, hAsync("slot", { key: 'b369c9d0c257a9c0c11584c72f0696eb969bd13d' }))));
+        return (hAsync(Host, { key: '1079a04b74b0b154c58ea840b291d6a226545dc0' }, hAsync("ix-spinner", { key: 'ad0a599ccd684b90384d5ebb62bb877d0165f4ef', variant: "primary" }), hAsync("span", { key: '700dcb2f61acc2292450975c0dd4e9bec2f4b4c9', class: 'loading-text' }, hAsync("slot", { key: '24438e1448c1504d962f8253dafd835ca95e68e8' }))));
     }
     static get style() { return IxModalLoadingStyle0; }
     static get cmpMeta() { return {
@@ -21371,7 +21898,7 @@ class Pagination {
             },
         };
         this.maxCountPages = 7;
-        this.advanced = undefined;
+        this.advanced = false;
         this.itemCount = 15;
         this.showItemCount = true;
         this.count = undefined;
@@ -21465,10 +21992,10 @@ class Pagination {
         return hAsync("span", { class: "page-buttons" }, pageButtons);
     }
     render() {
-        return (hAsync(Host, { key: 'dfb53c78222c3c907d955c9548da14d68b0e94f8' }, hAsync("ix-icon-button", { key: '80935e6cfdff052b4a9280fd0edeed6a2c27e007', disabled: this.selectedPage === 0, ghost: true, icon: 'chevron-left-small', onClick: () => this.decrease() }), this.advanced ? (hAsync("div", { class: "advanced-pagination" }, hAsync("ix-typography", { variant: "default" }, this.i18nPage), hAsync("input", { class: "form-control page-selection", type: "number", min: "1", max: this.count, value: this.selectedPage + 1, onChange: (e) => {
+        return (hAsync(Host, { key: '115c8d280ad924cc06efa20b25bff7b85e2c7b9b' }, hAsync("ix-icon-button", { key: 'f397aa3743631ac59ad90e1e96c87e9602e6bd37', disabled: !this.count || this.selectedPage === 0, ghost: true, icon: 'chevron-left-small', onClick: () => this.decrease() }), this.advanced ? (hAsync("div", { class: "advanced-pagination" }, hAsync("ix-typography", { variant: "default" }, this.i18nPage), hAsync("input", { class: "form-control page-selection", type: "number", min: "1", max: this.count, value: this.selectedPage + 1, onChange: (e) => {
                 const index = Number.parseInt(e.target['value']);
                 this.selectPage(index - 1);
-            } }), hAsync("span", { class: "total-count" }, hAsync("ix-typography", { variant: "default" }, this.i18nOf, " ", this.count)))) : (hAsync("span", { class: "basic-pagination" }, this.renderPageButtons(), " ")), hAsync("ix-icon-button", { key: 'd6d17f40ee390398252466da12abecef4952b7ce', disabled: this.selectedPage === this.count - 1, ghost: true, icon: 'chevron-right-small', onClick: () => this.increase() }), this.advanced && this.showItemCount ? (hAsync("span", { class: "item-count" }, hAsync("ix-typography", { variant: "default" }, this.i18nItems), hAsync("ix-select", { hideListHeader: true, i18nPlaceholder: "", i18nSelectListHeader: "", value: `${this.itemCount}`, onValueChange: (e) => {
+            } }), hAsync("span", { class: "total-count" }, hAsync("ix-typography", { variant: "default" }, this.i18nOf, " ", this.count)))) : (hAsync("span", { class: "basic-pagination" }, this.renderPageButtons(), " ")), hAsync("ix-icon-button", { key: '51eb88cb73f2e8895dce9c79589625f200e88947', disabled: !this.count || this.selectedPage === this.count - 1, ghost: true, icon: 'chevron-right-small', onClick: () => this.increase() }), this.advanced && this.showItemCount ? (hAsync("span", { class: "item-count" }, hAsync("ix-typography", { variant: "default" }, this.i18nItems), hAsync("ix-select", { 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", { label: "10", value: "10" }), hAsync("ix-select-item", { label: "15", value: "15" }), hAsync("ix-select-item", { label: "20", value: "20" }), hAsync("ix-select-item", { label: "40", value: "40" }), hAsync("ix-select-item", { label: "100", value: "100" })))) : ('')));
@@ -22204,7 +22731,7 @@ class Panes {
         return pane ? pane.floating : false;
     }
     render() {
-        return (hAsync(Host, { key: '8885c647d0661b05b2ed1b58fd8b61614eda6783' }, !this.isMobile ? (this.layout == 'full-vertical' ? (hAsync("div", { class: "side-panes-wrapper" }, hAsync("div", { class: {
+        return (hAsync(Host, { key: '4f60edf38744d38e532a006e288a6f2685e6f40e' }, !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'),
@@ -22282,13 +22809,13 @@ class Pill {
                 [this.outline ? 'borderColor' : 'backgroundColor']: this.background,
             };
         }
-        return (hAsync(Host, { key: '1d4d88d976564778835cd02e28d5ede6fe4dd6f7', style: this.variant === 'custom'
+        return (hAsync(Host, { key: 'fc3ca2234413519bf308271b813a502ec96845da', style: this.variant === 'custom'
                 ? {
                     '--ix-icon-button-color': (_b = this.pillColor) !== null && _b !== void 0 ? _b : this.color,
                 }
                 : {}, title: this.el.textContent, class: {
                 'align-left': this.alignLeft,
-            } }, hAsync("div", { key: '74474d69acc5d47b9bf6c5ebe12f676155a9e87d', style: Object.assign({}, customStyle), class: {
+            } }, hAsync("div", { key: '81b028190502b87483dac081bbaa9329e93b9fec', style: Object.assign({}, customStyle), class: {
                 container: true,
                 outline: this.outline,
                 inactive: false,
@@ -22302,10 +22829,10 @@ class Pill {
                 custom: this.variant === 'custom',
                 closable: false,
                 icon: !!this.icon,
-            } }, hAsync("ix-icon", { key: 'c70dcfe5f55c77484cf3300dca53f6a4e55d5caf', class: {
+            } }, hAsync("ix-icon", { key: 'c5f27260952730dedfdce7bc341e738db605ae27', class: {
                 'with-icon': true,
                 hidden: this.icon === undefined || this.icon === '',
-            }, name: this.icon, size: '16' }), hAsync("span", { key: 'b3d056721cb891a986ac3196a9fcf049c8b366f9', class: "slot-container" }, hAsync("slot", { key: 'a42505aafc70d545e3ff8020c80f67067b3eac8c' })))));
+            }, name: this.icon, size: '16' }), hAsync("span", { key: '739e00c0eb7759eaf9171fa2a47cdb8beabb8db5', class: "slot-container" }, hAsync("slot", { key: 'bacf82e695b210a406a44ded08f7131bcc885904' })))));
     }
     get el() { return getElement(this); }
     static get style() { return IxPillStyle0; }
@@ -22336,7 +22863,7 @@ class PlaygroundInternal {
         registerInstance(this, hostRef);
     }
     render() {
-        return hAsync(Host, { key: 'cb88d03e375d222d5903d13ca1fc154d9af86898' });
+        return hAsync(Host, { key: '1c2a2df947f13ac9db373eb113a36b90d002f598' });
     }
     static get style() { return IxPlaygroundInternalStyle0; }
     static get cmpMeta() { return {
@@ -22370,7 +22897,7 @@ class PushCard {
         const color = this.variant === 'insight' || this.variant === 'notification'
             ? 'std'
             : undefined;
-        return (hAsync(Host, { key: '9ba9fd8e6cc9f2b74e89fbbcd0c09a04aca45ac2' }, hAsync("ix-card", { key: '913618b3fc69c1e59c3bbeb4c92569b2754ff3ae', variant: this.variant }, hAsync("ix-card-content", { key: 'bb75a940ce3ac891fe947f4ed9e542c36a492f92' }, hAsync("ix-card-title", { key: '37f4faab2368f341dd835fffe64b5915e1c4b322' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32" })) : null, hAsync("span", { key: '42059a2ed174f15fdcce1ddb599bc831afade5b1', class: 'notification' }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), hAsync("slot", { key: '9e3b8df6148f3b8e3d577d8ece5253b14c85a0dd', name: "title-action" })), hAsync("ix-typography", { key: 'b7473e9fd9fdaee3045ec4884544469a9a6457fe', color: color, format: "h4" }, this.heading), hAsync("ix-typography", { key: '26c212e7f6111df4d353525fda6b3a76ee7dea3c', color: color }, this.subheading)), hAsync("ix-card-accordion", { key: 'a779591ee7405f4a725f1c04abbc7223064ee885', collapse: this.collapse }, hAsync("slot", { key: '5d42faa67c254a1d8541c525cb8e0e08e6b0d095' })))));
+        return (hAsync(Host, { key: '34a4d07dbc15446fbe675b2a834a053e59c1f21f' }, hAsync("ix-card", { key: '992157a1b7d8653235e2916e8b082f497633e045', variant: this.variant }, hAsync("ix-card-content", { key: 'bb8f46360e57aac8cc6ed5a877504feb7c0409ce' }, hAsync("ix-card-title", { key: '4297089e23ad20e63c612bc380e2abaade600197' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32" })) : null, hAsync("span", { key: '8136c60187524879956d716b1bcf430c4e54a868', class: 'notification' }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), hAsync("slot", { key: '73aadb4be0dfb3e0bce38abb5a0ce854ce69b9d0', name: "title-action" })), hAsync("ix-typography", { key: '8cb6869642d6ca8ea1ce86c1ed23f64af4896da0', color: color, format: "h4" }, this.heading), hAsync("ix-typography", { key: 'ffa93b10369674e7f8b369fc99d1e4f78edc0475', color: color }, this.subheading)), hAsync("ix-card-accordion", { key: '267d9286d08e1020a65b7f40ee79dfeba741f2ee', collapse: this.collapse }, hAsync("slot", { key: 'df56775c48adc350b6554ff13347d865d9b2ccff' })))));
     }
     static get style() { return IxPushCardStyle0; }
     static get cmpMeta() { return {
@@ -22401,7 +22928,7 @@ class Row {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'b8813e92c151d3f0a6d063a4f03b50f384ef1127' }, hAsync("slot", { key: '5246811d7fb18593758b07a32e58fee15ba34d51' })));
+        return (hAsync(Host, { key: 'a550981bb86cb6a4ddad9d8cb7b3e4e08c7efa7b' }, hAsync("slot", { key: '6c8d68477bf64d068ad8de922191f6dad6c4d2e1' })));
     }
     static get style() { return IxRowStyle0; }
     static get cmpMeta() { return {
@@ -22538,12 +23065,14 @@ class Select {
         }
     }
     itemClick(newId) {
+        const oldValue = this.value;
         const value = this.toggleValue(newId);
+        this.value = value;
         const defaultPrevented = this.emitValueChange(value);
         if (defaultPrevented) {
+            this.value = oldValue;
             return;
         }
-        this.value = value;
         this.updateSelection();
     }
     emitAddItem(value) {
@@ -22597,12 +23126,13 @@ class Select {
             });
         });
         this.selectedLabels = this.selectedItems.map((item) => item.label);
-        if (this.isSingleMode && ((_a = this.selectedLabels) === null || _a === void 0 ? void 0 : _a.length)) {
+        if (((_a = this.selectedLabels) === null || _a === void 0 ? void 0 : _a.length) && this.isSingleMode) {
             this.inputValue = this.selectedLabels[0];
-            this.inputRef && (this.inputRef.value = this.inputValue);
-            return;
         }
-        this.inputValue = null;
+        else {
+            this.inputValue = '';
+        }
+        this.inputRef && (this.inputRef.value = this.inputValue);
     }
     emitValueChange(value) {
         const { defaultPrevented } = this.valueChange.emit(value);
@@ -22664,32 +23194,27 @@ class Select {
             return;
         }
         if (event.code === 'Enter' || event.code === 'NumpadEnter') {
-            await this.onEnterNavigation();
+            await this.onEnterNavigation(event.target);
         }
         if (event.code === 'Escape') {
             this.dropdownShow = false;
         }
     }
-    async onEnterNavigation() {
-        var _a;
+    async onEnterNavigation(el) {
         if (this.isMultipleMode) {
             return;
         }
-        let item;
-        if (this.editable && !this.itemExists(this.inputFilterText)) {
-            const defaultPrevented = this.emitAddItem(this.inputFilterText);
-            if (defaultPrevented) {
-                return;
+        if (!this.itemExists(this.inputFilterText.trim()) &&
+            !this.itemExists(el === null || el === void 0 ? void 0 : el.label)) {
+            if (this.editable) {
+                const defaultPrevented = this.emitAddItem(this.inputFilterText.trim());
+                if (defaultPrevented) {
+                    return;
+                }
             }
-            item = this.items[this.items.length - 1];
-        }
-        if (item) {
-            item.onItemClick();
-        }
-        await ((_a = this.dropdownRef) === null || _a === void 0 ? void 0 : _a.updatePosition());
-        if (this.isSingleMode && !this.editable) {
-            this.dropdownShow = false;
         }
+        this.dropdownShow = false;
+        this.updateSelection();
     }
     async onArrowNavigation(event, key) {
         if (event.defaultPrevented) {
@@ -22855,7 +23380,7 @@ class Select {
     }
     render() {
         var _a, _b, _c;
-        return (hAsync(Host, { key: 'ef836653267a38d82ead34cf82285997083f4086' }, hAsync("div", { key: '23e903c9849f58f70d9c843a7258f913d6811cf2', class: {
+        return (hAsync(Host, { key: 'f7fbdd6bf1de2c24f74c9628d189e792c8c9da96' }, hAsync("div", { key: 'efa0507b01980bbb73245e2257fd1c10a1b25ec7', class: {
                 select: true,
                 disabled: this.disabled,
                 readonly: this.readonly,
@@ -22863,13 +23388,13 @@ class Select {
                 this.dropdownAnchor = ref;
                 if (!this.editable)
                     this.dropdownWrapperRef = ref;
-            } }, hAsync("div", { key: '56b38a998a44ddc6b8f380cc049e813be30ad711', class: "input-container" }, hAsync("div", { key: 'b3e152d2ab35f3e2bcf2ac8c8df4cb3bc97f6e3c', class: "chips" }, this.isMultipleMode
+            } }, hAsync("div", { key: '176f0b1a0cf1a8a01f18ad3e51e213efa9519832', class: "input-container" }, hAsync("div", { key: 'f98e3fb5cda142a387ab6c3c7f8497e92b9e82e3', 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: 'f411e24b3c4512731593a4afd5c51f0223254cc9', class: "trigger" }, hAsync("input", { key: '3c16a408ed58a3d2430ed86df32b6d990acb2b49', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, type: "text", class: {
+            : '', hAsync("div", { key: '92b52ba5d7bc22b96a82a9cdbd9112630e60e4a6', class: "trigger" }, hAsync("input", { key: 'a5b4c6e747d9bc3b1e5212daa8e9d3f461c3bf18', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, type: "text", class: {
                 'allow-clear': this.allowClear && !!((_b = this.selectedLabels) === null || _b === void 0 ? void 0 : _b.length),
             }, placeholder: this.placeholderValue(), value: this.inputValue, ref: (ref) => (this.inputRef = ref), onBlur: (e) => this.onInputBlur(e), onFocus: () => {
                 this.navigationItem = undefined;
@@ -22881,22 +23406,21 @@ class Select {
             } })) : null, this.disabled || this.readonly ? null : (hAsync("ix-icon-button", { "data-select-dropdown": true, class: { 'dropdown-visible': this.dropdownShow }, icon: "chevron-down-small", ghost: true, ref: (ref) => {
                 if (this.editable)
                     this.dropdownWrapperRef = ref;
-            } })))))), hAsync("ix-dropdown", { key: '6c838166f4366d760f30dc102d3dad4611b369b5', ref: (ref) => (this.dropdownRef = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
+            } })))))), hAsync("ix-dropdown", { key: 'c453e899da55aa0c74c7c0886cfc548770d2cd8a', ref: (ref) => (this.dropdownRef = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
                 'd-none': this.disabled || this.readonly,
             }, anchor: this.dropdownAnchor, trigger: this.dropdownWrapperRef, onShowChanged: (e) => this.dropdownVisibilityChanged(e), placement: "bottom-start", overwriteDropdownStyle: async () => {
                 return {
                     minWidth: `${this.hostElement.clientWidth}px`,
                 };
-            } }, hAsync("div", { key: '8f7b41436b7f15311dd4d46cbacbb95879de501e', class: {
+            } }, hAsync("div", { key: 'ccf8c1c2aa3647db3264facaa95447d1d9b6945c', class: {
                 'select-list-header': true,
                 hidden: this.hideListHeader || this.isDropdownEmpty,
-            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: 'dc2913881d407f2cdaaa30efc15fa05193117b1c' }), hAsync("div", { key: '706abca5e8fef621d36b560b6ca5629c235a6a32', ref: (ref) => (this.customItemsContainerRef = ref), class: "d-contents" }), this.isAddItemVisible() ? (hAsync("ix-dropdown-item", { "data-testid": "add-item", icon: 'plus', class: {
+            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: 'a6df8fc7480328304cdb29ab73974d8d101c3cdd' }), hAsync("div", { key: '0cd182275728c36f320695c20e738d46cd4f74e2', ref: (ref) => (this.customItemsContainerRef = ref), class: "d-contents" }), this.isAddItemVisible() ? (hAsync("ix-dropdown-item", { "data-testid": "add-item", icon: 'plus', class: {
                 'add-item': true,
             }, label: this.inputFilterText, onItemClick: (e) => {
                 e.preventDefault();
-                if (this.emitAddItem(this.inputFilterText)) {
-                    e.stopPropagation();
-                }
+                e.stopPropagation();
+                this.emitAddItem(this.inputFilterText);
             }, onFocus: () => (this.navigationItem = this.addItemRef), ref: (ref) => {
                 this.addItemRef = ref;
             } })) : null, this.isDropdownEmpty && !this.editable ? (hAsync("div", { class: "select-list-header" }, this.i18nNoMatches)) : (''))));
@@ -22999,7 +23523,7 @@ class SelectItem {
         }));
     }
     render() {
-        return (hAsync(Host, { key: '73a6d9e2c4df3541658f2bdce0a4ec42aea2c5e1' }, hAsync("ix-dropdown-item", { key: 'c8d0563af535129de120a4899d683038f02dad57', class: {
+        return (hAsync(Host, { key: 'bac48ca281090f2dd8f56fce2772916cec959e8c' }, hAsync("ix-dropdown-item", { key: 'a6f8cafd5ee9f9eedaa4e4e0bd82a32976434117', class: {
                 'select-item-checked': this.selected,
             }, checked: this.selected, label: this.label ? this.label : this.value, onItemClick: (e) => this.onItemClick(e) })));
     }
@@ -23025,7 +23549,7 @@ class SelectItem {
     }; }
 }
 
-const sliderCss = "/*!@:host*/.sc-ix-slider-h{display:flex;flex-direction:column;min-height:2rem;--thumb-size:1rem;--value:0;--trace-start:0;--trace-end:0;--trace-reference:0;--trace-reference-color:var(--theme-color-8);--trace-color:var(--theme-color-dynamic);--tick-color:var(--theme-color-8);--tick-color--active:var(--theme-color-dynamic);--track-color:var(--theme-color-component-4)}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-slider-h *.sc-ix-slider,.sc-ix-slider-h *.sc-ix-slider::after,.sc-ix-slider-h *.sc-ix-slider::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-slider-h .sc-ix-slider::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-slider-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-slider-h .sc-ix-slider::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-slider-h .sc-ix-slider::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-slider-h .sc-ix-slider::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-slider-h .sc-ix-slider::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-slider-h .sc-ix-slider::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-slider-h .sc-ix-slider::-webkit-scrollbar-corner{display:none}/*!@:host input[type=range]*/.sc-ix-slider-h input[type=range].sc-ix-slider{position:absolute;top:50%;transform:translateY(-50%);left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:1rem;margin:0}/*!@:host input[type=range].trace::before*/.sc-ix-slider-h input[type=range].trace.sc-ix-slider::before{content:\"\";position:absolute;display:block;z-index:-1;width:calc(7px + 100% * var(--trace-end) - 16px * var(--trace-end) - (7px + 100% * var(--trace-start) - 16px * var(--trace-start)));left:calc(7px + 100% * var(--trace-start) - 16px * var(--trace-start));height:4px;background-color:var(--trace-color);top:50%;transform:translateY(-50%)}/*!@:host input[type=range].trace::after*/.sc-ix-slider-h input[type=range].trace.sc-ix-slider::after{content:\"\";position:absolute;display:block;width:2px;height:16px;background-color:var(--trace-reference-color);top:50%;transform:translateY(-50%);left:calc(7px + 100% * var(--trace-reference) - 16px * var(--trace-reference))}/*!@:host input[type=range]::-webkit-slider-runnable-track*/.sc-ix-slider-h input[type=range].sc-ix-slider::-webkit-slider-runnable-track{background:transparent;height:0.25rem}/*!@:host input[type=range]::-moz-range-track*/.sc-ix-slider-h input[type=range].sc-ix-slider::-moz-range-track{background:transparent;height:0.25rem}/*!@:host input[type=range i]::-webkit-slider-thumb*/.sc-ix-slider-h input[type=range i].sc-ix-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px}/*!@:host input[type=range i]::-moz-range-thumb*/.sc-ix-slider-h input[type=range i].sc-ix-slider::-moz-range-thumb{border:none;border-radius:0}/*!@:host input[type=range]::-webkit-slider-thumb*/.sc-ix-slider-h input[type=range].sc-ix-slider::-webkit-slider-thumb{border-radius:100px;background-color:var(--theme-color-dynamic);height:var(--thumb-size);width:var(--thumb-size);-webkit-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}/*!@:host input[type=range]::-moz-range-thumb*/.sc-ix-slider-h input[type=range].sc-ix-slider::-moz-range-thumb{border-radius:100px;background-color:var(--theme-color-dynamic);height:var(--thumb-size);width:var(--thumb-size);-moz-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}/*!@:host input[type=range]:hover::-webkit-slider-thumb*/.sc-ix-slider-h input[type=range].sc-ix-slider:hover::-webkit-slider-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}/*!@:host input[type=range]:hover::-moz-range-thumb*/.sc-ix-slider-h input[type=range].sc-ix-slider:hover::-moz-range-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}/*!@:host input[type=range]:active::-webkit-slider-thumb*/.sc-ix-slider-h input[type=range].sc-ix-slider:active::-webkit-slider-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}/*!@:host input[type=range]:active::-moz-range-thumb*/.sc-ix-slider-h input[type=range].sc-ix-slider:active::-moz-range-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}/*!@:host input[type=range]:focus*/.sc-ix-slider-h input[type=range].sc-ix-slider:focus{outline:none}/*!@:host input[type=range]:focus-visible::-webkit-slider-thumb*/.sc-ix-slider-h input[type=range].sc-ix-slider:focus-visible::-webkit-slider-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}/*!@:host input[type=range]:focus-visible::-moz-range-thumb*/.sc-ix-slider-h input[type=range].sc-ix-slider:focus-visible::-moz-range-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}/*!@:host .ticks*/.sc-ix-slider-h .ticks.sc-ix-slider{display:flex;position:relative;top:50%;transform:translateY(-50%)}/*!@:host .ticks .tick*/.sc-ix-slider-h .ticks.sc-ix-slider .tick.sc-ix-slider{display:block;position:absolute;width:8px;height:8px;background-color:var(--tick-color);border-radius:100px;top:50%;transform:translateY(-50%);left:calc(var(--tick-value) * 100% - 4px)}/*!@:host .ticks .tick.tick-active*/.sc-ix-slider-h .ticks.sc-ix-slider .tick.tick-active.sc-ix-slider{background-color:var(--tick-color--active)}/*!@:host .slider*/.sc-ix-slider-h .slider.sc-ix-slider{position:relative;display:block;width:100%;height:1.5rem}/*!@:host .track*/.sc-ix-slider-h .track.sc-ix-slider{position:absolute;background-color:var(--track-color);height:4px;width:calc(100% - 1rem);margin-left:0.5rem;top:50%;transform:translateY(-50%);left:0px}/*!@:host .thumb*/.sc-ix-slider-h .thumb.sc-ix-slider{display:block;position:absolute;background-color:transparent;height:1rem;width:1rem;border-radius:100px;left:0px;top:50%;transform:translateY(-50%)}/*!@:host .hide-tooltip*/.sc-ix-slider-h .hide-tooltip.sc-ix-slider{display:none}/*!@:host .label*/.sc-ix-slider-h .label.sc-ix-slider{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;margin-top:0.5rem;min-height:0px}/*!@:host .label-start*/.sc-ix-slider-h .label-start.sc-ix-slider{margin-left:0.5rem}/*!@:host .label-end*/.sc-ix-slider-h .label-end.sc-ix-slider{margin-right:0.5rem}/*!@:host .label-error*/.sc-ix-slider-h .label-error.sc-ix-slider{margin-left:0.5rem}/*!@:host(.error)*/.error.sc-ix-slider-h{--trace-color:var(--theme-color-alarm-40);--tick-color--active:var(--theme-color-alarm)}/*!@:host(.error) input[type=range]::-webkit-slider-thumb*/.error.sc-ix-slider-h input[type=range].sc-ix-slider::-webkit-slider-thumb{background-color:var(--theme-color-alarm)}/*!@:host(.error) input[type=range]::-moz-range-thumb*/.error.sc-ix-slider-h input[type=range].sc-ix-slider::-moz-range-thumb{background-color:var(--theme-color-alarm)}/*!@:host(.disabled)*/.disabled.sc-ix-slider-h{pointer-events:none;--track-color:var(--theme-color-component-3);--trace-color:var(--theme-color-3);--tick-color:var(--theme-color-7);--tick-color--active:var(--theme-color-7)}/*!@:host(.disabled) input[type=range]::-webkit-slider-thumb*/.disabled.sc-ix-slider-h input[type=range].sc-ix-slider::-webkit-slider-thumb{background-color:var(--theme-color-7)}/*!@:host(.disabled) input[type=range]::-moz-range-thumb*/.disabled.sc-ix-slider-h input[type=range].sc-ix-slider::-moz-range-thumb{background-color:var(--theme-color-7)}";
+const sliderCss = "/*!@:host*/.sc-ix-slider-h{display:flex;flex-direction:column;min-height:2rem;--thumb-size:1rem;--value:0;--trace-start:0;--trace-end:0;--trace-reference:0;--trace-reference-color:var(--theme-color-8);--trace-color:var(--theme-color-dynamic);--tick-color:var(--theme-color-8);--tick-color--active:var(--theme-color-dynamic);--track-color:var(--theme-color-component-4)}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-slider-h *.sc-ix-slider,.sc-ix-slider-h *.sc-ix-slider::after,.sc-ix-slider-h *.sc-ix-slider::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-slider-h .sc-ix-slider::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-slider-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-slider-h .sc-ix-slider::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-slider-h .sc-ix-slider::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-slider-h .sc-ix-slider::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-slider-h .sc-ix-slider::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-slider-h .sc-ix-slider::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-slider-h .sc-ix-slider::-webkit-scrollbar-corner{display:none}/*!@:host input[type=range]*/.sc-ix-slider-h input[type=range].sc-ix-slider{position:absolute;top:50%;transform:translateY(-50%);left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:1rem;margin:0}/*!@:host input[type=range].trace::before*/.sc-ix-slider-h input[type=range].trace.sc-ix-slider::before{content:\"\";position:absolute;display:block;z-index:-1;width:calc(7px + 100% * var(--trace-end) - 16px * var(--trace-end) - (7px + 100% * var(--trace-start) - 16px * var(--trace-start)));left:calc(7px + 100% * var(--trace-start) - 16px * var(--trace-start));height:4px;background-color:var(--trace-color);top:50%;transform:translateY(-50%)}/*!@:host input[type=range].trace:not(.hide-trace-reference)::after*/.sc-ix-slider-h input[type=range].trace.sc-ix-slider:not(.hide-trace-reference)::after{content:\"\";position:absolute;display:block;width:2px;height:16px;background-color:var(--trace-reference-color);top:50%;transform:translateY(-50%);left:calc(7px + 100% * var(--trace-reference) - 16px * var(--trace-reference))}/*!@:host input[type=range]::-webkit-slider-runnable-track*/.sc-ix-slider-h input[type=range].sc-ix-slider::-webkit-slider-runnable-track{background:transparent;height:0.25rem}/*!@:host input[type=range]::-moz-range-track*/.sc-ix-slider-h input[type=range].sc-ix-slider::-moz-range-track{background:transparent;height:0.25rem}/*!@:host input[type=range i]::-webkit-slider-thumb*/.sc-ix-slider-h input[type=range i].sc-ix-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px}/*!@:host input[type=range i]::-moz-range-thumb*/.sc-ix-slider-h input[type=range i].sc-ix-slider::-moz-range-thumb{border:none;border-radius:0}/*!@:host input[type=range]::-webkit-slider-thumb*/.sc-ix-slider-h input[type=range].sc-ix-slider::-webkit-slider-thumb{border-radius:100px;background-color:var(--theme-color-dynamic);height:var(--thumb-size);width:var(--thumb-size);-webkit-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}/*!@:host input[type=range]::-moz-range-thumb*/.sc-ix-slider-h input[type=range].sc-ix-slider::-moz-range-thumb{border-radius:100px;background-color:var(--theme-color-dynamic);height:var(--thumb-size);width:var(--thumb-size);-moz-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}/*!@:host input[type=range]:hover::-webkit-slider-thumb*/.sc-ix-slider-h input[type=range].sc-ix-slider:hover::-webkit-slider-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}/*!@:host input[type=range]:hover::-moz-range-thumb*/.sc-ix-slider-h input[type=range].sc-ix-slider:hover::-moz-range-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}/*!@:host input[type=range]:active::-webkit-slider-thumb*/.sc-ix-slider-h input[type=range].sc-ix-slider:active::-webkit-slider-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}/*!@:host input[type=range]:active::-moz-range-thumb*/.sc-ix-slider-h input[type=range].sc-ix-slider:active::-moz-range-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}/*!@:host input[type=range]:focus*/.sc-ix-slider-h input[type=range].sc-ix-slider:focus{outline:none}/*!@:host input[type=range]:focus-visible::-webkit-slider-thumb*/.sc-ix-slider-h input[type=range].sc-ix-slider:focus-visible::-webkit-slider-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}/*!@:host input[type=range]:focus-visible::-moz-range-thumb*/.sc-ix-slider-h input[type=range].sc-ix-slider:focus-visible::-moz-range-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}/*!@:host .ticks*/.sc-ix-slider-h .ticks.sc-ix-slider{display:flex;position:relative;top:50%;transform:translateY(-50%)}/*!@:host .ticks .tick*/.sc-ix-slider-h .ticks.sc-ix-slider .tick.sc-ix-slider{display:block;position:absolute;width:8px;height:8px;background-color:var(--tick-color);border-radius:100px;top:50%;transform:translateY(-50%);left:calc(var(--tick-value) * 100% - 4px)}/*!@:host .ticks .tick.tick-active*/.sc-ix-slider-h .ticks.sc-ix-slider .tick.tick-active.sc-ix-slider{background-color:var(--tick-color--active)}/*!@:host .slider*/.sc-ix-slider-h .slider.sc-ix-slider{position:relative;display:block;width:100%;height:1.5rem}/*!@:host .track*/.sc-ix-slider-h .track.sc-ix-slider{position:absolute;background-color:var(--track-color);height:4px;width:calc(100% - 1rem);margin-left:0.5rem;top:50%;transform:translateY(-50%);left:0px}/*!@:host .thumb*/.sc-ix-slider-h .thumb.sc-ix-slider{display:block;position:absolute;background-color:transparent;height:1rem;width:1rem;border-radius:100px;left:0px;top:50%;transform:translateY(-50%)}/*!@:host .hide-tooltip*/.sc-ix-slider-h .hide-tooltip.sc-ix-slider{display:none}/*!@:host .label*/.sc-ix-slider-h .label.sc-ix-slider{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;margin-top:0.5rem;min-height:0px}/*!@:host .label-start*/.sc-ix-slider-h .label-start.sc-ix-slider{margin-left:0.5rem}/*!@:host .label-end*/.sc-ix-slider-h .label-end.sc-ix-slider{margin-right:0.5rem}/*!@:host .label-error*/.sc-ix-slider-h .label-error.sc-ix-slider{margin-left:0.5rem}/*!@:host(.error)*/.error.sc-ix-slider-h{--trace-color:var(--theme-color-alarm-40);--tick-color--active:var(--theme-color-alarm)}/*!@:host(.error) input[type=range]::-webkit-slider-thumb*/.error.sc-ix-slider-h input[type=range].sc-ix-slider::-webkit-slider-thumb{background-color:var(--theme-color-alarm)}/*!@:host(.error) input[type=range]::-moz-range-thumb*/.error.sc-ix-slider-h input[type=range].sc-ix-slider::-moz-range-thumb{background-color:var(--theme-color-alarm)}/*!@:host(.disabled)*/.disabled.sc-ix-slider-h{pointer-events:none;--track-color:var(--theme-color-component-3);--trace-color:var(--theme-color-3);--tick-color:var(--theme-color-7);--tick-color--active:var(--theme-color-7)}/*!@:host(.disabled) input[type=range]::-webkit-slider-thumb*/.disabled.sc-ix-slider-h input[type=range].sc-ix-slider::-webkit-slider-thumb{background-color:var(--theme-color-7)}/*!@:host(.disabled) input[type=range]::-moz-range-thumb*/.disabled.sc-ix-slider-h input[type=range].sc-ix-slider::-moz-range-thumb{background-color:var(--theme-color-7)}";
 var IxSliderStyle0 = sliderCss;
 
 /*
@@ -23067,7 +23591,7 @@ class Slider {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.valueChange = createEvent(this, "valueChange", 7);
-        this.step = undefined;
+        this.step = 1;
         this.min = 0;
         this.max = 100;
         this.value = 0;
@@ -23083,20 +23607,24 @@ class Slider {
         this.showTooltip = false;
     }
     get tooltip() {
-        return this.hostElement.shadowRoot.querySelector('ix-tooltip');
+        var _a;
+        return (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('ix-tooltip');
     }
     get pseudoThumb() {
-        return this.hostElement.shadowRoot.querySelector('.thumb');
+        var _a;
+        return (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.thumb');
     }
     get slider() {
-        return this.hostElement.shadowRoot.getElementById('slider');
+        var _a;
+        return (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById('slider');
     }
     onShowTooltipChange() {
+        var _a, _b;
         if (this.showTooltip) {
-            this.tooltip.showTooltip(this.pseudoThumb);
+            (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.showTooltip(this.pseudoThumb);
             return;
         }
-        this.tooltip.hideTooltip();
+        (_b = this.tooltip) === null || _b === void 0 ? void 0 : _b.hideTooltip();
     }
     componentWillLoad() {
         this.a11yAttributes = a11yHostAttributes(this.hostElement, [
@@ -23147,12 +23675,12 @@ class Slider {
             traceStart = valueInPercentage;
             traceEnd = traceReferenceInPercentage;
         }
-        return (hAsync(Host, { key: 'ebd23d56f5fe53cc4db2c05ade808fa58cc49886', class: {
+        return (hAsync(Host, { key: 'c7e6a14875ee17d49fe5e42459b81fb561802ebc', class: {
                 disabled: this.disabled,
                 error: !!this.error,
-            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, hAsync("div", { key: 'd32acfbde1e7d4a4b388b8d7ea5bfd8b8d0207e0', class: "slider" }, hAsync("div", { key: 'dc7ec76891a22c313c079f333b9f90d8f8e6c3a6', class: "track" }, hAsync("div", { key: '29abcd581432484795ca44b099437bde798f5941', class: "thumb", style: {
+            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, hAsync("div", { key: 'bed770beec56a4798df1c0b8546fd78ef6c1f749', class: "slider" }, hAsync("div", { key: 'b2337e7802806933356cc7930bcb5a0e025796b8', class: "track" }, hAsync("div", { key: 'd5d40d3e44d50112733e5c9137b807e3a25dcafa', class: "thumb", style: {
                 left: `calc(${valueInPercentage} * 100% - 8px)`,
-            } }), hAsync("div", { key: 'fa077ac5d24ea90356688992b5cd75d898cbda05', class: "ticks" }, this.marker
+            } }), hAsync("div", { key: '041f4368d4b80929a03abfbe617d8f5bb15957d0', class: "ticks" }, this.marker
             ? this.marker.map((markerValue) => {
                 if (markerValue > this.max || markerValue < this.min) {
                     return;
@@ -23165,20 +23693,23 @@ class Slider {
                         '--tick-value': `${left}`,
                     } }));
             })
-            : null)), hAsync("input", Object.assign({ key: '5f5885ebad1e149e23424ccd353070dcf0c138f6', 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: 'ef61a64f69ebc8816778dfd95dee2402b0ed9144', 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}`,
                 '--trace-end': `${traceEnd}`,
             }, class: {
                 trace: this.trace && traceReferenceInPercentage !== valueInPercentage,
+                'hide-trace-reference': this.trace &&
+                    (this.traceReference <= this.min ||
+                        this.traceReference >= this.max),
             }, onFocus: () => {
                 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: 'd8251a14514f40c06ae43c2c245cbac584051865', class: {
+            }, role: "slider", "aria-valuenow": this.rangeInput, "aria-valuemin": this.min, "aria-valuemax": this.max }, this.a11yAttributes)), hAsync("ix-tooltip", { key: '4dfe584376f3df426be2e049703adfb4c2bf39ab', class: {
                 'hide-tooltip': !this.showTooltip,
-            }, animationFrame: true }, this.rangeInput)), hAsync("div", { key: 'a8917d620aa49c5f114f2b38c9caf3d373372ba2', class: "label" }, hAsync("div", { key: '59c1c607f4ef3c330a75910015869df5b27e831c', class: "label-start" }, hAsync("slot", { key: 'cb7414d304ca1f46b92bbfbd6681f027796ff65b', name: "label-start" })), hAsync("div", { key: '40953ef4339938b9f8d36690a7a1ce7054db02fb', class: "label-end" }, hAsync("slot", { key: '2b4a62eba114d8abc4603c82804860240453ece3', name: "label-end" }))), this.error ? (hAsync("ix-typography", { class: 'label-error', color: "alarm" }, this.error)) : null));
+            }, animationFrame: true }, this.rangeInput)), hAsync("div", { key: '9c42a9aa11e4c59c2fa9f0b132d6ac3a2b4f8f72', class: "label" }, hAsync("div", { key: '22ed6e4412f84449c68109dd5619054a65d8790f', class: "label-start" }, hAsync("slot", { key: '676a5d1b03b6a398bda253f01396c06ccb7cdb04', name: "label-start" })), hAsync("div", { key: '7ec74b8f1f5a4a6e0eb4dd2b1bd8c32aa098f47c', class: "label-end" }, hAsync("slot", { key: '1a4b99aebbe60d9db5e4ed5c26907aecf2a38568', name: "label-end" }))), this.error ? (hAsync("ix-typography", { class: 'label-error', color: "alarm" }, this.error)) : null));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -23228,7 +23759,7 @@ class Spinner {
         this.hideTrack = false;
     }
     render() {
-        return (hAsync(Host, { key: 'b83203aa7712519c8d12c8ff55378edc167b43f7', class: {
+        return (hAsync(Host, { key: '0146dd2225f65f26b9e2853cbb13072e4df5206c', class: {
                 primary: this.variant === 'primary',
                 'xx-small': this.size === 'xx-small',
                 'x-small': this.size === 'x-small',
@@ -23334,7 +23865,7 @@ class SplitButtonItem {
         return this.wrapperRef.waitForCurrent();
     }
     render() {
-        return (hAsync(Host, { key: 'dd2f9ba13231244d5eb7071c68f19ec2029b411a' }, hAsync("ix-dropdown-item", { key: '0024bb200f0924ba9e7cdced2cc4958fb8da43df', ref: this.wrapperRef, suppressChecked: true, icon: this.icon, label: this.label, onItemClick: (e) => {
+        return (hAsync(Host, { key: '2569c82160826d73102d074efd5a2b13a128b92b' }, hAsync("ix-dropdown-item", { key: 'c46a3b90d3ba24747b0598be971a398ec2febe71', ref: this.wrapperRef, suppressChecked: true, icon: this.icon, label: this.label, onItemClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
             }, onClick: (e) => this.itemClick.emit(e) })));
@@ -23384,7 +23915,7 @@ class TabItem {
         };
     }
     render() {
-        return (hAsync(Host, { key: '926d3579090f1be086eb75bdbc42865af3c51836', class: this.tabItemClasses({
+        return (hAsync(Host, { key: 'd066fe09ebb7ac33ef162eafed96189de7215022', class: this.tabItemClasses({
                 selected: this.selected,
                 disabled: this.disabled,
                 small: this.small,
@@ -23399,12 +23930,12 @@ class TabItem {
                 if (clientEvent.defaultPrevented) {
                     event.stopPropagation();
                 }
-            } }, hAsync("div", { key: 'fedfa30ba5108be5a8b0c0078a9512acab21f067', class: {
+            } }, hAsync("div", { key: '944c3beb003abae7f64ed18c3d77fa8d3a576be3', class: {
                 circle: this.rounded,
                 text: !this.rounded,
                 selected: this.selected,
                 disabled: this.disabled,
-            } }, hAsync("slot", { key: 'e1ff1b021041a04689c8ae1b1b54894f51fda854' })), hAsync("div", { key: '8cd112dcb4dcd0513603bf4623a58bb9740d6b32', class: {
+            } }, hAsync("slot", { key: 'ff6b883c8b1ec2e53fe9faa705bbcdb0345ef27b' })), hAsync("div", { key: '292419b01ae7e18db509ad09a83ffa5bbc6480a5', class: {
                 counter: true,
                 selected: this.selected,
                 hidden: !(this.rounded && this.counter !== undefined),
@@ -23476,12 +24007,8 @@ class Tabs {
         this.currentScrollAmount = 0;
         this.scrollAmount = 100;
         this.scrollActionAmount = 0;
-    }
-    get arrowLeftElement() {
-        return this.hostElement.shadowRoot.querySelector('[data-arrow-left]');
-    }
-    get arrowRightElement() {
-        return this.hostElement.shadowRoot.querySelector('[data-arrow-right]');
+        this.showArrowPrevious = false;
+        this.showArrowNext = false;
     }
     onWindowResize() {
         this.totalItems = 0;
@@ -23498,13 +24025,24 @@ class Tabs {
         return this.getTabs()[tabIndex];
     }
     getTabsWrapper() {
-        return this.hostElement.shadowRoot.querySelector('.items-content');
+        var _a;
+        return (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.items-content');
+    }
+    initResizeObserver() {
+        const parentElement = this.hostElement.parentElement;
+        if (!parentElement)
+            return;
+        this.resizeObserver = new ResizeObserver(() => {
+            this.renderArrows();
+        });
+        this.resizeObserver.observe(parentElement);
     }
     showArrows() {
         try {
             const tabWrapper = this.getTabsWrapper();
-            return (tabWrapper.scrollWidth >
-                Math.ceil(tabWrapper.getBoundingClientRect().width) &&
+            return (tabWrapper &&
+                tabWrapper.scrollWidth >
+                    Math.ceil(tabWrapper.getBoundingClientRect().width) &&
                 this.layout === 'auto');
         }
         catch (error) {
@@ -23513,7 +24051,7 @@ class Tabs {
     }
     showPreviousArrow() {
         try {
-            return this.showArrows() && this.scrollActionAmount < 0;
+            return this.showArrows() === true && this.scrollActionAmount < 0;
         }
         catch (error) {
             return false;
@@ -23522,8 +24060,11 @@ class Tabs {
     showNextArrow() {
         try {
             const tabWrapper = this.getTabsWrapper();
+            if (!tabWrapper) {
+                return false;
+            }
             const tabWrapperRect = tabWrapper.getBoundingClientRect();
-            return (this.showArrows() &&
+            return (this.showArrows() === true &&
                 this.scrollActionAmount >
                     (tabWrapper.scrollWidth - tabWrapperRect.width) * -1);
         }
@@ -23531,39 +24072,47 @@ class Tabs {
             return false;
         }
     }
-    getArrowStyle(condition) {
-        return {
-            opacity: condition ? '1' : '0',
-            zIndex: condition ? '1' : '-1',
-        };
-    }
     move(amount, click = false) {
-        const tabWrapper = this.getTabsWrapper();
-        const maxScrollWidth = (tabWrapper.scrollWidth - tabWrapper.getBoundingClientRect().width) * -1;
-        amount = this.currentScrollAmount + amount;
-        amount = amount > 0 ? 0 : amount < maxScrollWidth ? maxScrollWidth : amount;
+        const tabsWrapper = this.getTabsWrapper();
+        if (!tabsWrapper) {
+            return;
+        }
+        const tabsWrapperVisibleWidth = tabsWrapper.getBoundingClientRect().width;
+        const maxScrollWidth = -this.currentScrollAmount +
+            tabsWrapperVisibleWidth -
+            tabsWrapper.scrollWidth;
+        amount = amount < maxScrollWidth ? maxScrollWidth : amount;
+        amount += this.currentScrollAmount;
+        amount = Math.min(amount, 0);
         const styles = [
             `transform: translateX(${amount}px);`,
             click ? 'transition: all ease-in-out 400ms;' : '',
         ].join('');
-        tabWrapper.setAttribute('style', styles);
+        tabsWrapper.setAttribute('style', styles);
         if (click)
             this.currentScrollAmount = this.scrollActionAmount = amount;
         else
             this.scrollActionAmount = amount;
     }
-    moveTabToView(tabIndex) {
+    onSelectedChange(newValue) {
+        var _a;
         if (!this.showArrows())
             return;
-        const tab = this.getTab(tabIndex).getBoundingClientRect();
-        const amount = tab.x * -1;
-        this.move(amount, true);
+        const tabRect = this.getTab(newValue).getBoundingClientRect();
+        const wrapperWidth = (_a = this.getTabsWrapper()) === null || _a === void 0 ? void 0 : _a.clientWidth;
+        const arrowWidth = 32;
+        if (tabRect.left < arrowWidth) {
+            this.move(-tabRect.left + arrowWidth, true);
+        }
+        else if (wrapperWidth && tabRect.right > wrapperWidth - arrowWidth) {
+            this.move(wrapperWidth - tabRect.right - arrowWidth, true);
+        }
     }
     setSelected(index) {
         this.selected = index;
     }
     clickTab(index) {
-        if (this.dragStop()) {
+        if (!this.clickAction.isClick || this.dragStop()) {
             return;
         }
         const { defaultPrevented } = this.selectedChange.emit(index);
@@ -23571,7 +24120,6 @@ class Tabs {
             return;
         }
         this.setSelected(index);
-        this.moveTabToView(index);
     }
     dragStart(element, event) {
         if (!this.showArrows())
@@ -23585,18 +24133,22 @@ class Tabs {
         const tabPositionX = parseFloat(window.getComputedStyle(element).left);
         const mousedownPositionX = event.clientX;
         const move = (event) => this.dragMove(event, tabPositionX, mousedownPositionX);
-        window.addEventListener('mouseup', () => {
+        const windowClick = () => {
             window.removeEventListener('mousemove', move, false);
+            window.removeEventListener('click', windowClick, false);
             this.dragStop();
-        });
+        };
+        window.addEventListener('click', windowClick);
         window.addEventListener('mousemove', move, false);
     }
     dragMove(event, tabX, mousedownX) {
         this.move(event.clientX + tabX - mousedownX);
     }
     dragStop() {
-        clearTimeout(this.clickAction.timeout);
-        this.clickAction.timeout = null;
+        if (this.clickAction.timeout) {
+            clearTimeout(this.clickAction.timeout);
+            this.clickAction.timeout = null;
+        }
         if (this.clickAction.isClick)
             return false;
         this.currentScrollAmount = this.scrollActionAmount;
@@ -23614,6 +24166,7 @@ class Tabs {
             element.setAttribute('selected', index === this.selected ? 'true' : 'false');
             element.setAttribute('placement', this.placement);
         });
+        this.initResizeObserver();
     }
     componentDidRender() {
         const tabs = this.getTabs();
@@ -23623,11 +24176,12 @@ class Tabs {
         });
     }
     componentWillRender() {
+        this.renderArrows();
+    }
+    renderArrows() {
         requestAnimationFrameNoNgZone(() => {
-            const showNextArrow = this.showNextArrow();
-            const previousArrow = this.showPreviousArrow();
-            Object.assign(this.arrowLeftElement.style, this.getArrowStyle(previousArrow));
-            Object.assign(this.arrowRightElement.style, this.getArrowStyle(showNextArrow));
+            this.showArrowNext = this.showNextArrow();
+            this.showArrowPrevious = this.showPreviousArrow();
         });
     }
     componentDidLoad() {
@@ -23636,6 +24190,10 @@ class Tabs {
             element.addEventListener('mousedown', (event) => this.dragStart(element, event));
         });
     }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    }
     onTabClick(event) {
         if (event.defaultPrevented) {
             return;
@@ -23649,15 +24207,18 @@ class Tabs {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'a851dd22c0036611316b4c86dee7683c2cf13367' }, hAsync("div", { key: '3cdc8ce203a7fdcb431bc8514e97e1dc99ccf42f', class: "arrow", "data-arrow-left": true, onClick: () => this.move(this.scrollAmount, true) }, hAsync("ix-icon", { key: 'a9a56482c144ccdfdbcb037ef4a1f3ba87907f59', name: 'chevron-left-small' })), hAsync("div", { key: 'c94814d93009f941f491ee27aab2d1f0a58641ef', class: {
+        return (hAsync(Host, { key: 'e10ac5f7e421ca20215339ef7e72c309da7132cd' }, this.showArrowPrevious && (hAsync("div", { key: 'e800708e789600cc2784b8c1515e3dc03b002ee9', class: "arrow", onClick: () => this.move(this.scrollAmount, true) }, hAsync("ix-icon", { key: 'd4c5fbc8e63d595c8fb92bf04d3462ea19446229', name: 'chevron-left-small' }))), hAsync("div", { key: '908f08797515f007fb3320e157fa03a67cadcb25', class: {
                 'tab-items': true,
                 'overflow-shadow': true,
-                'shadow-left': this.showPreviousArrow(),
-                'shadow-right': this.showNextArrow(),
-                'shadow-both': this.showNextArrow() && this.showPreviousArrow(),
-            } }, hAsync("div", { key: 'e3b6d3d72736895e294b284e57ded8d225376405', class: "items-content" }, hAsync("slot", { key: '66fad8fbd1c2c599e3614377d0ef917b11653a2c' }))), hAsync("div", { key: '27512bc8fb342ac6247dd69261bdbdab2a8d42dc', class: "arrow right", "data-arrow-right": true, onClick: () => this.move(-this.scrollAmount, true) }, hAsync("ix-icon", { key: '99ab01071111e8fca336712967e7e2c0a8643450', name: 'chevron-right-small' }))));
+                'shadow-left': this.showArrowPrevious,
+                'shadow-right': this.showArrowNext,
+                'shadow-both': this.showArrowNext && this.showArrowPrevious,
+            } }, hAsync("div", { key: 'd63da9e8e146f3f7dc4376cb476a1ccfbe674e6a', class: "items-content" }, hAsync("slot", { key: '781307adc791f851938edafb44a3be14a56e5eb8' }))), this.showArrowNext && (hAsync("div", { key: '5ec04a7c0a53b73fdd1de1fdf89e4f48aa105c11', class: "arrow right", onClick: () => this.move(-this.scrollAmount, true) }, hAsync("ix-icon", { key: 'cc7249abe9bfc978461dea999922251a743bdf84', name: 'chevron-right-small' })))));
     }
     get hostElement() { return getElement(this); }
+    static get watchers() { return {
+        "selected": ["onSelectedChange"]
+    }; }
     static get style() { return IxTabsStyle0; }
     static get cmpMeta() { return {
         "$flags$": 9,
@@ -23671,7 +24232,9 @@ class Tabs {
             "totalItems": [32],
             "currentScrollAmount": [32],
             "scrollAmount": [32],
-            "scrollActionAmount": [32]
+            "scrollActionAmount": [32],
+            "showArrowPrevious": [32],
+            "showArrowNext": [32]
         },
         "$listeners$": [[9, "resize", "onWindowResize"], [0, "tabClick", "onTabClick"]],
         "$lazyBundleId$": "-",
@@ -23696,17 +24259,17 @@ class Tile {
         this.hasFooterSlot = !!this.hostElement.querySelector('[slot="footer"]');
     }
     render() {
-        return (hAsync(Host, { key: 'cfe05def01cd57c9743a8fccbecbd41b643a9fe2', class: {
+        return (hAsync(Host, { key: '3591d450b88fa35cabff8ad8b96a9a3e292a46e5', class: {
                 'tile-small': this.size === 'small',
                 'tile-medium': this.size === 'medium',
                 'tile-big': this.size === 'big',
-            } }, hAsync("div", { key: 'e37a76b559db0e0a9f8cc48aafad34ab9fcbc6c3', class: {
+            } }, hAsync("div", { key: '0da2a87420a4ec6e69cfac5f7025bd66f78bbda1', class: {
                 'tile-header': true,
                 'has-content': this.hasHeaderSlot,
-            } }, hAsync("slot", { key: 'd14c60fa3a20b9312257f55edda792ea6b4a7cee', name: "header", onSlotchange: () => this.handleHeaderSlotChange() })), hAsync("div", { key: 'db36b0c56a63976a72573681618338f433887669', class: "tile-subheader" }, hAsync("slot", { key: '451561552ddb35ccdc429d944252f5a0dadb8a0e', name: "subheader" })), hAsync("div", { key: 'd793f4019d8e37ede2a0f866aff1c501b5619651', class: "tile-content" }, hAsync("slot", { key: 'afc3df10a7b4ff6c05cf0d87ff78dbe7ecee776e' })), hAsync("div", { key: '14cc913a9c35b73a58a8d618c6ea7cc75e1d5743', class: {
+            } }, hAsync("slot", { key: '6eb0ce1872418533244a2057e995cb877afcac62', name: "header", onSlotchange: () => this.handleHeaderSlotChange() })), hAsync("div", { key: 'e89abbd5ec65c8f122a7e1b1bf2882c5d719cfa7', class: "tile-subheader" }, hAsync("slot", { key: 'c409b93907582bd7bd484657111f7204f8b89eb3', name: "subheader" })), hAsync("div", { key: '0155d4a76a0d570a19ad76c968347dc030bb404a', class: "tile-content" }, hAsync("slot", { key: '01f0107469bd358e8a6f17e3eb376f631a393deb' })), hAsync("div", { key: '992a986c36ca4b3f2408cf03d8eda3fcc4f64b94', class: {
                 'tile-footer': true,
                 'has-content': this.hasFooterSlot,
-            } }, hAsync("slot", { key: '184e7b7313f40d2478541e6f599bb462d1c0f286', name: "footer", onSlotchange: () => this.handleFooterSlotChange() }))));
+            } }, hAsync("slot", { key: '9e98bd01282e4ef2aadd1c07aeb4b8f577e2b312', name: "footer", onSlotchange: () => this.handleFooterSlotChange() }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxTileStyle0; }
@@ -23942,11 +24505,11 @@ class Toast {
             animationPlayState: this.touched ? 'paused' : 'running',
         };
         progressBarClass.push('toast-progress-bar--animated');
-        return (hAsync(Host, { key: '165e8ce47907c08afaef29ec7741efaddaf59d0f', class: "animate__animated animate__fadeIn" }, hAsync("div", { key: 'fff7c4afb35bf57eead0fa4b484e0843dcf6c163', class: "toast-body", onPointerLeave: () => {
+        return (hAsync(Host, { key: 'd52b6e9699ad54687af42f99642eb0c297f97a2e', class: "animate__animated animate__fadeIn" }, hAsync("div", { key: '93a7346e3b7a6ecd2e32f7114f93db78513cb181', 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: 'cd9db0e7591fc8cc069608cff6c3824b4063b1df', class: "toast-content" }, this.toastTitle ? (hAsync("div", { class: "toast-title" }, this.toastTitle)) : null, hAsync("div", { key: '5c850aab1090ec83bfbb2ed4be68d665efaa403f', class: "toast-message" }, hAsync("slot", { key: '0f857c156d576f8bc62cca7f2ab50df00fe3e794' }))), hAsync("div", { key: '47db8f9094de72a16be06466bd694923d86492ff', class: "toast-close" }, hAsync("ix-icon-button", { key: 'db141553999f04175cb135c9b89b7655a5eae216', icon: 'close', size: "24", ghost: true, onClick: () => this.closeToast.emit() }))), this.autoClose ? (hAsync("div", { class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
+            } }, this.type || this.icon ? (hAsync("div", { class: "toast-icon" }, this.getIcon())) : null, hAsync("div", { key: '372fd16d6b94d8f2df0eb875d99c8c5199e80572', class: "toast-content" }, this.toastTitle ? (hAsync("div", { class: "toast-title" }, this.toastTitle)) : null, hAsync("div", { key: '1d43ec353af91250b6788b0ee2e44352f581543c', class: "toast-message" }, hAsync("slot", { key: '5ed42d9699d34b6948cfda2b7ed4b1e68f2bac8e' }))), hAsync("div", { key: '40e8ad3252a34ef2cebd6c388fa13e255a1d9f03', class: "toast-close" }, hAsync("ix-icon-button", { key: 'ad4ed057761f4e76126ba68cd012e900ad3899a0', icon: 'close', size: "24", ghost: true, onClick: () => this.closeToast.emit() }))), this.autoClose ? (hAsync("div", { class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
                 this.close();
             }, onTransitionEnd: () => {
                 if (this.progress === 0) {
@@ -24095,9 +24658,9 @@ class Toggle {
         this.checkedChange.emit(this.checked);
     }
     render() {
-        return (hAsync(Host, { key: '46cf23f4ae6803763da9344dfd9374aa2e307e14', class: {
+        return (hAsync(Host, { key: '03673f4b416522c1c2b2ad8c9bb1727d58a065e5', class: {
                 disabled: this.disabled,
-            }, onClick: () => this.onCheckedChange(!this.checked) }, hAsync("input", { key: '3e85c5ebee51ea769bce59bf215a050e8196cc02', disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, role: "switch", tabindex: 0, type: "checkbox", "aria-checked": a11yBoolean(this.checked), onChange: (event) => this.onCheckedChange(event.target.checked) }), hAsync("label", { key: 'd09e1342cbb63f4e5b0f18d2071260b47405eaa4', class: "switch", tabIndex: -1 }, hAsync("span", { key: '94d1afb922bd8da6aa62dec9aa94bf350d507bc7', class: "slider" })), !this.hideText ? (hAsync(Fragment, null, !this.indeterminate ? (hAsync("span", { class: 'toggle-text', "aria-hidden": a11yBoolean(true) }, this.checked ? this.textOn : this.textOff)) : (hAsync("span", { class: 'toggle-text', "aria-hidden": a11yBoolean(true) }, this.textIndeterminate)))) : null));
+            }, onClick: () => this.onCheckedChange(!this.checked) }, hAsync("input", { key: '8360bbdea9eaa0e801f551432e927c9231ece5ee', disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, role: "switch", tabindex: 0, type: "checkbox", "aria-checked": a11yBoolean(this.checked), onChange: (event) => this.onCheckedChange(event.target.checked) }), hAsync("label", { key: '1e3920edd2a4348ed08bf6311a1575ffa3e26ebd', class: "switch", tabIndex: -1 }, hAsync("span", { key: 'c0a6a39e7f840be27443986b61e6c70750a0d364', class: "slider" })), !this.hideText ? (hAsync(Fragment, null, !this.indeterminate ? (hAsync("span", { class: 'toggle-text', "aria-hidden": a11yBoolean(true) }, this.checked ? this.textOn : this.textOff)) : (hAsync("span", { class: 'toggle-text', "aria-hidden": a11yBoolean(true) }, this.textIndeterminate)))) : null));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxToggleStyle0; }
@@ -24177,9 +24740,9 @@ class ToggleButton {
                 'aria-pressed': a11yBoolean(this.pressed),
             },
         };
-        return (hAsync(Host, { key: 'bec8a150fd761e11ed81ae3803a8e62d6a250ec7', class: {
+        return (hAsync(Host, { key: '532a11bfd02fb4c9fa767eb14c2e33b9e4118de6', class: {
                 disabled: this.disabled || this.loading,
-            } }, hAsync(BaseButton, Object.assign({ key: 'b0e6ee7a113ea8d9b417b8de62cf816fb78b49ca' }, baseButtonProps), hAsync("slot", { key: 'ce9fd3a28d4c7048d14618bd7813f4c84a4ac255' }))));
+            } }, hAsync(BaseButton, Object.assign({ key: 'f77d84c9b82428ce00257c4c9379c61e65dc4c69' }, baseButtonProps), hAsync("slot", { key: 'eb4a77c2092805f15cb47be18fcb99f27dadb8f2' }))));
     }
     static get watchers() { return {
         "variant": ["onVariantChange"],
@@ -24249,7 +24812,7 @@ class TooltipController extends OverlayController {
 }
 const tooltipController = new TooltipController();
 
-const tooltipCss = "/*!@:host*/.sc-ix-tooltip-h{display:inline-block;position:fixed;left:0px;top:0px;z-index:var(--theme-z-index-tooltip);max-width:18.25rem;opacity:0;visibility:collapse !important;overflow-wrap:break-word;border-radius:0.25rem;background-color:var(--theme-tootlip--background);padding:0.375rem 0.75rem 0.375rem 0.875rem;box-shadow:var(--theme-shadow-4)}/*!@:host .tooltip-title*/.sc-ix-tooltip-h .tooltip-title.sc-ix-tooltip{display:flex;align-items:center}/*!@:host .tooltip-title ::slotted(ix-icon)*/.sc-ix-tooltip-h .tooltip-title .sc-ix-tooltip-s>ix-icon{margin-right:0.35rem}/*!@:host(.visible)*/.visible.sc-ix-tooltip-h{opacity:1;visibility:visible !important}/*!@:host(.visible) .arrow,\n:host(.visible) .arrow::before*/.visible.sc-ix-tooltip-h .arrow.sc-ix-tooltip,.visible.sc-ix-tooltip-h .arrow.sc-ix-tooltip::before{position:absolute;width:12px;height:12px;background:inherit}/*!@:host(.visible) .arrow*/.visible.sc-ix-tooltip-h .arrow.sc-ix-tooltip{visibility:hidden}/*!@:host(.visible) .arrow::before*/.visible.sc-ix-tooltip-h .arrow.sc-ix-tooltip::before{visibility:visible;content:\"\";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}";
+const tooltipCss = "/*!@:host*/.sc-ix-tooltip-h{display:inline-block;position:fixed;left:0;top:0;z-index:var(--theme-z-index-tooltip);max-width:18.25rem;width:-moz-max-content;width:max-content;opacity:0;visibility:collapse !important;overflow-wrap:break-word;border-radius:0.25rem}/*!@:host .tooltip-title*/.sc-ix-tooltip-h .tooltip-title.sc-ix-tooltip{display:flex;align-items:center}/*!@:host .tooltip-title ::slotted(ix-icon)*/.sc-ix-tooltip-h .tooltip-title .sc-ix-tooltip-s>ix-icon{margin-right:0.35rem}/*!@:host .tooltip-container*/.sc-ix-tooltip-h .tooltip-container.sc-ix-tooltip{display:block;position:relative;width:auto;height:100%;background:var(--theme-tootlip--background);color:var(--theme-color-std-text);padding:0.375rem 0.75rem 0.375rem 0.875rem;box-shadow:var(--theme-shadow-4);border-radius:inherit}/*!@:host(.visible)*/.visible.sc-ix-tooltip-h{opacity:1;visibility:visible !important}/*!@:host(.visible) .arrow,\n:host(.visible) .arrow::before*/.visible.sc-ix-tooltip-h .arrow.sc-ix-tooltip,.visible.sc-ix-tooltip-h .arrow.sc-ix-tooltip::before{position:absolute;width:12px;height:12px;background:inherit}/*!@:host(.visible) .arrow*/.visible.sc-ix-tooltip-h .arrow.sc-ix-tooltip{visibility:hidden}/*!@:host(.visible) .arrow::before*/.visible.sc-ix-tooltip-h .arrow.sc-ix-tooltip::before{visibility:visible;content:\"\";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}";
 var IxTooltipStyle0 = tooltipCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -24314,33 +24877,27 @@ class Tooltip {
     }
     computeArrowPosition({ placement, middlewareData, }) {
         let { x, y } = middlewareData.arrow;
+        const resetPosition = {
+            top: 'unset',
+            right: 'unset',
+            bottom: 'unset',
+            left: 'unset',
+        };
         if (placement.startsWith('top')) {
-            return {
-                left: numberToPixel(x),
-                top: numberToPixel(y),
-            };
+            return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), top: numberToPixel(y) });
         }
         if (placement.startsWith('right')) {
-            return {
-                left: numberToPixel(-6),
-                top: numberToPixel(y),
-            };
+            return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(-6), top: numberToPixel(y) });
         }
         if (placement.startsWith('bottom')) {
-            return {
-                left: numberToPixel(x),
-                top: numberToPixel(-6),
-            };
+            return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), top: numberToPixel(-6) });
         }
         if (placement.startsWith('left')) {
-            return {
-                right: numberToPixel(-6),
-                top: numberToPixel(y),
-            };
+            return Object.assign(Object.assign({}, resetPosition), { right: numberToPixel(-6), top: numberToPixel(y) });
         }
     }
     async computeTooltipPosition(target) {
-        const computeResponse = await computePosition(target, this.hostElement, {
+        return computePosition(target, this.hostElement, {
             strategy: 'fixed',
             placement: this.placement,
             middleware: [
@@ -24351,11 +24908,12 @@ class Tooltip {
                 }),
                 flip({
                     fallbackStrategy: 'initialPlacement',
+                    fallbackAxisSideDirection: 'end',
                     padding: 10,
                 }),
+                hide(),
             ],
         });
-        return computeResponse;
     }
     applyTooltipArrowPosition(computeResponse) {
         const arrowPosition = this.computeArrowPosition(computeResponse);
@@ -24366,9 +24924,16 @@ class Tooltip {
             return;
         }
         return new Promise((resolve) => {
+            this.destroyAutoUpdate();
             this.disposeAutoUpdate = autoUpdate(target, this.hostElement, async () => {
                 setTimeout(async () => {
+                    var _a;
                     const computeResponse = await this.computeTooltipPosition(target);
+                    const isHidden = (_a = computeResponse.middlewareData.hide) === null || _a === void 0 ? void 0 : _a.referenceHidden;
+                    if (isHidden) {
+                        setTimeout(() => this.hideTooltip());
+                        resolve(computeResponse);
+                    }
                     if (computeResponse.middlewareData.arrow) {
                         this.applyTooltipArrowPosition(computeResponse);
                     }
@@ -24486,9 +25051,9 @@ class Tooltip {
         this.visible = false;
     }
     render() {
-        return (hAsync(Host, { key: '990726c5c0bfdbdb0d5d1678ec54b5902d41d1cd', class: {
+        return (hAsync(Host, { key: '5e39b9dbc226e6a61c11a737a6aebb318827edc3', class: {
                 visible: this.visible,
-            }, role: "tooltip" }, hAsync("div", { key: 'ecab668bf3f4010329c611b3d44a8103080d185e', class: 'tooltip-title' }, hAsync("slot", { key: '016c833df9a38916cbd805756c48098d491f5846', name: "title-icon" }), hAsync("ix-typography", { key: 'fe0a3fe4e2c9735207e22befc6006700859df2fc', variant: "default-title" }, this.titleContent, hAsync("slot", { key: '6fcb3c9a2534922477aeb8b833f4e806d4010b84', name: "title-content" }))), hAsync("div", { key: 'fcc689886a4d9651b0f7f23fb71e7d738558fde7', class: 'tooltip-content' }, hAsync("slot", { key: '610c6bc179044892c550fbfa71313a1d27ee917a' })), hAsync("div", { key: 'faf7c2a5d6b6347bd5c4ce9de377680c1ad4f06c', class: "arrow" })));
+            }, role: "tooltip" }, hAsync("div", { key: '4b9be3a9990c9b81425f2dbef9539054d01aa872', class: "tooltip-container" }, hAsync("div", { key: 'c80f161df92379d45627338c1a11458948756ca5', class: 'tooltip-title' }, hAsync("slot", { key: '9b63297978bd65ecd277eda2205b0639a41c2949', name: "title-icon" }), hAsync("ix-typography", { key: 'ff0813c9f2532be81c5248230e057067cd196ae8', variant: "default-title" }, this.titleContent, hAsync("slot", { key: 'f25947dac855dfcea0f41d39bbae53a593cfa8b0', name: "title-content" }))), hAsync("div", { key: '7b8dd9351fbea202b9bb36bbd187683a4f2d8753', class: 'tooltip-content' }, hAsync("slot", { key: '2b930dcd326294583931e945c1e9de83b17d3953' })), hAsync("div", { key: 'd831b2851ec71fee69250d583387ddcac45cdf8e', class: "arrow" }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxTooltipStyle0; }
@@ -25054,7 +25619,7 @@ class Tree {
         this.updates = new Map();
         this.hasFirstRender = false;
         this.root = undefined;
-        this.model = undefined;
+        this.model = {};
         this.renderItem = undefined;
         this.context = {};
     }
@@ -25090,7 +25655,9 @@ class Tree {
                     setToggleListener(item, renderedTreeItem, index);
                     if (this.updates.has(item.id)) {
                         const doUpdate = this.updates.get(item.id);
-                        doUpdate(item, Object.assign({}, this.context));
+                        if (doUpdate) {
+                            doUpdate(item, Object.assign({}, this.context));
+                        }
                     }
                     this.updatePadding(renderedTreeItem, item);
                     return renderedTreeItem;
@@ -25110,16 +25677,27 @@ class Tree {
                 el.style.paddingRight = '1rem';
                 this.updatePadding(el, item);
                 if (!this.itemClickListener.has(el)) {
-                    const itemClickCallback = (e) => {
-                        e.preventDefault();
-                        e.stopPropagation();
+                    const itemClickCallback = (event) => {
+                        const path = event.composedPath();
+                        const treeIndex = path.indexOf(this.hostElement);
+                        const treePath = path.slice(0, treeIndex);
+                        const hasTrigger = dropdownController.pathIncludesTrigger(treePath);
+                        if (event.defaultPrevented) {
+                            return;
+                        }
+                        if (hasTrigger) {
+                            return;
+                        }
                         Object.values(this.context).forEach((c) => (c.isSelected = false));
                         const context = this.getContext(item.id);
                         context.isSelected = true;
                         this.setContext(item.id, context);
                         this.nodeClicked.emit(item.id);
                     };
-                    el.addEventListener('itemClick', itemClickCallback);
+                    el.addEventListener('toggle', (event) => {
+                        event.preventDefault();
+                    });
+                    el.addEventListener('click', itemClickCallback);
                     this.itemClickListener.set(el, itemClickCallback);
                 }
                 setToggleListener(item, el, index);
@@ -25221,7 +25799,7 @@ class Tree {
         this.hyperlist = new Hyperlist(this.hostElement, config);
     }
     render() {
-        return (hAsync(Host, { key: 'c663df76252b24029b33792151c943519a7c3be1' }, hAsync("slot", { key: 'cfd96717be68c7c4e4c0b9e344ecd4c48481e1e0' })));
+        return (hAsync(Host, { key: '672a6f112262bbce6960705dfb77d3b95b427546' }, hAsync("slot", { key: '8b471762405fe96efc0b9b72957ea2fa717b674a' })));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -25243,7 +25821,7 @@ class Tree {
     }; }
 }
 
-const treeItemCss = "/*!@:host*/.sc-ix-tree-item-h{display:flex;align-items:center;height:32px;width:100%;cursor:pointer}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-tree-item-h *.sc-ix-tree-item,.sc-ix-tree-item-h *.sc-ix-tree-item::after,.sc-ix-tree-item-h *.sc-ix-tree-item::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-tree-item-h .sc-ix-tree-item::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-tree-item-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-tree-item-h .sc-ix-tree-item::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-tree-item-h .sc-ix-tree-item::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-tree-item-h .sc-ix-tree-item::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-tree-item-h .sc-ix-tree-item::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-tree-item-h .sc-ix-tree-item::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-tree-item-h .sc-ix-tree-item::-webkit-scrollbar-corner{display:none}/*!@:host .tree-node-container*/.sc-ix-tree-item-h .tree-node-container.sc-ix-tree-item{display:flex;align-items:center;height:2rem;flex-grow:1;align-items:center}/*!@:host .icon-toggle-container*/.sc-ix-tree-item-h .icon-toggle-container.sc-ix-tree-item{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}/*!@:host .icon-toggle-container ix-icon*/.sc-ix-tree-item-h .icon-toggle-container.sc-ix-tree-item ix-icon.sc-ix-tree-item{transition:transform var(--theme-default-time) ease-in-out}/*!@:host .icon-toggle-container ix-icon.icon-toggle-down*/.sc-ix-tree-item-h .icon-toggle-container.sc-ix-tree-item ix-icon.icon-toggle-down.sc-ix-tree-item{transform:rotate(90deg)}/*!@:host(:not(.disabled):not(:disabled):not(.selected).hover),\n:host(:not(.disabled):not(:disabled):not(.selected):hover)*/.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected).hover,.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected):hover{background-color:var(--theme-tree-item--background--hover)}/*!@:host(:not(.disabled):not(:disabled):not(.selected).active),\n:host(:not(.disabled):not(:disabled):not(.selected):active)*/.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected).active,.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected):active{background-color:var(--theme-tree-item--background--active)}/*!@:host(.selected)*/.selected.sc-ix-tree-item-h{background-color:var(--theme-tree-item--background--selected)}/*!@:host(.selected.hover),\n:host(.selected:hover)*/.selected.hover.sc-ix-tree-item-h,.selected.sc-ix-tree-item-h:hover{background-color:var(--theme-tree-item--background--selected-hover)}/*!@:host(.selected.active),\n:host(.selected:active)*/.selected.active.sc-ix-tree-item-h,.selected.sc-ix-tree-item-h:active{background-color:var(--theme-tree-item--background--selected-active)}";
+const treeItemCss = "/*!@:host*/.sc-ix-tree-item-h{display:flex;align-items:center;height:32px;width:100%;cursor:pointer}/*!@:host *,\n:host *::after,\n:host *::before*/.sc-ix-tree-item-h *.sc-ix-tree-item,.sc-ix-tree-item-h *.sc-ix-tree-item::after,.sc-ix-tree-item-h *.sc-ix-tree-item::before{box-sizing:border-box}/*!@:host ::-webkit-scrollbar-button*/.sc-ix-tree-item-h .sc-ix-tree-item::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){.sc-ix-tree-item-h *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}/*!@:host ::-webkit-scrollbar*/.sc-ix-tree-item-h .sc-ix-tree-item::-webkit-scrollbar{width:0.5rem;height:0.5rem}/*!@:host ::-webkit-scrollbar-track*/.sc-ix-tree-item-h .sc-ix-tree-item::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}/*!@:host ::-webkit-scrollbar-track:hover*/.sc-ix-tree-item-h .sc-ix-tree-item::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}/*!@:host ::-webkit-scrollbar-thumb*/.sc-ix-tree-item-h .sc-ix-tree-item::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}/*!@:host ::-webkit-scrollbar-thumb:hover*/.sc-ix-tree-item-h .sc-ix-tree-item::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}/*!@:host ::-webkit-scrollbar-corner*/.sc-ix-tree-item-h .sc-ix-tree-item::-webkit-scrollbar-corner{display:none}/*!@:host .tree-node-container*/.sc-ix-tree-item-h .tree-node-container.sc-ix-tree-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:2rem;flex-grow:1;align-items:center}/*!@:host .tree-node-container .tree-node-text*/.sc-ix-tree-item-h .tree-node-container.sc-ix-tree-item .tree-node-text.sc-ix-tree-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@:host .icon-toggle-container*/.sc-ix-tree-item-h .icon-toggle-container.sc-ix-tree-item{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem}/*!@:host .icon-toggle-container ix-icon*/.sc-ix-tree-item-h .icon-toggle-container.sc-ix-tree-item ix-icon.sc-ix-tree-item{transition:transform var(--theme-default-time) ease-in-out}/*!@:host .icon-toggle-container ix-icon.icon-toggle-down*/.sc-ix-tree-item-h .icon-toggle-container.sc-ix-tree-item ix-icon.icon-toggle-down.sc-ix-tree-item{transform:rotate(90deg)}/*!@:host(:not(.disabled):not(:disabled):not(.selected).hover),\n:host(:not(.disabled):not(:disabled):not(.selected):hover)*/.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected).hover,.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected):hover{background-color:var(--theme-tree-item--background--hover)}/*!@:host(:not(.disabled):not(:disabled):not(.selected).active),\n:host(:not(.disabled):not(:disabled):not(.selected):active)*/.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected).active,.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected):active{background-color:var(--theme-tree-item--background--active)}/*!@:host(.selected)*/.selected.sc-ix-tree-item-h{background-color:var(--theme-tree-item--background--selected)}/*!@:host(.selected.hover),\n:host(.selected:hover)*/.selected.hover.sc-ix-tree-item-h,.selected.sc-ix-tree-item-h:hover{background-color:var(--theme-tree-item--background--selected-hover)}/*!@:host(.selected.active),\n:host(.selected:active)*/.selected.active.sc-ix-tree-item-h,.selected.sc-ix-tree-item-h:active{background-color:var(--theme-tree-item--background--selected-active)}";
 var IxTreeItemStyle0 = treeItemCss;
 
 class TreeItem {
@@ -25252,21 +25830,21 @@ class TreeItem {
         this.toggle = createEvent(this, "toggle", 7);
         this.itemClick = createEvent(this, "itemClick", 7);
         this.text = undefined;
-        this.hasChildren = undefined;
+        this.hasChildren = false;
         this.context = undefined;
     }
     render() {
         var _a, _b, _c;
-        return (hAsync(Host, { key: '5f5481c56072db6ae30c67a9c9ed8a709679d55b', class: {
-                selected: (_a = this.context) === null || _a === void 0 ? void 0 : _a.isSelected,
-            } }, hAsync("div", { key: '1d36c65d8c44ce04347888c1a43532717b9f7e54', class: "icon-toggle-container", onClick: (e) => {
+        return (hAsync(Host, { key: '29f49c27b0e62c71cb8776a2147de561aa5ed0f2', class: {
+                selected: !!((_a = this.context) === null || _a === void 0 ? void 0 : _a.isSelected),
+            } }, hAsync("div", { key: '4fd6fab088cea8c06e5671c0389f84563e6a33ef', class: "icon-toggle-container", onClick: (e) => {
                 e.preventDefault();
                 this.toggle.emit();
             } }, this.hasChildren ? (hAsync("ix-icon", { name: 'chevron-right', size: "16", class: {
-                ['icon-toggle-down']: (_b = this.context) === null || _b === void 0 ? void 0 : _b.isExpanded,
-            }, color: `color-${((_c = this.context) === null || _c === void 0 ? void 0 : _c.isExpanded) ? 'primary' : 'std-text'}` })) : null), hAsync("div", { key: '43f5718e1c18f5a755f01580692349195dbe2e7e', class: "tree-node-container", onClick: () => {
+                ['icon-toggle-down']: !!((_b = this.context) === null || _b === void 0 ? void 0 : _b.isExpanded),
+            }, color: `color-${((_c = this.context) === null || _c === void 0 ? void 0 : _c.isExpanded) ? 'primary' : 'std-text'}` })) : null), hAsync("div", { key: '4cb3c4699ee016895e68c21466e42aa3a10e3ed4', class: "tree-node-container", onClick: () => {
                 this.itemClick.emit();
-            } }, this.text, hAsync("slot", { key: '4f0556708349c484f97f3f687ab1f0974c4ef35e' }))));
+            } }, hAsync("div", { key: '48ae93475e742e15f6f6acd065fe47c8dd97559b', class: "tree-node-text" }, this.text), hAsync("slot", { key: '2e27a586182c5ca31e924190801bbff825d7f25d' }))));
     }
     static get style() { return IxTreeItemStyle0; }
     static get cmpMeta() { return {
@@ -25382,7 +25960,7 @@ class Upload {
         this.filesToUpload = obj;
     }
     render() {
-        return (hAsync(Host, { key: '65168929ba323f1a3eea30d4812d4da20f120fa4' }, hAsync("div", { key: '9b6d1e303b8a117a329ce55fa54a05f7ecd59359', class: {
+        return (hAsync(Host, { key: 'f4d3b7986dc9ee2d9249dd1275f057e72a03cd84' }, hAsync("div", { key: 'de2560f5f66cad07f7515ac0610c21294c838bf2', class: {
                 'file-upload-area': true,
                 'file-over': this.state !== UploadFileState.LOADING && this.isFileOver,
                 checking: this.state === UploadFileState.LOADING,
@@ -25392,9 +25970,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: '069112fd233fb12c6cd6512ad7283015952caf0b' }, hAsync("input", { key: '64bfed06cda8cae2f20ab441f4b3f0fe373de90f', multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", onChange: (e) => {
+            }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), hAsync("div", { key: 'a2d542458b53e0c9690480e8cd98d128e2e7d73b' }, hAsync("input", { key: '73f93d9e720aad7908208f727f20355ec9e984f1', multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", onChange: (e) => {
                 this.fileChangeEvent(e);
-            }, accept: this.accept }), hAsync("ix-button", { key: '99f054605ac4d39ad7a6e1258e0cc50302305157', tabindex: "-1", outline: true, onClick: () => this.inputElement.click(), disabled: this.disabled || this.state === UploadFileState.LOADING }, this.i18nUploadFile)))));
+            }, accept: this.accept }), hAsync("ix-button", { key: 'b9ec49c0ff2b9a62792c822278eb5ab3cf2669af', tabindex: "-1", outline: true, onClick: () => this.inputElement.click(), disabled: this.disabled || this.state === UploadFileState.LOADING }, this.i18nUploadFile)))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxUploadStyle0; }
@@ -25553,13 +26131,13 @@ class ValidationTooltip {
     }
     render() {
         var _a, _b;
-        return (hAsync(Host, { key: '03529de843b174960fbf2305279a385863eafa97' }, hAsync("slot", { key: '09d4953c82d7c7da4524f03e34bcfb14f0aecf0a' }), hAsync("div", { key: 'de68c2b62188b7af6967c705406cd9ab16c6ae3c', role: "tooltip", style: {
+        return (hAsync(Host, { key: '72ba87bcf595d41ed8096280fbf9084651f56056' }, hAsync("slot", { key: '078e7475136e0ddd6d79f24eed7391b170140bd8' }), hAsync("div", { key: '578d040f7b29eacd35096d9e815d216f7be5db1f', role: "tooltip", style: {
                 display: 'none',
                 position: 'fixed',
                 top: '0',
                 left: '0',
                 transform: `translate(${Math.round(((_a = this.tooltipPosition) === null || _a === void 0 ? void 0 : _a.x) || 0)}px,${Math.round(((_b = this.tooltipPosition) === null || _b === void 0 ? void 0 : _b.y) || 0)}px)`,
-            }, class: "validation-tooltip text-default" }, this.message, hAsync("slot", { key: 'd8e27c42630a720a9ecf52ee80d6a7eec3eb7105', name: "tooltip-message" }), hAsync("div", { key: '89318eefd163aaff6cfb5c5d295423db498c26ca', id: "arrow" }))));
+            }, class: "validation-tooltip text-default" }, this.message, hAsync("slot", { key: '91b69dd9f97fb0d49dc3a74d3ba4c215e21e43f3', name: "tooltip-message" }), hAsync("div", { key: '587dd2ab8238a0c23e3ef7a9faff0b64c271c9fe', id: "arrow" }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -25651,18 +26229,18 @@ class WorkflowStep {
     }
     render() {
         const icons = !this.customIconSlot ? (hAsync(Fragment, null, hAsync("ix-icon", { color: "color-1", name: this.iconName === 'warning' ? 'triangle-filled' : 'circle-filled', class: "absolute", size: "24" }), hAsync("ix-icon", { color: this.iconColor, name: this.iconName, class: "absolute", size: "24" }))) : null;
-        return (hAsync(Host, { key: '399801862cd971d7a8ed9762cb95b391cce9af01', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, hAsync("div", { key: '537f3ef137c71f2f4c24ac79e3ec1dcf577aa0dc', tabIndex: 0, class: {
+        return (hAsync(Host, { key: 'd4e68cd7e2eb915e8e8f7d09b0c62a6a8af119d2', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, hAsync("div", { key: 'de386fc5cde68f15a663726b1133e9cfa08a742a', tabIndex: 0, class: {
                 step: true,
                 selected: this.selected,
                 vertical: this.vertical,
                 disabled: this.disabled,
                 clickable: this.clickable && !this.disabled,
-            } }, hAsync("div", { key: '2b6c5f19e60bd856a1245e86ddd82b5cf9cbc1b7', class: "wrapper" }, hAsync("div", { key: '40014bcae469af2dfb898b9542389436985f5df7', class: {
+            } }, hAsync("div", { key: '2399853ee54da5c2bdc15b7392634cf2611ea748', class: "wrapper" }, hAsync("div", { key: '5da5862fa6295670b1ba3b3f2811a46c91cb4001', class: {
                 line: true,
                 selected: this.selected,
                 [this.status]: true,
                 [this.position]: true,
-            } }), hAsync("div", { key: '878858a64710d9046d1707030f71c008c82f4b46', class: "iconWrapper" }, icons, hAsync("slot", { key: '6a409ec904e6ab261ab76a5054d34bc7f52ca6d4', name: "custom-icon" }))), hAsync("div", { key: '592e6f274fca0c93513451c1a8c534a4657ba7bb', class: "text" }, hAsync("slot", { key: 'f5a005065392ade2f520ba18fdf29e0d43ac2036' })))));
+            } }), hAsync("div", { key: 'a419c64f356fb6ea53d148669de0bba0d160f61d', class: "iconWrapper" }, icons, hAsync("slot", { key: '7834816f2573a75da4dd55ccccf4eee69d2ed9bf', name: "custom-icon" }))), hAsync("div", { key: '75e4924fe9eab8b4db9147ac7700a9a50ce73b9a', class: "text" }, hAsync("slot", { key: '8bb8981bb1ee9c0f3e43f82d5771cc1fccec44db' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -25759,7 +26337,7 @@ class WorkflowSteps {
         this.updateSteps();
     }
     render() {
-        return (hAsync(Host, { key: '55b4e6010ba6bc751be94a8790a8dd12d58c9830' }, hAsync("div", { key: 'f8186e2ef01beda230a9f41000ec82456f198ff1', class: { steps: true, vertical: this.vertical } }, hAsync("slot", { key: '1b2d632a8d0ba11a2425809aac3b6f31ce74588b' }))));
+        return (hAsync(Host, { key: 'b1c24f42786d7086e8db94ae37e667716ec1345c' }, hAsync("div", { key: '62fbf3c6c51d00e3bea9d3ec251324e8db147aa4', class: { steps: true, vertical: this.vertical } }, hAsync("slot", { key: '7fee89ab9c086a56f1ba4d47cefe2566007b374a' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return IxWorkflowStepsStyle0; }