@siemens/ix 0.0.0-pr-2238-20251103105018 → 0.0.0-pr-2297-20251204163058

package/hydrate/index.js

@@ -3522,7 +3522,6 @@ const closestIxMenu = (element) => {
 };
 const ApplicationLayoutContext = createContext('application-layout-context', {
     hideHeader: false,
-    host: null,
     sidebar: false,
 });
 
@@ -3993,7 +3992,6 @@ class Application {
         applicationLayoutService.setBreakpoints(this.breakpoints);
         this.contextProvider = useContextProvider(this.hostElement, ApplicationLayoutContext, {
             hideHeader: false,
-            host: 'basic-navigation',
             sidebar: this.applicationSidebarSlotted,
             appSwitchConfig: this.appSwitchConfig,
         });
@@ -4030,18 +4028,17 @@ class Application {
         }
         this.contextProvider.emit({
             hideHeader: false,
-            host: 'basic-navigation',
             sidebar: this.applicationSidebarSlotted,
             appSwitchConfig: this.appSwitchConfig,
         });
     }
     render() {
-        return (hAsync(Host, { key: '8ec10f51dff7f068d6d9ecc3482f57f7eee372e1', "data-role": "", class: {
+        return (hAsync(Host, { key: '80437ae705c381c0167b8d7c5ce429e611b03f91', "data-role": "", class: {
                 [`breakpoint-${this.breakpoint}`]: true,
-            } }, hAsync("slot", { key: '0907c0a93f6baa2bec75388748c5b380ac57ba9f', name: "application-header" }), hAsync("div", { key: '20dbe63e526f7842680f6c4abc6d4295892ae7f6', class: "application" }, hAsync("slot", { key: 'd47121e13a25c0738cba759b53fac4e33ec05dc6', name: "menu" }), hAsync("aside", { key: '61e0b686faca2fb562651b67286b837d94053b99', class: {
+            } }, hAsync("slot", { key: '865d2e5a9252459f62ff8ab5dce1413d11c04379', name: "application-header" }), hAsync("div", { key: 'ae1960437e8721fbc4afab659d149265660e4164', class: "application" }, hAsync("slot", { key: 'a2a9a835af35e30d2ebe52347903f1838e75ac8d', name: "menu" }), hAsync("aside", { key: '6141152471ac7dc7310247b23278dc594e025fa3', class: {
                 'application-sidebar': true,
                 slotted: this.applicationSidebarSlotted,
-            }, onClick: () => this.onContentClick() }, hAsync("slot", { key: '2e84b0947f7f8f663ea18211e8cd2112e2702048', name: "application-sidebar", onSlotchange: () => (this.applicationSidebarSlotted = hasSlottedElements(this.applicationSidebarSlot)) })), hAsync("div", { key: '89cc5e6a029a43cedb58865984d0e46b6b14c4d3', class: "content-area" }, hAsync("main", { key: 'dfc4b2e1842a43ca077d0b87168ac7119c7bb80d', class: "content", onClick: () => this.onContentClick() }, hAsync("slot", { key: '6af3c3a4f10005a8d3d10d86e3388c41ffce7204' })), hAsync("footer", { key: '44c8fdcf8f6fe6c6c03e2c03214c5acbb8e9d7bf', class: "footer" }, hAsync("slot", { key: 'c066f4dcc1948952fa8218b70fb697470385f4d8', name: "bottom" }))))));
+            }, onClick: () => this.onContentClick() }, hAsync("slot", { key: '3285cc16452a7a6936a542dd26758beebb515972', name: "application-sidebar", onSlotchange: () => (this.applicationSidebarSlotted = hasSlottedElements(this.applicationSidebarSlot)) })), hAsync("div", { key: 'c6d022a1a5c220ed088adeba49ab5daa27ff8c77', class: "content-area" }, hAsync("main", { key: '8ab781e17318078290a6ce4e1e64dfea43d5ae00', class: "content", onClick: () => this.onContentClick() }, hAsync("slot", { key: '24e83882ab5746f4e00a0c16c797ddf4111aa1e8' })), hAsync("footer", { key: '3ce838daa8f8f4b4e56cb2626476223d9575177c', class: "footer" }, hAsync("slot", { key: 'e49d1cd476554dfddca3b538194040ca29394967', name: "bottom" }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -4516,11 +4513,6 @@ class ApplicationHeader {
     componentWillLoad() {
         this.breakpoint = getCurrentBreakpoint();
         useContextConsumer(this.hostElement, ApplicationLayoutContext, (ctx) => {
-            if ((ctx === null || ctx === void 0 ? void 0 : ctx.host) === 'map-navigation') {
-                this.suppressResponsive = true;
-                this.breakpoint = 'md';
-                return;
-            }
             this.breakpoint = applicationLayoutService.breakpoint;
             this.applicationLayoutContext = ctx;
             this.tryUpdateAppSwitch();
@@ -4628,31 +4620,31 @@ class ApplicationHeader {
             this.breakpoint !== 'sm' &&
             this.suppressResponsive === false;
         const showCompanyLogoByProperty = this.breakpoint !== 'sm' && !!this.companyLogo;
-        return (hAsync(Host, { key: 'ef0ab6f2a81031458e8ed28d37498fc8b1446bac', class: {
+        return (hAsync(Host, { key: '0568c65fa9cfe4f1250a5f7704cc19f7e38a5d19', class: {
                 [`breakpoint-${this.breakpoint}`]: true,
                 'hide-bottom-border': this.hideBottomBorder,
-            }, slot: "application-header" }, hAsync("div", { key: 'efe93ad72d12055c809bba772b705d20fed00ee7', class: "left-side" }, this.appIcon && this.breakpoint !== 'sm' && (hAsync("div", { key: 'ef86725dc6c5d99b629115e1142f11d513a76f52', class: {
+            }, slot: "application-header" }, hAsync("div", { key: 'a5c4fa84d92bd9ce8e236f117605652bfc92e60d', class: "left-side" }, this.appIcon && this.breakpoint !== 'sm' && (hAsync("div", { key: '0f790883c295875ef6b3f023cd9daa34980c5c96', class: {
                 'app-icon': true,
                 'app-icon-outline': this.appIconOutline,
-            } }, hAsync("img", { key: 'aaca1d8a674774635a0f0774aaf1c6cb8c63ca3e', src: this.appIcon, alt: this.appIconAlt }))), (this.showMenu || showMenuByApplicationFrame) && (hAsync("ix-menu-expand-icon", { key: '6cd981d9c4398e0c72ba5096694e30855f970bec', onClick: () => this.onMenuClick(), expanded: this.menuExpanded, ixAriaLabel: this.ariaLabelMenuExpandIconButton })), showApplicationSwitch && (hAsync("ix-icon-button", { key: '933e394225b9239f10b18962c40f8021a5e4b059', onClick: () => this.showAppSwitch(), icon: iconApps, variant: "subtle-tertiary", class: {
+            } }, hAsync("img", { key: '3e20234523c716d04e123706912eef1023eb884f', src: this.appIcon, alt: this.appIconAlt }))), (this.showMenu || showMenuByApplicationFrame) && (hAsync("ix-menu-expand-icon", { key: 'b46e806adadc12a7a355691bdb14bb2a3ee0f98f', onClick: () => this.onMenuClick(), expanded: this.menuExpanded, ixAriaLabel: this.ariaLabelMenuExpandIconButton })), showApplicationSwitch && (hAsync("ix-icon-button", { key: '57112cb328fc5231871e18496863ebc3a38f978b', onClick: () => this.showAppSwitch(), icon: iconApps, variant: "subtle-tertiary", class: {
                 'app-switch': true,
                 'without-app-icon': !this.appIcon,
-            }, "aria-label": this.ariaLabelAppSwitchIconButton })), showCompanyLogoByProperty && (hAsync("div", { key: 'df4c4e5db00d5f7b7680ea05c9da06250c769308', class: "logo" }, hAsync("img", { key: '2187d02dedbb48e5b27ea431b90a1a33a4b1e9e6', src: this.companyLogo, alt: this.companyLogoAlt }))), hAsync("div", { key: '0abdbb9bf1b3fc81c14d46ea826ee73336c560b5', class: {
+            }, "aria-label": this.ariaLabelAppSwitchIconButton })), showCompanyLogoByProperty && (hAsync("div", { key: 'b622ece9a3c1645141c1cb54d9cb88f0b2b12646', class: "logo" }, hAsync("img", { key: '854a9696190d015ce052c745f9ed7acc206f16d5', src: this.companyLogo, alt: this.companyLogoAlt }))), hAsync("div", { key: '0d5ff7f62bb55cb15d2e15e41279ca671716224c', class: {
                 logo: true,
                 'hide-logo': !this.hasSlottedLogo,
-            } }, hAsync("slot", { key: '468f56a361d387af9b46dddabbece87e03f1692b', name: "logo", onSlotchange: () => (this.hasSlottedLogo = this.checkLogoSlot()) })), hAsync("div", { key: '84265b38ce425386a4df25a52e2334b760d28067', class: "name" }, hAsync("ix-typography", { key: 'c2cb4a0e91d28ccdb07dd8a68a6b6989b3faab14', format: "body-lg", class: "application-name" }, this.name), this.nameSuffix && this.breakpoint !== 'sm' && (hAsync("ix-typography", { key: 'f34d596a5071ee964fecfc1021a420b0cc5fad32', format: "body-xs", class: "application-name-suffix" }, this.nameSuffix)))), hAsync("div", { key: 'e4f60f5f9fb727385eb180ea91f5c75b7a207993', class: { 'right-side': true, sm: this.breakpoint === 'sm' } }, this.breakpoint !== 'sm' && (hAsync("div", { key: 'b78fcf9127124d7c57d2ebf15f65fb271efd30fc', class: "secondary" }, hAsync("slot", { key: '0c82211f37d6cb285047f97ee222f22aa424bfad', name: "secondary" }))), hAsync("div", { key: 'acb023efd34eeba9730ad5a60dd933240bb09b80', class: "content" }, this.breakpoint !== 'sm' && hAsync("slot", { key: '05fcf4ca0ee08e392ebba65ef7f671e5822cc9c5' }), hAsync("ix-icon-button", { key: '196aa553bc0ed8f7ac43586c8bd065c3c4990535', class: {
+            } }, hAsync("slot", { key: '42d42aab0493036c165f1d7d969288bc2dc339c8', name: "logo", onSlotchange: () => (this.hasSlottedLogo = this.checkLogoSlot()) })), hAsync("div", { key: 'a388e25471839639f82f2e3d8798d041cdab1f78', class: "name" }, hAsync("ix-typography", { key: 'f7d197105b6609597fa742ca8b85aa2c80b2c25d', format: "body-lg", class: "application-name" }, this.name), this.nameSuffix && this.breakpoint !== 'sm' && (hAsync("ix-typography", { key: '5a78095814f0d39666bbe26bb968d4df72233016', format: "body-xs", class: "application-name-suffix" }, this.nameSuffix)))), hAsync("div", { key: 'e4a01fd2bf06bd9ae064c5f336e7ef2fe2880e1c', class: { 'right-side': true, sm: this.breakpoint === 'sm' } }, this.breakpoint !== 'sm' && (hAsync("div", { key: 'f3c3221c2dbcccf19d23502ff05984815fc8ea1e', class: "secondary" }, hAsync("slot", { key: '9392845b82451cb62b886ab1bafa7ba7ddf21d13', name: "secondary" }))), hAsync("div", { key: 'a288be02d9ee23480339d8de284c186fbc9bfd26', class: "content" }, this.breakpoint !== 'sm' && hAsync("slot", { key: '34dfa9b114c85e3e59183fce1b5a977eabe02d6a' }), hAsync("ix-icon-button", { key: 'c884b249320deb5f105538dd0fd7e47efd6207c0', class: {
                 'context-menu': true,
                 'context-menu-visible': this.hasOverflowContextMenu || this.hasOverflowSlotElements,
-            }, "data-context-menu": true, "data-testid": "show-more", icon: iconMoreMenu, variant: "subtle-tertiary", "aria-label": this.ariaLabelMoreMenuIconButton, "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }), hAsync("ix-dropdown", { key: '7657364247c4964e0cbe2380fffedcd22f6513d9', "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton(), "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }, hAsync("div", { key: '06f57598668ae32ef6fc377ae9ccf180ffbd5361', class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, this.breakpoint === 'sm' && (hAsync("div", { key: 'f59b62075ac364ccc86791e6dda77a155135dc91', class: {
+            }, "data-context-menu": true, "data-testid": "show-more", icon: iconMoreMenu, variant: "subtle-tertiary", "aria-label": this.ariaLabelMoreMenuIconButton, "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }), hAsync("ix-dropdown", { key: '42ea43e1f28ecdd7651a2f652edb6eb2462a0df3', "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton(), "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }, hAsync("div", { key: 'b57645df48b14862e17510560386dffdc7f918f2', class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, this.breakpoint === 'sm' && (hAsync("div", { key: 'd27a3ab3dcccb24deea6452aab078975d7657c1f', class: {
                 'slot-content': true,
                 'slot-content-active': this.hasSecondarySlotElements,
-            } }, hAsync("slot", { key: '25a1cbf08436b248cb892cabcc4b6377abcdda4f', name: "secondary", onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), this.breakpoint === 'sm' && (hAsync("div", { key: '903e47dc9fe7906bc94650d9617031a9ec8ecbd3', class: {
+            } }, hAsync("slot", { key: '8236935ea329c8650b08c0fbb2be11a4233b54a5', name: "secondary", onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), this.breakpoint === 'sm' && (hAsync("div", { key: 'd947b3da7b1c2683f319604698550e6deede8bb5', class: {
                 'slot-content': true,
                 'slot-content-active': this.hasDefaultSlotElements,
-            } }, hAsync("slot", { key: 'dd848b5a87034692f1b0c518ec694cc9e3197787', onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), hAsync("div", { key: '0fe4250f4a64d239ca6db9eea89d1cc4869492e6', class: {
+            } }, hAsync("slot", { key: '5e60684fe9b2d19e67a4b8c56225be76a2aff668', onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), hAsync("div", { key: 'c072ab98aa238e71087064f9ffcbc46a8b43cacd', class: {
                 'slot-content': true,
                 'slot-content-active': this.hasOverflowSlotElements,
-            } }, hAsync("slot", { key: '10862703e3e6701ff5bb110039242b826914e8af', name: "overflow", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })))), hAsync("slot", { key: 'eb5fbef4f3783afba128d57fdc3924e4957af6b1', name: "ix-application-header-avatar" })))));
+            } }, hAsync("slot", { key: '99752eacbebd15e6b9dda9b9dc96c919ed8ebcf6', name: "overflow", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })))), hAsync("slot", { key: 'c6c071f3ee91c6f0aa709ba59e979e644f22f22d', name: "ix-application-header-avatar" })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -8631,102 +8623,6 @@ class Avatar {
     }; }
 }
 
-const basicNavigationCss = ":host{display:flex;flex-direction:column;position:relative;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-application-header{z-index:calc(var(--theme-z-index-sticky) + 1)}:host .logo-wrapper{display:contents}:host .content{display:flex;height:100%;width:100%;position:relative;margin-left:3.25rem;overflow:auto}:host .navigation-content{display:flex;position:relative;flex-direction:row;height:calc(100% - 2.75rem);width:100%}:host(.hide-header) .navigation-content,:host(.hide-header) .content{height:100%}:host(.breakpoint-lg) .content{margin-left:0rem}:host(.breakpoint-sm) .content{margin-left:0px;width:100%}";
-
-class BasicNavigation {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Hide application header. Will disable responsive feature of basic navigation.
-         */
-        this.hideHeader = false;
-        /**
-         * Supported layouts
-         * @example ['sm', 'md']
-         */
-        this.breakpoints = ['sm', 'md', 'lg'];
-        this.breakpoint = 'lg';
-    }
-    onHideHeaderChange() {
-        var _a;
-        (_a = this.contextProvider) === null || _a === void 0 ? void 0 : _a.emit({
-            hideHeader: this.hideHeader,
-            host: 'basic-navigation',
-        });
-        this.breakpoint = applicationLayoutService.breakpoint;
-    }
-    forceLayoutChange(newMode) {
-        if (!newMode) {
-            applicationLayoutService.enableBreakpointDetection();
-            return;
-        }
-        applicationLayoutService.disableBreakpointDetection();
-        applicationLayoutService.setBreakpoint(newMode);
-    }
-    onBreakpointsChange(breakpoints) {
-        applicationLayoutService.setBreakpoints(breakpoints);
-    }
-    get menu() {
-        return this.hostElement.querySelector('ix-menu');
-    }
-    onContentClick() {
-        var _a;
-        if (menuController.isPinned) {
-            return;
-        }
-        (_a = this.menu) === null || _a === void 0 ? void 0 : _a.toggleMenu(false);
-    }
-    componentWillLoad() {
-        applicationLayoutService.setBreakpoints(this.breakpoints);
-        this.contextProvider = useContextProvider(this.hostElement, ApplicationLayoutContext, {
-            hideHeader: this.hideHeader,
-            host: 'basic-navigation',
-        });
-        this.modeDisposable = applicationLayoutService.onChange.on((mode) => {
-            this.breakpoint = mode;
-        });
-        this.breakpoint = applicationLayoutService.breakpoint;
-        if (this.forceBreakpoint) {
-            this.forceLayoutChange(this.forceBreakpoint);
-        }
-    }
-    componentDidRender() {
-        if (this.menu) {
-            this.menu.applicationName = this.applicationName;
-        }
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.modeDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
-    }
-    render() {
-        return (hAsync(Host, { key: '72e6c6050cef8b4776e9e9d6a1ef6645b2af1f9e', "data-role": "", class: {
-                'hide-header': this.hideHeader,
-                [`breakpoint-${this.breakpoint}`]: true,
-            } }, !this.hideHeader ? (hAsync("ix-application-header", { name: this.applicationName }, hAsync("slot", { name: "logo", slot: "logo" }))) : null, hAsync("div", { key: 'c4d12a54cdcf89470499dc18833ab6acc6cee6dd', class: "navigation-content" }, hAsync("slot", { key: '3247841eebc0d261e876796bcbeb4780a1b7904e', name: "menu" }), hAsync("div", { key: 'c78066d0295ee066d590bc78e7f1598aaf3bc348', class: "content", onClick: () => this.onContentClick() }, hAsync("slot", { key: '9a4e32d3200e9ea67ad5ec48b7acb609335804ec' })))));
-    }
-    get hostElement() { return getElement(this); }
-    static get watchers() { return {
-        "hideHeader": ["onHideHeaderChange"],
-        "breakpoints": ["onBreakpointsChange"]
-    }; }
-    static get style() { return basicNavigationCss; }
-    static get cmpMeta() { return {
-        "$flags$": 265,
-        "$tagName$": "ix-basic-navigation",
-        "$members$": {
-            "applicationName": [1, "application-name"],
-            "hideHeader": [4, "hide-header"],
-            "forceBreakpoint": [1, "force-breakpoint"],
-            "breakpoints": [16],
-            "breakpoint": [32]
-        },
-        "$listeners$": undefined,
-        "$lazyBundleId$": "-",
-        "$attrsToReflect$": []
-    }; }
-}
-
 const blindCss = ":host{display:flex;flex-direction:column;border-radius:var(--theme-blind--border-radius);overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .blind-header-wrapper{position:relative;min-height:3rem;height:3rem;overflow:hidden}:host .blind-header-content{display:flex;position:relative;align-items:center;justify-content:flex-start;width:100%;height:100%;pointer-events:none;padding-left:0.5rem}:host .blind-header-title{display:flex;position:relative;align-items:center;flex-grow:1;margin-right:0.5rem}:host .blind-header{all:unset;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;position:absolute;top:0px;left:0px;pointer-events:all;padding-left:2.5rem;min-height:3rem;height:3rem;width:calc(100% - 2 * var(--theme-blind--border-thickness));border:solid var(--theme-blind--border-thickness) transparent;border-radius:var(--theme-blind--border-radius) var(--theme-blind--border-radius) 0 0;cursor:pointer}:host .blind-header:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr);outline:none}:host .blind-header-title-icon,:host .collapse-icon{margin-right:0.5rem}:host .blind-header-title-row{display:flex;flex-grow:1;overflow:hidden}:host .blind-header-title-col{display:inline-flex;align-items:center;width:calc(100% - 1rem);overflow:hidden}:host .blind-header-title-col:not(:first-of-type){justify-content:flex-end}:host ix-typography{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title-label{padding-inline-end:0.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title-sublabel{padding-inline:0.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title{display:flex;align-items:center;flex-grow:1;height:100%;min-width:0}:host .blind-header-labels{display:inline-flex;flex-grow:1;min-width:0}:host .blind-content{display:block;padding:1rem;transition-property:padding;transition-duration:var(--theme-default-time);transition-timing-function:ease-in}:host .blind-content.hide{max-height:0;padding-top:0px;padding-bottom:0px}:host .header-actions{pointer-events:all;margin-left:auto}:host(.blind-alarm) .blind-header{background-color:var(--theme-color-alarm)}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-alarm--hover)}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-alarm--active)}:host(.blind-alarm) .blind-header-title-label,:host(.blind-alarm) .blind-header-title-sublabel{color:var(--theme-color-alarm--contrast)}:host(.blind-alarm){background-color:var(--theme-blind-base--background)}:host(.blind-critical) .blind-header{background-color:var(--theme-color-critical)}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-critical) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-critical--hover)}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-critical) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-critical--active)}:host(.blind-critical) .blind-header-title-label,:host(.blind-critical) .blind-header-title-sublabel{color:var(--theme-color-critical--contrast)}:host(.blind-critical){background-color:var(--theme-blind-base--background)}:host(.blind-info) .blind-header{background-color:var(--theme-color-info)}:host(.blind-info) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-info) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-info) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-info--hover)}:host(.blind-info) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-info) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-info) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-info--active)}:host(.blind-info) .blind-header-title-label,:host(.blind-info) .blind-header-title-sublabel{color:var(--theme-color-info--contrast)}:host(.blind-info){background-color:var(--theme-blind-base--background)}:host(.blind-neutral) .blind-header{background-color:var(--theme-color-neutral)}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-neutral--hover)}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-neutral--active)}:host(.blind-neutral) .blind-header-title-label,:host(.blind-neutral) .blind-header-title-sublabel{color:var(--theme-color-neutral--contrast)}:host(.blind-neutral){background-color:var(--theme-blind-base--background)}:host(.blind-filled) .blind-header{background-color:var(--theme-color-filled)}:host(.blind-filled) .blind-header:not(.disabled):not(:disabled).hover,:host(.blind-filled) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host(.blind-filled) .blind-header:not(.disabled):not(:disabled).active,:host(.blind-filled) .blind-header:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host(.blind-filled) .blind-header-title-label{color:var(--theme-color-std-text)}:host(.blind-filled) .blind-header-title-sublabel{color:var(--theme-color-soft-text)}:host(.blind-filled){background-color:var(--theme-blind-base--background)}:host(.blind-success) .blind-header{background-color:var(--theme-color-success)}:host(.blind-success) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-success) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-success) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-success--hover)}:host(.blind-success) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-success) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-success) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-success--active)}:host(.blind-success) .blind-header-title-label,:host(.blind-success) .blind-header-title-sublabel{color:var(--theme-color-success--contrast)}:host(.blind-success){background-color:var(--theme-blind-base--background)}:host(.blind-warning) .blind-header{background-color:var(--theme-color-warning)}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-warning) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-warning--hover)}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-warning) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-warning--active)}:host(.blind-warning) .blind-header-title-label,:host(.blind-warning) .blind-header-title-sublabel{color:var(--theme-color-warning--contrast)}:host(.blind-warning){background-color:var(--theme-blind-base--background)}:host(.blind-primary) .blind-header{background-color:var(--theme-color-primary)}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-primary) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-primary--hover)}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-primary) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-primary--active)}:host(.blind-primary) .blind-header-title-label,:host(.blind-primary) .blind-header-title-sublabel{color:var(--theme-color-primary--contrast)}:host(.blind-primary){background-color:var(--theme-blind-base--background)}:host(.blind-outline){border:solid var(--theme-blind--border-thickness) var(--theme-blind-base--border-color)}:host(.blind-outline) .blind-header{background-color:var(--theme-color-ghost)}:host(.blind-outline) .blind-header:not(.disabled):not(:disabled).hover,:host(.blind-outline) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host(.blind-outline) .blind-header:not(.disabled):not(:disabled).active,:host(.blind-outline) .blind-header:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host(.blind-outline) .blind-header-title-label{color:var(--theme-color-std-text)}:host(.blind-outline) .blind-header-title-sublabel{color:var(--theme-color-soft-text)}:host(.blind-outline){border-color:var(--theme-color-soft-bdr)}";
 
 let sequentialInstanceId = 0;
@@ -8790,17 +8686,17 @@ class Blind {
         });
     }
     render() {
-        return (hAsync(Host, { key: '4a7663a1db7be9e7b957e5f4544f0ce8e9814cae', class: {
+        return (hAsync(Host, { key: '671ad2c0686ea67b8dd5a3b6259edd8cd2667b19', class: {
                 [`blind-${this.variant}`]: true,
-            } }, hAsync("div", { key: '47c72fe3619b8260f5ebf4003b53fd743776fbca', class: 'blind-header-wrapper' }, hAsync("button", { key: '785833dece948c4a3dba3815cbac98c58280b099', class: {
+            } }, hAsync("div", { key: '40fa7a9d37b674e2979022aadc84a4496ea9a9f5', class: 'blind-header-wrapper' }, hAsync("button", { key: '29c3e84c41ec924f2b3c5a373778130afa943626', class: {
                 'blind-header': true,
                 [`blind-${this.variant}`]: true,
                 closed: this.collapsed,
-            }, type: "button", "aria-labelledby": `ix-blind-header-title-${this.blindId}`, "aria-controls": `ix-blind-content-section-${this.blindId}`, "aria-expanded": a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, hAsync("slot", { key: '0bc5a07bb163c1558b71b975f295d7df95453df9', name: "custom-header" })), hAsync("div", { key: 'dce21ec7715bf9c897fdd1dd01dcc1efc898cf66', class: 'blind-header-content' }, hAsync("ix-icon", { key: '8326f05cc630cad6eb800197121fabdce118cc3e', class: "collapse-icon", name: iconChevronDownSmall, color: this.variant === 'filled' || this.variant === 'outline'
+            }, type: "button", "aria-labelledby": `ix-blind-header-title-${this.blindId}`, "aria-controls": `ix-blind-content-section-${this.blindId}`, "aria-expanded": a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, hAsync("slot", { key: 'b252b735380d02d028f14e7d9fbe4c5eba8c6602', name: "custom-header" })), hAsync("div", { key: '6bf0d3c1465c63a94c8f022734ed826c4028855a', class: 'blind-header-content' }, hAsync("ix-icon", { key: 'd21dd7db4cb813e4becce868c4dbe340a12b1e65', class: "collapse-icon", name: iconChevronDownSmall, color: this.variant === 'filled' || this.variant === 'outline'
                 ? 'color-std-text'
-                : `color-${this.variant}--contrast`, ref: (ref) => (this.chevronRef = ref) }), hAsync("div", { key: 'bdca91c2ef6b9cc40c50f7c71e0b5279ba64d5ea', class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== undefined ? (hAsync(Fragment, null, this.icon && (hAsync("ix-icon", { class: "blind-header-title-icon", name: this.icon, color: this.variant === 'filled' || this.variant === 'outline'
+                : `color-${this.variant}--contrast`, ref: (ref) => (this.chevronRef = ref) }), hAsync("div", { key: 'da2e1435ca1070eed1794226ca721e7e3fb22390', class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== undefined ? (hAsync(Fragment, null, this.icon && (hAsync("ix-icon", { class: "blind-header-title-icon", name: this.icon, color: this.variant === 'filled' || this.variant === 'outline'
                 ? 'color-std-text'
-                : `color-${this.variant}--contrast` })), hAsync("div", { class: 'blind-header-title-row' }, hAsync("div", { class: "blind-header-title-col" }, hAsync("ix-typography", { title: this.label, format: "label-lg", bold: true }, hAsync("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && (hAsync("div", { class: "blind-header-title-col" }, hAsync("ix-typography", { title: this.sublabel }, hAsync("div", { class: "blind-header-title-sublabel" }, this.sublabel))))), hAsync("div", { class: "header-actions" }, hAsync("slot", { name: "header-actions" })))) : null))), hAsync("section", { key: '02eda5f04ad9fab57dc97354e02c87a1ccaf106a', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, hAsync("div", { key: 'e401cd5ea54fa791dcb5a3fe7e9b7adfe28e3b47', class: {
+                : `color-${this.variant}--contrast` })), hAsync("div", { class: 'blind-header-title-row' }, hAsync("div", { class: "blind-header-title-col" }, hAsync("ix-typography", { title: this.label, format: "label-lg", bold: true }, hAsync("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && (hAsync("div", { class: "blind-header-title-col" }, hAsync("ix-typography", { title: this.sublabel }, hAsync("div", { class: "blind-header-title-sublabel" }, this.sublabel))))), hAsync("div", { class: "header-actions" }, hAsync("slot", { name: "header-actions" })))) : null))), hAsync("section", { key: '854dd19e82a63ccb31f090dadfbcfa46d7346d21', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, hAsync("div", { key: '12f77fdbb29c89d5ab26877e9db8ad9ec79f1e6f', class: {
                 'blind-content': true,
                 hide: this.collapsed,
             } }, !this.collapsed ? hAsync("slot", null) : null))));
@@ -8914,7 +8810,7 @@ class Breadcrumb {
     render() {
         var _a, _b, _c, _d;
         const a11y = a11yHostAttributes(this.hostElement);
-        return (hAsync(Host, { key: '12f8783a3a970031434ab062dba6ced47c167570' }, hAsync("ix-dropdown", { key: 'c3d871fa0f8cdc9cb49f5449de13f599452ba323', id: this.previousDropdownId, "aria-label": this.ariaLabelPreviousButton, trigger: ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > this.visibleItemCount
+        return (hAsync(Host, { key: 'c5457acd786da77d474f83613a2c12910a193779' }, hAsync("ix-dropdown", { key: '3f1e0ae1e4ac1d192ff7c0d5619329cfbcdf8a62', id: this.previousDropdownId, "aria-label": this.ariaLabelPreviousButton, trigger: ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > this.visibleItemCount
                 ? this.previousButtonRef.waitForCurrent()
                 : undefined, onShowChanged: ({ detail }) => {
                 this.isPreviousDropdownExpanded = detail;
@@ -8927,7 +8823,7 @@ class Breadcrumb {
             return (hAsync("ix-dropdown-item", { label: label, onClick: () => {
                     this.onItemClick(label);
                 }, onItemClick: (event) => event.stopPropagation() }));
-        })), ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > this.visibleItemCount ? (hAsync("ix-breadcrumb-item", { id: this.previousButtonId, ref: this.previousButtonRef, label: "...", tabIndex: 1, onItemClick: (event) => event.stopPropagation(), "aria-describedby": this.previousDropdownId, "aria-controls": this.previousDropdownId, "aria-expanded": a11yBoolean(this.isPreviousDropdownExpanded), class: 'previous-button' })) : null, hAsync("nav", { key: '076d1d44094bbd01bce51daf92bc8ad28f93f224', class: "crumb-items", "aria-label": (_c = a11y['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, hAsync("ol", { key: 'edd1719a74b337e52d6f2e30d7ea7040ef2c1640' }, hAsync("slot", { key: '8ec35c7e353630c9d9ba4839c6d33b7e68a25e74' }))), hAsync("ix-dropdown", { key: '8750f9d8b51762d5a2fc4303e4c34f048383f8fd', trigger: this.nextButtonRef.waitForCurrent() }, (_d = this.nextItems) === null || _d === void 0 ? void 0 : _d.map((item) => (hAsync("ix-dropdown-item", { label: item, onClick: (e) => {
+        })), ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > this.visibleItemCount ? (hAsync("ix-breadcrumb-item", { id: this.previousButtonId, ref: this.previousButtonRef, label: "...", tabIndex: 1, onItemClick: (event) => event.stopPropagation(), "aria-describedby": this.previousDropdownId, "aria-controls": this.previousDropdownId, "aria-expanded": a11yBoolean(this.isPreviousDropdownExpanded), class: 'previous-button' })) : null, hAsync("nav", { key: '11b4a0c0cbad59437fccee34a73cd4e89de39a1c', class: "crumb-items", "aria-label": (_c = a11y['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, hAsync("ol", { key: 'ad9d8c27e05b76f334f7cf6f79038d339e8d538c' }, hAsync("slot", { key: 'd84c2c0028e22cbfd126b867177ba9b4271e8c24' }))), hAsync("ix-dropdown", { key: '6ba681eb8f116ec287961a7e873b90d381baefdb', trigger: this.nextButtonRef.waitForCurrent() }, (_d = this.nextItems) === null || _d === void 0 ? void 0 : _d.map((item) => (hAsync("ix-dropdown-item", { label: item, onClick: (e) => {
                 this.nextClick.emit({
                     event: e,
                     item,
@@ -9198,10 +9094,10 @@ class Card {
         this.selected = false;
     }
     render() {
-        return (hAsync(Host, { key: '273ae9e8df54685523676e7bb3776687f6eb7e2c', class: {
+        return (hAsync(Host, { key: '3b734eddf8516af24b52b1b2ba27766a913f943d', class: {
                 selected: this.selected,
                 [`card-${this.variant}`]: true,
-            } }, hAsync("div", { key: 'a77de7016a3e91ee5a6570c2e9698405dade49e0', class: "card-content" }, hAsync("slot", { key: '4cdd18d00437d3c7e4d0686cfdf47ad9762d598d' })), hAsync("div", { key: 'af8c607fcf030cf0188a6fea6cceed091b0a26e4', class: "card-footer" }, hAsync("slot", { key: 'e1bf10b65df3b78a5b3b8efb194d02a94cd7dc01', name: "card-accordion" }))));
+            } }, hAsync("div", { key: '7a2cce1797c1e89c8568e9e196020747f0f4150b', class: "card-content" }, hAsync("slot", { key: 'ea837bde282a62637ed15b96b8ca407219e949ae' })), hAsync("div", { key: 'acc07c72e4a63a671fb945e4c0332825f4781a1d', class: "card-footer" }, hAsync("slot", { key: '870004ea22909180bac56c8b7c040d914e268f1d', name: "card-accordion" }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return cardCss; }
@@ -9272,15 +9168,15 @@ class CardAccordion {
         this.onInitialExpandChange();
     }
     render() {
-        return (hAsync(Host, { key: '222c6e087b85d09fe4dfc0254aedffb37133ecf8', slot: "card-accordion", class: {
+        return (hAsync(Host, { key: 'dc1b41f8878a1aa87869d11829c9a3cc218ca12e', slot: "card-accordion", class: {
                 [`variant-${this.variant}`]: true,
-            } }, hAsync("button", { key: '091c2614a41bfc0431327058bf4ef6da022adf6c', tabIndex: 0, class: { 'expand-action': true, show: this.expandContent }, onClick: (event) => this.onExpandActionClick(event), role: "button", type: "button", "aria-expanded": this.expandContent, "aria-controls": getAriaControlsId(), "aria-label": this.ariaLabelExpandButton }, hAsync("ix-icon", { key: 'c33379f0f47f7b5ae670144088f2521992cb5579', name: iconChevronDownSmall, class: {
+            } }, hAsync("button", { key: '0fc447aadb0c86405700f00c18d17be887eef3fb', tabIndex: 0, class: { 'expand-action': true, show: this.expandContent }, onClick: (event) => this.onExpandActionClick(event), role: "button", type: "button", "aria-expanded": this.expandContent, "aria-controls": getAriaControlsId(), "aria-label": this.ariaLabelExpandButton }, hAsync("ix-icon", { key: 'b044d6c5c9561355750483c29824bfe27af75db5', name: iconChevronDownSmall, class: {
                 'expand-icon': true,
                 show: this.expandContent,
-            } })), hAsync("div", { key: 'c6c9d8239de7c2871bda0fc597bd97f6fef97f20', class: {
+            } })), hAsync("div", { key: 'df7c48aaa25ad38136479fb972ffe0776efa0ae3', class: {
                 'expand-content': true,
                 show: this.expandContent,
-            } }, hAsync("div", { key: 'efd5c5c77f0784f05da03289cd596d58bcc4da1a', class: "expand-content-inner" }, hAsync("div", { key: '5eedce8ff4836fcb5eae475d93dde6858ce722aa', class: "expand-content-body" }, hAsync("slot", { key: 'de820e5855bc9d7a0fcfd3d394c3f9b204b0cdbe' })), hAsync("div", { key: '14293baff273475195c66b4823f5deaa173817cf', class: "expand-content-footer" })))));
+            } }, hAsync("div", { key: '9f9bd7ef6d674f0d6561ac9c237443062eec9693', class: "expand-content-inner" }, hAsync("div", { key: '1576b901ba50a5ec7e765ae64e8cd6acba047973', class: "expand-content-body" }, hAsync("slot", { key: 'ef118ded7d20ba6dd70c45a0d34f86a89959e69c' })), hAsync("div", { key: '248e9c925bf36e9598386a78562abd8a3db77c06', class: "expand-content-footer" })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -9309,7 +9205,7 @@ class CardContent {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'e260bf9e9e846e9d4a14c6304938f353d918f8d8' }, hAsync("div", { key: '45aafb643a29895b0e74a77e8afae2fb9defb685', class: "content-wrapper" }, hAsync("slot", { key: '30be2a800abf2335960840a410c88de8e6aeb21c' }))));
+        return (hAsync(Host, { key: '6ab30045a9e41189eafb31d4bbdf90cb29867159' }, hAsync("div", { key: '834be9e77d7c38b529810d0608383108bbf827e6', class: "content-wrapper" }, hAsync("slot", { key: '7f01d3a7338051365a5f377cc69032ebef937d9d' }))));
     }
     static get style() { return cardContentCss; }
     static get cmpMeta() { return {
@@ -9332,7 +9228,7 @@ class CardHeader {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '9c6dc0d763b05e976306aaf76a3cc7b644997252' }, hAsync("slot", { key: '3818103186c4614d128ec7c9b22618d9baab3900' }), hAsync("div", { key: 'efad42c938c7f115dcc14fb379ee4fa594dcb4d2', class: "title-actions" }, hAsync("slot", { key: 'd823d4ee6b351d11fbbdd51b2d196bfcd2a52d3c', name: "title-actions" }))));
+        return (hAsync(Host, { key: 'a25925e3092733c276c366875802163184f79a2b' }, hAsync("slot", { key: 'c379e97f4966141ac879c9df014f793955d1d2f3' }), hAsync("div", { key: '5ea530ca1110748ed53b7b0724d5ec0920194628', class: "title-actions" }, hAsync("slot", { key: '10f91158d202b321c21d07dda30ff7e59999aaa9', name: "title-actions" }))));
     }
     static get style() { return cardTitleCss; }
     static get cmpMeta() { return {
@@ -9505,16 +9401,16 @@ class CardList {
         }
     }
     render() {
-        return (hAsync(Host, { key: '0ea1452be92d5b2de585b7fbcb1b872fd4d58974' }, hAsync(CardListTitle, { key: '56f8e679e46885b2019dd1c2acb09270a820ccae', isCollapsed: this.collapse, label: this.label, showAllLabel: this.i18nShowAll, showAllCounter: this.showAllCount === undefined
+        return (hAsync(Host, { key: '37a1bb98b5703b76b6f0f5038561917bef13916b' }, hAsync(CardListTitle, { key: '8f90c6052259ff8e1bbb377a9fa9cc465c951aab', isCollapsed: this.collapse, label: this.label, showAllLabel: this.i18nShowAll, showAllCounter: this.showAllCount === undefined
                 ? this.numberOfAllChildElements
-                : this.showAllCount, onClick: () => this.onCardListVisibilityToggle(), onShowAllClick: (e) => this.onShowAllClick(e), hideShowAll: this.hideShowAll }), hAsync("div", { key: '19948560fdc32722316db928f265889b3ccd1db8', class: {
+                : this.showAllCount, onClick: () => this.onCardListVisibilityToggle(), onShowAllClick: (e) => this.onShowAllClick(e), hideShowAll: this.hideShowAll }), hAsync("div", { key: '1d1162c53d8fb1d97dfb4b00ae1c1a5942a0b0f7', class: {
                 CardList__Overflow: true,
-            }, style: this.computeMaskLayer() }, hAsync("div", { key: '8064717801d3389a5293c3a00a5bf87702096109', class: {
+            }, style: this.computeMaskLayer() }, hAsync("div", { key: '298741cb6e8f1617e9a3ca1f0b49d713c3421977', class: {
                 CardList__Content: true,
                 CardList__Content__Collapsed: this.collapse,
                 CardList__Style__Flexbox__Scroll: this.listStyle === 'stack',
                 CardList__Style__Infinite__Scroll: this.listStyle === 'scroll',
-            }, onScroll: () => this.onCardListScroll() }, hAsync("slot", { key: 'ac6d044003c53fcbee03dc945e7e9c926f0fef07', onSlotchange: () => this.changeVisibilityOfSlotChildren() }), this.isShowMoreCardVisible() ? (hAsync("ix-card", { class: {
+            }, onScroll: () => this.onCardListScroll() }, hAsync("slot", { key: 'abccd55d11dae4c83b6d7dcdabc77aec0a2f7b32', onSlotchange: () => this.changeVisibilityOfSlotChildren() }), this.isShowMoreCardVisible() ? (hAsync("ix-card", { class: {
                 Show__All__Card: true,
             }, onClick: (event) => this.showMoreCardClick.emit({
                 nativeEvent: event,
@@ -9600,7 +9496,7 @@ const addDisposableEventListenerAsArray = (listener) => {
     return () => disposables.forEach((dispose) => dispose());
 };
 
-const categoryFilterCss = ":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{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}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{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}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host .btn-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary,:host .btn-tertiary.focus,:host .btn-tertiary:focus-visible{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary,:host .btn-subtle-primary.focus,:host .btn-subtle-primary:focus-visible{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary,:host .btn-subtle-secondary.focus,:host .btn-subtle-secondary:focus-visible{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary,:host .btn-subtle-tertiary.focus,:host .btn-subtle-tertiary:focus-visible{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary,:host .btn-danger-primary.focus,:host .btn-danger-primary:focus-visible{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary,:host .btn-danger-secondary.focus,:host .btn-danger-secondary:focus-visible{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary,:host .btn-danger-tertiary.focus,:host .btn-danger-tertiary:focus-visible{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{min-width:5rem}.dropdown-group{margin:0.687rem;display:block;position:relative;width:21.562rem;border-radius:0.25rem;background-color:#f8f9fa;border:solid 0.062rem rgba(0, 0, 0, 0.25)}.dropdown-group .dropdown-group-title{display:block;position:relative;font-size:0.875rem;text-align:left;margin:0.937rem 0 1.25rem 0.937rem}.dropdown-group .dropdown-group-content{position:relative;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:11.562rem;margin:0.937rem 0 0.937rem 0.937rem}.dropdown-group .dropdown-group-content>*{margin-bottom:1rem}.dropdown-group-submit{display:flex;justify-content:space-between;margin:0 0.687rem 0 0.687rem}.dropdown-menu{position:absolute;background-color:var(--theme-menu--background);border:var(--theme-menu--border-thickness) solid var(--theme-menu--border--color);border-radius:var(--theme-menu--border-radius);max-width:100vw;padding:0.25rem 0;transition:background-color var(--theme-default-time);box-shadow:var(--theme-menu--box-shadow);font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.dropdown-menu.xl>.dropdown-item{height:2.5rem;line-height:2.187rem}.dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}.dropdown-buttons{display:flex;padding:0.25rem 0.5rem}.dropdown-buttons ix-icon-button+ix-icon-button{margin-inline-start:0.5rem}.dropdown-item{display:flex;height:2.5rem;position:relative;align-items:center;cursor:pointer;padding:0 2rem;border:1px solid transparent;color:var(--theme-menu-item--color);background-color:transparent}.dropdown-item:focus-visible{background-color:var(--theme-menu-item--background);color:var(--theme-menu-item--color)}.dropdown-item:focus-visible{outline:none;background-color:var(--theme-menu-item--background);border-color:#119fff;color:var(--theme-menu-item--color--focus)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):hover,.dropdown-item:not(.disabled):not(:disabled).hover{color:var(--theme-menu-item--color--hover);background-color:var(--theme-menu-item--background--hover)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):active,.dropdown-item:not(.disabled):not(:disabled).active{color:var(--theme-menu-item--color--active);background-color:var(--theme-menu-item--background--active)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--theme-menu-item--color--disabled);background-color:var(--theme-menu-item--background--disabled)}.dropdown-item>a,.dropdown-item a:hover,.dropdown-item a:active{color:var(--theme-color-std-text)}.dropdown-item>.glyph{color:var(--theme-menu-item-icon--color)}.dropdown-item>.glyph.disabled{color:var(--color-weak-text)}.dropdown-item>.glyph.glyph-single-check{color:var(--theme-menu-item-icon-check--color)}.dropdown-item>.glyph{margin-inline-end:0.5rem}.dropdown-item>input[type=checkbox]+label{margin-bottom:0px}.dropdown-item>input[type=checkbox]+label::before{margin-right:1rem}.dropdown-divider{border-top:1px solid var(--theme-menu-separator--background);margin:0.25rem 0}button.dropdown-toggle{position:relative;padding-right:1.5rem}button.dropdown-toggle::after{position:absolute;top:45%;right:0.5rem}:host{display:block;position:relative;height:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .reset-button{position:absolute;top:0.25rem;right:0.25rem}:host .reset-button.hide-reset-button{display:none}:host .input-container:not(.readonly):not(.disabled){min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .input-container:not(.readonly):not(.disabled)[type=number]{text-align:right}:host .input-container:not(.readonly):not(.disabled)[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container:not(.readonly):not(.disabled):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container:not(.readonly):not(.disabled):-webkit-autofill,:host .input-container:not(.readonly):not(.disabled):autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container:not(.readonly):not(.disabled)::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.disabled)::placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.disabled).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.disabled):hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly):not(.disabled).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.disabled):hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly):not(.disabled).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.disabled):focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container:not(.readonly):not(.disabled).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.disabled):focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container:not(.readonly):not(.disabled):disabled,:host .input-container:not(.readonly):not(.disabled).disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}:host .input-container:not(.readonly):not(.disabled):disabled::-moz-placeholder,:host .input-container:not(.readonly):not(.disabled).disabled::-moz-placeholder{color:transparent}:host .input-container:not(.readonly):not(.disabled):disabled::placeholder,:host .input-container:not(.readonly):not(.disabled).disabled::placeholder{color:transparent}:host .input-container:not(.readonly):not(.disabled):hover{border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly):not(.disabled).focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container.disabled{color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}:host .input-container.readonly{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .input-container.readonly[type=number]{text-align:right}:host .input-container.readonly[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container.readonly:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container.readonly:-webkit-autofill,:host .input-container.readonly:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container.readonly::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly::placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container.readonly.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container.readonly.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container.readonly.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container.readonly:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}:host .input-container.readonly.read-only,:host .input-container.readonly:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}:host .input-container.readonly.read-only::-moz-placeholder,:host .input-container.readonly:read-only::-moz-placeholder{color:transparent}:host .input-container.readonly:-moz-read-only::placeholder{color:transparent}:host .input-container.readonly.read-only::placeholder,:host .input-container.readonly:read-only::placeholder{color:transparent}:host .input-container.readonly:disabled,:host .input-container.readonly.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}:host .input-container.readonly:disabled::-moz-placeholder,:host .input-container.readonly.disabled::-moz-placeholder{color:transparent}:host .input-container.readonly:disabled::placeholder,:host .input-container.readonly.disabled::placeholder{color:transparent}:host .input-container{display:flex;height:auto;max-height:3.75rem;padding:1px 1.5rem 1px 1.75rem !important}:host .input-container.no-icon{padding-left:0.25rem}:host .token-container{flex-grow:1;overflow:hidden}:host .text-input{width:auto;height:1.75rem;min-height:1.5rem;background:transparent;flex-grow:1;box-shadow:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .text-input::-moz-placeholder{font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-soft-text)}:host .text-input::placeholder{font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-soft-text)}:host .text-input,:host .text-input:hover,:host .text-input:focus,:host .text-input:focus-visible{border:none !important;outline:none !important}:host .text-input.hide-placeholder::-moz-placeholder{opacity:0}:host .text-input.hide-placeholder::placeholder{opacity:0}:host .list-unstyled{display:flex;flex-wrap:wrap;height:100%;overflow-y:auto}:host ix-icon{position:absolute;top:0.5rem;left:0.5rem}:host ix-filter-chip{margin-right:0.25rem}:host .category-preview{display:flex;align-items:center;height:1.5rem;background-color:var(--theme-bg-3);border-top-left-radius:1rem;border-bottom-left-radius:1rem;padding:0.5rem;margin:2px 0}:host ul{height:100%}:host .list-unstyled>span:not(.category-preview),:host input{padding-inline-start:0;padding-top:2px;padding-bottom:2px}:host ix-dropdown{min-width:10rem !important}:host ix-dropdown .dropdown-item-container{display:flex;flex-direction:column}:host ix-dropdown .dropdown-item-container .dropdown-item{height:2.5rem;margin:0.25rem 0.5rem;padding-inline:0.5rem;border:1px solid transparent;border-radius:100rem;width:auto;justify-content:flex-start;flex-grow:1;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ix-dropdown .dropdown-item-container .dropdown-item:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr)}:host ix-dropdown .dropdown-item-container .category-item{border-end-end-radius:0;border-start-end-radius:0}:host ix-dropdown .dropdown-item-container .category-item-value{border-start-start-radius:0;border-end-start-radius:0}:host ix-dropdown .btn-toggle-operator{width:2rem;height:2rem;margin-inline:0.5rem}:host .display-none{display:none}";
+const categoryFilterCss = ":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{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}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{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}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host .btn-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary,:host .btn-tertiary.focus,:host .btn-tertiary:focus-visible{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary,:host .btn-subtle-primary.focus,:host .btn-subtle-primary:focus-visible{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary,:host .btn-subtle-secondary.focus,:host .btn-subtle-secondary:focus-visible{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary,:host .btn-subtle-tertiary.focus,:host .btn-subtle-tertiary:focus-visible{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary,:host .btn-danger-primary.focus,:host .btn-danger-primary:focus-visible{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary,:host .btn-danger-secondary.focus,:host .btn-danger-secondary:focus-visible{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary,:host .btn-danger-tertiary.focus,:host .btn-danger-tertiary:focus-visible{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{min-width:5rem}.dropdown-group{margin:0.687rem;display:block;position:relative;width:21.562rem;border-radius:0.25rem;background-color:#f8f9fa;border:solid 0.062rem rgba(0, 0, 0, 0.25)}.dropdown-group .dropdown-group-title{display:block;position:relative;font-size:0.875rem;text-align:left;margin:0.937rem 0 1.25rem 0.937rem}.dropdown-group .dropdown-group-content{position:relative;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:11.562rem;margin:0.937rem 0 0.937rem 0.937rem}.dropdown-group .dropdown-group-content>*{margin-bottom:1rem}.dropdown-group-submit{display:flex;justify-content:space-between;margin:0 0.687rem 0 0.687rem}.dropdown-menu{position:absolute;background-color:var(--theme-menu--background);border:var(--theme-menu--border-thickness) solid var(--theme-menu--border--color);border-radius:var(--theme-menu--border-radius);max-width:100vw;padding:0.25rem 0;transition:background-color var(--theme-default-time);box-shadow:var(--theme-menu--box-shadow);font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.dropdown-menu.xl>.dropdown-item{height:2.5rem;line-height:2.187rem}.dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}.dropdown-buttons{display:flex;padding:0.25rem 0.5rem}.dropdown-buttons ix-icon-button+ix-icon-button{margin-inline-start:0.5rem}.dropdown-item{display:flex;height:2.5rem;position:relative;align-items:center;cursor:pointer;padding:0 2rem;border:1px solid transparent;color:var(--theme-menu-item--color);background-color:transparent}.dropdown-item:focus-visible{background-color:var(--theme-menu-item--background);color:var(--theme-menu-item--color)}.dropdown-item:focus-visible{outline:none;background-color:var(--theme-menu-item--background);border-color:#119fff;color:var(--theme-menu-item--color--focus)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):hover,.dropdown-item:not(.disabled):not(:disabled).hover{color:var(--theme-menu-item--color--hover);background-color:var(--theme-menu-item--background--hover)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):active,.dropdown-item:not(.disabled):not(:disabled).active{color:var(--theme-menu-item--color--active);background-color:var(--theme-menu-item--background--active)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--theme-menu-item--color--disabled);background-color:var(--theme-menu-item--background--disabled)}.dropdown-item>a,.dropdown-item a:hover,.dropdown-item a:active{color:var(--theme-color-std-text)}.dropdown-item>.glyph{color:var(--theme-menu-item-icon--color)}.dropdown-item>.glyph.disabled{color:var(--color-weak-text)}.dropdown-item>.glyph.glyph-single-check{color:var(--theme-menu-item-icon-check--color)}.dropdown-item>.glyph{margin-inline-end:0.5rem}.dropdown-item>input[type=checkbox]+label{margin-bottom:0px}.dropdown-item>input[type=checkbox]+label::before{margin-right:1rem}.dropdown-divider{border-top:1px solid var(--theme-menu-separator--background);margin:0.25rem 0}button.dropdown-toggle{position:relative;padding-right:1.5rem}button.dropdown-toggle::after{position:absolute;top:45%;right:0.5rem}:host{display:block;position:relative;height:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .reset-button{position:absolute;top:0.25rem;right:0.25rem}:host .reset-button.hide-reset-button{display:none}:host .input-container:not(.readonly):not(.no-icon){min-height:2rem;width:auto;padding:1px 1.5rem 1px 1.75rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .input-container:not(.readonly):not(.no-icon)[type=number]{text-align:right}:host .input-container:not(.readonly):not(.no-icon)[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container:not(.readonly):not(.no-icon):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container:not(.readonly):not(.no-icon):-webkit-autofill,:host .input-container:not(.readonly):not(.no-icon):autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container:not(.readonly):not(.no-icon)::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.no-icon)::placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.no-icon):hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly):not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.no-icon):hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly):not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.no-icon):focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container:not(.readonly):not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.no-icon):focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container:not(.readonly):not(.no-icon):disabled,:host .input-container:not(.readonly):not(.no-icon).disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}:host .input-container:not(.readonly):not(.no-icon):disabled::-moz-placeholder,:host .input-container:not(.readonly):not(.no-icon).disabled::-moz-placeholder{color:transparent}:host .input-container:not(.readonly):not(.no-icon):disabled::placeholder,:host .input-container:not(.readonly):not(.no-icon).disabled::placeholder{color:transparent}:host .input-container:not(.readonly).no-icon{min-height:2rem;width:auto;padding:1px 1.5rem 1px 0.25rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .input-container:not(.readonly).no-icon[type=number]{text-align:right}:host .input-container:not(.readonly).no-icon[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container:not(.readonly).no-icon:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container:not(.readonly).no-icon:-webkit-autofill,:host .input-container:not(.readonly).no-icon:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container:not(.readonly).no-icon::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly).no-icon::placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly).no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly).no-icon:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly).no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly).no-icon:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly).no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly).no-icon:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container:not(.readonly).no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly).no-icon:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container:not(.readonly).no-icon:disabled,:host .input-container:not(.readonly).no-icon.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}:host .input-container:not(.readonly).no-icon:disabled::-moz-placeholder,:host .input-container:not(.readonly).no-icon.disabled::-moz-placeholder{color:transparent}:host .input-container:not(.readonly).no-icon:disabled::placeholder,:host .input-container:not(.readonly).no-icon.disabled::placeholder{color:transparent}:host .input-container.readonly:not(.no-icon){min-height:2rem;width:auto;padding:1px 1.5rem 1px 1.75rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .input-container.readonly:not(.no-icon)[type=number]{text-align:right}:host .input-container.readonly:not(.no-icon)[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container.readonly:not(.no-icon):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container.readonly:not(.no-icon):-webkit-autofill,:host .input-container.readonly:not(.no-icon):autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container.readonly:not(.no-icon)::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly:not(.no-icon)::placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly:not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly:not(.no-icon):hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container.readonly:not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly:not(.no-icon):hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container.readonly:not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly:not(.no-icon):focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container.readonly:not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly:not(.no-icon):focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container.readonly:not(.no-icon):-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}:host .input-container.readonly:not(.no-icon).read-only,:host .input-container.readonly:not(.no-icon):read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}:host .input-container.readonly:not(.no-icon).read-only::-moz-placeholder,:host .input-container.readonly:not(.no-icon):read-only::-moz-placeholder{color:transparent}:host .input-container.readonly:not(.no-icon):-moz-read-only::placeholder{color:transparent}:host .input-container.readonly:not(.no-icon).read-only::placeholder,:host .input-container.readonly:not(.no-icon):read-only::placeholder{color:transparent}:host .input-container.readonly:not(.no-icon):disabled,:host .input-container.readonly:not(.no-icon).disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}:host .input-container.readonly:not(.no-icon):disabled::-moz-placeholder,:host .input-container.readonly:not(.no-icon).disabled::-moz-placeholder{color:transparent}:host .input-container.readonly:not(.no-icon):disabled::placeholder,:host .input-container.readonly:not(.no-icon).disabled::placeholder{color:transparent}:host .input-container.readonly.no-icon{min-height:2rem;width:auto;padding:1px 1.5rem 1px 0.25rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .input-container.readonly.no-icon[type=number]{text-align:right}:host .input-container.readonly.no-icon[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container.readonly.no-icon:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container.readonly.no-icon:-webkit-autofill,:host .input-container.readonly.no-icon:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container.readonly.no-icon::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly.no-icon::placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly.no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly.no-icon:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container.readonly.no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly.no-icon:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container.readonly.no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly.no-icon:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container.readonly.no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly.no-icon:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container.readonly.no-icon:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}:host .input-container.readonly.no-icon.read-only,:host .input-container.readonly.no-icon:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}:host .input-container.readonly.no-icon.read-only::-moz-placeholder,:host .input-container.readonly.no-icon:read-only::-moz-placeholder{color:transparent}:host .input-container.readonly.no-icon:-moz-read-only::placeholder{color:transparent}:host .input-container.readonly.no-icon.read-only::placeholder,:host .input-container.readonly.no-icon:read-only::placeholder{color:transparent}:host .input-container.readonly.no-icon:disabled,:host .input-container.readonly.no-icon.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}:host .input-container.readonly.no-icon:disabled::-moz-placeholder,:host .input-container.readonly.no-icon.disabled::-moz-placeholder{color:transparent}:host .input-container.readonly.no-icon:disabled::placeholder,:host .input-container.readonly.no-icon.disabled::placeholder{color:transparent}:host .input-container:not(.readonly):not(.disabled):hover{border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly):not(.disabled).focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container.disabled{color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}:host .input-container{display:flex;height:auto;max-height:3.75rem}:host .token-container{flex-grow:1;overflow:hidden}:host .text-input{width:auto;height:1.75rem;min-height:1.5rem;background:transparent;flex-grow:1;box-shadow:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .text-input::-moz-placeholder{font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-soft-text)}:host .text-input::placeholder{font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-soft-text)}:host .text-input,:host .text-input:hover,:host .text-input:focus,:host .text-input:focus-visible{border:none !important;outline:none !important}:host .text-input.hide-placeholder::-moz-placeholder{opacity:0}:host .text-input.hide-placeholder::placeholder{opacity:0}:host .list-unstyled{display:flex;flex-wrap:wrap;height:100%;overflow-y:auto}:host ix-icon{position:absolute;top:0.5rem;left:0.5rem}:host ix-filter-chip{margin-right:0.25rem}:host .category-preview{display:flex;align-items:center;height:1.5rem;background-color:var(--theme-bg-3);border-top-left-radius:1rem;border-bottom-left-radius:1rem;padding:0.5rem;margin:2px 0}:host ul{height:100%}:host .list-unstyled>span:not(.category-preview),:host input{padding-inline-start:0;padding-top:2px;padding-bottom:2px}:host ix-dropdown{min-width:10rem !important}:host ix-dropdown .dropdown-item-container{display:flex;flex-direction:column}:host ix-dropdown .dropdown-item-container .dropdown-item{height:2.5rem;margin:0.25rem 0.5rem;padding-inline:0.5rem;border:1px solid transparent;border-radius:100rem;width:auto;justify-content:flex-start;flex-grow:1;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ix-dropdown .dropdown-item-container .dropdown-item:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr)}:host ix-dropdown .dropdown-item-container .category-item{border-end-end-radius:0;border-start-end-radius:0}:host ix-dropdown .dropdown-item-container .category-item-value{border-start-start-radius:0;border-end-start-radius:0}:host ix-dropdown .btn-toggle-operator{width:2rem;height:2rem;margin-inline:0.5rem}:host .display-none{display:none}";
 
 class CategoryFilter {
     constructor(hostRef) {
@@ -9726,7 +9622,7 @@ class CategoryFilter {
         }
     }
     handleFormElementKeyDown(e) {
-        var _a;
+        var _a, _b, _c;
         switch (e.code) {
             case 'Enter':
             case 'NumpadEnter':
@@ -9740,6 +9636,7 @@ class CategoryFilter {
                 if (this.hasCategorySelection()) {
                     if (this.category !== '') {
                         this.addToken(token, this.category);
+                        (_c = (_b = this.textInput) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
                     }
                     else if (document.activeElement.classList.contains('category-item-id')) {
                         this.selectCategory(token);
@@ -9837,7 +9734,7 @@ class CategoryFilter {
         this.filterChanged.emit(filterState);
     }
     addToken(token, category = this.ID_CUSTOM_FILTER_VALUE, operator = this.categoryLogicalOperator, emitEvent = true) {
-        var _a, _b, _c;
+        var _a;
         if (token === undefined || token === null) {
             return;
         }
@@ -9859,7 +9756,6 @@ class CategoryFilter {
             this.category = '';
         }
         this.isScrollStateDirty = true;
-        (_c = (_b = this.textInput) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
         if (emitEvent) {
             this.emitFilterEvent();
         }
@@ -9962,7 +9858,11 @@ class CategoryFilter {
         return this.categories !== undefined;
     }
     renderPlainSuggestions() {
-        return (hAsync("div", { class: "dropdown-item-container" }, this.getFilteredSuggestions().map((suggestion) => (hAsync("button", { class: "dropdown-item", "data-id": suggestion, onClick: () => this.addToken(suggestion), key: suggestion, title: suggestion }, suggestion)))));
+        return (hAsync("div", { class: "dropdown-item-container" }, this.getFilteredSuggestions().map((suggestion) => (hAsync("button", { class: "dropdown-item", "data-id": suggestion, onClick: () => {
+                var _a, _b;
+                this.addToken(suggestion);
+                (_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
+            }, key: suggestion, title: suggestion }, suggestion)))));
     }
     renderOperatorButton() {
         if (this.staticOperator) {
@@ -10008,8 +9908,10 @@ class CategoryFilter {
         }
         return (hAsync("div", { class: "dropdown-item-container" }, this.renderOperatorButton(), hAsync("div", { class: "dropdown-header" }, (_a = this.categories[this.category]) === null || _a === void 0 ? void 0 : _a.label), (_b = this.categories[this.category]) === null || _b === void 0 ? void 0 :
             _b.options.filter((value) => this.filterByInput(value)).filter((value) => this.filterDuplicateTokens(value)).map((id) => (hAsync("button", { class: "dropdown-item category-item-value", "data-id": id, title: id, key: id, onClick: (e) => {
+                    var _a, _b;
                     e.preventDefault();
                     this.addToken(id, this.category);
+                    (_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
                 } }, `${this.getFilterOperatorString()} ${id}`)))));
     }
     renderDropdownContent() {
@@ -10090,19 +9992,19 @@ class CategoryFilter {
     }
     render() {
         var _a, _b, _c;
-        return (hAsync(Host, { key: 'c067de370164a717112829f8be82ac8d786d7622' }, hAsync("form", { key: '2cd185f59a209029a1184790488eb472a8456cbb', ref: (el) => (this.formElement = el) }, hAsync("div", { key: '5d0eed2dacde6318ebe516becdc41b785908c864', "read-only": this.readonly, class: {
+        return (hAsync(Host, { key: '6040e5611b073b5df60b2f021a1fd6521a6de1df' }, hAsync("form", { key: '4baf23174e46355ca7fbd5ecad14145cabaea8d5', ref: (el) => (this.formElement = el) }, hAsync("div", { key: 'adecb78f948b498e0a9f42355ab590e2966958d1', "read-only": this.readonly, class: {
                 'input-container': true,
                 disabled: this.disabled,
                 focus: this.hasFocus,
                 readonly: this.readonly,
                 'no-icon': this.hideIcon,
-            } }, hAsync("ix-icon", { key: 'ec27370c08d6882c85f29dafb7c9cbf2655cbacf', color: this.getIconColor(), class: { 'display-none': this.hideIcon }, name: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, size: "16" }), hAsync("div", { key: '277a47c6cc91d6b631c01ae4b3f8f21cca29943e', class: "token-container" }, hAsync("div", { key: 'c086102952499cbd43ae910d745be5ef0aa44e40', class: "list-unstyled" }, this.filterTokens.map((value, index) => (hAsync("span", { key: value.toString(), class: {
+            } }, hAsync("ix-icon", { key: '4430f91076d6d7d04e1b9beea3a62877835b527f', color: this.getIconColor(), class: { 'display-none': this.hideIcon }, name: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, size: "16" }), hAsync("div", { key: 'aeaef4cf293c3b6c8baca478ec788ce33ecabfb6', class: "token-container" }, hAsync("div", { key: 'd599d0c8173bef92c64ad71cff0e89dabc7fde99', class: "list-unstyled" }, this.filterTokens.map((value, index) => (hAsync("span", { key: value.toString(), class: {
                 animate__animated: true,
                 animate__fadein: true,
             } }, hAsync("ix-filter-chip", { disabled: this.disabled, readonly: this.readonly, onClick: (e) => e.stopPropagation(), onCloseClick: () => this.removeToken(index) }, this.getFilterChipLabel(value))))), this.categories === undefined ? ('') : (hAsync("span", { class: {
                 'category-preview': true,
                 'display-none': this.category === '',
-            } }, (_b = this.categories[this.category]) === null || _b === void 0 ? void 0 : _b.label)), hAsync("input", Object.assign({ key: '7f2bdc80da327d2c40f7031259618131a391bd7c', class: {
+            } }, (_b = this.categories[this.category]) === null || _b === void 0 ? void 0 : _b.label)), hAsync("input", Object.assign({ key: '43eac9a872f30a34780aa702c6905348649018b5', class: {
                 'text-input': true,
                 'hide-placeholder': this.readonly || this.disabled || this.category !== '',
             }, autocomplete: "off", name: "category-filter-input", disabled: this.disabled, readonly: this.readonly, ref: this.textInput, type: "text", placeholder: this.placeholder }, this.a11yAttributes, { "aria-label": this.ariaLabelFilterInput })))), !this.readonly && !this.disabled && this.getResetButton())), this.disabled || this.readonly ? ('') : (hAsync("ix-dropdown", { show: this.showDropdown, closeBehavior: "outside", offset: { mainAxis: 2 }, anchor: (_c = this.textInput) === null || _c === void 0 ? void 0 : _c.waitForCurrent(), trigger: this.hostElement, header: this.getDropdownHeader() }, this.renderDropdownContent()))));
@@ -10257,6 +10159,12 @@ function HookValidationLifecycle(options) {
         };
     };
 }
+function getValidationText(isInputInvalid, customInvalidText, i18nFallbackText) {
+    if (isInputInvalid) {
+        return customInvalidText !== null && customInvalidText !== void 0 ? customInvalidText : i18nFallbackText;
+    }
+    return customInvalidText;
+}
 
 function isIxInputFieldComponent(obj) {
     return (obj &&
@@ -10371,13 +10279,13 @@ class Checkbox {
         return (hAsync("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, this.indeterminate && (hAsync(Fragment, null, hAsync("rect", { width: "18", height: "18", fill: "transparent" }), hAsync("rect", { x: "3", y: "8", width: "12", height: "2", fill: "var(--ix-checkbox-check-color)" }))), this.checked && (hAsync("path", { d: "M3.65625 8.15625L8.4375 12.9375L14.625 3.9375", stroke: "var(--ix-checkbox-check-color)", "stroke-width": "2" }))));
     }
     render() {
-        return (hAsync(Host, { key: 'b65c76c6bc07e273a5c39c5faf0130a163563020', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "checkbox", class: {
+        return (hAsync(Host, { key: 'f2157c572321b0a34f54f32423ed0c821fc1abfa', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "checkbox", class: {
                 disabled: this.disabled,
                 checked: this.checked,
                 indeterminate: this.indeterminate,
-            }, onFocus: () => (this.touched = true), onBlur: () => this.ixBlur.emit() }, hAsync("label", { key: '5036796ac6119123982eb08dc05a431617a46487' }, hAsync("input", { key: '5005dfa80f386c4188989c38176c416c60635b24', "aria-checked": a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, ref: this.inputRef, type: "checkbox", onChange: () => this.setCheckedState(!this.checked) }), hAsync("button", { key: '073f99ba599bf129442c72708b2e3915198df19d', disabled: this.disabled, class: {
+            }, onFocus: () => (this.touched = true), onBlur: () => this.ixBlur.emit() }, hAsync("label", { key: '131587a06d955e04dc580936004546e930ec9cf8' }, hAsync("input", { key: 'b8a94c99f540e21c280ba9aeaf35221fa1c9b226', "aria-checked": a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, ref: this.inputRef, type: "checkbox", onChange: () => this.setCheckedState(!this.checked) }), hAsync("button", { key: '6f6c5937801659bacd7d6f5c9256972c33e4194c', disabled: this.disabled, class: {
                 checked: this.checked,
-            }, onClick: () => this.setCheckedState(!this.checked) }, this.renderCheckmark()), hAsync("ix-typography", { key: 'cc49681602a66628bf54ab8f0623277a7681e619', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: '8bc151343608e50879ed664a7ce7f7a12bb712b7' })))));
+            }, onClick: () => this.setCheckedState(!this.checked) }, this.renderCheckmark()), hAsync("ix-typography", { key: '7b33f317ac3757242509d69a25520795906bb158', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: '2ab4518ebcb6135de6b1c37a7e9c157b1feebb5d' })))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -10491,10 +10399,10 @@ class CheckboxGroup {
         return Promise.resolve(this.checkboxElements.some((checkbox) => checkbox.checked));
     }
     render() {
-        return (hAsync(Host, { key: '9dc1c1291e865c95b525ecddaca23d6f71f9411e', ref: this.groupRef, onIxBlur: () => (this.touched = true) }, hAsync("ix-field-wrapper", { key: '54a66849d6250a873f04983978b05aba16e5acad', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, validText: this.validText, warningText: this.warningText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isInfo: this.isInfo, isValid: this.isValid, isWarning: this.isWarning, controlRef: this.groupRef }, hAsync("div", { key: '7e0e4d32c55b3ceb55c3cbd6a281feb8efdc50db', class: {
+        return (hAsync(Host, { key: 'ac1e91fd23038317e1a39b612f67e91d53ba946c', ref: this.groupRef, onIxBlur: () => (this.touched = true) }, hAsync("ix-field-wrapper", { key: '1278bca33da0339052756f01e8ca2de2641feffb', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, validText: this.validText, warningText: this.warningText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isInfo: this.isInfo, isValid: this.isValid, isWarning: this.isWarning, controlRef: this.groupRef }, hAsync("div", { key: '7ba4ca7e379f49c6234c681a682cb08ec3d44b87', class: {
                 'checkbox-container': true,
                 'row-layout': this.direction === 'row',
-            } }, hAsync("slot", { key: '88237f6b0a1fe49b4e7c28da210be75f3ee8ed5d' })))));
+            } }, hAsync("slot", { key: 'a843f1bfd2942b4f0e9d2060646b50e97e55bca8' })))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return checkboxGroupCss; }
@@ -10591,13 +10499,13 @@ class Chip {
                 [this.outline ? 'borderColor' : 'backgroundColor']: this.background,
             };
         }
-        return (hAsync(Host, { key: 'a9d49af6fa315e993d7e6968037eec933ac7beb4', tabIndex: "-1", class: {
+        return (hAsync(Host, { key: '89e8d6fc156f9b2b761000d213655b36f3b16bf2', tabIndex: "-1", class: {
                 inactive: this.inactive,
             }, style: this.variant === 'custom'
                 ? {
                     '--ix-icon-button-color': this.chipColor,
                 }
-                : {} }, hAsync("div", { key: '68e9b1b7cdcd51c0ea62d1e907749d6019346411', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
+                : {} }, hAsync("div", { key: 'a9b92e446d5c668d449996a93627879b428478e5', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
                 container: true,
                 outline: this.outline,
                 inactive: this.inactive,
@@ -10612,11 +10520,11 @@ class Chip {
                 closable: this.closable,
                 icon: !!this.icon,
                 centerContent: this.centerContent,
-            } }, hAsync("div", { key: '6880ba6bb16fb14ce2e3fb6e3575539a5c1c182a', class: "content-wrapper" }, this.icon && (hAsync("ix-icon", { key: '85ede4a45b6705d95e0d3d2ff602a75bce77c4fa', class: {
+            } }, hAsync("div", { key: 'f3bf2fa31dfbaec0d014dbfa972ad822e2514e91', class: "content-wrapper" }, this.icon && (hAsync("ix-icon", { key: '066a4f272fa760fafd6c69cd6b0f05bf459a3604', class: {
                 'with-icon': true,
             }, name: this.icon, size: '24', style: this.variant === 'custom'
                 ? { color: this.outline ? this.background : this.chipColor }
-                : undefined })), hAsync("span", { key: '3b7bd50643a4f5b3ba25c612eb29cbd8218d0aa2', class: "slot-container" }, hAsync("slot", { key: '0d282990c3bbc56eb96dd9373ff66b61fac0b1f9' }))), this.inactive === false && this.closable && this.getCloseButton()), this.getTooltip()));
+                : undefined })), hAsync("span", { key: 'e08beb2e151300bdcdfe62c0b6a832935a7d2f68', class: "slot-container" }, hAsync("slot", { key: 'b087848f9f85fc01af5cc3a03d4ae885e0f01335' }))), this.inactive === false && this.closable && this.getCloseButton()), this.getTooltip()));
     }
     get hostElement() { return getElement(this); }
     static get style() { return chipCss; }
@@ -10697,7 +10605,7 @@ class Col {
         };
     }
     render() {
-        return (hAsync(Host, { key: 'a8a9fb0682755fae44cbc7fd7d02b6aa1f9338b3', style: Object.assign({}, this.getColumnSizeStyling()) }, hAsync("slot", { key: '31038e1d2bcda21b712f55d6840aeffc432beedf' })));
+        return (hAsync(Host, { key: '552bf87dd4905b2cfc67dbda7c33e1edf89a9cf8', style: Object.assign({}, this.getColumnSizeStyling()) }, hAsync("slot", { key: '293331e4b2de069f550f0d47e1525228e49fc159' })));
     }
     static get style() { return colCss; }
     static get cmpMeta() { return {
@@ -10730,12 +10638,12 @@ class Content {
         return this.hostElement.shadowRoot.querySelector('.content-header slot');
     }
     render() {
-        return (hAsync(Host, { key: 'c68ec9d987aad56c3ccf77ce7b8a1fe125fd68ec' }, hAsync("div", { key: '57c983730211548634bb3f13c666eb24d8ba1758', class: {
+        return (hAsync(Host, { key: '2ca4af3b088beab36b86cb3431f1d1b59fcf8756' }, hAsync("div", { key: '04f73ba733dc7fbf57ecf6fdc0afc1fec8249b8e', class: {
                 'content-header': true,
                 slotted: this.isContentHeaderSlotted,
-            } }, hAsync("slot", { key: 'ed5c10f01ff82b4242941271b773bd9f151ce07b', name: "header", onSlotchange: () => {
+            } }, hAsync("slot", { key: '962e83643e1ebcd86384cae1e7a3632b6f47554e', name: "header", onSlotchange: () => {
                 this.isContentHeaderSlotted = hasSlottedElements(this.contentHeaderSlot);
-            } })), hAsync("div", { key: 'f2f40e2dfb416e638b6dd4294ce071861171902c', class: "content" }, hAsync("slot", { key: '8b63341a308b4d12d5dbad358b78bd4ced1d03f7' }))));
+            } })), hAsync("div", { key: '4315ac1e71743ba30c7b8f592997c662eed392b4', class: "content" }, hAsync("slot", { key: 'c1f31f8e283bcc55011b9f2d5746d9b7c10988da' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return contentCss; }
@@ -10775,13 +10683,13 @@ class ContentHeader {
         this.hasBackButton = false;
     }
     render() {
-        return (hAsync(Host, { key: '70be3ee04b3b54d691708ff88d4c3b11b29665c7' }, this.hasBackButton ? (hAsync("ix-icon-button", { class: 'backButton', variant: "tertiary", icon: iconArrowLeft, onClick: () => this.backButtonClick.emit() })) : null, hAsync("div", { key: 'ae2f111cf63ee212d574a4265076d7484d7d4973', class: "titleGroup" }, hAsync("div", { key: '1366b36518b6a564046e37ede90611a83c10895a', class: "headerTitleRow" }, hAsync("ix-typography", { key: '4239234ecf34dde70f9c38db0012a0771bebef80', format: this.variant === 'secondary' ? 'h4' : 'h3', class: {
+        return (hAsync(Host, { key: 'b422be3706aac399ed76b4c491d61e2da8561b24' }, this.hasBackButton ? (hAsync("ix-icon-button", { class: 'backButton', variant: "tertiary", icon: iconArrowLeft, onClick: () => this.backButtonClick.emit() })) : null, hAsync("div", { key: '7606ba97f834f591a78fc2cca74bdaf3b3a09feb', class: "titleGroup" }, hAsync("div", { key: 'df174e297a1b2075bcab0182a80f626162d1c319', class: "headerTitleRow" }, hAsync("ix-typography", { key: 'd8ab10dc801306dafe0f3e6e39ed93e0fa162ca1', format: this.variant === 'secondary' ? 'h4' : 'h3', class: {
                 secondary: this.variant === 'secondary',
                 titleOverflow: true,
-            } }, this.headerTitle), hAsync("div", { key: '10ee43aa1832ab8b72c7fe37994547d40c936c25', class: "headerSlot" }, hAsync("slot", { key: 'beec8fa035a64b109c3fd838a35ee6d395938677', name: "header" }))), !!this.headerSubtitle && (hAsync("ix-typography", { key: '036b83bcc660228254a46fdac7d820cb52e03ff5', format: 'h6', "text-color": 'soft', class: {
+            } }, this.headerTitle), hAsync("div", { key: 'e24d6b450426931aaead3732fa20161bc5aab4e2', class: "headerSlot" }, hAsync("slot", { key: 'e9a471492f2693fc6abe546d1febbc06834fef1c', name: "header" }))), !!this.headerSubtitle && (hAsync("ix-typography", { key: '5fdb5ebce68a3aae09df3299093bca156468933c', format: 'h6', "text-color": 'soft', class: {
                 subtitle: this.variant === 'secondary',
                 titleOverflow: true,
-            }, title: this.headerSubtitle }, this.headerSubtitle))), hAsync("div", { key: '1379a68c4f1c0ec56351c5994989e0c6b2155cff', class: "buttons" }, hAsync("slot", { key: '424bfa799347c0ab0ac1e47b33924778a68e9bc0' }))));
+            }, title: this.headerSubtitle }, this.headerSubtitle))), hAsync("div", { key: '6648f93246d2e8d79cc2d3e7eae65009d578632c', class: "buttons" }, hAsync("slot", { key: '1c3ee8084521a9a799e3b2444b1edc0c1cee5066' }))));
     }
     static get style() { return contentHeaderCss; }
     static get cmpMeta() { return {
@@ -10887,7 +10795,7 @@ class CssGrid {
         if (this.currentTemplate && this.currentTemplate.length !== 0) {
             style['grid-template-areas'] = templateBuilder(this.currentTemplate);
         }
-        return (hAsync(Host, { key: '1ceeb89987199bf3c537ba6c34ff8f52aff2fc76', style: style }, hAsync("slot", { key: '785c5428d027f7a10f72e3b685ec51bb66fe082b' })));
+        return (hAsync(Host, { key: '470c3da8301e7d99e603b78cfd9c2883e4801c76', style: style }, hAsync("slot", { key: '64f7e86981ba37aeb20223bd672bc1190dba4619' })));
     }
     static get style() { return cssGridCss; }
     static get cmpMeta() { return {
@@ -10915,7 +10823,7 @@ class CssGridItem {
     render() {
         const style = {};
         style['grid-area'] = this.itemName;
-        return (hAsync(Host, { key: 'a4e4f5e7d0a42b8cd39a742f3ee4f420b60c8931', style: style }, hAsync("slot", { key: '74cbbecda6397caf41cae0f78201f00ab23911d8' })));
+        return (hAsync(Host, { key: '0f7a1001629ec09b7e6f44470b733f3d1d691bcb', style: style }, hAsync("slot", { key: '1fce4a329cea68181bc52e60d155d6c6b7bb41bc' })));
     }
     static get style() { return cssGridItemCss; }
     static get cmpMeta() { return {
@@ -10969,7 +10877,7 @@ class CustomField {
         this.isWarning = isWarning;
     }
     render() {
-        return (hAsync(Host, { key: '020e301b887a62969c8c500049a2d1e77638c789' }, hAsync("ix-field-wrapper", { key: 'df6b54e55636b528c2c7c56ded6e31af411f43fa', label: this.label, helperText: this.helperText, infoText: this.infoText, warningText: this.warningText, invalidText: this.invalidText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, required: this.required }, hAsync("slot", { key: '99de94d7431bc900977593304d2193eabaef898a' }))));
+        return (hAsync(Host, { key: '732dae3e5ba3f37b5eac745ce48338cae5397d9e' }, hAsync("ix-field-wrapper", { key: '5df555252c2de619f3dd5daa082632695a88e3f6', label: this.label, helperText: this.helperText, infoText: this.infoText, warningText: this.warningText, invalidText: this.invalidText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, required: this.required }, hAsync("slot", { key: '81d169fce11d76b04876eb3483909bf163c44370' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return customFieldCss; }
@@ -18905,21 +18813,21 @@ class DateDropdown {
     }
     render() {
         var _a, _b, _c;
-        return (hAsync(Host, { key: 'b0c80bf0c01f34eccf3ffd03cab8cb4598122b8e' }, hAsync("ix-button", { key: '19fc20d03477850083cc6274ea8b4269fb827365', "data-testid": "date-dropdown-trigger", "data-date-dropdown-trigger": true, variant: this.variant, loading: this.loading, icon: iconHistory, ref: this.triggerRef, disabled: this.disabled, ariaLabel: this.ariaLabelDropdownButton }, this.getButtonLabel()), hAsync("ix-dropdown", { key: '8b0260dd47fd1e6267b539ef0f12a544f3817c93', "data-testid": "date-dropdown", "data-date-dropdown": true, class: "min-width max-height", trigger: this.triggerRef.waitForCurrent(), closeBehavior: "outside", placement: "bottom-start", onShowChanged: ({ detail: show }) => {
+        return (hAsync(Host, { key: '2cad55fd1448a2a553abb8bdf50f9245d2cc71bf' }, hAsync("ix-button", { key: '77bd4e5f89d500b0323c5a2771cb2268601a87d3', "data-testid": "date-dropdown-trigger", "data-date-dropdown-trigger": true, variant: this.variant, loading: this.loading, icon: iconHistory, ref: this.triggerRef, disabled: this.disabled, ariaLabel: this.ariaLabelDropdownButton }, this.getButtonLabel()), hAsync("ix-dropdown", { key: 'e1108d1cdac327961e3147d10f380f8d9850449c', "data-testid": "date-dropdown", "data-date-dropdown": true, class: "min-width max-height", trigger: this.triggerRef.waitForCurrent(), closeBehavior: "outside", placement: "bottom-start", onShowChanged: ({ detail: show }) => {
                 if (!show &&
                     this.selectedDateRangeId === 'custom' &&
                     this.datePickerTouched &&
                     this.currentRangeValue) {
                     this.onDateSelect(this.currentRangeValue);
                 }
-            } }, hAsync("ix-layout-grid", { key: '827aa5f75b7351f7194800e5d08e99be05550674', noMargin: true }, hAsync("ix-row", { key: '31a94fc990f9f4a30f3259e1148e897d512b3408' }, ((_a = this.dateRangeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (hAsync("ix-col", { key: '4c6222ffde5a8f8644f7e4030f5942e148014e2f', class: {
+            } }, hAsync("ix-layout-grid", { key: 'fd7ece26cbcda9da063b1832ca7c010fd508ae8b', noMargin: true }, hAsync("ix-row", { key: '8854518f7534f9c52be1d74373c8a6d822983bca' }, ((_a = this.dateRangeOptions) === null || _a === void 0 ? void 0 : _a.length) > 1 && (hAsync("ix-col", { key: '8e7e4d96a0e91d91cee20f961b37da7645e0a28e', class: {
                 'no-margin': true,
                 'border-right': this.selectedDateRangeId === 'custom',
-            } }, this.dateRangeOptions.map((dateRangeOption) => (hAsync("ix-dropdown-item", { label: dateRangeOption.label, onClick: () => this.onRangeListSelect(dateRangeOption.id), checked: this.selectedDateRangeId === dateRangeOption.id }))), hAsync("div", { key: '7c6e52ce4e81ba257925eaf9dae155d1fff0bcf1', hidden: this.customRangeDisabled }, hAsync("ix-dropdown-item", { key: '6be7c3b1b827a75c51f82edd8971b3cc53f8167c', label: this.i18nCustomItem, checked: this.selectedDateRangeId === 'custom', onClick: () => this.onRangeListSelect('custom') })))), hAsync("ix-col", { key: 'a8119f9199cb8e4e162688bfdcf4f91242fbd5b7', class: "no-margin" }, this.selectedDateRangeId === 'custom' && (hAsync(Fragment, { key: 'bd24f234a02cc55ed73df93ca6d6791d11d9ad77' }, hAsync("ix-date-picker", { key: '0aaf7e9c3ee79d9d232eed14fb840e246caddd20', embedded: true, locale: this.locale, onDateChange: (e) => {
+            } }, this.dateRangeOptions.map((dateRangeOption) => (hAsync("ix-dropdown-item", { label: dateRangeOption.label, onClick: () => this.onRangeListSelect(dateRangeOption.id), checked: this.selectedDateRangeId === dateRangeOption.id }))), hAsync("div", { key: 'f9e7879a9f2e00c5bbcd7ab454cf491345a2f1ee', hidden: this.customRangeDisabled }, hAsync("ix-dropdown-item", { key: 'e373366109b1ac41af77fc4fcab8aeb4a5cf7a29', label: this.i18nCustomItem, checked: this.selectedDateRangeId === 'custom', onClick: () => this.onRangeListSelect('custom') })))), hAsync("ix-col", { key: '4e4ad3072863235f5dda814f24811e982f407c9b', class: "no-margin" }, this.selectedDateRangeId === 'custom' && (hAsync(Fragment, { key: 'a9c540a66333322c54cf7814231f6213806b86db' }, hAsync("ix-date-picker", { key: '7e59d29e3a49bee9098879b51b23d9c6fbec5c6b', embedded: true, locale: this.locale, onDateChange: (e) => {
                 e.stopPropagation();
                 this.currentRangeValue = Object.assign(Object.assign({}, e.detail), { id: 'custom' });
                 this.datePickerTouched = true;
-            }, onDateRangeChange: (e) => e.stopPropagation(), format: this.format, singleSelection: this.singleSelection, from: this.from || ((_b = this.currentRangeValue) === null || _b === void 0 ? void 0 : _b.from), to: this.to || ((_c = this.currentRangeValue) === null || _c === void 0 ? void 0 : _c.to), minDate: this.minDate, maxDate: this.maxDate, today: this.today, weekStartIndex: this.weekStartIndex, showWeekNumbers: this.showWeekNumbers }), hAsync("div", { key: 'f2bd49f4ca5012eb32fc4e859bb6e9da2cd25f3d', class: "pull-right" }, hAsync("ix-button", { key: '18cb506d16700b59884660c4d8afb63c6e66400b', onClick: () => {
+            }, onDateRangeChange: (e) => e.stopPropagation(), format: this.format, singleSelection: this.singleSelection, from: this.from || ((_b = this.currentRangeValue) === null || _b === void 0 ? void 0 : _b.from), to: this.to || ((_c = this.currentRangeValue) === null || _c === void 0 ? void 0 : _c.to), minDate: this.minDate, maxDate: this.maxDate, today: this.today, weekStartIndex: this.weekStartIndex, showWeekNumbers: this.showWeekNumbers }), hAsync("div", { key: '837f09d7b578640927e904f4adc2aef7fda7e65e', class: "pull-right" }, hAsync("ix-button", { key: '09e9fbdf94d44bc52832d6787206aaded06a3aeb', onClick: () => {
                 if (this.currentRangeValue) {
                     this.onDateSelect(this.currentRangeValue);
                 }
@@ -18968,43 +18876,6 @@ class DateDropdown {
     }; }
 }
 
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function TextareaElement(props) {
-    return (hAsync("textarea", Object.assign({ readOnly: props.readonly, disabled: props.disabled, maxLength: props.maxLength, minLength: props.minLength, cols: props.textareaCols, rows: props.textareaRows, ref: props.textAreaRef, class: {
-            'is-invalid': props.isInvalid,
-        }, required: props.required, value: props.value, placeholder: props.placeholder, onInput: (inputEvent) => {
-            const target = inputEvent.target;
-            props.updateFormInternalValue(target.value);
-            props.valueChange(target.value);
-        }, onBlur: () => props.onBlur(), style: {
-            resize: props.resizeBehavior,
-            height: props.textareaHeight,
-            width: props.textareaWidth,
-        } }, props.ariaAttributes)));
-}
-function InputElement(props) {
-    return (hAsync("input", Object.assign({ id: props.id, autoComplete: "off", readOnly: props.readonly, disabled: props.disabled, step: props.step, min: props.min, max: props.max, maxLength: props.maxLength ? Number(props.maxLength) : undefined, minLength: props.minLength ? Number(props.minLength) : undefined, ref: props.inputRef, pattern: props.pattern, type: props.type, class: {
-            'is-invalid': props.isInvalid,
-        }, required: props.required, value: props.value, placeholder: props.placeholder, onKeyPress: (event) => props.onKeyPress(event), onInput: (inputEvent) => {
-            const target = inputEvent.target;
-            props.updateFormInternalValue(target.value);
-            props.valueChange(target.value);
-        }, onBlur: () => props.onBlur() }, props.ariaAttributes)));
-}
-const SlotEnd = (props, children) => {
-    return (hAsync("div", { class: "end-container", ref: props.slotEndRef }, hAsync("slot", { name: "end", onSlotchange: props.onSlotChange }), children));
-};
-const SlotStart = (props) => {
-    return (hAsync("div", { class: "start-container", ref: props.slotStartRef }, hAsync("slot", { name: "start", onSlotchange: props.onSlotChange })));
-};
-
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
  *
@@ -19089,9 +18960,13 @@ function checkAllowedKeys(comp, event) {
 }
 async function checkInternalValidity(comp, input) {
     const validityState = input.validity;
-    const eventResult = comp.validityStateChange.emit(validityState);
-    if (eventResult.defaultPrevented) {
-        return;
+    const currentValidityState = !comp.hostElement.classList.contains('ix-invalid--validity-invalid');
+    const newValidityState = validityState.valid;
+    if (currentValidityState !== newValidityState) {
+        const eventResult = comp.validityStateChange.emit(validityState);
+        if (eventResult.defaultPrevented) {
+            return;
+        }
     }
     if (comp.value === null || comp.value === undefined) {
         return;
@@ -19180,6 +19055,64 @@ function observeElementUntilVisible(hostElement, updateCallback) {
     intersectionObserver.observe(hostElement);
     return intersectionObserver;
 }
+function handleSubmitOnEnterKeydown(event, suppressSubmitOnEnter, form) {
+    if (suppressSubmitOnEnter || event.key !== 'Enter' || !form) {
+        return;
+    }
+    event.preventDefault();
+    const submitButton = form.querySelector('button[type="submit"], ix-button[type="submit"]');
+    if (submitButton) {
+        form.requestSubmit(submitButton);
+    }
+    if (form.length === 1) {
+        form.requestSubmit();
+    }
+}
+
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+function TextareaElement(props) {
+    return (hAsync("textarea", Object.assign({ readOnly: props.readonly, disabled: props.disabled, maxLength: props.maxLength, minLength: props.minLength, cols: props.textareaCols, rows: props.textareaRows, ref: props.textAreaRef, class: {
+            'is-invalid': props.isInvalid,
+        }, required: props.required, value: props.value, placeholder: props.placeholder, onInput: (inputEvent) => {
+            const target = inputEvent.target;
+            props.updateFormInternalValue(target.value);
+            props.valueChange(target.value);
+        }, onBlur: () => props.onBlur(), style: {
+            resize: props.resizeBehavior,
+            height: props.textareaHeight,
+            width: props.textareaWidth,
+        } }, props.ariaAttributes)));
+}
+function InputElement(props) {
+    return (hAsync("input", Object.assign({ id: props.id, autoComplete: "off", readOnly: props.readonly, disabled: props.disabled, step: props.step, min: props.min, max: props.max, maxLength: props.maxLength ? Number(props.maxLength) : undefined, minLength: props.minLength ? Number(props.minLength) : undefined, ref: props.inputRef, pattern: props.pattern, type: props.type, class: {
+            'is-invalid': props.isInvalid,
+        }, style: {
+            textAlign: props.textAlignment,
+        }, required: props.required, value: props.value, placeholder: props.placeholder, onKeyPress: (event) => props.onKeyPress(event), onKeyDown: (e) => {
+            var _a;
+            (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            handleSubmitOnEnterKeydown(e, !!props.suppressSubmitOnEnter, props.form);
+        } }, {
+        onBeforeInput: (event) => { var _a; return (_a = props.onBeforeInput) === null || _a === void 0 ? void 0 : _a.call(props, event); },
+    }, { onPaste: (event) => { var _a; return (_a = props.onPaste) === null || _a === void 0 ? void 0 : _a.call(props, event); }, onInput: (inputEvent) => {
+            const target = inputEvent.target;
+            props.updateFormInternalValue(target.value);
+            props.valueChange(target.value);
+        }, onBlur: () => props.onBlur() }, props.ariaAttributes)));
+}
+const SlotEnd = (props, children) => {
+    return (hAsync("div", { class: "end-container", ref: props.slotEndRef }, hAsync("slot", { name: "end", onSlotchange: props.onSlotChange }), children));
+};
+const SlotStart = (props) => {
+    return (hAsync("div", { class: "start-container", ref: props.slotStartRef }, hAsync("slot", { name: "start", onSlotchange: props.onSlotChange })));
+};
 
 /*
  * SPDX-FileCopyrightText: 2024 Siemens AG
@@ -19475,6 +19408,15 @@ class DateInput {
          * E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on monday.
          */
         this.weekStartIndex = 0;
+        /**
+         * If false, pressing Enter will submit the form (if inside a form).
+         * Set to true to suppress submit on Enter.
+         */
+        this.suppressSubmitOnEnter = false;
+        /**
+         * Text alignment within the date input. 'start' aligns the text to the start of the input, 'end' aligns the text to the end of the input.
+         */
+        this.textAlignment = 'start';
         this.show = false;
         this.from = null;
         this.isInputInvalid = false;
@@ -19572,6 +19514,9 @@ class DateInput {
     checkClassList() {
         this.isInvalid = this.hostElement.classList.contains('ix-invalid');
     }
+    handleInputKeyDown(event) {
+        handleSubmitOnEnterKeydown(event, this.suppressSubmitOnEnter, this.formInternals.form);
+    }
     renderInput() {
         var _a;
         return (hAsync("div", { class: "input-wrapper" }, hAsync(SlotStart, { slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync("input", { autoComplete: "off", class: {
@@ -19590,6 +19535,8 @@ class DateInput {
             }, onBlur: () => {
                 this.ixBlur.emit();
                 this.touched = true;
+            }, onKeyDown: (event) => this.handleInputKeyDown(event), style: {
+                textAlign: this.textAlignment,
             } }), hAsync(SlotEnd, { slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { "data-testid": "open-calendar", class: { 'calendar-hidden': this.disabled || this.readonly }, variant: "subtle-tertiary", icon: iconCalendar, onClick: (event) => this.onCalenderClick(event), "aria-label": this.ariaLabelCalendarButton }))));
     }
     hookValidationLifecycle({ isInfo, isInvalid, isInvalidByRequired, isValid, isWarning, }) {
@@ -19630,15 +19577,13 @@ class DateInput {
     }
     render() {
         var _a;
-        const invalidText = this.isInputInvalid
-            ? this.i18nErrorDateUnparsable
-            : this.invalidText;
-        return (hAsync(Host, { key: '5c7284b0afd8b3ee906370beb4b7e872a849f5cb', class: {
+        const invalidText = getValidationText(this.isInputInvalid, this.invalidText, this.i18nErrorDateUnparsable);
+        return (hAsync(Host, { key: '4a7f986c62a82763e46faa0203a5b6ff82415aaf', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: '5e8c3a6dd37625cb818438fd8e0c7bef6daa46a1', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), hAsync("ix-dropdown", { key: '5bffd40d906d1e1e929b4a6041ff2cec6f857d34', "data-testid": "date-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
+            } }, hAsync("ix-field-wrapper", { key: 'c366d9ef3a538fd71e8d0f33d305e46da824421e', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), hAsync("ix-dropdown", { key: '6f10990b1e667f0e079f951d920707c15e24e50e', "data-testid": "date-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
                 this.show = event.detail;
-            } }, hAsync("ix-date-picker", { key: '8237c6eca404f1f11a921d965a7a0b7817072cf7', ref: this.datepickerRef, format: this.format, locale: this.locale, singleSelection: true, from: (_a = this.from) !== null && _a !== void 0 ? _a : '', minDate: this.minDate, maxDate: this.maxDate, onDateChange: (event) => {
+            } }, hAsync("ix-date-picker", { key: 'df14f590271c8177fa10360e72b0338088ed79be', ref: this.datepickerRef, format: this.format, locale: this.locale, singleSelection: true, from: (_a = this.from) !== null && _a !== void 0 ? _a : '', minDate: this.minDate, maxDate: this.maxDate, onDateChange: (event) => {
                 const { from } = event.detail;
                 this.onInput(from);
             }, showWeekNumbers: this.showWeekNumbers, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, embedded: true }))));
@@ -19677,6 +19622,8 @@ class DateInput {
             "weekStartIndex": [2, "week-start-index"],
             "ariaLabelPreviousMonthButton": [1, "aria-label-previous-month-button"],
             "ariaLabelNextMonthButton": [1, "aria-label-next-month-button"],
+            "suppressSubmitOnEnter": [516, "suppress-submit-on-enter"],
+            "textAlignment": [1, "text-alignment"],
             "show": [32],
             "from": [32],
             "isInputInvalid": [32],
@@ -19694,7 +19641,7 @@ class DateInput {
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["invalidText", "invalid-text"]]
+        "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["invalidText", "invalid-text"], ["suppressSubmitOnEnter", "suppress-submit-on-enter"]]
     }; }
 }
 __decorate$b([
@@ -19771,7 +19718,7 @@ function OnListener(event, fnExp) {
     };
 }
 
-const datePickerCss = ":host{display:block;position:relative;width:21rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .header{display:flex;align-items:center;justify-content:space-between}:host .disabled-item{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .selector{flex-basis:100%;display:flex;align-items:center;justify-content:center;padding:0.25rem 1rem}:host .selector .dropdown{color:var(--theme-menu-item--color);font-size:14px;line-height:20px}:host .selector .fontSize{font-size:16px}:host .selector .capitalize{text-transform:capitalize}:host .selector .month-dropdown-item{margin-left:4px;margin-right:4px}:host .selector .month-dropdown-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .selector .arrowYear{display:flex;position:relative;padding:0.75rem 2rem;align-items:center;cursor:pointer}:host .selector .arrowYear:hover{background-color:var(--theme-select-list-item--background--hover)}:host .selector .arrowYear.selected{background-color:var(--theme-select-list-item--background--selected)}:host .selector .arrowYear .arrowPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 6px)}:host .selector .arrowYear .checkPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 8px)}:host .selector .arrowYear .monthMargin{margin-left:10px}:host .wrapper{display:flex}:host .wrapper .overflow{overflow-y:scroll;max-height:250px}:host .grid{display:grid;grid-template-columns:repeat(7, 40px);grid-template-rows:repeat(7, 40px);align-items:center;justify-items:center;justify-content:center;color:var(--theme-datepicker-today--color)}:host .grid--show-week-numbers{grid-template-columns:24px repeat(7, 40px)}:host .grid .calendar-item{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--theme-datepicker-day--background);border:1px solid var(--theme-datepicker-day--background);width:40px;height:40px;cursor:pointer}:host .grid .calendar-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset);background-color:var(--theme-datepicker-day--background--selected);border:inset 1px solid var(--theme-datepicker-day--border-color--selected);color:var(--theme-datepicker-day--color--selected);font-size:14px;line-height:20px;letter-spacing:0}:host .grid .calendar-item.today{border:1px solid var(--theme-datepicker-today--border-color)}:host .grid .calendar-item.today:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item.today:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.today.selected{box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.today.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.today.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);border:1px solid var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.today.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range);border:1px solid var(--theme-datepicker-today--border-color--range);box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.range:hover{background-color:var(--theme-datepicker-day--background--range-hover);border:1px solid var(--theme-datepicker-today--border-color--range-hover)}:host .grid .calendar-item.today.range:active{background-color:var(--theme-datepicker-day--background--range-active);border:1px solid var(--theme-datepicker-today--border-color--range-active)}:host .grid .calendar-item.today.range.disabled{background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled);border:1px solid var(--theme-datepicker-today--border-color--range-disabled)}:host .grid .calendar-item.today.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .grid .calendar-item:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);border:1px solid var(--theme-datepicker-day--background--selected)}:host .grid .calendar-item.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range)}:host .grid .calendar-item.range:hover{background-color:var(--theme-datepicker-day--background--range-hover)}:host .grid .calendar-item.range:active{background-color:var(--theme-datepicker-day--background--range-active)}:host .grid .calendar-item.range.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled)}:host .grid .calendar-item.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled)}:host .grid .calendar-item.week-day{color:var(--theme-datepicker-weekday--color);font-size:12px;line-height:20px;border:none;background:none;cursor:initial}:host .grid .calendar-item.week-day .overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .grid .calendar-item.empty-day{border:none;background:none;cursor:initial}:host .grid .calendar-item.week-number{font-size:10px;line-height:14px;color:var(--theme-datepicker-weekday--color);border:none;background:none;cursor:initial;width:1.5rem}:host .button{display:flex;justify-content:flex-end;margin-top:1rem}:host .hidden{display:none}";
+const datePickerCss = ":host{display:block;position:relative;max-width:21rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .header{display:flex;align-items:center;justify-content:space-between}:host .disabled-item{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .selector{flex-basis:100%;display:flex;align-items:center;justify-content:center;padding:0 1rem}:host .selector .dropdown{color:var(--theme-menu-item--color);font-size:14px;line-height:20px}:host .selector .capitalize{text-transform:capitalize}:host .selector .month-dropdown-item{margin-left:4px;margin-right:4px}:host .selector .month-dropdown-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .selector .arrowYear{display:flex;position:relative;padding:0.75rem 2rem;align-items:center;cursor:pointer}:host .selector .arrowYear:hover{background-color:var(--theme-select-list-item--background--hover)}:host .selector .arrowYear.selected{background-color:var(--theme-select-list-item--background--selected)}:host .selector .arrowYear .arrowPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 6px)}:host .selector .arrowYear .checkPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 8px)}:host .selector .arrowYear .monthMargin{margin-left:10px}:host .wrapper{display:flex}:host .wrapper .overflow{overflow-y:scroll;max-height:250px}:host .grid{display:grid;grid-template-columns:repeat(7, 40px);grid-template-rows:repeat(7, 40px);align-items:center;justify-items:center;justify-content:center;color:var(--theme-datepicker-today--color)}:host .grid--show-week-numbers{grid-template-columns:24px repeat(7, 40px)}:host .grid .calendar-item{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--theme-datepicker-day--background);border:1px solid var(--theme-datepicker-day--background);width:40px;height:40px;cursor:pointer}:host .grid .calendar-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);box-shadow:inset 0 0 0 1px var(--theme-color-inv-contrast-text);background-color:var(--theme-datepicker-day--background--selected);border:inset 1px solid var(--theme-datepicker-day--border-color--selected);color:var(--theme-datepicker-day--color--selected);font-size:14px;line-height:20px;letter-spacing:0}:host .grid .calendar-item.today{border:1px solid var(--theme-datepicker-today--border-color)}:host .grid .calendar-item.today:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item.today:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.today.selected{box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.today.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.today.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);border:1px solid var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.today.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range);border:1px solid var(--theme-datepicker-today--border-color--range);box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.range:hover{background-color:var(--theme-datepicker-day--background--range-hover);border:1px solid var(--theme-datepicker-today--border-color--range-hover)}:host .grid .calendar-item.today.range:active{background-color:var(--theme-datepicker-day--background--range-active);border:1px solid var(--theme-datepicker-today--border-color--range-active)}:host .grid .calendar-item.today.range.disabled{background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled);border:1px solid var(--theme-datepicker-today--border-color--range-disabled)}:host .grid .calendar-item.today.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .grid .calendar-item:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);border:1px solid var(--theme-datepicker-day--background--selected);font-weight:var(--theme-font-weight-bold)}:host .grid .calendar-item.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range)}:host .grid .calendar-item.range:hover{background-color:var(--theme-datepicker-day--background--range-hover)}:host .grid .calendar-item.range:active{background-color:var(--theme-datepicker-day--background--range-active)}:host .grid .calendar-item.range.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled)}:host .grid .calendar-item.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled)}:host .grid .calendar-item.week-day{color:var(--theme-datepicker-weekday--color);font-size:var(--theme-ms-0);line-height:143%;border:none;background:none;cursor:initial}:host .grid .calendar-item.week-day .overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .grid .calendar-item.empty-day{border:none;background:none;cursor:initial}:host .grid .calendar-item.week-number{font-size:10px;line-height:14px;color:var(--theme-datepicker-weekday--color);border:none;background:none;cursor:initial;width:1.5rem}:host .button{display:flex;justify-content:flex-end;margin-top:1rem}:host .hidden{display:none}";
 
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -20253,7 +20200,7 @@ class DatePicker {
         return rows;
     }
     render() {
-        return (hAsync(Host, { key: '42d2c188cd731f5a7328dd1ce481f660101d7a09' }, hAsync("ix-date-time-card", { key: 'f2d961f0b5aff7ff940ca19eb3a436462ca05e99', corners: this.corners, embedded: this.embedded }, hAsync("div", { key: '196010db71c2325a06dbfe0c0ba532e2e09b9fb2', class: "header", slot: "header" }, hAsync("ix-icon-button", { key: '585f9ba06de70c8f20a3de2b1b6cf98ccdec1c19', onClick: () => this.changeToAdjacentMonth(-1), icon: iconChevronLeftSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelPreviousMonthButton }), hAsync("div", { key: '8d4222010c3ed656b21e0d75bf6013e0d7c19179', class: "selector" }, hAsync("ix-button", { key: '4a3dca3a156d8461c58a43ac2063a8416328eabb', variant: "tertiary", ref: this.dropdownButtonRef, "data-testid": "year-month-button" }, hAsync("span", { key: 'bc208dd3649f23fa34b7ec577ccfd5f21cd35366', class: "fontSize capitalize" }, this.monthNames[this.selectedMonth], " ", this.selectedYear)), hAsync("ix-dropdown", { key: '22175d2d9b7624b6f1de915c53e9b1fdd1bd1a15', "data-testid": "year-month-dropdown", class: "dropdown", trigger: this.dropdownButtonRef.waitForCurrent(), ignoreRelatedSubmenu: true, placement: "bottom-start" }, hAsync("div", { key: '2737cf0b9d6e5de84f3e875e8db015313eb1767e', class: "wrapper" }, hAsync("div", { key: '7a1cfb1f62cdbc0926ee1d50a6b515c762e54430', "data-testid": "year-container", class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: this.yearContainerRef }, this.renderYears()), hAsync("div", { key: '53b4d6194cac8ff5579002adbeea59be73a872b8', class: "overflow", "data-testid": "month-container" }, this.monthNames.map((month, index) => (hAsync("div", { key: month, ref: (ref) => {
+        return (hAsync(Host, { key: 'ac385bc586d47db0ce5aeb9eab3e7e71e71fe7cf' }, hAsync("ix-date-time-card", { key: 'e1d11ba64aa8b1374c6ded705afa779a9b3966b1', corners: this.corners, embedded: this.embedded }, hAsync("div", { key: 'bc99b5e074709ee8599799814a3bc7fd5ab417a5', class: "header", slot: "header" }, hAsync("ix-icon-button", { key: '6bc172523c9588a3bb1d200d5113b2533117c021', onClick: () => this.changeToAdjacentMonth(-1), icon: iconChevronLeftSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelPreviousMonthButton }), hAsync("div", { key: 'e3505b87752b9d763ba61286f1091e67e2ee3314', class: "selector" }, hAsync("ix-button", { key: 'f6740c7a4ea82875e876896ab0d311e56edf2c6d', variant: "tertiary", ref: this.dropdownButtonRef, "data-testid": "year-month-button" }, hAsync("span", { key: '0cd1e04f63512e2c8798d3524c2e8cc3e719d853', class: "capitalize" }, this.monthNames[this.selectedMonth], " ", this.selectedYear)), hAsync("ix-dropdown", { key: '0021b8af9b8ba6b23e9ed49ebb4edcecc55eeb26', "data-testid": "year-month-dropdown", class: "dropdown", trigger: this.dropdownButtonRef.waitForCurrent(), ignoreRelatedSubmenu: true, placement: "bottom-start" }, hAsync("div", { key: 'f00cf88696bec06c49c59962d3dcb4838be3f3f2', class: "wrapper" }, hAsync("div", { key: '0d6b2ca0c9a2f23a7fd1fa24cc05454da9e16af7', "data-testid": "year-container", class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: this.yearContainerRef }, this.renderYears()), hAsync("div", { key: 'bff068918a1f31e25f1d22b9e2f4b36e0a2affdd', class: "overflow", "data-testid": "month-container" }, this.monthNames.map((month, index) => (hAsync("div", { key: month, ref: (ref) => {
                 if (month === this.monthNames[0]) {
                     this.firstMonthRef(ref);
                 }
@@ -20267,10 +20214,10 @@ class DatePicker {
                 hidden: this.tempYear !== this.selectedYear ||
                     this.tempMonth !== index,
                 checkPosition: true,
-            }, name: iconSingleCheck, size: "16" }), hAsync("div", null, hAsync("span", { class: "capitalize monthMargin" }, `${month} ${this.tempYear}`))))))))), hAsync("ix-icon-button", { key: 'c9d4d4885134a651f4ee37f6ab7bc5bc92d06afc', onClick: () => this.changeToAdjacentMonth(1), icon: iconChevronRightSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelNextMonthButton })), hAsync("div", { key: '24ce38b7091fa6d8e712daaba8fd94d8e1364df3', class: {
+            }, name: iconSingleCheck, size: "16" }), hAsync("div", null, hAsync("span", { class: "capitalize monthMargin" }, `${month} ${this.tempYear}`))))))))), hAsync("ix-icon-button", { key: '42af554f8f382640b60f98b68708e5cb4912bf33', onClick: () => this.changeToAdjacentMonth(1), icon: iconChevronRightSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelNextMonthButton })), hAsync("div", { key: '565551cf265951458d43742f5a64e1d3e8107bcc', class: {
                 grid: true,
                 'grid--show-week-numbers': this.showWeekNumbers,
-            } }, this.showWeekNumbers && hAsync("div", { key: '27a12760475ceb0d93531b541e499c4d8274acee', class: "calendar-item week-day" }), this.dayNames.map((name) => (hAsync("div", { key: name, class: "calendar-item week-day" }, hAsync("div", { class: "overflow" }, name.slice(0, 3))))), this.calendar.map((week) => {
+            } }, this.showWeekNumbers && hAsync("div", { key: '153664ce89e84909f75d424f3af985f3c8caa22b', class: "calendar-item week-day" }), this.dayNames.map((name) => (hAsync("div", { key: name, class: "calendar-item week-day" }, hAsync("div", { class: "overflow" }, name.slice(0, 3))))), this.calendar.map((week) => {
             return (hAsync(Fragment, null, this.showWeekNumbers && (hAsync("div", { class: "calendar-item week-number" }, week.weekNumber)), week.dayNumbers.map((day) => {
                 return day ? (hAsync("div", { key: day, id: `day-cell-${day}`, "date-calender-day": true, class: this.getDayClasses(day), onClick: (e) => {
                         const target = e.currentTarget;
@@ -20282,10 +20229,10 @@ class DatePicker {
                         }
                     }, tabIndex: day === this.focusedDay ? 0 : -1, onFocus: () => this.onDayFocus(), onBlur: () => this.onDayBlur(), "aria-label": `${this.selectedMonth}: ${day}` }, day)) : (hAsync("div", null));
             })));
-        })), hAsync("div", { key: '5bca82f35ddda23816f7bdab87abbf7d52152325', class: {
+        })), hAsync("div", { key: 'a3eaf5affbf21d93ac0bd2938a544e372ecee2bc', class: {
                 button: true,
                 hidden: this.singleSelection || this.embedded,
-            } }, hAsync("ix-button", { key: 'f41c4b85162e1c199e079276b7ccfab3fb9149bd', onClick: () => this.onDone() }, this.i18nDone)))));
+            } }, hAsync("ix-button", { key: 'bcbc94626760a7c8e755f4afb52f127d5b49dcd7', onClick: () => this.onDone() }, this.i18nDone)))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -20335,7 +20282,7 @@ __decorate$a([
     OnListener('keydown')
 ], DatePicker.prototype, "handleKeyUp", null);
 
-const dateTimeCardCss = ":host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .card{background-color:var(--theme-menu--background);width:100%;box-shadow:none;border:none;border-radius:unset;display:flex;flex-direction:column}:host .card.standaloneAppearance{box-shadow:var(--theme-shadow-4);border-radius:0.25rem}:host .card.rounded{border-radius:4px}:host .card.left{border-radius:4px 0 0 4px;height:100%}:host .card.right{border-radius:0 4px 4px 0;height:100%}:host .card.straight{border-radius:0}:host .card .header-container{width:100%}:host .card .header-container .header{padding:1rem;flex:0 1 auto}:host .card .separator{border:1px solid var(--theme-datepicker-separator--background);width:100%;flex:0 1 auto}:host .card .content{padding:0 1rem 1rem 1rem;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}:host .card .content--time-picker{padding:0 1rem}:host .card .footer-container{width:100%}:host .card .footer-container .footer{padding:1rem}";
+const dateTimeCardCss = ":host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .card{background-color:var(--theme-menu--background);width:100%;box-shadow:none;border:none;border-radius:unset;display:flex;flex-direction:column}:host .card.standaloneAppearance{box-shadow:var(--theme-shadow-4);border-radius:0.25rem}:host .card.rounded{border-radius:4px}:host .card.left{border-radius:4px 0 0 4px;height:100%}:host .card.right{border-radius:0 4px 4px 0;height:100%}:host .card.straight{border-radius:0}:host .card .header-container{width:100%}:host .card .header-container .header{padding:0.75rem 1rem;flex:0 1 auto}:host .card .separator{height:1px;background-color:var(--theme-datepicker-separator--background);width:100%;flex:0 1 auto}:host .card .content{padding:0 1rem 1rem 1rem;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}:host .card .content--time-picker{padding:0 1rem}:host .card .footer-container{width:100%}:host .card .footer-container .footer{padding:1rem}";
 
 /**
  * @internal
@@ -20369,10 +20316,10 @@ class DateTimeCard {
         };
     }
     render() {
-        return (hAsync(Host, { key: '0429648eb4c31bde407975b519809a5a6fd8043a' }, hAsync("div", { key: '21434d00d886949b32554468fdca445b2b5cf76f', class: this.cardClasses() }, !this.hideHeader && (hAsync("div", { key: '7ef2b75a31b0e75646010e7f02a8dc338117d627', class: "header-container" }, hAsync("div", { key: 'bb3e80cbc6b1c9b5c9171638726074122cd91908', class: "header" }, hAsync("slot", { key: '6ae65febb1ee7862df7dcc781fa68286bd0b7d5e', name: "header" })), hAsync("div", { key: 'd4d63d904222fbc638a04ee16e11ceea03f03e0e', class: "separator" }))), hAsync("div", { key: '0f299d9c0743f2b9e0c9f7a0e2504e51471d4475', class: {
+        return (hAsync(Host, { key: 'e4b044b0076f79934f3e561dab684a9aa53ab8c2' }, hAsync("div", { key: '91f00686e9000d71745bca5bb958a401fe265ed2', class: this.cardClasses() }, !this.hideHeader && (hAsync("div", { key: '974c90cd1522069f3e10831b6cec9d80eefc7630', class: "header-container" }, hAsync("div", { key: '64d22e413cf579b3831580040d0921f73e37cbed', class: "header" }, hAsync("slot", { key: 'dadc035aa3e2aad17d16a0b7edb9c1aa83f5b64a', name: "header" })), hAsync("div", { key: '14c6cffd8a0086835c42dca7e5a12a9c569ebc2f', class: "separator" }))), hAsync("div", { key: 'e3150b66b51fd87e5cb62c620d9e46d21a3b9aed', class: {
                 content: true,
                 'content--time-picker': this.timePickerAppearance,
-            } }, hAsync("slot", { key: '6c955414005a3d9e004f1f69ded181f60f59dee5' })), this.hasFooter && (hAsync("div", { key: '09348617c1986599e342b209518727bd65976078', class: "footer-container" }, hAsync("div", { key: 'c3b84578c1acf0f8c9f01dcf8b9ec30364408a89', class: "separator" }), hAsync("div", { key: '2cd97f773f26fb1e48fa4f5bf459c3531379b22b', class: "footer" }, hAsync("slot", { key: 'f079e60d93d18c34030ff23f0d8f2043b9a2d85e', name: "footer" })))))));
+            } }, hAsync("slot", { key: '6fe2bfb5676a992be3caa5fd134dcb5f595f3ae3' })), this.hasFooter && (hAsync("div", { key: '2c2a1a534b8e71a472e3a7e0bca7e5187322a107', class: "footer-container" }, hAsync("div", { key: '67713b28bbfda3298d8778db37f8ca84d72270f0', class: "separator" }), hAsync("div", { key: '247a0ac8c8fe7ddfa7b2d05c0bd9a1671229469c', class: "footer" }, hAsync("slot", { key: 'b1f5a9ace8a8c69eff1a954850cca8174619dcc8', name: "footer" })))))));
     }
     static get style() { return dateTimeCardCss; }
     static get cmpMeta() { return {
@@ -20391,7 +20338,7 @@ class DateTimeCard {
     }; }
 }
 
-const datetimePickerCss = ":host{display:block;background-color:var(--theme-menu--background);border-radius:4px;position:relative;width:-moz-min-content;width:min-content}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-layout-grid{border-radius:0.25rem;box-shadow:var(--theme-shadow-4)}:host ix-time-picker{width:100%}:host .no-padding{padding:0}:host ix-col{display:flex;flex-direction:column;padding:0}:host .flex{display:flex;justify-content:center;flex-direction:column}@media (min-width: 576px){:host{min-width:-moz-max-content;min-width:max-content}:host .btn-select-date-container{display:inline-flex;flex-grow:1}:host .btn-select-date-container ix-button{margin-left:auto;margin-top:auto}:host .min-width{width:-moz-min-content;width:min-content}:host ix-time-picker{width:initial}}:host .individual{box-shadow:none;border:none}:host .btn-select-date-container{padding:0 1rem 1rem}@media (max-width: 576px){:host .btn-select-date-container .btn-select-date{width:100%}}";
+const datetimePickerCss = ":host{display:block;background-color:var(--theme-menu--background);border-radius:4px;position:relative;width:-moz-min-content;width:min-content}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-layout-grid{border-radius:0.25rem;box-shadow:var(--theme-shadow-4)}:host ix-time-picker{width:100%}:host .no-padding{padding:0}:host ix-col{display:flex;flex-direction:column;padding:0}:host .flex{display:flex;justify-content:center;flex-direction:column}:host .row-separator,:host .col-separator{border-bottom:0.0625rem solid var(--theme-datepicker-separator--background)}:host .col-separator{border-right:none}@media (min-width: 576px){:host{min-width:-moz-max-content;min-width:max-content}:host .btn-select-date-container{display:inline-flex;flex-grow:1}:host .btn-select-date-container ix-button{margin-left:auto;margin-top:auto}:host .min-width{width:-moz-min-content;width:min-content}:host ix-time-picker{width:initial}:host .col-separator{border-right:0.0625rem solid var(--theme-datepicker-separator--background);border-bottom:none}}:host .individual{box-shadow:none;border:none}:host .btn-select-date-container{padding:1rem}@media (max-width: 576px){:host .btn-select-date-container .btn-select-date{width:100%}}";
 
 class DatetimePicker {
     constructor(hostRef) {
@@ -20463,7 +20410,7 @@ class DatetimePicker {
         this.timeChange.emit(time);
     }
     render() {
-        return (hAsync(Host, { key: '91fb1dbd40b48c37c207de3f173e19ed72f3b6c3' }, hAsync("ix-layout-grid", { key: '0a9fc8ae63d59ba14185a12d3eb126351f4f67c4', class: "no-padding" }, hAsync("ix-row", { key: '31e56d9e8a7ca4a6afd5754f0caf28eb494d68cd' }, hAsync("ix-col", { key: '1df4729e7703d4f48d19233774a8fead11b74553' }, hAsync("ix-date-picker", { key: '80923eee970fc1c163a94986c109e13f09d3a606', ref: (ref) => (this.datePickerElement = ref), corners: "left", singleSelection: this.singleSelection, onDateChange: (event) => this.onDateChange(event), from: this.from, to: this.to, format: this.dateFormat, minDate: this.minDate, maxDate: this.maxDate, weekStartIndex: this.weekStartIndex, embedded: true, locale: this.locale, showWeekNumbers: this.showWeekNumbers, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton })), hAsync("ix-col", { key: 'd081455e2f00a9917e11902a70cb882a84e23615' }, hAsync("ix-time-picker", { key: '4602c3ca1b899ec283aa9469ce5fcdf4ba4a70fc', class: "min-width", ref: (ref) => (this.timePickerElement = ref), embedded: true, dateTimePickerAppearance: true, onTimeChange: (event) => this.onTimeChange(event), format: this.timeFormat, time: this.time }), hAsync("div", { key: '1329ef1e1af1b22de5f4754ee02452a4d1aabb6b', class: "btn-select-date-container" }, hAsync("ix-button", { key: '01efc3c5d4f72bd74a670a267a28e864c3e643fe', class: "btn-select-date", onClick: () => this.onDone() }, this.i18nDone)))))));
+        return (hAsync(Host, { key: '2b4812deec9408836a8187c3a520cd69b846e935' }, hAsync("ix-layout-grid", { key: '610fad916eb544d6687bcbfb3543b926f7521b9e', class: "no-padding" }, hAsync("ix-row", { key: '63dcab9421e05163577db32fda3bd714a0c00de7', class: "row-separator" }, hAsync("ix-col", { key: '8ac25a8147b15ac20b45c3f1e48bfda34919eae1', class: "col-separator" }, hAsync("ix-date-picker", { key: '1831729d8dcb31e5361fbef4a6290111847b8679', ref: (ref) => (this.datePickerElement = ref), corners: "left", singleSelection: this.singleSelection, onDateChange: (event) => this.onDateChange(event), from: this.from, to: this.to, format: this.dateFormat, minDate: this.minDate, maxDate: this.maxDate, weekStartIndex: this.weekStartIndex, embedded: true, locale: this.locale, showWeekNumbers: this.showWeekNumbers, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton })), hAsync("ix-col", { key: '51b004e4362c9dc26d0e59909cfb431fd874cbac' }, hAsync("ix-time-picker", { key: '40672098b7e7cc369afd8429b34d14b97bcd1380', class: "min-width", ref: (ref) => (this.timePickerElement = ref), embedded: true, dateTimePickerAppearance: true, onTimeChange: (event) => this.onTimeChange(event), format: this.timeFormat, time: this.time }))), hAsync("ix-row", { key: '876f3e8defe5de50013e8ea7e1f3465bd6e339a1' }, hAsync("ix-col", { key: '1515e3e7b9ac5b121c8b0c3284092698f85652bf' }, hAsync("div", { key: '6aa46d00d240c20de2e92bd5fa62f6ca59f53274', class: "btn-select-date-container" }, hAsync("ix-button", { key: 'ca4e27ecc31600f97ac2ab061cbbf29b2c717078', class: "btn-select-date", onClick: () => this.onDone() }, this.i18nDone)))))));
     }
     static get style() { return datetimePickerCss; }
     static get cmpMeta() { return {
@@ -20501,7 +20448,7 @@ class Divider {
         registerInstance(this, hostRef);
     }
     render() {
-        return hAsync(Host, { key: '2353ffd7afdc669190af6a4ee6f405c38ac117de' });
+        return hAsync(Host, { key: 'ca814e8d386105be46954dfba6ae6f9a0c8ba4a9' });
     }
     static get style() { return dividerCss; }
     static get cmpMeta() { return {
@@ -20642,7 +20589,7 @@ class Drawer {
         this.toggleDrawer(this.show);
     }
     render() {
-        return (hAsync(Host, { key: '16521422bdb7a66912901a8d1d156772c31c588a', class: {
+        return (hAsync(Host, { key: 'f40c42d1e7b7e8420c4a8f804a46b722580dd132', class: {
                 'drawer-container': true,
                 'display-none': true,
             }, style: {
@@ -20650,15 +20597,15 @@ class Drawer {
                 'max-width': `${this.maxWidth}rem`,
                 height: this.fullHeight ? '100%' : 'auto',
                 overflow: 'hidden',
-            }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, hAsync("div", { key: '8f1c103f6bb03c362a492031e2ad92bcf25d89cc', style: {
+            }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, hAsync("div", { key: '810a3738ce5350281d758808ba93981914760877', style: {
                 width: this.width === 'auto'
                     ? 'auto'
                     : `${this.getConstrainedWidth(this.width)}rem`,
-            } }, hAsync("div", { key: '7ff4e51b1f93fb7f686db4915ee838f32f61ae86', class: "header" }, hAsync("div", { key: '7c748e9f1e9c2b5468fd524844dfc761069572f2', class: "header-content" }, hAsync("slot", { key: 'ea0ef18347626104852b149f3944165932f9d661', name: "header" })), hAsync("ix-icon-button", { key: 'a446d3e8cb7648d320cd4ea31899d2b289afbabe', class: "close-button", style: {
+            } }, hAsync("div", { key: '5601266a5a02c122d1392234fe1c1a755e440bad', class: "header" }, hAsync("div", { key: 'a43e56c621a03939233e10bb907e6f2bd7a7e176', class: "header-content" }, hAsync("slot", { key: 'ab7c9e45ca78c512c1a242f53a616a16a98187fe', name: "header" })), hAsync("ix-icon-button", { key: 'eaaa6f03ffdf2f5e2d9100ab3f45c4a1f46ef63d', class: "close-button", style: {
                 display: this.showContent ? 'block' : 'none',
-            }, icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.onCloseClicked(), "data-testid": "close-button", "aria-label": this.ariaLabelCloseButton })), hAsync("div", { key: '87f799aa707aceefa145a0b547761f587593d8e2', class: "content", style: {
+            }, icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.onCloseClicked(), "data-testid": "close-button", "aria-label": this.ariaLabelCloseButton })), hAsync("div", { key: '170d74d584fb7b641adaa45800144a27f4354d92', class: "content", style: {
                 display: this.showContent ? 'block' : 'none',
-            } }, hAsync("slot", { key: 'aea1e984256bb60bcb6c6a6721988b86decdfca0' })))));
+            } }, hAsync("slot", { key: 'de087859ac50be70b998ab696698df91f6816f21' })))));
     }
     static get watchers() { return {
         "show": ["onShowChanged"]
@@ -22965,7 +22912,7 @@ class Dropdown {
         this.applyDropdownPosition();
     }
     render() {
-        return (hAsync(Host, { key: 'ee3eb8e3b68d99b1b5b81fe5540ea3b32ff41f09', "data-ix-dropdown": this.localUId, class: {
+        return (hAsync(Host, { key: '04a27e5950bf94cc355c91e0339f9450d46ff103', "data-ix-dropdown": this.localUId, class: {
                 'dropdown-menu': true,
                 show: this.show,
                 overflow: !this.suppressOverflowBehavior,
@@ -22973,7 +22920,7 @@ class Dropdown {
                 margin: '0',
                 minWidth: '0px',
                 position: this.positioningStrategy,
-            }, role: "list", onClick: (event) => this.onDropdownClick(event) }, hAsync("div", { key: '2ba27fbce21906f5ae9e98fa3527a834d9370938', style: { display: 'contents' } }, this.header && hAsync("div", { key: 'fa128cf328ac0228b99723fef040448979f610f9', class: "dropdown-header" }, this.header), this.show && hAsync("slot", { key: '2310f848f75cab461581ffb83d71b1b99ba7dc2e' }))));
+            }, role: "list", onClick: (event) => this.onDropdownClick(event) }, hAsync("div", { key: 'a5a82065838d09c0b0e8aa24887485664d0631b7', style: { display: 'contents' } }, this.header && hAsync("div", { key: '08e34e9d67769670fed4328d59d23de0d0bc1ccb', class: "dropdown-header" }, this.header), this.show && hAsync("slot", { key: 'ecf81415481bb26881fd6976b5e069ac444bb821' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -23039,11 +22986,11 @@ class DropdownButton {
             } }));
     }
     render() {
-        return (hAsync(Host, { key: '7bf428f629c4b9c4abe352fa22e187298f50d9ba', class: {
+        return (hAsync(Host, { key: '4e4aca39eff13b8f665682b3f2dc9ace533c7ca0', class: {
                 disabled: this.disabled,
-            }, ref: this.dropdownAnchor }, hAsync("div", { key: 'a1f250a7137b42f0f3a12a92190ea18929412b82', class: "dropdown-button" }, this.label ? (hAsync("ix-button", { variant: this.variant, disabled: this.disabled, alignment: "start", ariaLabel: this.ariaLabelDropdownButton }, hAsync("div", { class: 'content' }, this.icon ? (hAsync("ix-icon", { name: this.icon, size: "24", class: 'dropdown-icon' })) : null, hAsync("div", { class: 'button-label' }, this.label), hAsync("ix-icon", { name: this.dropdownShow
+            }, ref: this.dropdownAnchor }, hAsync("div", { key: '9583ed2274621e67d779e9668fead87f663b7558', class: "dropdown-button" }, this.label ? (hAsync("ix-button", { variant: this.variant, disabled: this.disabled, alignment: "start", ariaLabel: this.ariaLabelDropdownButton }, hAsync("div", { class: 'content' }, this.icon ? (hAsync("ix-icon", { name: this.icon, size: "24", class: 'dropdown-icon' })) : null, hAsync("div", { class: 'button-label' }, this.label), hAsync("ix-icon", { name: this.dropdownShow
                 ? iconChevronUpSmall
-                : iconChevronDownSmall, size: "24" })))) : (hAsync("div", null, hAsync("ix-icon-button", { icon: this.icon, variant: this.variant, disabled: this.disabled }), this.getTriangle()))), hAsync("ix-dropdown", { key: 'e726b227804176cc0b63a6c1bffc3d822820200d', class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior, onShowChanged: this.onDropdownShowChanged }, hAsync("slot", { key: '9c596b8bd686b0e69336b563aef512aba7937275' }))));
+                : iconChevronDownSmall, size: "24" })))) : (hAsync("div", null, hAsync("ix-icon-button", { icon: this.icon, variant: this.variant, disabled: this.disabled }), this.getTriangle()))), hAsync("ix-dropdown", { key: 'e4fd6fb8451d8883fac84764758a90ce6dc4d433', class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior, onShowChanged: this.onDropdownShowChanged }, hAsync("slot", { key: 'be8d3427e80c326bc7a6993f53190e290b824967' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return dropdownButtonCss; }
@@ -23073,7 +23020,7 @@ class DropdownHeader {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '48d7022431ca3afd5b2a54d5ed66a753a65b11ba' }, hAsync("ix-typography", { key: '930b1334c8a9e2974393bebec6890e72e204f360', class: 'category-text', format: 'h5' }, this.label)));
+        return (hAsync(Host, { key: '8c2634f5c46a222e4803fa7ae426fcdf9d8edaf4' }, hAsync("ix-typography", { key: '0951a5b06d746db809529a9149e021696507ade2', class: 'category-text', format: 'h5' }, this.label)));
     }
     static get style() { return dropdownHeaderCss; }
     static get cmpMeta() { return {
@@ -23125,15 +23072,15 @@ class DropdownItem {
             this.icon !== undefined);
     }
     render() {
-        return (hAsync(Host, { key: 'a5b2ef55abc61e30f76a2936f8a3dab1089bce21', class: {
+        return (hAsync(Host, { key: '4683b34a35d26f4cdce448ed24cdc5115f838fed', class: {
                 hover: this.hover,
                 'icon-only': this.isIconOnly(),
                 disabled: this.disabled,
                 submenu: this.isSubMenu,
-            }, role: "listitem" }, hAsync("button", { key: '8bbf025361d0f8f7e07e54e3d377a91900f40181', type: "button", tabIndex: 0, class: {
+            }, role: "listitem" }, hAsync("button", { key: 'a655623c265f18e805a0f60a093dd4ac565ab35c', type: "button", tabIndex: 0, class: {
                 'dropdown-item': true,
                 'no-checked-field': this.suppressChecked,
-            }, onClick: () => this.emitItemClick(), "aria-label": this.ariaLabelButton }, !this.suppressChecked ? (hAsync("div", { class: "dropdown-item-checked" }, this.checked ? (hAsync("ix-icon", { class: "checkmark", name: iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (hAsync("ix-icon", { class: "dropdown-item-icon", name: this.icon, "aria-label": this.ariaLabelIcon })) : null, hAsync("div", { key: '65fae7a6a32288a2b48be1cb26c83ae4faea527a', class: "dropdown-item-text" }, this.label, hAsync("slot", { key: '5b0f74293fcfecf625a83abf1a5ac4de8f6f55ea' })), this.isSubMenu ? (hAsync("ix-icon", { name: iconChevronRightSmall, class: 'submenu-icon' })) : null)));
+            }, onClick: () => this.emitItemClick(), "aria-label": this.ariaLabelButton }, !this.suppressChecked ? (hAsync("div", { class: "dropdown-item-checked" }, this.checked ? (hAsync("ix-icon", { class: "checkmark", name: iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (hAsync("ix-icon", { class: "dropdown-item-icon", name: this.icon, "aria-label": this.ariaLabelIcon })) : null, hAsync("div", { key: 'd88e90650387ce4dd0d440fe03bf21c19c785709', class: "dropdown-item-text" }, this.label, hAsync("slot", { key: 'd892aabbb2e268d36c348b800c043d08f2ceef83' })), this.isSubMenu ? (hAsync("ix-icon", { name: iconChevronRightSmall, class: 'submenu-icon' })) : null)));
     }
     get hostElement() { return getElement(this); }
     static get style() { return dropdownItemCss; }
@@ -23166,7 +23113,7 @@ class DropdownQuickActions {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '35441282ec232f2028ff15215a93a48c6d4e46ed' }, hAsync("slot", { key: '91f97516822014d5b70ee4b7134f9c377cb70824' })));
+        return (hAsync(Host, { key: '270b8dba8a8b79072beb81301d923f8f8754b70f' }, hAsync("slot", { key: '9970e51c7af36350359311ea217e2a402a35f994' })));
     }
     static get style() { return dropdownQuickActionsCss; }
     static get cmpMeta() { return {
@@ -23191,7 +23138,7 @@ class EmptyState {
         this.layout = 'large';
     }
     render() {
-        return (hAsync(Host, { key: 'd9b634f06732db0749e3c9c3167ae711f96a7183', class: `emptyState emptyState--${this.layout}` }, this.icon && (hAsync("div", { key: 'a6a98e33af14d3a66d207c2d77d1aa6e34800538', class: "emptyState__icon" }, hAsync("ix-icon", { key: '8511efa645e81a5d1604cdd01e2f4caf95e01d3b', name: this.icon, size: this.layout === 'large' ? '32' : '32', color: "color-soft-text", "aria-label": this.ariaLabelEmptyStateIcon }))), hAsync("div", { key: 'b33eaf65405ef3941876dd7b9cf0f561e9de1649', class: "emptyState__content" }, hAsync("div", { key: '3b9670173d55afc815b8e43606b06c535ddd51d6', class: "content__label" }, hAsync("ix-typography", { key: 'e461e4696bd05399ad8a3f270edff959d6a49fbd', format: this.layout === 'large' ? 'h3' : 'body' }, this.header), this.subHeader && (hAsync("div", { key: 'ff0926ea025bb9a374ac765ac287b757af6f7c22', class: "label__subHeader" }, this.subHeader))), this.action && (hAsync("div", { key: '611fbc746d27fcde68f6dd11db2a0b2d3725ff05', class: "content__action" }, hAsync("ix-button", { key: 'ee78f195e25bbed7ece55ffc5e5884ad5ea9fef9', onClick: () => this.actionClick.emit() }, this.action))))));
+        return (hAsync(Host, { key: '40044bc561b77f0ca121fec086c4e50959cd84b8', class: `emptyState emptyState--${this.layout}` }, this.icon && (hAsync("div", { key: '4f7caad68b5bfdae9a3becc0d9cb86e6aa121b9a', class: "emptyState__icon" }, hAsync("ix-icon", { key: '4f3540bc8589358f3a81136bf18e37a963ccf8c4', name: this.icon, size: this.layout === 'large' ? '32' : '32', color: "color-soft-text", "aria-label": this.ariaLabelEmptyStateIcon }))), hAsync("div", { key: 'aa658e73609ff249ada8b4a11897bc6fd16f3e27', class: "emptyState__content" }, hAsync("div", { key: 'f46a03dcf711bdfc3919d3f94e5b60e64f434173', class: "content__label" }, hAsync("ix-typography", { key: 'dd56a7bc024921adedf792ed956614a13a7dd723', format: this.layout === 'large' ? 'h3' : 'body' }, this.header), this.subHeader && (hAsync("div", { key: '7813b0fd9e490328b24566ae0abb805dbc2d1b3b', class: "label__subHeader" }, this.subHeader))), this.action && (hAsync("div", { key: '4ffbf8f873bff95e04376dac344cd312d39a68d6', class: "content__action" }, hAsync("ix-button", { key: '20739fd736c3176034dcc6d564c09879f745b9b3', onClick: () => this.actionClick.emit() }, this.action))))));
     }
     static get style() { return emptyStateCss; }
     static get cmpMeta() { return {
@@ -23332,11 +23279,11 @@ class EventList {
         });
     }
     render() {
-        return (hAsync(Host, { key: '700b662ebfba2754f0c4c0d3bf09e95c5277760d', class: {
+        return (hAsync(Host, { key: '71648df2cdbbb1951fa970739cdf1a6f4bd1c40f', class: {
                 'item-size-s': this.itemHeight === 'S',
                 'item-size-l': this.itemHeight === 'L',
                 compact: this.compact,
-            } }, hAsync("div", { key: 'ebfed96ff53b21d49c9b9464978c79faa22210e0', role: "list" }, hAsync("slot", { key: '4df468a4c4cc9643dae0b13f7b88df3402e3beaf' }))));
+            } }, hAsync("div", { key: 'ce46bd8d70b502d2dd19ffee75d2f3ae45e95d5a', role: "list" }, hAsync("slot", { key: '016b05cd0e580af2e89232c3f4a0b5ebad8bda62' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -23393,17 +23340,17 @@ class EventListItem {
         let color = ((_a = this.itemColor) === null || _a === void 0 ? void 0 : _a.startsWith('--theme'))
             ? `var(${this.itemColor})`
             : `var(--theme-${this.itemColor})`;
-        return (hAsync(Host, { key: 'd03c2d90446a33d65d9a8899e4966b7493126b50', class: {
+        return (hAsync(Host, { key: '76e06ddd63da8e0adec50dcd20bc61e2f2d1e1c0', class: {
                 disabled: this.disabled,
                 [`event-list-item-${this.variant}`]: true,
-            } }, hAsync("div", { key: 'fef59b96300f41b2454dc5033d070cc49a3418f5', role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
+            } }, hAsync("div", { key: 'b04e600de4ca8f82c0ac973f6df2efc6a9c1acdb', role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
                 'event-list-item': true,
                 selected: this.selected,
                 disabled: this.disabled,
-            } }, hAsync("div", { key: '5d9cee6f17423412e512046cb2db08e67e8bf692', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
+            } }, hAsync("div", { key: 'e8cbc3d3a7e752fd60fa30b92503d4c7a2b64392', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
                 'background-color': this.itemColor ? color : 'inherit',
                 opacity: `${this.disabled ? 0.4 : 1}`,
-            } }), hAsync("div", { key: '19c487ecf53c8e3b277ed01d4e894cb60b314484', class: "event-list-item-container" }, hAsync("div", { key: '272e1d5326384ee10820219d010c2210632c1aaf', class: "event-content" }, hAsync("slot", { key: 'e901ca6e3059c187f5f3711610edaa9325f85112' })), this.chevron && (hAsync("ix-icon", { key: '5193a58d44e7a7d5c903d64c2c757575e9711806', name: iconChevronRight, size: "16", class: "chevron-icon", "aria-hidden": "true" }))))));
+            } }), hAsync("div", { key: '41e137395c4466be016fd1c97456b040f60de4ab', class: "event-list-item-container" }, hAsync("div", { key: '0a38f7c6f62b877dde4a27db021daff4c47440e0', class: "event-content" }, hAsync("slot", { key: '8867732a5801ab78afc2de8ff60a715608c5f8c7' })), this.chevron && (hAsync("ix-icon", { key: '3a0155d4a8dc6fae7d65c181f0197abe5f78b4af', name: iconChevronRight, size: "16", class: "chevron-icon", "aria-hidden": "true" }))))));
     }
     static get style() { return eventListItemCss; }
     static get cmpMeta() { return {
@@ -23484,20 +23431,20 @@ class ExpandingSearch {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '91622f4e7d04b72c143c27d92097b16e05314423', class: {
+        return (hAsync(Host, { key: 'a7502cbddcb136608813c4fe522e868ae3d5806d', class: {
                 expanded: this.expanded,
                 'right-position': this.expanded,
                 fullWidth: this.fullWidth,
-            } }, hAsync("ix-icon-button", { key: '1c84d2ec7fac2727f626b796348d60c41f559d55', size: this.expanded ? '16' : '24', icon: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, variant: this.expanded ? 'tertiary' : this.variant, "data-testid": "button", onClick: () => this.expandInput(), tabindex: this.expanded ? -1 : 0, color: this.hasFocus ? 'input-search-icon--color--focus' : undefined, class: {
+            } }, hAsync("ix-icon-button", { key: 'ad6ed825caea25be04469731e4eb8c33d08b1ad0', size: this.expanded ? '16' : '24', icon: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, variant: this.expanded ? 'tertiary' : this.variant, "data-testid": "button", onClick: () => this.expandInput(), tabindex: this.expanded ? -1 : 0, color: this.hasFocus ? 'input-search-icon--color--focus' : undefined, class: {
                 'btn-search': true,
                 'btn-search--expanded': this.expanded,
-            }, "aria-label": this.ariaLabelSearchIconButton }), hAsync("div", { key: 'a407add1967deb4343c4044fecbe2836f73f967f', class: {
+            }, "aria-label": this.ariaLabelSearchIconButton }), hAsync("div", { key: 'b12d4ab2b26f00564d6edc1c3fd0d0f1ba48a8c2', class: {
                 expanded: this.expanded,
                 fullWidth: this.fullWidth,
                 collapsed: !this.expanded,
                 'disable-pointer': !this.expanded,
                 'input-container': true,
-            }, "data-testid": "input-wrapper" }, hAsync("input", { key: '6842d94f77a0b6ed4fb0ed6c6d77bb7e7937bacd', class: {
+            }, "data-testid": "input-wrapper" }, hAsync("input", { key: '47f11db65a0f58d1fb0c77239062b8414538d200', class: {
                 'ix-form-control': true,
                 input: this.expanded,
                 'disable-pointer': !this.expanded,
@@ -23539,8 +23486,12 @@ class ExpandingSearch {
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-function hasAnyText({ invalidText, warningText, infoText, validText, helperText, }) {
-    return [invalidText, warningText, infoText, validText, helperText].some((text) => text === null || text === void 0 ? void 0 : text.trim());
+function hasAnyText({ invalidText, isInvalid, warningText, isWarning, infoText, isInfo, validText, isValid, helperText, }) {
+    return !!((isInvalid && (invalidText === null || invalidText === void 0 ? void 0 : invalidText.trim())) ||
+        (isWarning && (warningText === null || warningText === void 0 ? void 0 : warningText.trim())) ||
+        (isInfo && (infoText === null || infoText === void 0 ? void 0 : infoText.trim())) ||
+        (isValid && (validText === null || validText === void 0 ? void 0 : validText.trim())) ||
+        (helperText === null || helperText === void 0 ? void 0 : helperText.trim()));
 }
 function HelperText$1(props) {
     if (!hasAnyText(props))
@@ -23605,9 +23556,9 @@ class FieldWrapper {
             infoText: this.infoText,
             helperText: this.helperText,
         };
-        return (hAsync(Host, { key: '3ea3695c5b1cb5cb88461edf1a695dbbffc41446' }, this.label && (hAsync("div", { key: '6e70790f01487566ca50218321827083273a8b72', class: "field-top" }, hAsync("ix-field-label", { key: 'e95f598950e502b0b740aa715b4ba98d29988274', required: this.required, htmlFor: this.htmlForLabel, controlRef: this.controlRef, isInvalid: this.isInvalid }, this.label))), hAsync("div", { key: '779b3fc2560650307ce95531b49354a9c5d87ecd', class: {
+        return (hAsync(Host, { key: 'a27a9cefcce30e8dc30ca6a3fd72164227e86fdf' }, this.label && (hAsync("div", { key: 'ef4a8585d24c3b0400e85b1a21bd9344e01bcb47', class: "field-top" }, hAsync("ix-field-label", { key: '93c9f7cfbbde681956a7676721f1dd0821907e89', required: this.required, htmlFor: this.htmlForLabel, controlRef: this.controlRef, isInvalid: this.isInvalid }, this.label))), hAsync("div", { key: '3a26cb08a91fc7c0f10de83a5b722b5af66f059f', class: {
                 'slot-wrapper': true,
-            }, ref: this.slotRef }, hAsync("slot", { key: 'de4549ef8be697b8298962bb254c33b531cbc915' })), hAsync("div", { key: '638eab71346a22e27c6e255d1ffd631d9f714cc7', class: 'field-bottom' }, !this.showTextAsTooltip && hAsync(HelperText$1, Object.assign({ key: '37e18fbd7031e597ab332cb0dbc1d49f8fd64204' }, textOptions)), hAsync("div", { key: '0b8ac94f2968e14a3d0640ab74f00a3d51eb74a2', class: "bottom-right" }, hAsync("slot", { key: 'd8357cafd084a1481b1312d624493bbde299a270', name: "bottom-right" }))), this.showTextAsTooltip === true && hasAnyText(textOptions) && (hAsync("ix-tooltip", { key: 'd4e277ed85a1cbb2d28779bfee25569cbd717e41', for: this.slotRef.waitForCurrent(), showDelay: 500, placement: "bottom" }, hAsync(HelperText$1, Object.assign({ key: '0286be2eb095edbfb7f97c794dac74d79c2c4ad0' }, textOptions))))));
+            }, ref: this.slotRef }, hAsync("slot", { key: 'fe73a444a23928cee7f7899cc3bb6aef76eefa68' })), hAsync("div", { key: 'bc5fa34c5a05e49427e63a87d70db0735a0a0b80', class: 'field-bottom' }, !this.showTextAsTooltip && hAsync(HelperText$1, Object.assign({ key: '67abdfcf2448d8df422cd0ee39c162f423e5c564' }, textOptions)), hAsync("div", { key: 'fecb02a2e534980491ea776cdc952b1aeea41286', class: "bottom-right" }, hAsync("slot", { key: '9a958f810edf477be93394d887724c9763c57f17', name: "bottom-right" }))), this.showTextAsTooltip === true && hasAnyText(textOptions) && (hAsync("ix-tooltip", { key: 'd3d8810548d267811e5f298fbb41f657abbae27d', for: this.slotRef.waitForCurrent(), showDelay: 500, placement: "bottom" }, hAsync(HelperText$1, Object.assign({ key: '44c241959d5db7e91c00a08a843a51dfc9307256' }, textOptions))))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return fieldWrapperCss; }
@@ -23657,7 +23608,7 @@ class FilterChip {
         this.closeClick.emit();
     }
     render() {
-        return (hAsync(Host, { key: 'c778f50984ea53997c6c1188e8d3b030e4dfa4c8', class: { disabled: this.disabled, readonly: this.readonly }, title: this.hostElement.textContent }, hAsync("div", { key: 'b6888190e09ae621eb7e004f418f0944eb062a7b', class: "slot-container" }, hAsync("slot", { key: 'c8a3e52464c4873d4c949b9c472613b12fd7fee7' })), !this.disabled && !this.readonly ? (hAsync("ix-icon-button", { variant: "tertiary", oval: true, icon: iconCloseSmall, size: "16", tabindex: this.disabled ? -1 : 0, disabled: this.disabled, onClick: (e) => this.onCloseClick(e), "aria-label": this.ariaLabelCloseIconButton })) : null));
+        return (hAsync(Host, { key: '03b4a6c34e034efe267406a523a902e85665b351', class: { disabled: this.disabled, readonly: this.readonly }, title: this.hostElement.textContent }, hAsync("div", { key: '75c8992cf2e8dc2d2ff76d1579219ff4bef46fd2', class: "slot-container" }, hAsync("slot", { key: 'ea52727be5fa2cda2f9ddaa2a7a37a1c7c1f4f91' })), !this.disabled && !this.readonly ? (hAsync("ix-icon-button", { variant: "tertiary", oval: true, icon: iconCloseSmall, size: "16", tabindex: this.disabled ? -1 : 0, disabled: this.disabled, onClick: (e) => this.onCloseClick(e), "aria-label": this.ariaLabelCloseIconButton })) : null));
     }
     get hostElement() { return getElement(this); }
     static get style() { return filterChipCss; }
@@ -23784,7 +23735,7 @@ class FlipTile {
         }, 2 * Animation.defaultTime);
     }
     render() {
-        return (hAsync(Host, { key: '25b1720be9a951508fc42a3182abf77ca5239417', class: {
+        return (hAsync(Host, { key: '32727b4df750f9d1892f365a7e8d729447be05ac', class: {
                 [`flip-tile-variant-${this.variant}`]: true,
             }, style: {
                 height: `${this.height}${this.height === 'auto' ? '' : 'rem'}`,
@@ -23793,10 +23744,10 @@ class FlipTile {
                 width: `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
                 'min-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
                 'max-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
-            } }, hAsync("div", { key: '82eb523c35d63e1974af85d03011d72a60d6a12c', class: "flip-tile-container" }, hAsync("div", { key: '8a71a7dcccaaee476cd6b619ef2f9d0dd2f20dcb', class: "flip-tile-header" }, hAsync("div", { key: 'b8333d824024998ebfb1b110a659d41cd4f0ceb5', class: "header-slot-container text-l-title" }, hAsync("slot", { key: 'cca1a6e9e83af3af0bae04336f7c570d71d79c8f', name: "header" })), hAsync("ix-icon-button", { key: '5a97cef1d5669839903b13ec4478f2a1389e5711', icon: iconEye, variant: "tertiary", onClick: () => this.toggleIndex(), "aria-label": this.ariaLabelEyeIconButton })), hAsync("div", { key: '707bfbb106caf3d37dfff0df91e846f61e466a00', class: "content-container" }, hAsync("slot", { key: '61289a19308af72be66d7494b35985bcb8145401' })), hAsync("div", { key: 'acfc13e29fa9ea434dbb466a7d5155ed79bf030f', class: {
+            } }, hAsync("div", { key: 'e58093dce55ede49f9f1782327c73918ee21d2c6', class: "flip-tile-container" }, hAsync("div", { key: 'bd60e44b5b04177c4003936aa15d6539cd093883', class: "flip-tile-header" }, hAsync("div", { key: '792d0e39b406fb50561f3c35c0340ee827b568e6', class: "header-slot-container text-l-title" }, hAsync("slot", { key: '9e320aef9f89689b594c9555e154c8795dbdb233', name: "header" })), hAsync("ix-icon-button", { key: 'dc0a042565001a79ea17e33671f4c2486b702ebf', icon: iconEye, variant: "tertiary", onClick: () => this.toggleIndex(), "aria-label": this.ariaLabelEyeIconButton })), hAsync("div", { key: 'fa61544ccf0e16884c4d747e0e7cc174216d7906', class: "content-container" }, hAsync("slot", { key: '1ed79120c3e926bb5f48a0e1980f5dfb785050f8' })), hAsync("div", { key: '543216df0a9e93c9a739b921259e529eb494e751', class: {
                 footer: true,
                 'show-footer': this.hasFooterSlot,
-            } }, hAsync("slot", { key: '7bcf5c8d4f037291a6258059e99ae3c1e8ac2585', name: "footer", onSlotchange: (event) => this.handleFooterSlotChange(event) })))));
+            } }, hAsync("slot", { key: '271f61fc236be2813cec900c788fe4bfcb2c285d', name: "footer", onSlotchange: (event) => this.handleFooterSlotChange(event) })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -23834,7 +23785,7 @@ class FlipTileContent {
         this.contentVisible = false;
     }
     render() {
-        return hAsync(Host, { key: 'ae499b00da903e80a7cf53e15185d2a5bf9b3819' }, this.contentVisible ? hAsync("slot", null) : null);
+        return hAsync(Host, { key: '264e3539d6c5abcd8716968a4128da99ca191375' }, this.contentVisible ? hAsync("slot", null) : null);
     }
     static get style() { return flipTileContentCss; }
     static get cmpMeta() { return {
@@ -23955,7 +23906,7 @@ class FormFieldLabel {
         }
     }
     render() {
-        return (hAsync(Host, { key: '77162f206e9a44c451be1c3e63f36647514df468', onClick: () => this.focusOnClick() }, hAsync("label", Object.assign({ key: '73aae16a736c4bcb35e87947128df17dae60b262', htmlFor: this.htmlFor }, this.a11yAttributes, { ref: this.labelRef }), hAsync("ix-typography", { key: 'b73ceb433e4db5c0fb178ba7aebb61c24e1cf37a', textColor: this.isInvalid ? 'alarm' : 'soft', format: "label" }, hAsync("slot", { key: '8625032e1c28424e817ec6c2a7aaab73cfaf1900' }), this.required && hAsync("span", { key: 'c1b865c52013bbb51ceb8797a324bffbe771eaa9' }, "*")))));
+        return (hAsync(Host, { key: 'ca4f1ba84a3a19a4d15aa517272c90bebf782e13', onClick: () => this.focusOnClick() }, hAsync("label", Object.assign({ key: '44e2386d5dd7c51d3b5a9e1530e986b15ba64d23', htmlFor: this.htmlFor }, this.a11yAttributes, { ref: this.labelRef }), hAsync("ix-typography", { key: 'ab97048f7a521ad398438795ba7a5ccba2571f4c', textColor: this.isInvalid ? 'alarm' : 'soft', format: "label" }, hAsync("slot", { key: 'faf628440f832acb412c7f5b40dab4620da785d7' }), this.required && hAsync("span", { key: 'd15676e3bf2d645ce2e1fc8f3bd91af23b6ec725' }, "*")))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -24111,27 +24062,27 @@ class Group {
         }
     }
     render() {
-        return (hAsync(Host, { key: '3f0490f98871cd258f1a7735587c5c994787b5f3' }, hAsync("div", { key: '85a820e8677768ac5952862d6860bf67ddddd06b', class: {
+        return (hAsync(Host, { key: 'b93d2c8f1290baa2983945ce349b90e95bf18696' }, hAsync("div", { key: '3e9ce7ce3402f48bb17612a97bf9bee85767c6aa', class: {
                 'group-header': true,
                 expand: this.expanded,
                 selected: this.selected,
-            }, tabindex: "0" }, hAsync("div", { key: 'eb02896f695cf74d19a0c17e732886ba2791cae8', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, hAsync("div", { key: '6c361a6e2bb2b9e9614f726c72d943bb540c6e6f', class: {
+            }, tabindex: "0" }, hAsync("div", { key: 'daeb1087643b9f0267b3e2ba13a3973486730888', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, hAsync("div", { key: '9771b2df1e5b68339aa9c4689de4b2d24bc09341', class: {
                 'group-header-selection-indicator': true,
                 'group-header-selection-indicator-item-selected': this.itemSelected,
-            } }), hAsync("div", { key: '957fddd2512cb0004889bb8627dca06a24172678', class: "btn-expand-header" }, hAsync("ix-icon", { key: '5e6d9f54bd16530b6ee35be0ae2429075574f7af', "data-testid": "expand-collapsed-icon", class: {
+            } }), hAsync("div", { key: 'e0e1454e780614a31955720bd7b62d7bfec1b7e0', class: "btn-expand-header" }, hAsync("ix-icon", { key: '0742c7515bbac3d3ba0221a5c3b0860d6a1792a2', "data-testid": "expand-collapsed-icon", class: {
                 hidden: !this.showExpandCollapsedIcon,
-            }, name: this.expanded ? iconChevronUpSmall : iconChevronDownSmall, onClick: (event) => this.onExpandClick(event) })), hAsync("div", { key: '7afbcddcae71944c3d89f4671c52faec405072da', class: "group-header-content" }, this.header ? (hAsync("div", { class: "group-header-props-container" }, hAsync("div", { class: "group-header-title" }, hAsync("span", { title: this.header }, this.header)), hAsync("div", { class: "group-subheader", title: this.subHeader }, this.subHeader))) : null, hAsync("slot", { key: '434daedde0c193250cc55ecef24a648427d93521', name: "header" }))), this.hasDropdown && (hAsync("ix-group-context-menu", { key: '4c3e93b8fe830a7d3e40c9560b5821a44e82a076' }, hAsync("slot", { key: '509f13fadad10aa375da8d823692c869031e51c5', name: "dropdown" })))), hAsync("div", { key: '1fbc03459ee2ce55b44f2393898ced6fd8d767ca', class: {
+            }, name: this.expanded ? iconChevronUpSmall : iconChevronDownSmall, onClick: (event) => this.onExpandClick(event) })), hAsync("div", { key: '4aa355b5a3a7f70977275139779000b2474a4a91', 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: 'c782251ecc1044aa3f7923d8f58b7f9c28700b4f', name: "header" }))), this.hasDropdown && (hAsync("ix-group-context-menu", { key: '0899d27a51f412aea136b00fcae9ab32859670f4' }, hAsync("slot", { key: '76f9b3b94312879ac5e349546172e3d95aefce78', name: "dropdown" })))), hAsync("div", { key: 'f6a6aac17d8685244c28b8c6ecd24c966985ba1b', class: {
                 'group-content': true,
-            } }, hAsync("div", { key: 'e5c7ab27d286eb9a3e56d906cff40009fcd9c317', style: {
+            } }, hAsync("div", { key: 'f805cc015b7bf9c919ea9129500e4af8773b7f63', style: {
                 display: this.expanded ? 'contents' : 'none',
-            } }, hAsync("slot", { key: '270b3877b50ad67ad95ef1bf6ac28aa7a6bfc1ae', onSlotchange: () => {
+            } }, hAsync("slot", { key: '703791e124429a91a5798429443c3494d18b262d', onSlotchange: () => {
                 var _a;
                 const slot = (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
                 this.showExpandCollapsedIcon = hasSlottedElements(slot);
-            } }), hAsync("ix-group-item", { key: '1a44451e3855c4e7fa22d1aefa4df34692dc3453', class: {
+            } }), hAsync("ix-group-item", { key: '5e471c137730667bd459ac80943369b59f81c544', class: {
                 footer: true,
                 'footer-visible': this.footerVisible,
-            }, groupFooter: true, suppressSelection: true }, hAsync("slot", { key: '221292d8be0d15548275e6a24e4f3fcbccd3d2dc', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
+            }, groupFooter: true, suppressSelection: true }, hAsync("slot", { key: '84526685ab81de426a70ecfb52db3211b4a3219b', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -24193,7 +24144,7 @@ class GroupContextMenu {
         this.configureDropdown(dropdownElement, triggerElement);
     }
     render() {
-        return (hAsync(Host, { key: '0af5417d3a5a775bc90a40929ddafbff30095b22' }, hAsync("ix-icon-button", { key: '2168944a247641423a32816017bf495ad7f3196d', class: { hide: !this.showContextMenu }, size: "24", variant: "subtle-tertiary", icon: iconContextMenu }), hAsync("slot", { key: '41dbc7adfffe4d88cdd2d73ff6701b4a8148084e', onSlotchange: () => this.onSlotChange() })));
+        return (hAsync(Host, { key: '13eed06b9866e6d59f3972d2940f752d8f245b52' }, hAsync("ix-icon-button", { key: '6fc57583df2308b3fa234d8fd675cbcb05a55974', class: { hide: !this.showContextMenu }, size: "24", variant: "subtle-tertiary", icon: iconContextMenu }), hAsync("slot", { key: 'b56d53e0b2154c0eefcd99fdd8eeb508457b7641', onSlotchange: () => this.onSlotChange() })));
     }
     get hostElement() { return getElement(this); }
     static get style() { return groupContextMenuCss; }
@@ -24317,7 +24268,7 @@ class HelperText {
         this.validationResults = checkFieldClasses(forElement);
     }
     render() {
-        return (hAsync(Host, { key: 'fc7c96b79fcbff2f9bcf9b45345f16dba5a404c6' }, hAsync(HelperText$1, Object.assign({ key: '9e6d2c5fa00aa658c5fa9ae1393537b6255e42f4', helperText: this.helperText,
+        return (hAsync(Host, { key: '95d6dfb6a163ee5e6b4d7d478780af394427548c' }, hAsync(HelperText$1, Object.assign({ key: 'dc7f97b4cb8b2563c1a1089764e25eb63c75b583', helperText: this.helperText,
             invalidText: this.invalidText,
             validText: this.validText,
             infoText: this.infoText,
@@ -24428,7 +24379,7 @@ class IconButton {
             type: this.type,
             extraClasses: this.getIconSizeClass(),
         };
-        return (hAsync(Host, { key: 'bdb302ce6ef1803d43285e1effc3ce70ff9284c8', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '14073614fda1a07d4292094b91092871f05619d3' }, baseButtonProps))));
+        return (hAsync(Host, { key: '04486b7d26d2b34a920b53f683b3b1b591b95311', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '94936955261d6fc13e78ea98ddb3cf98d3fda058' }, baseButtonProps))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return iconButtonCss; }
@@ -24522,7 +24473,7 @@ class IconToggleButton {
             },
             extraClasses: Object.assign({ 'icon-button': true }, this.getIconSizeClass()),
         };
-        return (hAsync(Host, { key: 'cdab0dbaf3a790f3d83fff58d73588504d7ba956', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '6cfe4d3b14eba61a9b80ffcdcd9664a1f815f70f' }, baseButtonProps))));
+        return (hAsync(Host, { key: 'cac43636bbec0b7a783309bc8acfff59dc899077', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: 'c1476c415753b630b480542ea220854ecb8c56a9' }, baseButtonProps))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return iconToggleButtonCss; }
@@ -24606,6 +24557,15 @@ class Input {
          * Specifies whether the text field is readonly.
          */
         this.readonly = false;
+        /**
+         * If false, pressing Enter will submit the form (if inside a form).
+         * Set to true to suppress submit on Enter.
+         */
+        this.suppressSubmitOnEnter = false;
+        /**
+         * Text alignment within the input. 'start' aligns the text to the start of the input, 'end' aligns the text to the end of the input.
+         */
+        this.textAlignment = 'start';
         this.isInvalid = false;
         this.isValid = false;
         this.isInfo = false;
@@ -24678,15 +24638,15 @@ class Input {
         return Promise.resolve(this.touched);
     }
     render() {
-        var _a;
+        var _a, _b;
         const inputAria = getAriaAttributesForInput(this);
-        return (hAsync(Host, { key: '05bb684da7ab25f4cea5429ec2c166a9c7a9cc21', class: {
+        return (hAsync(Host, { key: '07337a899a3b73d3cb37b1fc84da266d95cff84a', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: 'a2cd4a57590b5848de9738a0fbdff0c1c1947abc', htmlForLabel: this.inputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: 'e9369f9d649068b7708fabf29b9c2e25954591a6', class: "input-wrapper" }, hAsync(SlotStart, { key: '4294b9e2329a9e0b9964630d76f64788f127e280', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: '750c6a574acb4dac21f7a6143b34ae1482de7d74', id: this.inputId, readonly: this.readonly, disabled: this.disabled, maxLength: this.maxLength, minLength: this.minLength, pattern: this.pattern, type: this.inputType, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
+            } }, hAsync("ix-field-wrapper", { key: '64461a842b4a784192fd7ab9fdc972bd4810785a', htmlForLabel: this.inputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: 'aac87eb96cb2cba4b9f86527b6d7784d0a015474', class: "input-wrapper" }, hAsync(SlotStart, { key: '87bcf8d63bd1a4020a680bc2b6def8034a9d65de', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: 'f6b81c671a36b00bde716d72a40c17b6cd409c24', id: this.inputId, readonly: this.readonly, disabled: this.disabled, maxLength: this.maxLength, minLength: this.minLength, pattern: this.pattern, type: this.inputType, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
                 onInputBlur(this, this.inputRef.current);
                 this.touched = true;
-            }, ariaAttributes: inputAria }), hAsync(SlotEnd, { key: 'ebd005ac85dc9109895d3cd7dcd147a08ee0fc02', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { key: '473f7914b0b2e7bbc970f9eadfed8f8ec96ed761', color: "color-weak-text", class: {
+            }, ariaAttributes: inputAria, form: (_a = this.formInternals.form) !== null && _a !== void 0 ? _a : undefined, suppressSubmitOnEnter: this.suppressSubmitOnEnter, textAlignment: this.textAlignment }), hAsync(SlotEnd, { key: 'c8f10373d93bba50d0c633b77fd7ec548e4590d5', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { key: '169c36e6719204de19756a1cf8c0a7c141119417', color: "color-weak-text", class: {
                 'password-eye': true,
                 'eye-hidden': this.type !== 'password' || this.disabled,
             }, variant: "tertiary", icon: this.inputType === 'password' ? iconEye : iconEyeCancelled, onClick: () => {
@@ -24695,7 +24655,7 @@ class Input {
                     return;
                 }
                 this.inputType = 'password';
-            } }))), !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: 'f5a0bc6e09ce7be919ccf97b34af1ef804c29df7', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)))));
+            } }))), !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: 'd4041de277ec45534274a6a4a739ff90cd4b98c1', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_b = this.value) !== null && _b !== void 0 ? _b : '').length, "/", this.maxLength)))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -24725,6 +24685,8 @@ class Input {
             "maxLength": [2, "max-length"],
             "minLength": [2, "min-length"],
             "allowedCharactersPattern": [1, "allowed-characters-pattern"],
+            "suppressSubmitOnEnter": [516, "suppress-submit-on-enter"],
+            "textAlignment": [1, "text-alignment"],
             "isInvalid": [32],
             "isValid": [32],
             "isInfo": [32],
@@ -24740,7 +24702,7 @@ class Input {
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["required", "required"], ["disabled", "disabled"], ["readonly", "readonly"], ["label", "label"]]
+        "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["required", "required"], ["disabled", "disabled"], ["readonly", "readonly"], ["label", "label"], ["suppressSubmitOnEnter", "suppress-submit-on-enter"]]
     }; }
 }
 __decorate$9([
@@ -24869,7 +24831,7 @@ class InputGroup {
         return width;
     }
     render() {
-        return (hAsync(Host, { key: 'a3ccc5c517e8c33b0397acc5bd092684f0681ffe', class: { disabled: this.disabled } }, hAsync("div", { key: '607ea6b80837a6d2b35c34d000d1ab39bf559ed8', class: "group group-start" }, hAsync("slot", { key: '9fcbdb50ef9acbb4ed77f14194370ed9d214f1e9', ref: (el) => (this.startSlotRef = el), name: "input-start" })), hAsync("slot", { key: '93aebe48a3812e270607091966656d8d46cdc5e9' }), hAsync("div", { key: 'faeb55bffcfcad605a4efe5795f05c313986eeaa', class: "group group-end" }, hAsync("slot", { key: '8f52ddaacb0efdb46c6749d86e66064c06d94609', ref: (el) => (this.endSlotRef = el), name: "input-end" }))));
+        return (hAsync(Host, { key: 'c47a7aab493e832b0d2c14d81bbf10b666f23f6c', class: { disabled: this.disabled } }, hAsync("div", { key: '44cac00e7f527e3a8f12fbb6a0698cbc4e81feeb', class: "group group-start" }, hAsync("slot", { key: '030a2cc484426f92ac56570567d3b6dbec70c615', ref: (el) => (this.startSlotRef = el), name: "input-start" })), hAsync("slot", { key: '36a4cd0a41f2dc250cc24024b2f6470d29948e9b' }), hAsync("div", { key: 'b6f0a7c2651d27bfd8392176c239190d4fe26d9c', class: "group group-end" }, hAsync("slot", { key: '9d9dbff6897c41627ca0d7e133bdecbd68a373b8', ref: (el) => (this.endSlotRef = el), name: "input-end" }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return inputGroupCss; }
@@ -24969,7 +24931,7 @@ class IxTypography {
                 color: IxTypography.getTextColor(this.textColor),
             };
         }
-        return (hAsync(Host, { key: 'a8642e246a60b32a22e052b7755db3e302836fd6', class: typographyClass, style: style }, hAsync("slot", { key: '6b6ae0458fe7bbfbd3fb4ecd9175b50a42e9258e' })));
+        return (hAsync(Host, { key: 'de007c46746d98dffe4647fca37b0d8dd1967415', class: typographyClass, style: style }, hAsync("slot", { key: 'a4ada9ab3f8a64839f4a6c7938b3769f6ef0d6c7' })));
     }
     static get style() { return typographyCss; }
     static get cmpMeta() { return {
@@ -25001,7 +24963,7 @@ class KeyValue {
         this.labelPosition = 'top';
     }
     render() {
-        return (hAsync(Host, { key: '29b48b869917aa09c497c7314c1b3297c70712f3', class: `keyValue keyValue--${this.labelPosition === 'top' ? 'column' : 'row'}` }, this.icon && (hAsync("ix-icon", { key: '50069d0a641035114045d44ae696a8a24f82bc26', name: this.icon, size: "24", class: "keyValue__icon", "aria-label": this.ariaLabelIcon })), hAsync("div", { key: 'efebf2aafab9c171a61287ac9f3f85e943388830', class: "keyValue__content" }, hAsync("div", { key: 'cc01525dfa12c51b3f16170adc448f61c13126e6', class: "content__label" }, this.label), hAsync("div", { key: 'd9c9ce50e3b101266fe522e32eb12c2b0b7b6004', class: {
+        return (hAsync(Host, { key: '7fb93d7b2fbcf2ce8aac64eda186d82a5a45cbe7', class: `keyValue keyValue--${this.labelPosition === 'top' ? 'column' : 'row'}` }, this.icon && (hAsync("ix-icon", { key: '4ec1a309785fba489f0c8d9dfb2c024268c92193', name: this.icon, size: "24", class: "keyValue__icon", "aria-label": this.ariaLabelIcon })), hAsync("div", { key: '95fb53fe545cd00bc84b6eeeba6c910eff2143cc', class: "keyValue__content" }, hAsync("div", { key: '631b09a0969534b81538968c50c886b5337a0765', class: "content__label" }, this.label), hAsync("div", { key: 'd45d5050124bf055a05cd71305b2b4e9d30a572d', class: {
                 content__value: true,
                 'has-customValue': this.value === undefined,
             } }, this.value !== undefined ? (this.value) : (hAsync("slot", { name: "custom-value" }))))));
@@ -25034,7 +24996,7 @@ class KeyValueList {
         this.striped = false;
     }
     render() {
-        return (hAsync(Host, { key: 'e262c5729ec77f3c9a2beb0a7039cb40422d691e', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, hAsync("slot", { key: '72e1498f1f1783e181eb8e83e09c337c5aa564d7' })));
+        return (hAsync(Host, { key: 'fcc3ec3470c25cac50b88a1006b30be059f778f8', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, hAsync("slot", { key: '05645a91f92d7db584bd8235f73979249870e734' })));
     }
     static get style() { return keyValueListCss; }
     static get cmpMeta() { return {
@@ -25081,13 +25043,13 @@ class Kpi {
         return tooltip;
     }
     render() {
-        return (hAsync(Host, { key: 'b60cacc3f468bfb645ab5f8b7217fab907b24d62', title: this.getTooltipText(), tabindex: "1", class: {
+        return (hAsync(Host, { key: '34fcbb68ba73d08619ef12fd9595c9c684aa3d10', title: this.getTooltipText(), tabindex: "1", class: {
                 stacked: this.orientation === 'vertical',
-            } }, hAsync("div", { key: 'f191f41a59eb16f11f69aeae0cd367b3e6cc6e97', class: {
+            } }, hAsync("div", { key: 'cd4910a41ee179ea21166c80322e5361dd132850', class: {
                 'kpi-container': true,
                 alarm: this.state === 'alarm',
                 warning: this.state === 'warning',
-            } }, hAsync("span", { key: '1f77ffa87ad64740858fb9dd46ef3b2d206e6983', class: "kpi-label" }, this.getStateIcon(), hAsync("span", { key: '8347d50cc808a3b677c0340452f1482139f91c35', class: "kpi-label-text" }, this.label)), hAsync("span", { key: '20c58411fb499cccf20c4d6f92b75c1d875d8fbd', class: "kpi-value-container" }, hAsync("span", { key: '49df3a72c7da17998eec8de2be47bb0da4b68495', class: "kpi-value" }, this.value), this.unit ? hAsync("span", { class: "kpi-unit" }, this.unit) : ''))));
+            } }, hAsync("span", { key: '33226fc8e0561e4db98181be1b6595534561bab7', class: "kpi-label" }, this.getStateIcon(), hAsync("span", { key: '06cb693420e43f2475cfae0d8f2217a2770ac5cc', class: "kpi-label-text" }, this.label)), hAsync("span", { key: '8a837f1466b2670d473983aaffc2742737fb8a9a', class: "kpi-value-container" }, hAsync("span", { key: '5e66113f88a3637aaf83c3482a5625b290e25763', class: "kpi-value" }, this.value), this.unit ? hAsync("span", { class: "kpi-unit" }, this.unit) : ''))));
     }
     static get style() { return kpiCss; }
     static get cmpMeta() { return {
@@ -25184,7 +25146,7 @@ class LayoutForm {
         });
     }
     render() {
-        return (hAsync(Host, { key: '89fa65872d5cd211c41e8bfda6544155bbbbcc1c' }, hAsync("div", { key: 'b6a75e6ce330bbe76c5c3b83a541d3366bfb6866', class: "container" }, hAsync("slot", { key: 'd6983232325c2c0081346b059561137e9cf23669' }))));
+        return (hAsync(Host, { key: '48511195af19191b832713a828ac0945b06a4898' }, hAsync("div", { key: '4a51469ffe227db5c361734fc3122a98f7e0fbcc', class: "container" }, hAsync("slot", { key: '6ab367e83612df056e40392bced22c5f80457486' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -25222,12 +25184,12 @@ class LayoutGrid {
         this.columns = 12;
     }
     render() {
-        return (hAsync(Host, { key: 'c426263f82beb3d366aea55da08259a9a2392c45', class: {
+        return (hAsync(Host, { key: '040fa69fa09d20fdbfc6ae40f85cdf70f74b3eee', class: {
                 'no-margin': this.noMargin,
             }, style: {
                 '--ix-layout-grid-columns': `${this.columns}`,
                 '--ix-layout-grid-gutter': `${this.gap}px`,
-            } }, hAsync("slot", { key: 'c85a805c185548b4331e206050c10567814f9833' })));
+            } }, hAsync("slot", { key: '50cae64ab0cc69aa2ffe55bfce8f069ea22b240b' })));
     }
     static get style() { return layoutGridCss; }
     static get cmpMeta() { return {
@@ -25244,7 +25206,7 @@ class LayoutGrid {
     }; }
 }
 
-const linkButtonCss = ":host{display:inline-flex;height:2rem;font-size:0.875rem;font-weight:400;min-width:2rem}:host .link-button{display:inline-flex;position:relative;width:100%;padding:0 0.25rem 0 0;align-items:center;justify-content:center;background-color:transparent;color:var(--theme-color-primary);cursor:pointer;text-decoration:none}:host .link-button .link{display:block;position:relative;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):hover,:host .link-button:not(.disabled):not(:disabled).hover{color:var(--theme-color-dynamic--hover)}:host .link-button:not(.disabled):not(:disabled):hover .link,:host .link-button:not(.disabled):not(:disabled).hover .link{text-decoration:underline;text-underline-offset:0.2rem}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):active,:host .link-button:not(.disabled):not(:disabled).active{color:var(--theme-color-dynamic--active)}:host .link-button:not(.disabled):not(:disabled):active .link,:host .link-button:not(.disabled):not(:disabled).active .link{text-decoration:underline;text-underline-offset:0.2rem}:host .link-button.disabled{cursor:default;color:var(--theme-color-weak-text)}:host .link-button a{all:unset}:host :focus-visible{outline:1px solid var(--theme-color-focus-bdr)}";
+const linkButtonCss = ":host{display:inline-flex;height:2rem;font-size:0.875rem;font-weight:400;min-width:2rem}:host .link-button{display:inline-flex;position:relative;width:100%;padding:0 0.25rem 0 0;align-items:center;justify-content:center;background-color:transparent;color:var(--theme-color-primary);cursor:pointer;text-decoration:none}:host .link-button .link{display:block;position:relative;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-decoration:underline;text-underline-offset:0.2rem}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):hover,:host .link-button:not(.disabled):not(:disabled).hover{color:var(--theme-color-dynamic--hover)}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):active,:host .link-button:not(.disabled):not(:disabled).active{color:var(--theme-color-dynamic--active)}:host .link-button.disabled{cursor:default;color:var(--theme-color-weak-text)}:host .link-button a{all:unset}:host :focus-visible{outline:1px solid var(--theme-color-focus-bdr)}";
 
 class LinkButton {
     constructor(hostRef) {
@@ -25261,13 +25223,13 @@ class LinkButton {
         this.target = '_self';
     }
     render() {
-        return (hAsync(Host, { key: 'd7efb1e99ba3ea4fdf9d13f2f32dfcbd8be2a6c2' }, hAsync("a", { key: '6b3adc3bf49879f8aa8ec5b07c55d9288c1c49be', title: this.url, tabindex: "0", class: {
+        return (hAsync(Host, { key: '83b41ef8a3bef06a033a9a20c30a4ae1e83066e8' }, hAsync("a", { key: '955dc6e492eec929e592947ec18009d744d1f973', title: this.url, tabindex: "0", class: {
                 'link-button': true,
                 disabled: this.disabled,
-            }, href: this.disabled ? undefined : this.url, target: this.target }, hAsync("ix-icon", { key: '33d2923c2c1bd042bc9e9ed1d11f273a98380f6b', class: "icon", name: iconChevronRightSmall, size: "16", "aria-hidden": "true" }), hAsync("div", { key: '6eeb77386f6330bff5b209c1f005102468800899', class: {
+            }, href: this.disabled ? undefined : this.url, target: this.target }, hAsync("ix-icon", { key: 'b0589b7cedf757244950b1595916f8c838ae603d', class: "icon", name: iconChevronRightSmall, size: "16", "aria-hidden": "true" }), hAsync("div", { key: 'c3ceb43628b0a48d60bbcd6bb54a4ad493ae3de8', class: {
                 link: true,
                 disabled: this.disabled,
-            } }, hAsync("slot", { key: '1bd82e08a11323ab61d89c98a4c108ba2849a388' })))));
+            } }, hAsync("slot", { key: '2bd6071e8aad57fb13226d8452b0649367c6b750' })))));
     }
     static get style() { return linkButtonCss; }
     static get cmpMeta() { return {
@@ -25284,246 +25246,6 @@ class LinkButton {
     }; }
 }
 
-const mapNavigationCss = ":host{display:flex;position:relative;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .map-nav{display:flex;margin-left:3.25rem;position:relative;height:100%;flex-grow:1;overflow:hidden}:host .map-nav-sidebar{display:flex;flex-direction:column;align-items:center;width:29.75rem;max-width:29.75rem;min-width:29.75rem;height:100%;left:4rem;background-color:var(--theme-map-navigation--background);border-inline-end:0.125rem solid var(--theme-map-navigation-separator--background);z-index:99}:host .map-nav-sidebar.display-none{display:none}:host .map-nav-sidebar-content{align-items:center;position:relative;overflow:auto;height:100%;width:100%}:host .map-nav-sidebar-content .map-nav-sidebar-static-content{display:flex;justify-content:space-between;margin-top:0.437rem;margin-bottom:0.812rem;margin-left:1rem;margin-right:1rem;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .map-nav-header{display:flex;position:relative;align-items:center;height:3.5rem;min-height:3.5rem;width:100%}:host .map-nav-header .map-nav-header-brand{background-color:var(--theme-map-navigation-background);padding-left:1rem;padding-right:1rem;padding-bottom:0.625rem;height:100%;width:100%;--theme-app-header--color:var(--theme-map-navigation-header--color);--theme-app-header-logo--color:var(--theme-map-navigation-logo--color)}:host .map-nav-header .map-nav-header-brand button{margin-left:1rem}:host .map-nav-header-content{display:flex;height:3.5rem;align-items:center;overflow:hidden;padding:0 1rem}:host .map-nav-header-content.empty{height:0}:host .map-nav-title{display:flex;align-items:center;flex-grow:1;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .content{display:block;flex-grow:1;position:relative;height:100%;overflow:hidden;z-index:calc(var(--theme-z-index-sticky) - 1)}:host ::slotted(ix-menu){position:absolute}";
-
-class MapNavigation {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.navigationToggled = createEvent(this, "navigationToggled", 7);
-        this.contextMenuClick = createEvent(this, "contextMenuClick", 7);
-        /**
-         * Hide the sidebar context menu button when set to true
-         */
-        // eslint-disable-next-line @stencil-community/ban-default-true
-        this.hideContextMenu = true;
-        this.isSidebarOpen = true;
-        this.hasContentHeader = false;
-    }
-    get menu() {
-        return this.hostElement.querySelector('ix-menu');
-    }
-    get menuOverlay() {
-        return this.hostElement.querySelector('ix-menu-overlay');
-    }
-    get mapNavMenu() {
-        return this.hostElement.shadowRoot.querySelector('.map-nav-menu');
-    }
-    get sidebar() {
-        return this.hostElement.shadowRoot.querySelector('.map-nav-sidebar');
-    }
-    get overlay() {
-        return this.hostElement.shadowRoot.querySelector('#overlay');
-    }
-    componentDidRender() {
-        this.appendMenu();
-        this.closeOverlay();
-    }
-    componentWillLoad() {
-        useContextProvider(this.hostElement, ApplicationLayoutContext, {
-            hideHeader: false,
-            host: 'map-navigation',
-        });
-    }
-    appendMenu() {
-        this.menu.addEventListener('mapExpandChange', (event) => {
-            const state = !event.detail;
-            this.toggleSidebar(state);
-        });
-        this.menu.enableMapExpand = true;
-    }
-    /**
-     * Change the visibility of the sidebar
-     *
-     * @param show new visibility state
-     */
-    async toggleSidebar(show) {
-        if (show !== undefined) {
-            this.isSidebarOpen = show;
-        }
-        else {
-            this.isSidebarOpen = !this.isSidebarOpen;
-        }
-        if (this.isSidebarOpen) {
-            this.openSidebar();
-        }
-        else {
-            this.closeSidebar();
-        }
-        this.navigationToggled.emit(this.isSidebarOpen);
-        this.menu.toggleMapExpand(this.isSidebarOpen);
-    }
-    closeSidebar() {
-        animate(this.sidebar, {
-            duration: MapNavigation.defaultTime,
-            marginLeft: [0, '-29.75rem'],
-            opacity: [1, 0],
-            easing: 'easeInSine',
-            onComplete: () => {
-                this.sidebar.classList.add('display-none');
-            },
-        });
-    }
-    openSidebar() {
-        animate(this.sidebar, {
-            duration: MapNavigation.defaultTime,
-            marginLeft: ['-29.75rem', 0],
-            opacity: [0, 1],
-            easing: 'easeOutSine',
-            onBegin: () => {
-                this.sidebar.classList.remove('display-none');
-            },
-        });
-    }
-    /**
-     * Open a overlay inside content area
-     * @deprecated Will be removed in 2.0.0. Use slot based approach
-     *
-     * @param name
-     * @param component
-     * @param icon
-     * @param color
-     */
-    async openOverlay(name, component, icon, color) {
-        animate(this.overlay, {
-            duration: MapNavigation.slowTime,
-            backdropFilter: [0, 'blur(1rem)'],
-            translateX: ['-4rem', 0],
-            opacity: [0, 1],
-            easing: 'easeOutSine',
-            onBegin: () => {
-                this.overlay.classList.remove('display-none');
-            },
-        });
-        const overlayInstance = document.createElement('ix-map-navigation-overlay');
-        overlayInstance.setAttribute('color', color !== null && color !== void 0 ? color : '');
-        overlayInstance.setAttribute('name', name);
-        overlayInstance.setAttribute('icon', icon !== null && icon !== void 0 ? icon : '');
-        overlayInstance.setAttribute('slot', 'overlay');
-        overlayInstance.addEventListener('closeClick', () => this.closeOverlay());
-        overlayInstance.appendChild(component);
-        this.hostElement.appendChild(overlayInstance);
-    }
-    /**
-     * Close current shown overlay
-     * @deprecated Will be removed in 2.0.0. Use slot based approach
-     */
-    async closeOverlay() {
-        animate(this.overlay, {
-            duration: MapNavigation.slowTime,
-            backdropFilter: ['blur(1rem)', 0],
-            translateX: [0, '-4rem'],
-            opacity: [1, 0],
-            easing: 'easeInSine',
-            onComplete: () => {
-                var _a;
-                if (!this.overlay) {
-                    return;
-                }
-                (_a = this.overlay.firstChild) === null || _a === void 0 ? void 0 : _a.remove();
-                this.overlay.classList.add('display-none');
-            },
-        });
-    }
-    checkHasContentHeader(e) {
-        const nodes = e.currentTarget.assignedNodes({
-            flatten: true,
-        });
-        this.hasContentHeader = (nodes === null || nodes === void 0 ? void 0 : nodes.length) !== 0;
-    }
-    render() {
-        return (hAsync(Host, { key: 'cd4530ccd67471918f05983f70d06502b24e3fee' }, hAsync("slot", { key: '249e6b7141958e055c0f74ecb85f5164544f8399', name: "menu" }), hAsync("div", { key: '6d540617fce0e51c5cc715d7f0476e3fa3dd9c8a', class: "map-nav" }, hAsync("div", { key: '7b58808ba2c2b6d338da6999644c1370118da61f', class: "map-nav-sidebar" }, hAsync("div", { key: 'be5403521cd41eb061a2810c89e2e977f81bdf76', class: "map-nav-header" }, hAsync("ix-application-header", { key: '40f2df3e6e2f6e6b83795087d84f3f0a9f9fe690', name: this.applicationName, class: "map-nav-header-brand" }, hAsync("slot", { key: '9e4fc605db3218d3b140b5ff66035cffb69f52b8', slot: "logo", name: "logo" }))), hAsync("div", { key: '7947098cca1b51e2182af7c85f75432f340a3413', class: "map-nav-sidebar-content" }, hAsync("div", { key: '4859a4e442219dbf432142367af6c8ce279b9c4a', class: "map-nav-sidebar-static-content" }, hAsync("div", { key: '261b790fd6a7dc08cd2a2bda92592899b98234e1', class: "map-nav-title" }, this.navigationTitle), this.hideContextMenu ? ('') : (hAsync("ix-icon-button", { icon: iconContextMenu, size: "24", variant: "subtle-primary", onClick: () => this.contextMenuClick.emit(), "aria-label": this.ariaLabelContextIconButton }))), hAsync("div", { key: '66a1dbff337ecd147c4a75440c37aadb05e2b097', class: "map-nav-sidebar-user-content" }, hAsync("slot", { key: '7f0738e40f4cbd2a274c0865cfc7ecc1f6da1c6b', name: "sidebar-content" })))), hAsync("div", { key: '80c8a85b44173445926f138b4e2e4f6b9c4c9f66', class: "content" }, hAsync("div", { key: 'a72f84f0ae6d08c1bb5f32a1ac31152c0d4c3e28', class: {
-                'map-nav-header-content': true,
-                'bg-2': true,
-                empty: !this.hasContentHeader,
-            } }, hAsync("slot", { key: '952dbef4fb11a338f1f85a15c2ea12a3176aa919', name: "content-header", onSlotchange: (e) => this.checkHasContentHeader(e) })), hAsync("main", { key: '2885fdf7b60e1be41fe3da55fb764a1c379f3ba0' }, hAsync("slot", { key: '45803ecc4ee0f875f3ef920b19704c797644ab13' }), hAsync("slot", { key: '9a2043fc69bfe0c672b49716593a9f6c22b26d43', name: "overlay" }))))));
-    }
-    get hostElement() { return getElement(this); }
-    static get style() { return mapNavigationCss; }
-    static get cmpMeta() { return {
-        "$flags$": 265,
-        "$tagName$": "ix-map-navigation",
-        "$members$": {
-            "applicationName": [1, "application-name"],
-            "navigationTitle": [1, "navigation-title"],
-            "hideContextMenu": [4, "hide-context-menu"],
-            "ariaLabelContextIconButton": [1, "aria-label-context-icon-button"],
-            "isSidebarOpen": [32],
-            "hasContentHeader": [32],
-            "toggleSidebar": [64],
-            "openOverlay": [64],
-            "closeOverlay": [64]
-        },
-        "$listeners$": undefined,
-        "$lazyBundleId$": "-",
-        "$attrsToReflect$": []
-    }; }
-}
-MapNavigation.defaultTime = 150;
-MapNavigation.slowTime = 500;
-
-const mapNavigationOverlayCss = ":host{position:absolute;width:100%;height:100%;z-index:2;top:0;left:0;background-color:var(--theme-overlay--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .overlay-header{display:flex;position:relative;justify-content:flex-start;align-items:center;height:3.5rem;background-color:var(--theme-overlay-header--background)}:host .overlay-header-content{display:flex;align-items:center;min-width:0}:host .overlay-header-content ix-icon{margin-inline-start:1rem;color:var(--theme-overlay-header--color)}:host .overlay-header-content .overlay-header-title{color:var(--theme-overlay-header--color);margin-inline-start:1rem;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .color-indicator{display:inline-block;position:relative;width:0.5rem;height:100%;background-color:var(--theme-color-neutral)}:host .overlay-close{margin-inline-start:auto;margin-inline-end:1rem}:host .display-none{display:none}:host(.display-none){display:none}";
-
-class MapNavigationOverlay {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.closeClick = createEvent(this, "closeClick", 7);
-    }
-    componentWillLoad() {
-        animate(this.hostElement, {
-            duration: MapNavigationOverlay.slowTime,
-            backdropFilter: [0, 'blur(1rem)'],
-            translateX: ['-4rem', 0],
-            opacity: [0, 1],
-            easing: 'easeOutSine',
-            onBegin: () => {
-                this.hostElement.classList.remove('display-none');
-            },
-        });
-    }
-    closeOverlay() {
-        animate(this.hostElement, {
-            duration: MapNavigationOverlay.slowTime,
-            backdropFilter: ['blur(1rem)', 0],
-            translateX: [0, '-4rem'],
-            opacity: [1, 0],
-            easing: 'easeInSine',
-            onComplete: () => {
-                this.closeClick.emit();
-                this.hostElement.classList.add('display-none');
-            },
-        });
-    }
-    render() {
-        var _a, _b, _c;
-        return (hAsync(Host, { key: '6657572bcdf76784a998d94580437fac0a5acaea' }, hAsync("div", { key: '7896d06f707e0daa2f5015c0c944d7181aa802ec', class: "overlay-header" }, hAsync("div", { key: '6e9bacb89cd2cc25ed6a2a7ebc4fc7f47c89a482', class: {
-                'color-indicator': true,
-                'display-none': ((_a = this.iconColor) !== null && _a !== void 0 ? _a : this.color) === undefined,
-            }, style: {
-                'background-color': ((_b = this.iconColor) !== null && _b !== void 0 ? _b : this.color)
-                    ? `var(--theme-${(_c = this.iconColor) !== null && _c !== void 0 ? _c : this.color})`
-                    : '',
-            } }), hAsync("div", { key: 'e5e55e11bd6c49664dc915fdca6e5dd86d268129', class: "overlay-header-content" }, hAsync("ix-icon", { key: '619b02633255eb1abc02142aa9f868404d2d9924', size: "32", name: this.icon, "aria-label": this.ariaLabelIcon }), hAsync("span", { key: '03bac9a4d9b4a7fdb24843e774031801240a2f0c', class: "overlay-header-title", title: this.name }, this.name)), hAsync("ix-icon-button", { key: '9589d08cae7a3311f5758da56f00fb5f0aa4124c', class: "overlay-close", variant: "tertiary", icon: iconClose, iconColor: "color-soft-text", size: "24", onClick: () => this.closeOverlay(), "aria-label": this.ariaLabelCloseIconButton })), hAsync("slot", { key: 'd963b56a4f6a894030a35f01b5972db989818715' })));
-    }
-    get hostElement() { return getElement(this); }
-    static get style() { return mapNavigationOverlayCss; }
-    static get cmpMeta() { return {
-        "$flags$": 265,
-        "$tagName$": "ix-map-navigation-overlay",
-        "$members$": {
-            "name": [1],
-            "icon": [1],
-            "ariaLabelIcon": [1, "aria-label-icon"],
-            "ariaLabelCloseIconButton": [1, "aria-label-close-icon-button"],
-            "color": [1],
-            "iconColor": [1, "icon-color"]
-        },
-        "$listeners$": undefined,
-        "$lazyBundleId$": "-",
-        "$attrsToReflect$": []
-    }; }
-}
-MapNavigationOverlay.slowTime = 500;
-
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
  *
@@ -25617,11 +25339,6 @@ class Menu {
         };
     }
     pinnedChange(newPinned) {
-        var _a;
-        if (((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.host) === 'map-navigation') {
-            console.warn('ix-map-navigation does not support pinning of the menu');
-            return;
-        }
         this.setPinned(this.pinned);
         if (newPinned) {
             applicationLayoutService.disableBreakpointDetection();
@@ -25720,14 +25437,9 @@ class Menu {
         menuController.setIsPinned(pinned);
     }
     onBreakpointChange(mode, initial = false) {
-        var _a;
         if (!this.applicationLayoutContext && mode === 'sm') {
             return;
         }
-        if (((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.host) === 'map-navigation') {
-            this.breakpoint = 'md';
-            return;
-        }
         if (!this.applicationLayoutContext) {
             return;
         }
@@ -25970,44 +25682,44 @@ class Menu {
     }
     render() {
         var _a, _b;
-        return (hAsync(Host, { key: '3cccf12b2f3221f6052a3bdc983c7f35ee8b6af8', class: {
+        return (hAsync(Host, { key: 'b36f27c9c7b9342fd8f984dd5d00ad73d735b2ff', class: {
                 expanded: this.expand,
                 [`breakpoint-${this.breakpoint}`]: true,
-            }, slot: "menu" }, hAsync("nav", { key: '148d5ae9d40d35b054c51c11d8853837b9a1f44a', class: {
+            }, slot: "menu" }, hAsync("nav", { key: '4f4b1378ddfe2cb243d0a5305679c98084490e8b', class: {
                 menu: true,
                 expanded: this.expand,
-            } }, hAsync("div", { key: 'c9428afeac46b597e3268971d6e65d38b4b51c4e', class: "menu-buttons" }, this.breakpoint !== 'sm' && (hAsync("ix-menu-expand-icon", { key: '3860800122f52b878a097054cdf6190ac0e5c291', breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu(), "data-testid": "expand-collapse-menu" })), this.breakpoint === 'sm' &&
-            ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (hAsync("ix-icon-button", { key: '58ec78884e14b2a9728814af87eb816e0202b5f8', onClick: () => {
+            } }, hAsync("div", { key: '70d117cfe299bdb3f3b0ed9639d5ee83bfc33cf1', class: "menu-buttons" }, this.breakpoint !== 'sm' && (hAsync("ix-menu-expand-icon", { key: 'fa76b253e6cf1ae30e3257cc3c186dc23215b516', breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu(), "data-testid": "expand-collapse-menu" })), this.breakpoint === 'sm' &&
+            ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (hAsync("ix-icon-button", { key: '927aede1c7824c6c21eed072e7dba6db8d5f8df5', onClick: () => {
                 this.showAppSwitch();
-            }, icon: iconApps, variant: "subtle-tertiary" }))), hAsync("div", { key: '4f8bdcec872baefee1470e455d38185ef9118a99', id: "menu-tabs", style: {
+            }, icon: iconApps, variant: "subtle-tertiary" }))), hAsync("div", { key: '795f32dc8f94404a75c9a0d0cfb7c8e8d429d8d2', id: "menu-tabs", style: {
                 display: 'contents',
-            }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: '86a65cfd875f29519859ff9d5c6b862f9691f3ba', class: "tabs-shadow-container" }, hAsync("div", { key: '67687bedfef00d9cd9210bc5d96a82551f0c76b3', class: {
+            }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: '4d609cfd70659c0adfcb1cfca0485edff3b05d08', class: "tabs-shadow-container" }, hAsync("div", { key: 'b8b81a13d75c56f9a460f0db382acef185b1c11c', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-top': true,
                 'tabs--shadow--show': this.itemsScrollShadowTop,
-            } }), hAsync("div", { key: '9fe969f863c48cc1eb4898557e3cb2867cda21ef', class: {
+            } }), hAsync("div", { key: '1095f30e782665f9d66d7f2619eb3a68806ccf54', class: {
                 tabs: true,
                 'show-scrollbar': this.expand,
-            }, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: 'a79fb68162eba16a76450edf3c871515b9472f47', class: "menu-avatar" }, hAsync("slot", { key: '0abbf3d21460eff778c71a192e2f53a2fd087210', name: "ix-menu-avatar" })), hAsync("slot", { key: '1b5f280b17b8509dbbaad50c2ef7ab8461274f3c', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (hAsync("slot", null)) : null), hAsync("div", { key: 'd207bdfa217cff20873656a4e3abd7bd11e38d89', class: {
+            }, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: '55ec2b8a3b535c8ed7dfc4c80ecdeedf9add4d34', class: "menu-avatar" }, hAsync("slot", { key: 'a893aea63d56c2b4e7fd5997904704639257f65b', name: "ix-menu-avatar" })), hAsync("slot", { key: '85505735fc0f7c9075340389597565bd99e64801', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (hAsync("slot", null)) : null), hAsync("div", { key: '7a0013bb20500931471b1ee1273615d0ae740d11', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-bottom': true,
                 'tabs--shadow--show': this.itemsScrollShadowBottom,
-            } }))), hAsync("div", { key: 'f46f2a702b67bfca557f61fe7a73dbb0c9e20135', class: "bottom-tab-divider" }), this.settings ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
+            } }))), hAsync("div", { key: '92a48e39684e2bbbb6078dcafc5c8b7103a693de', class: "bottom-tab-divider" }), this.settings ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
                 'internal-tab': true,
                 'bottom-tab': true,
                 active: this.showSettings,
-            }, icon: iconCogwheel, onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, this.enableToggleTheme ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: iconLightDark, label: this.i18nToggleTheme })) : null, hAsync("div", { key: 'a17dc08ca5da7a1ae0a4a16cf12e1fbaf70ba440', onClick: (e) => this.onMenuItemsClick(e) }, hAsync("slot", { key: '3ce20b44b83388cd2b712a390dfaab64d5b9d2f3', name: "bottom" })), hAsync("div", { key: '1bae61efbf251689660887609b81b30ed4aaa68f', id: "popover-area" }), this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}`, label: this.getCollapseText() })) : null, this.about ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
+            }, icon: iconCogwheel, onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, this.enableToggleTheme ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: iconLightDark, label: this.i18nToggleTheme })) : null, hAsync("div", { key: '2a5bad2eb493be6ee59fc101fab300bdb154feb0', onClick: (e) => this.onMenuItemsClick(e) }, hAsync("slot", { key: '5a1e19962a88ceeb1f82ac385dba49d0c311e3d7', name: "bottom" })), hAsync("div", { key: '65802881403efad9dbae84ef9bf5d441e3915150', id: "popover-area" }), this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}`, label: this.getCollapseText() })) : null, this.about ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
                 'internal-tab': true,
                 'bottom-tab': true,
                 active: this.showAbout,
-            }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null), hAsync("div", { key: '052a799e811beccbcf888d116d228e01b49a9767', class: {
+            }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null), hAsync("div", { key: 'e6dd7e53abbd5e4ce11cc5d2be882dd52e335275', class: {
                 'menu-overlay': true,
                 visible: this.isOverlayVisible(),
                 expanded: this.expand,
             }, onTransitionEnd: () => {
                 this.isTransitionDisabled = true;
                 this.checkTransition();
-            } }, hAsync("div", { key: '5a66febf87b30406e5df0131e06a444421a5cd56', class: 'menu-overlay-container' }, this.showSettings ? hAsync("slot", { name: "ix-menu-settings" }) : null), hAsync("div", { key: 'a73d40dc2a41997bb72c101b3b90d35b391bf8ca', class: 'menu-overlay-container' }, this.showAbout ? hAsync("slot", { name: "ix-menu-about" }) : null))));
+            } }, hAsync("div", { key: 'd8a49e3983b5d060190f1440b4aacd44243894a8', class: 'menu-overlay-container' }, this.showSettings ? hAsync("slot", { name: "ix-menu-settings" }) : null), hAsync("div", { key: '92ddf6c21d3d08c5d1961200ac598a6135c9ef89', class: 'menu-overlay-container' }, this.showAbout ? hAsync("slot", { name: "ix-menu-about" }) : null))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -26064,8 +25776,10 @@ class MenuSettings {
         /** @internal */
         this.show = false;
     }
-    updateTab(label) {
-        setTab(this, label);
+    updateTab(newLabel, oldLabel) {
+        if (newLabel !== oldLabel) {
+            syncTabDisplay(this, newLabel);
+        }
     }
     componentWillLoad() {
         initialize(this);
@@ -26073,7 +25787,7 @@ class MenuSettings {
     componentDidLoad() {
     }
     render() {
-        return hAsync(MenuTabs, { key: 'a59dd5a81b91ff4ae7f516cb192700bffaee3f84', context: this });
+        return hAsync(MenuTabs, { key: 'bff35655d1e57ea807a1d8a6bd0879f8804e3ef4', context: this });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -26109,14 +25823,19 @@ function getItems(context) {
         : 'ix-menu-about-item'));
 }
 function setTab(context, label) {
+    if (context.activeTabLabel === label) {
+        return;
+    }
     const { defaultPrevented } = context.tabChange.emit(label);
     if (defaultPrevented) {
         return;
     }
     context.activeTabLabel = label;
+}
+function syncTabDisplay(context, label) {
     context.items.forEach((i) => {
         i.style.display = 'none';
-        if (i.label === context.activeTabLabel) {
+        if (i.label === label) {
             i.style.display = 'block';
         }
     });
@@ -26182,8 +25901,10 @@ class MenuAbout {
         /** @internal */
         this.show = false;
     }
-    updateTab(label) {
-        setTab(this, label);
+    updateTab(newLabel, oldLabel) {
+        if (newLabel !== oldLabel) {
+            syncTabDisplay(this, newLabel);
+        }
     }
     componentWillLoad() {
         initialize(this);
@@ -26191,7 +25912,7 @@ class MenuAbout {
     componentDidLoad() {
     }
     render() {
-        return hAsync(MenuTabs, { key: 'f39b61fd405141b8e2e7061bd76194ee4beb3a3d', context: this });
+        return hAsync(MenuTabs, { key: 'e49c1819db2fcba5b330c776c84e905d6f1aef87', context: this });
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -26228,7 +25949,7 @@ class MenuAboutItem {
         });
     }
     render() {
-        return (hAsync(Host, { key: '65b663ccd628378a95ce42a3e5244a232eff116f' }, hAsync("slot", { key: 'c3a34b0a229cb627038be98d9d82d13228a6ca11' })));
+        return (hAsync(Host, { key: 'c150379d52f7dd0744ec480c35909937abef9c90' }, hAsync("slot", { key: '37edb415a550ba73903bd6142162c42fe7be9d34' })));
     }
     static get watchers() { return {
         "label": ["watchLabel"]
@@ -26265,16 +25986,16 @@ class MenuAboutNews {
         this.expanded = false;
     }
     render() {
-        return (hAsync(Host, { key: 'f6796c5d93527d954d18748a60cdbbdab1370af2', class: {
+        return (hAsync(Host, { key: '61a51cc04b238505c64285babebaaddf1201a9f7', class: {
                 expanded: this.expanded,
                 show: !this.show,
-            } }, hAsync("div", { key: '3ff7376bd993e2d8ed6f86ae75b5e594027db70a', class: "banner-container" }, hAsync("ix-icon", { key: '6fd35d106b65158700c2255005485e99ad4365a6', color: "color-inv-contrast-text", name: iconShout, size: "32" }), hAsync("svg", { key: '624dcf3a1c412c5480a5f5bd643c7c950c13f70e', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, hAsync("polygon", { key: 'eb0c8a2a6713b83f49be3f96bbf93f0a0d375b09', points: "0 0 48 0 48 56 24 48 0 56" }))), hAsync("div", { key: '4790036caabea78033ca2272f4f58faf1ab05991', class: "cui-popover-news-header" }, hAsync("ix-typography", { key: '4f5a8de94bdcc382e334b8ec6f7483773280ec49', format: "label", bold: true }, this.label)), hAsync("ix-icon-button", { key: '71f9249273af952e0a88a22284f24bbdd3e52760', size: "24", icon: iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
+            } }, hAsync("div", { key: 'c63c6cab269ef75f01d0396333c5c44ee271d354', class: "banner-container" }, hAsync("ix-icon", { key: '2a3b5ced1c9f9fce0f742a34d9862e115807f6fb', color: "color-inv-contrast-text", name: iconShout, size: "32" }), hAsync("svg", { key: '2433dd408f46a4d0f47e5cf075980b6a2ea2ece7', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, hAsync("polygon", { key: '386186a0847a504ca07052e1a49ee0c9f6314377', points: "0 0 48 0 48 56 24 48 0 56" }))), hAsync("div", { key: 'ec280ef23c279507e186fa0ba0743e64e49d38c8', class: "cui-popover-news-header" }, hAsync("ix-typography", { key: '784c5718192c7641e43004439cedcdc0f6285380', format: "label", bold: true }, this.label)), hAsync("ix-icon-button", { key: '0c5a987a93067b0641ad0d7cd99e747aaa884d40', size: "24", icon: iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
                 this.show = false;
                 this.closePopover.emit();
-            } }), hAsync("div", { key: 'daf74d24e1c84fb3acf796bb3a9f6e9117dd9496', class: "slot-container" }, hAsync("slot", { key: 'd9809a23c9d7635158b22d535f6b06da085992e8' })), this.aboutItemLabel ? (hAsync("div", { class: "cui-popover-news-footer" }, hAsync("ix-button", { variant: "primary", onClick: (e) => {
+            } }), hAsync("div", { key: '780df8bab613bad3b80a3528947fdc0bab41187c', class: "slot-container" }, hAsync("slot", { key: '1992c8d99353665ee6b88b4d21c34869284029d6' })), this.aboutItemLabel ? (hAsync("div", { class: "cui-popover-news-footer" }, hAsync("ix-button", { variant: "primary", onClick: (e) => {
                 this.show = false;
                 this.showMore.emit(e);
-            } }, this.i18nShowMore))) : null, hAsync("div", { key: '994de1ee58d3c39baed52ce729e77379c6c58a55', id: "arrow" })));
+            } }, this.i18nShowMore))) : null, hAsync("div", { key: 'b877e4087ebe56fca5c82a7acada5ba7c7ef8abb', id: "arrow" })));
     }
     static get style() { return menuAboutNewsCss; }
     static get cmpMeta() { return {
@@ -26322,9 +26043,9 @@ class MenuAvatar {
         this.showContextMenu = elements.length !== 0;
     }
     render() {
-        return (hAsync(Host, { key: 'a782ea05231fff5ebebe2fe12a2775f519f327cf', slot: "ix-menu-avatar" }, hAsync("button", { key: '044a34b7db89797213223719a17a1b061cb1bd73', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, hAsync("ix-avatar", { key: 'cb1330bf41ca940bb3bde9025cbb1ea4871d2252', image: this.image, initials: this.initials }), hAsync("div", { key: 'ed6465daf36db4b60d3aceefbf6408677173a3f0', class: "avatar-name" }, hAsync("span", { key: '571392ee4ae8b60dd252ab92397d31784e4e3a5c', class: "text-default-single", title: this.top }, this.top), hAsync("span", { key: '52f9870036a925195723682aab11b103515f2c9d', class: "text-default-single", title: this.bottom }, this.bottom))), hAsync("ix-dropdown", { key: '09e4dd18be61500b17a6315792fb1ba334a5435c', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && this.hideLogoutButton, offset: {
+        return (hAsync(Host, { key: '6cff313b74cbbd668ed30dd7c04e060867ae0095', slot: "ix-menu-avatar" }, hAsync("button", { key: 'c387330d89a9d5740f0af21ec4e7d0f077510064', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, hAsync("ix-avatar", { key: '82f6207b4005ad8a799d29ce52a629d805d60b36', image: this.image, initials: this.initials }), hAsync("div", { key: 'c1a6a4e03b3dda5b36a3caa6c7595a32407b9c19', class: "avatar-name" }, hAsync("span", { key: 'a8b413ee5ec9a9f60d26ce695df3d9359831867d', class: "text-default-single", title: this.top }, this.top), hAsync("span", { key: 'b333a5337d49199f9545eb30361fe5166d8a8725', class: "text-default-single", title: this.bottom }, this.bottom))), hAsync("ix-dropdown", { key: '31b4149a67636711972e1f682da62a60f833e9f3', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && this.hideLogoutButton, offset: {
                 mainAxis: 16,
-            } }, hAsync("slot", { key: '95885a59468c02dc83b81e47598224761b65f337', onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && (hAsync("ix-menu-avatar-item", { key: 'f79cf9960e1de2ee4b03d797d5da4ec8ae53af9b', label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
+            } }, hAsync("slot", { key: 'a17ca070258b8b892c647f4cc2429b21562072c1', onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && (hAsync("ix-menu-avatar-item", { key: 'cbc2544543237b2874744c0678838b701ec89d4a', label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
                 this.logoutClick.emit(e);
             } })))));
     }
@@ -26361,7 +26082,7 @@ class MenuAvatarItem {
         return this.dropdownItemRef.waitForCurrent();
     }
     render() {
-        return (hAsync("ix-dropdown-item", { key: '7b30f261d40a584c089d70f40d0f4b853ec5219f', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
+        return (hAsync("ix-dropdown-item", { key: '4a25c0768a9afad6b18bf3019c8998cc51fa134a', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
     }
     get hostElement() { return getElement(this); }
     static get style() { return menuAvatarItemCss; }
@@ -26554,7 +26275,7 @@ class MenuCategory {
         }
     }
     render() {
-        return (hAsync(Host, { key: '3ab492c20cd7c41d300db0c3c4ad2cf5a6d51090', class: {
+        return (hAsync(Host, { key: '13ac63c3321e33e4781ab642577464fde79c6bf2', class: {
                 expanded: this.showItems,
             }, onPointerEnter: () => {
                 this.enterLeaveDebounce.onEnter();
@@ -26563,14 +26284,14 @@ class MenuCategory {
                     return;
                 }
                 this.enterLeaveDebounce.onLeave();
-            } }, hAsync("ix-menu-item", { key: 'a59b7d4c9a1360f10c3555d57ece5e8ca439f711', class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), tooltipText: this.tooltipText, isCategory: true }, hAsync("div", { key: 'e7fb335217c858737e99a1c1df4959b1d15d1867', class: "category" }, hAsync("div", { key: '6700c5e1926a1fa908f323e2bfd059ef7abc3d9d', class: "category-text" }, this.label), hAsync("ix-icon", { key: '576a5b8a6ed3a7944a33d813bd254deaa8175438', name: iconChevronDownSmall, class: {
+            } }, hAsync("ix-menu-item", { key: '25e8a0a50ea1540e346e830045275e6a0c63327d', class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), tooltipText: this.tooltipText, isCategory: true }, hAsync("div", { key: '5b0dcefb391bada721218f4d3ba690c1a2de966e', class: "category" }, hAsync("div", { key: 'f65e560cb7a6ab490220b814f9e66bbfd010bc44', class: "category-text" }, this.label), hAsync("ix-icon", { key: '672a4f90f58ad0cdf023d050d4b3f75114a4ee52', name: iconChevronDownSmall, class: {
                 'category-chevron': true,
                 'category-chevron--open': this.showItems,
-            } }))), hAsync("div", { key: '2898f39c1f4665a5cb684f875d7881558434cf80', ref: (ref) => (this.menuItemsContainer = ref), class: {
+            } }))), hAsync("div", { key: 'd7f0f085f33a09d7c57ca18818a90125b3c2e2bf', ref: (ref) => (this.menuItemsContainer = ref), class: {
                 'menu-items': true,
                 'menu-items--expanded': this.showItems,
                 'menu-items--collapsed': !this.showItems,
-            } }, this.showItems ? hAsync("slot", null) : null), hAsync("ix-dropdown", { key: '6e93539319261b3bd5c53cf80c75ddf4ff240376', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
+            } }, this.showItems ? hAsync("slot", null) : null), hAsync("ix-dropdown", { key: 'e5b6be4ba14c97ef2e85abd01833bed929b1efa4', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
                 this.showDropdown = dropdownShown;
             }, class: 'category-dropdown', anchor: this.hostElement, placement: "right-start", offset: {
                 mainAxis: 3,
@@ -26583,7 +26304,7 @@ class MenuCategory {
                         e.preventDefault();
                     }
                 }
-            } }, hAsync("ix-dropdown-item", { key: 'aeb52967293d03a82de20c59b448d7f13cd03639', class: 'category-dropdown-header' }, hAsync("ix-typography", { key: '19ccac9959ec874b240989a2c43f7c03ed70d9b9', format: "label", bold: true, textColor: "std" }, this.label)), hAsync("ix-divider", { key: '1d113cd249baee291d9e25d47ed1eaecec56a7a7' }), hAsync("slot", { key: '7a21ba6c7a35fef4391bb57fa27cad853edd729a' }))));
+            } }, hAsync("ix-dropdown-item", { key: '90e095e2d61e5d359c29c742e4e84457ef47426f', class: 'category-dropdown-header' }, hAsync("ix-typography", { key: '67efee1940b51e0457ccec7f0a271684ea6df881', format: "label", bold: true, textColor: "std" }, this.label)), hAsync("ix-divider", { key: '2ec48cbab9dc6a223fcc636e59b497b1db315369' }), hAsync("slot", { key: 'e32fb89cf4045faae851af8d1ed1c4ab394e1709' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return menuCategoryCss; }
@@ -26640,7 +26361,7 @@ class MenuExpandIcon {
         return this.getSmallScreenIcon();
     }
     render() {
-        return (hAsync(Host, { key: '55bb276dfb9ec7960d0e81c1885f022790ef2967', class: {
+        return (hAsync(Host, { key: '702baa75b182df885e9488301b2747fb37f96c52', class: {
                 expanded: this.expanded,
             }, type: "button", "aria-label": this.ixAriaLabel, "aria-pressed": a11yBoolean(this.expanded) }, this.getMenuIcon()));
     }
@@ -26760,11 +26481,11 @@ class MenuItem {
             tabIndex: this.disabled ? -1 : 0,
         };
         const menuContent = [
-            this.icon && hAsync("ix-icon", { key: '010ccc4efd7284bfc7654ab6f9b29783129f17ff', class: 'tab-icon', name: this.icon }),
+            this.icon && hAsync("ix-icon", { key: 'cf444eeb0b3478721a77ee1dc52436689e4c0102', class: 'tab-icon', name: this.icon }),
             this.notifications ? (hAsync("div", { class: "notification" }, hAsync("div", { class: "pill" }, this.notifications))) : null,
-            hAsync("span", { key: '247db957f1317fe528db4a863736cc7bf974fbcc', id: this.internalItemId, class: "tab-text text-default" }, this.label, hAsync("slot", { key: 'dbe0bcf50882232b686e322af346ea8edb0007bf' })),
+            hAsync("span", { key: '93ac9e24f2c8634f9bfcef42c8a167d219ff764e', id: this.internalItemId, class: "tab-text text-default" }, this.label, hAsync("slot", { key: 'c98d81e6a16ff3304c1c2c489a71cc892fc6e287' })),
         ];
-        return (hAsync(Host, Object.assign({ key: '1877e4728bfea90d5084715ce7d30d59c027cb60', class: {
+        return (hAsync(Host, Object.assign({ key: '2bed98070395e9df578f968f317a16f214bf5627', class: {
                 disabled: this.disabled,
                 'home-tab': this.home,
                 'bottom-tab': this.bottom,
@@ -26775,7 +26496,7 @@ class MenuItem {
                     e.preventDefault();
                     e.stopPropagation();
                 }
-            } }), menuContent)) : (hAsync("button", Object.assign({}, commonAttributes, { ref: this.buttonRef }), menuContent)), hAsync("ix-tooltip", { key: 'c19646a81a5a2fed7b89eb95caf661125da9f7be', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000, interactive: false, "aria-hidden": a11yBoolean(this.ariaHiddenTooltip), "aria-labelledby": this.internalItemId }, this.tooltip)));
+            } }), menuContent)) : (hAsync("button", Object.assign({}, commonAttributes, { ref: this.buttonRef }), menuContent)), hAsync("ix-tooltip", { key: '691d40c1d8df8ab9111165be8320190a5c893de0', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000, interactive: false, "aria-hidden": a11yBoolean(this.ariaHiddenTooltip), "aria-labelledby": this.internalItemId }, this.tooltip)));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -26823,7 +26544,7 @@ class MenuSettingsItem {
         });
     }
     render() {
-        return (hAsync(Host, { key: 'd71ea99d2f7194c876c18e702b0a1d20d84f7a35' }, hAsync("slot", { key: '4906a29d17beb90749df4981daca1ae37c8b8c9b' })));
+        return (hAsync(Host, { key: '69dac244a2c3b427237e8dceec64fad9c16600e9' }, hAsync("slot", { key: 'ccfc87d1f061f0d4195f943dec3782b655626aae' })));
     }
     static get watchers() { return {
         "label": ["watchLabel"]
@@ -26879,7 +26600,7 @@ class MessageBar {
         }
     }
     render() {
-        return (hAsync(Host, { key: '5731cfe741529527f943834f721d426108cd5ded' }, hAsync("div", { key: 'b9b6293938b30cad8afe65bd021d095f73a7153b', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, hAsync("ix-icon", { key: '207487fae744ef55d405931a7546761259391fd0', color: this.color, name: this.icon }), hAsync("div", { key: '9b610a5141af0164fbc34b82c4296d2353494b60', class: "message-content" }, hAsync("slot", { key: '5ebf82ba3aaff680db743060a6b3785d3a20f953' })), !this.persistent && (hAsync("ix-icon-button", { key: '7049b2d51ca9efb6c67fc376a0c9ba6369d30784', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => {
+        return (hAsync(Host, { key: '538fcc08ad07fe808f424e067a361f4a56f4c0ec' }, hAsync("div", { key: '4a75052efe1b22c247dcfcd298aabbd1098ff7b6', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, hAsync("ix-icon", { key: 'd348829692e38a1023e044834aefa45516b4d916', color: this.color, name: this.icon }), hAsync("div", { key: '0ac0a509efe1dd246f7732660e4cf16416c8655d', class: "message-content" }, hAsync("slot", { key: '6143bfa9cf39d32d149c2893b7712358337833c9' })), !this.persistent && (hAsync("ix-icon-button", { key: 'b118c91956af0fd00d02cfefdb7da36d46f2d360', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => {
                 if (this.divElement) {
                     this.closeAlert(this.divElement);
                 }
@@ -27095,17 +26816,17 @@ class Modal {
         this.ariaAttributes = a11yHostAttributes(this.hostElement);
     }
     render() {
-        return (hAsync(Host, { key: 'c3f543b51f3434893a1c924ccaf7a7d877977e89', class: {
+        return (hAsync(Host, { key: '0170729f63356223c39bcd6b0bb7124b2036f2c4', class: {
                 visible: this.modalVisible,
                 'no-backdrop': this.hideBackdrop,
                 'align-center': this.centered,
-            } }, hAsync("div", { key: '71dbff3ad3302924535ad5262185f9ffe7efd540', class: "dialog-backdrop" }, hAsync("dialog", { key: 'a266f8cc91840e2923ae18284eb244f132f38bb2', "aria-modal": a11yBoolean(true), "aria-describedby": this.ariaAttributes['aria-describedby'], "aria-labelledby": this.ariaAttributes['aria-labelledby'], class: {
+            } }, hAsync("div", { key: '436b9f2efce7279defa936c9ee79fa44d090e388', class: "dialog-backdrop" }, hAsync("dialog", { key: 'e3bc4891433993a5dcbe186011fd91d70277ca3d', "aria-modal": a11yBoolean(true), "aria-describedby": this.ariaAttributes['aria-describedby'], "aria-labelledby": this.ariaAttributes['aria-labelledby'], class: {
                 modal: true,
                 [`modal-size-${this.size}`]: true,
             }, onClose: () => this.dismissModal(), onMouseDown: (event) => this.onMouseDown(event), onMouseUp: (event) => this.onMouseUp(event), onCancel: (e) => {
                 e.preventDefault();
                 this.dismissModal();
-            } }, hAsync("slot", { key: 'd71f435060761f058ce2ceb47c94d2a9d5bc9678' })))));
+            } }, hAsync("slot", { key: '5a3e86b9c04f8e1564be6026b0352940978f0666' })))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return modalCss; }
@@ -27141,7 +26862,7 @@ class ModalContent {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '3f9198f84a9686d2aaf532f85af567aa2b6c821c' }, hAsync("slot", { key: 'a0fc648541f56d4a7142bb91e55dfc7757b21746' })));
+        return (hAsync(Host, { key: 'b45bdd4b47ca580de9e3419c9c081f8e30b1da09' }, hAsync("slot", { key: 'ad2d19f3f3053ea927d6d45ff54bcfff1e74345d' })));
     }
     static get style() { return modalContentCss; }
     static get cmpMeta() { return {
@@ -27161,7 +26882,7 @@ class ModalFooter {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: '26999141bb2fc468074ec5d05a43feaf6cbb4e78' }, hAsync("slot", { key: '48c1f1b8d51af57f6bef965d582f2ff898140b9c' })));
+        return (hAsync(Host, { key: '11eb649edd163b25fdeb4b533bf513a861c1d7ec' }, hAsync("slot", { key: '9a2cb92b8df8220ed2307d98ec7a1ce6a6d9196b' })));
     }
     static get style() { return modalFooterCss; }
     static get cmpMeta() { return {
@@ -27207,7 +26928,7 @@ class ModalHeader {
         this.parentDialog.dismissModal();
     }
     render() {
-        return (hAsync(Host, { key: '0ebfd37e83735c49aa640de880af719c278bf8dc' }, this.icon ? (hAsync("ix-icon", { name: this.icon, color: this.iconColor, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("div", { key: 'b8ccaf5afb50229756ad024f8932aca9e106bf35', class: "modal-title" }, hAsync("ix-typography", { key: 'edf640b077acc1feb0ce7e3d661ba84fbffde3f0', format: "h5" }, hAsync("slot", { key: '10da72cd839364e2fe81049de9d411a4cbea6e72' }))), !this.hideClose ? (hAsync("ix-icon-button", { class: "modal-close", onClick: (event) => this.onCloseClick(event), variant: "tertiary", icon: iconClose, iconColor: "color-soft-text", "aria-label": this.ariaLabelCloseIconButton })) : null));
+        return (hAsync(Host, { key: '7dd6b1964ed537b20a90f9007afb767414fad240' }, this.icon ? (hAsync("ix-icon", { name: this.icon, color: this.iconColor, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("div", { key: '4c6d8c7716ba99eed36e7b9c741dce4ebb0bb092', class: "modal-title" }, hAsync("ix-typography", { key: '1db5a1e1cd434c67578a8c276b497284e5447f8d', format: "h5" }, hAsync("slot", { key: '920833a9e7d2c8e15dc4bff1b18c6daa8a9ee4b5' }))), !this.hideClose ? (hAsync("ix-icon-button", { class: "modal-close", onClick: (event) => this.onCloseClick(event), variant: "tertiary", icon: iconClose, iconColor: "color-soft-text", "aria-label": this.ariaLabelCloseIconButton })) : null));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -27240,7 +26961,7 @@ class ModalLoading {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'e6a5ed6cf016a30bd76692c5dcc96924cdfebc6d' }, hAsync("ix-spinner", { key: '0979352c75c22f1a97fbad587b2f6648c5fbd867', variant: "primary" }), hAsync("span", { key: '9cc99953a981540e8e2dc9806fd7e481199e1b54', class: 'loading-text' }, hAsync("slot", { key: '89cc3a8cd66fcff80b72fe2d8ed80cb272cf3201' }))));
+        return (hAsync(Host, { key: '404214a461e55c9ee78aad8dc277dab5be8a9b42' }, hAsync("ix-spinner", { key: '96278c04d8c7798b411f6807e5c7a1ea26b03d45', variant: "primary" }), hAsync("span", { key: 'cad3eec78defa832ffc679f86941ffc301bc5b5c', class: 'loading-text' }, hAsync("slot", { key: '96cf92b74f62260ee97b7bdae73557a2ee5517ec' }))));
     }
     static get style() { return modalLoadingCss; }
     static get cmpMeta() { return {
@@ -27256,7 +26977,7 @@ class ModalLoading {
 const numberInputCss = "input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;height:3.25rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),input.ix-info:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:0}:host .end-container{right:0}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:0.5rem}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:0.25rem}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:0}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host .input-wrapper.show-stepper-buttons input[type=number]{min-width:6rem}:host .number-stepper-container{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;margin-right:0.25rem}:host .number-stepper-container.container-hidden{display:none}";
 
 /*
- * SPDX-FileCopyrightText: 2024 Siemens AG
+ * SPDX-FileCopyrightText: 2025 Siemens AG
  *
  * SPDX-License-Identifier: MIT
  *
@@ -27274,6 +26995,7 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 let numberInputIds = 0;
+const INVALID_NUMBER_INPUT_REGEX = /[^\dEe+\-.,]/;
 /**
  * @form-ready
  * @slot start - Element will be displayed at the start of the input
@@ -27293,11 +27015,11 @@ class NumberInput {
             hostRef.$hostElement$["s-ei"] = this.formInternals;
         }
         /**
-         * The value of the input field
+         * The value of the input field. Supports numeric values, scientific notation (1E6, 1E-6), or undefined for empty.
          */
         this.value = 0;
         /**
-         * Indicates if the field is required
+         * Indicates if the field is required. When required, empty values (undefined) are not accepted.
          */
         this.required = false;
         /**
@@ -27308,6 +27030,27 @@ class NumberInput {
          * Indicates if the field is read-only
          */
         this.readonly = false;
+        /**
+         * Step value to increment or decrement the input value. Default step value is 1.
+         *
+         */
+        this.step = 1;
+        /**
+         * If false, pressing Enter will submit the form (if inside a form).
+         * Set to true to suppress submit on Enter.
+         */
+        this.suppressSubmitOnEnter = false;
+        /**
+         * Text alignment within the number input. 'start' aligns the text to the start of the input, 'end' aligns the text to the end of the input.
+         */
+        this.textAlignment = 'end';
+        /**
+         * If true, the valueChange event will return null instead of 0 for an empty input state.
+         * This property will be removed in 5.0.0 and this behaviour will be default.
+         *
+         * @since 4.1.0
+         */
+        this.allowEmptyValueChange = false;
         this.isInvalid = false;
         this.isValid = false;
         this.isInfo = false;
@@ -27318,6 +27061,70 @@ class NumberInput {
         this.slotStartRef = makeRef();
         this.numberInputId = `number-input-${numberInputIds++}`;
         this.touched = false;
+        this.handleInputChange = (inputValue) => {
+            const parsedValue = this.convertNumberStringToFloat(inputValue);
+            const isScientificNotation = this.isScientificNotation(inputValue.trim());
+            if (isScientificNotation) {
+                this.formInternals.setFormValue(inputValue);
+            }
+            this.handleValueChangeEvent(parsedValue);
+        };
+        this.handleBlur = () => {
+            if (!this.inputRef.current)
+                return;
+            const inputValue = this.inputRef.current.value;
+            const parsedValue = this.convertNumberStringToFloat(inputValue);
+            if (parsedValue !== undefined) {
+                this.inputRef.current.value = this.formatValue(parsedValue);
+            }
+            this.updateFormInternalValue(parsedValue);
+            onInputBlur(this, this.inputRef.current);
+            this.touched = true;
+        };
+        this.handleKeyDown = (event) => {
+            if (this.disabled || this.readonly) {
+                return;
+            }
+            switch (event.key) {
+                case 'ArrowUp':
+                    event.preventDefault();
+                    this.handleStepOperation('up');
+                    break;
+                case 'ArrowDown':
+                    event.preventDefault();
+                    this.handleStepOperation('down');
+                    break;
+            }
+        };
+        this.handleBeforeInput = (e) => {
+            var _a, _b;
+            if (this.disabled || this.readonly)
+                return;
+            if (e.inputType === 'insertText') {
+                const character = e.data;
+                if (character && INVALID_NUMBER_INPUT_REGEX.test(character)) {
+                    e.preventDefault();
+                }
+            }
+            if (e.inputType === 'insertFromPaste') {
+                const dt = e.dataTransfer || e.clipboardData;
+                const text = (_b = (_a = dt === null || dt === void 0 ? void 0 : dt.getData) === null || _a === void 0 ? void 0 : _a.call(dt, 'text')) !== null && _b !== void 0 ? _b : '';
+                if (INVALID_NUMBER_INPUT_REGEX.test(text)) {
+                    e.preventDefault();
+                }
+            }
+        };
+        this.handlePaste = (e) => {
+            var _a, _b;
+            // Fallback for browsers that don’t fire beforeinput for paste
+            const text = (_b = (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text')) !== null && _b !== void 0 ? _b : '';
+            if (INVALID_NUMBER_INPUT_REGEX.test(text)) {
+                e.preventDefault();
+            }
+        };
+    }
+    onValueChange(newValue) {
+        this.updateFormInternalValue(newValue);
     }
     updateClassMappings(result) {
         mapValidationResult(this, result);
@@ -27336,10 +27143,60 @@ class NumberInput {
     updatePaddings() {
         adjustPaddingForStartAndEnd(this.slotStartRef.current, this.slotEndRef.current, this.inputRef.current);
     }
+    convertNumberStringToFloat(input) {
+        if (!input || input.trim() === '') {
+            return undefined;
+        }
+        const parsed = Number.parseFloat(input);
+        return Number.isNaN(parsed) ? undefined : parsed;
+    }
+    isScientificNotation(input) {
+        const parsed = Number.parseFloat(input);
+        return (!Number.isNaN(parsed) && Number.isFinite(parsed) && /[eE]/.test(input));
+    }
+    formatValue(value) {
+        if (value === undefined || value === null) {
+            return '';
+        }
+        return value.toString();
+    }
+    handleValueChangeEvent(value) {
+        this.valueChange.emit(this.allowEmptyValueChange ? value : (value !== null && value !== void 0 ? value : 0));
+    }
     updateFormInternalValue(value) {
-        this.formInternals.setFormValue(value.toString());
+        const formValue = value !== undefined && value !== null ? value.toString() : '';
+        this.formInternals.setFormValue(formValue);
         this.value = value;
     }
+    handleStepOperation(operation) {
+        var _a, _b;
+        if (!this.inputRef.current) {
+            return;
+        }
+        const currentValue = (_a = this.value) !== null && _a !== void 0 ? _a : 0;
+        const stepValue = typeof this.step === 'string'
+            ? Number.parseFloat(this.step)
+            : ((_b = this.step) !== null && _b !== void 0 ? _b : 1);
+        let newValue;
+        if (operation === 'up') {
+            newValue = currentValue + stepValue;
+        }
+        else {
+            newValue = currentValue - stepValue;
+        }
+        if (this.min !== undefined) {
+            const minValue = typeof this.min === 'string' ? Number.parseFloat(this.min) : this.min;
+            newValue = Math.max(newValue, minValue);
+        }
+        if (this.max !== undefined) {
+            const maxValue = typeof this.max === 'string' ? Number.parseFloat(this.max) : this.max;
+            newValue = Math.min(newValue, maxValue);
+        }
+        this.inputRef.current.value = newValue.toString();
+        this.updateFormInternalValue(newValue);
+        checkInternalValidity(this, this.inputRef.current);
+        this.handleValueChangeEvent(newValue);
+    }
     /** @internal */
     async getAssociatedFormElement() {
         return this.formInternals.form;
@@ -27348,9 +27205,10 @@ class NumberInput {
     async hasValidValue() {
         const nativeInput = await this.getNativeInputElement();
         if (nativeInput.value === '') {
-            return Promise.resolve(false);
+            return !this.required;
         }
-        return Promise.resolve(this.value !== null && this.value !== undefined && !isNaN(this.value));
+        const parsedValue = this.convertNumberStringToFloat(nativeInput.value);
+        return parsedValue !== undefined;
     }
     /**
      * Returns the native input element used under the hood
@@ -27372,39 +27230,30 @@ class NumberInput {
         return Promise.resolve(this.touched);
     }
     render() {
+        var _a;
         const showStepperButtons = this.showStepperButtons && (this.disabled || this.readonly) === false;
-        return (hAsync(Host, { key: '8504c7c73fc9b962d3d1bb53f80515876579a799', class: {
+        return (hAsync(Host, { key: '4b541dbe6fe2b32b5158eed8f398de300ea71bb4', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: '5f833ae1f6e134b0056cceda27cce2491bfa5a04', id: this.numberInputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: '18d4fdfcb87f46340fd7f0c08587c8353122275f', class: {
+            } }, hAsync("ix-field-wrapper", { key: '7ef2bb50ba7c9b3b24612752155a2072329e4b61', id: this.numberInputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: '7e71d63d2a9ecbb16550925e68f3dc8dd76c3968', class: {
                 'input-wrapper': true,
                 'show-stepper-buttons': !!this.showStepperButtons,
-            } }, hAsync(SlotStart, { key: '702b6335f92a587932de72d085487e21932897f9', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: '385e81700361f81a6ee4f4999a673acc452decf9', id: this.numberInputId, readonly: this.readonly, disabled: this.disabled, step: this.step, min: this.min, max: this.max, pattern: this.pattern, type: 'number', isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(Number(value)), updateFormInternalValue: (value) => this.updateFormInternalValue(Number(value)), onBlur: () => {
-                onInputBlur(this, this.inputRef.current);
-                this.touched = true;
-            } }), hAsync(SlotEnd, { key: '346796a1af3fde17d66cc573457d63f3193f6420', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("div", { key: 'd4369359ea685b7ef974b3ff941652a496874207', class: {
+            } }, hAsync(SlotStart, { key: '8d936c9126f94c42db87b2d95d34ab178eadd31d', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: 'c56f510ea8a519204d3d36136d4b0a5a17246370', id: this.numberInputId, readonly: this.readonly, disabled: this.disabled, step: this.step, min: this.min, max: this.max, pattern: this.pattern, type: 'number', isInvalid: this.isInvalid, required: this.required, value: this.formatValue(this.value), placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), onKeyDown: (event) => this.handleKeyDown(event), onBeforeInput: (event) => this.handleBeforeInput(event), onPaste: (event) => this.handlePaste(event), valueChange: this.handleInputChange, updateFormInternalValue: (value) => {
+                const isScientificNotation = this.isScientificNotation(value.trim());
+                if (!isScientificNotation) {
+                    const parsedValue = this.convertNumberStringToFloat(value);
+                    this.updateFormInternalValue(parsedValue);
+                }
+            }, onBlur: this.handleBlur, form: (_a = this.formInternals.form) !== null && _a !== void 0 ? _a : undefined, suppressSubmitOnEnter: this.suppressSubmitOnEnter, textAlignment: this.textAlignment }), hAsync(SlotEnd, { key: '2d7e82c421d51985c9d24c69b6f641279e3e84aa', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("div", { key: '5b1e6f03bf456305386537428b23b3fc2706e411', class: {
                 'number-stepper-container': true,
                 'container-hidden': !showStepperButtons,
-            } }, hAsync("ix-icon-button", { key: '0e9729ec618851639232d0d50822a89dfe899e06', variant: "subtle-tertiary", icon: iconMinus, size: "16", class: "number-stepper-button step-minus", "aria-label": "decrement number", onClick: () => {
-                if (!this.inputRef.current) {
-                    return;
-                }
-                this.inputRef.current.stepDown();
-                checkInternalValidity(this, this.inputRef.current);
-                this.updateFormInternalValue(Number(this.inputRef.current.value));
-                this.valueChange.emit(this.value);
-            } }), hAsync("ix-icon-button", { key: '9799ab98f29a44549fcf233ea0b0ca3189704c76', variant: "subtle-tertiary", icon: iconPlus, size: "16", class: "number-stepper-button step-plus", "aria-label": "increment number", onClick: () => {
-                if (!this.inputRef.current) {
-                    return;
-                }
-                this.inputRef.current.stepUp();
-                checkInternalValidity(this, this.inputRef.current);
-                this.updateFormInternalValue(Number(this.inputRef.current.value));
-                this.valueChange.emit(this.value);
-            } })))))));
+            } }, hAsync("ix-icon-button", { key: '44a5f583fb174c556a063f384174883ec307f9f4', variant: "subtle-tertiary", icon: iconMinus, size: "16", class: "number-stepper-button step-minus", "aria-label": "decrement number", onClick: () => this.handleStepOperation('down') }), hAsync("ix-icon-button", { key: 'c007fe5451c3f124e61214160c7ebc8cc1150b25', variant: "subtle-tertiary", icon: iconPlus, size: "16", class: "number-stepper-button step-plus", "aria-label": "increment number", onClick: () => this.handleStepOperation('up') })))))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
+    static get watchers() { return {
+        "value": ["onValueChange"]
+    }; }
     static get style() { return numberInputCss; }
     static get cmpMeta() { return {
         "$flags$": 329,
@@ -27429,6 +27278,9 @@ class NumberInput {
             "allowedCharactersPattern": [1, "allowed-characters-pattern"],
             "showStepperButtons": [4, "show-stepper-buttons"],
             "step": [8],
+            "suppressSubmitOnEnter": [516, "suppress-submit-on-enter"],
+            "textAlignment": [1, "text-alignment"],
+            "allowEmptyValueChange": [516, "allow-empty-value-change"],
             "isInvalid": [32],
             "isValid": [32],
             "isInfo": [32],
@@ -27442,7 +27294,7 @@ class NumberInput {
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["required", "required"], ["label", "label"]]
+        "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["required", "required"], ["label", "label"], ["suppressSubmitOnEnter", "suppress-submit-on-enter"], ["allowEmptyValueChange", "allow-empty-value-change"]]
     }; }
 }
 __decorate$7([
@@ -27500,6 +27352,13 @@ class Pagination {
          * i18n label for 'Items'
          */
         this.i18nItems = 'Items';
+        /**
+         * ARIA label for the page selection input
+         * Will be set as aria-label on the nested HTML input element
+         *
+         * @since 4.1.0
+         */
+        this.ariaLabelPageSelection = 'Page selection input';
     }
     selectPage(index) {
         const oldIndex = this.selectedPage;
@@ -27589,17 +27448,32 @@ class Pagination {
         }
         return hAsync("span", { class: "page-buttons" }, pageButtons);
     }
+    handlePageInput(inputValue) {
+        const value = Number.parseInt(inputValue, 10);
+        if (!Number.isNaN(value)) {
+            const clampedValue = Math.max(1, Math.min(value, this.count));
+            this.selectPage(clampedValue - 1);
+        }
+    }
     render() {
-        return (hAsync(Host, { key: '40b3ace6995e3344df7ea8fe9a4b076603136395' }, hAsync("ix-icon-button", { key: '22efb16a1553b9f935fa3af8fa5790f0bf5e9214', disabled: !this.count || this.selectedPage === 0, variant: "subtle-tertiary", icon: iconChevronLeftSmall, onClick: () => this.decrease(), "aria-label": this.ariaLabelChevronLeftIconButton }), this.advanced ? (hAsync("div", { class: "advanced-pagination" }, hAsync("ix-typography", { format: "body" }, this.i18nPage), hAsync("input", { class: "ix-form-control page-selection", type: "number", min: "1", max: this.count, value: this.selectedPage + 1, onChange: (event) => {
-                const eventTarget = event.target;
-                if (eventTarget) {
-                    const index = Number.parseInt(eventTarget.value);
-                    this.selectPage(index - 1);
+        return (hAsync(Host, { key: 'e9b053fdf801e514af1abef2e163a903f7d5f976' }, hAsync("ix-icon-button", { key: 'a880a444f946f7d228a746b8d45d7328bdc26295', disabled: !this.count || this.selectedPage === 0, variant: "subtle-tertiary", icon: iconChevronLeftSmall, onClick: () => this.decrease(), "aria-label": this.ariaLabelChevronLeftIconButton }), this.advanced ? (hAsync("div", { class: "advanced-pagination" }, hAsync("ix-typography", { format: "body" }, this.i18nPage), hAsync("input", { "aria-label": this.ariaLabelPageSelection, class: "ix-form-control page-selection", type: "number", min: "1", max: this.count, value: this.selectedPage + 1, onChange: (event) => {
+                const inputElement = event.target;
+                this.handlePageInput(inputElement.value);
+            }, onKeyDown: (event) => {
+                if (['e', 'E', '+', '-', '.'].includes(event.key))
+                    event.preventDefault();
+                if (event.key === 'Enter') {
+                    const inputElement = event.target;
+                    this.handlePageInput(inputElement.value);
+                    inputElement.blur();
                 }
-            } }), hAsync("span", { class: "total-count" }, hAsync("ix-typography", { format: "body" }, this.i18nOf, " ", this.count)))) : (hAsync("span", { class: "basic-pagination" }, this.renderPageButtons(), " ")), hAsync("ix-icon-button", { key: '23dfbc2e249990b489229c7adda1a423408a5167', disabled: !this.count || this.selectedPage === this.count - 1, variant: "subtle-tertiary", icon: iconChevronRightSmall, onClick: () => this.increase(), "aria-label": this.ariaLabelChevronRightIconButton }), this.advanced && !this.hideItemCount && (hAsync("span", { key: '21fa9891cb8ce7605c0727cc84d5223164be4c61', class: "item-count" }, hAsync("ix-typography", { key: '1ff68ae57bb5aa4e513eb1c3e24b7a46043a3cd0', format: "body" }, this.i18nItems), hAsync("ix-select", { key: 'bb1ac2d152988e0fcf7083781e93dbaa3e6c1703', hideListHeader: true, i18nPlaceholder: "", i18nSelectListHeader: "", value: `${this.itemCount}`, onValueChange: (e) => {
+            }, onBlur: (e) => {
+                const inputElement = e.target;
+                inputElement.value = (this.selectedPage + 1).toString();
+            } }), hAsync("span", { class: "total-count" }, hAsync("ix-typography", { format: "body" }, this.i18nOf, " ", this.count)))) : (hAsync("span", { class: "basic-pagination" }, this.renderPageButtons(), " ")), hAsync("ix-icon-button", { key: 'dd75eb48382320194812f9eb4c644b7d37f0c84a', disabled: !this.count || this.selectedPage === this.count - 1, variant: "subtle-tertiary", icon: iconChevronRightSmall, onClick: () => this.increase(), "aria-label": this.ariaLabelChevronRightIconButton }), this.advanced && !this.hideItemCount && (hAsync("span", { key: '018574c07720618970be857f7536fdf9b71e1542', class: "item-count" }, hAsync("ix-typography", { key: '343a05e008f258ab9a56045cac1a8785c9855169', format: "body" }, this.i18nItems), hAsync("ix-select", { key: '2d8a5efe84ea53ea85b9f4c75f1c84800c858846', hideListHeader: true, i18nPlaceholder: "", i18nSelectListHeader: "", value: `${this.itemCount}`, onValueChange: (e) => {
                 const count = Number.parseInt(Array.isArray(e.detail) ? e.detail[0] : e.detail);
                 this.itemCountChanged.emit(count);
-            } }, hAsync("ix-select-item", { key: '5fb9c14e5b30116ad1fb05478637a1f65ca9a9fc', label: "10", value: "10" }), hAsync("ix-select-item", { key: '8cbea9c38bedf9382530315274f93702e3f6be2a', label: "15", value: "15" }), hAsync("ix-select-item", { key: '7095c60775ea46a7312b8f2a5fd14ee084cadeeb', label: "20", value: "20" }), hAsync("ix-select-item", { key: 'a4716aa6a22414e705d91665cabda72646823a9e', label: "40", value: "40" }), hAsync("ix-select-item", { key: 'd9077eabd7ca25171699a41425358b20063c4399', label: "100", value: "100" }))))));
+            } }, hAsync("ix-select-item", { key: '9106274e93a00e5cb62f7cd19082f43e2920076b', label: "10", value: "10" }), hAsync("ix-select-item", { key: '452779779ea63e45d408d60b5faed2d30ea6bcc9', label: "15", value: "15" }), hAsync("ix-select-item", { key: '0658cd6473b508ec6c01c83d99bce4bfa8a54940', label: "20", value: "20" }), hAsync("ix-select-item", { key: '316b1e9a882ae3a516f8a3ff3997ab0fe95c20de', label: "40", value: "40" }), hAsync("ix-select-item", { key: 'a5dbea62134178911100a1fb369d258b0ee74b8d', label: "100", value: "100" }))))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return paginationCss; }
@@ -27616,7 +27490,8 @@ class Pagination {
             "i18nOf": [1, "i18n-of"],
             "i18nItems": [1, "i18n-items"],
             "ariaLabelChevronLeftIconButton": [1, "aria-label-chevron-left-icon-button"],
-            "ariaLabelChevronRightIconButton": [1, "aria-label-chevron-right-icon-button"]
+            "ariaLabelChevronRightIconButton": [1, "aria-label-chevron-right-icon-button"],
+            "ariaLabelPageSelection": [1, "aria-label-page-selection"]
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
@@ -28073,7 +27948,7 @@ class Pane {
     }
     render() {
         const rotate = !this.expanded && !this.isMobile && this.isLeftRightPane;
-        return (hAsync(Host, { key: 'dd8c6d4cd68bbc2dce4938a97a0499316acda9f3', class: {
+        return (hAsync(Host, { key: 'd4dcd94494a7a1a20cb9ce1613f60b07708a1a6a', class: {
                 'floating-pane': this.floating,
                 'inline-pane': !this.floating,
                 'mobile-overlay': this.expanded && this.isMobile,
@@ -28097,28 +27972,28 @@ class Pane {
                     !this.expanded &&
                     !this.floating,
                 'not-visible': this.hideOnCollapse && !this.expanded,
-            }, "aria-expanded": a11yBoolean(this.expanded) }, hAsync("aside", { key: '9c1e0a51dd112be47cd6ac72a56da3c8f8c7402e', id: `pane-${this.composition}`, class: {
+            }, "aria-expanded": a11yBoolean(this.expanded) }, hAsync("aside", { key: '16c38b4a2706ee2cc82975e7cc8f48434997d668', id: `pane-${this.composition}`, class: {
                 'top-bottom-pane': this.isBottomTopPane && !this.isMobile,
                 'left-right-pane': this.isLeftRightPane && !this.isMobile,
                 'mobile-pane': this.isMobile,
                 expanded: this.expanded,
-            } }, hAsync("div", { key: 'e6c9183e30405b36ef67d76d812288573e75112b', id: "title-div", class: {
+            } }, hAsync("div", { key: 'e4f68f0ab4d1c720bd2bbd2c8a3362e8c1166216', id: "title-div", class: {
                 title: !this.isMobile && !this.hideOnCollapse && !this.showContent,
                 'title-finished': !this.isMobile && !this.hideOnCollapse && this.showContent,
                 'title-expanded': !this.isMobile && !this.hideOnCollapse && this.expanded,
                 'title-hide-on-collapse': !this.isMobile && this.hideOnCollapse,
                 'title-mobile': this.isMobile,
                 'header-gap': !this.isMobile && !this.hideOnCollapse,
-            } }, hAsync("ix-icon-button", { key: 'b1b5b89d42572b9499866c3a59a22a4dfac97707', class: "title-icon", size: "24", icon: this.expanded
+            } }, hAsync("ix-icon-button", { key: '3d6a8b606b790e4a0401de198dd7f96536cff5a9', class: "title-icon", size: "24", icon: this.expanded
                 ? this.isMobile || this.hideOnCollapse
                     ? iconClose
                     : this.expandIcon
                 : this.minimizeIcon, iconColor: this.expanded && (this.isMobile || this.hideOnCollapse)
                 ? 'color-soft-text'
-                : undefined, variant: "subtle-tertiary", onClick: () => this.dispatchExpandedChangedEvent(), "aria-controls": `pane-${this.composition}`, "aria-label": this.ariaLabelCollapseCloseButton }), hAsync("div", { key: 'e908c4100d070c35be2c1f16e1c7b5e2f7bbfa42', class: {
+                : undefined, variant: "subtle-tertiary", onClick: () => this.dispatchExpandedChangedEvent(), "aria-controls": `pane-${this.composition}`, "aria-label": this.ariaLabelCollapseCloseButton }), hAsync("div", { key: 'e7410bc38e5c387ac6b92d7805cd4b82a4e5517e', class: {
                 'title-text': true,
                 rotate: rotate,
-            } }, this.icon && (hAsync("ix-icon", { key: 'c38702ea2028987bdd185bde0e846f6e77e02cce', class: "pane-icon", size: "24", name: this.icon, "aria-label": this.ariaLabelIcon })), hAsync("div", { key: '59c00c7861e7cc4606fa7ace7bda410a66a9a13d', class: "title-text-overflow" }, hAsync("ix-typography", { key: '5008f70a17ef9a8792cedb12bea3517775e87b99', format: "h4" }, this.heading)), this.expanded && (hAsync("div", { key: '2810168de3fc7383d0fa4b0a3d8b1ee3d99f2d80', class: "slot-header" }, hAsync("slot", { key: '64e6644c2ee29a40d4b6343a03d00140518fb9d3', name: "header" }))))), hAsync("div", { key: '9ee1b00114877447c0457a3a77d92c5176c25195', class: "side-pane-content", hidden: !this.showContent }, hAsync("slot", { key: '439ee1eb5b4f7506d758577bd56d6f506f786c32' })))));
+            } }, this.icon && (hAsync("ix-icon", { key: '0429aadaabf1c6ff85d2858530d134884dde885a', class: "pane-icon", size: "24", name: this.icon, "aria-label": this.ariaLabelIcon })), hAsync("div", { key: 'a1f91e5bfc947a90423df8706bc97c13c5fe8f5b', class: "title-text-overflow" }, hAsync("ix-typography", { key: 'c7e45df0f33e0ca37fe1ca02ed552c7602e241f4', format: "h4" }, this.heading)), this.expanded && (hAsync("div", { key: '1780fd1205121d168c240ef7f2990318f42cef52', class: "slot-header" }, hAsync("slot", { key: 'ff9c90ed6e1c9fd23850168a0cb6457aeb27663f', name: "header" }))))), hAsync("div", { key: '67ce0be6d20ecbaf426f6d11acf9bdfab14d9945', class: "side-pane-content", hidden: !this.showContent }, hAsync("slot", { key: 'd5ee452fe64264f93ba57300a099abbaa89cfbd5' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -28394,7 +28269,7 @@ class Panes {
         return pane ? pane.floating : false;
     }
     render() {
-        return (hAsync(Host, { key: '03ea4309957e61df58b3d8bc01bad3f4a069e825' }, !this.isMobile ? (this.layout == 'full-vertical' ? (hAsync("div", { class: "side-panes-wrapper" }, hAsync("div", { class: {
+        return (hAsync(Host, { key: 'f5825e5fd84ca1f96e9eb6d19c528107167b4e16' }, !this.isMobile ? (this.layout == 'full-vertical' ? (hAsync("div", { class: "side-panes-wrapper" }, hAsync("div", { class: {
                 row: true,
                 'padding-left': this.hasPadding('left'),
                 'padding-right': this.hasPadding('right'),
@@ -28501,13 +28376,13 @@ class Pill {
                 [this.outline ? 'borderColor' : 'backgroundColor']: this.background,
             };
         }
-        return (hAsync(Host, { key: '2a7697576ed5ec91672c45f54dd4c5ffeb3c0763', style: this.variant === 'custom'
+        return (hAsync(Host, { key: 'aa669a2d03f9fc237cc40003d5a28718a403b764', style: this.variant === 'custom'
                 ? {
                     '--ix-icon-button-color': this.pillColor,
                 }
                 : {}, class: {
                 'align-left': this.alignLeft,
-            } }, hAsync("div", { key: 'ee9bc939ac718fe45d6d3a1d3974f98f3dac3881', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
+            } }, hAsync("div", { key: '0e15da18791505629957df85918d7752cfa62662', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
                 container: true,
                 outline: this.outline,
                 inactive: false,
@@ -28522,9 +28397,9 @@ class Pill {
                 closable: false,
                 icon: !!this.icon,
                 'with-gap': !this.iconOnly,
-            } }, this.icon && (hAsync("ix-icon", { key: '34a581e8e9994088b52deda084131c595485a522', class: {
+            } }, this.icon && (hAsync("ix-icon", { key: '49abe1808017f85a25fb2d8abd24db421f43f762', class: {
                 'with-icon': true,
-            }, name: this.icon, size: '16', "aria-label": this.ariaLabelIcon })), hAsync("span", { key: 'abd12c31ed933190c5cd40b131cfab9e9318350d', class: "slot-container" }, hAsync("slot", { key: 'ace912aa428b071a562286bb692ac82b98d57201', onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip()));
+            }, name: this.icon, size: '16', "aria-label": this.ariaLabelIcon })), hAsync("span", { key: '582ec1baae99962550035f613a8f74d9d8d9f56e', class: "slot-container" }, hAsync("slot", { key: '46c0481383cfbc55dcb60981cb10dd2b460930eb', onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip()));
     }
     get hostElement() { return getElement(this); }
     static get style() { return pillCss; }
@@ -28682,17 +28557,17 @@ class ProgressIndicator {
     render() {
         const normalizedValue = ((this.value - this.min) / (this.max - this.min)) * 100;
         const clampedValue = Math.max(0, Math.min(normalizedValue, 100));
-        return (hAsync(Host, { key: 'b9df8144037a0e126848e2425192dd8d8b752518', class: {
+        return (hAsync(Host, { key: '55cecc574b40c14bd8a4ba7a4d1f0e1d8d73f07b', class: {
                 linear: this.type === 'linear',
                 circular: this.type === 'circular',
-            }, tabIndex: -1 }, hAsync("div", { key: '15b088ae86016b1563aa34c2f1b31e0a0ae54cb2', class: {
+            }, tabIndex: -1 }, hAsync("div", { key: '3db1f913e4c4793106d7865b52ef4dcb07889188', class: {
                 'progress-indicator': true,
                 [this.size]: true,
                 [this.status]: true,
                 ['text-center']: this.textAlignment === 'center',
                 ['text-left']: this.textAlignment === 'left',
                 ['text-right']: this.textAlignment === 'right',
-            } }, this.label && (hAsync("ix-typography", { key: '98235751d98341318807c30826d220de3e089e5b', format: "label", textColor: this.status === 'error' ? 'alarm' : 'soft', class: 'label' }, this.label)), hAsync("div", { key: 'da8947864a85cbbecd4b72fbfc1c1e88e4d536b7', class: "progress-container" }, this.type === 'linear' ? (hAsync(Fragment, null, hAsync(LinearBar, { value: clampedValue, status: this.status }), hAsync("div", { class: "linear-slot" }, hAsync("slot", null)))) : (hAsync(CircularProgress, { status: this.status, alignment: this.textAlignment, value: clampedValue, size: this.size }, hAsync("slot", null)))), this.showTextAsTooltip === true && this.helperText ? (hAsync("ix-tooltip", { for: this.hostElement, showDelay: 500, placement: "bottom" }, this.getHelperText())) : (this.getHelperText()))));
+            } }, this.label && (hAsync("ix-typography", { key: 'd8cd960dcfee8bfc20102d2b071661a186dcc854', format: "label", textColor: this.status === 'error' ? 'alarm' : 'soft', class: 'label' }, this.label)), hAsync("div", { key: 'd149e99776e95f8051cc02e70d16d3c5103d98ba', class: "progress-container" }, this.type === 'linear' ? (hAsync(Fragment, null, hAsync(LinearBar, { value: clampedValue, status: this.status }), hAsync("div", { class: "linear-slot" }, hAsync("slot", null)))) : (hAsync(CircularProgress, { status: this.status, alignment: this.textAlignment, value: clampedValue, size: this.size }, hAsync("slot", null)))), this.showTextAsTooltip === true && this.helperText ? (hAsync("ix-tooltip", { for: this.hostElement, showDelay: 500, placement: "bottom" }, this.getHelperText())) : (this.getHelperText()))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return progressIndicatorCss; }
@@ -28733,7 +28608,7 @@ class PushCard {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '25cc0c4fea44a0a035e59a617c81c5c4ba46f7bf', class: `card-${this.variant}` }, hAsync("ix-card", { key: '3414251824d2f252985c29be1ae7f67235608147', variant: this.variant }, hAsync("ix-card-content", { key: 'cecdda5d8a8d6818c6ffe4aed7a47e0dffe12bd0' }, hAsync("ix-card-title", { key: '6e7b0859b6bf0704fe43845c2e2b456eda578aa7' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("ix-typography", { key: '60df1048ad8d94f9f741fba881e0276e5c864899', format: "display-xxl" }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), hAsync("slot", { key: '503f04b96a2d1a93cb60ef47f256236249eb0473', name: "title-action" })), hAsync("ix-typography", { key: 'e1ccccb5a67b270e93b1aae952ad6fdf27a19658', format: "h4" }, this.heading), hAsync("ix-typography", { key: 'cd147ac7c5bb418926b62634b06e897a454d987b' }, this.subheading)), hAsync("ix-card-accordion", { key: 'ac1045a3cc07cd515de917e7afe096d6ebf3b312', collapse: !this.expanded, variant: this.variant }, hAsync("slot", { key: '6cfd442f9174fae7e66d750f519445b9fcbeb079' })))));
+        return (hAsync(Host, { key: 'ce5e4eb49ffe548ae912dfb9df2ff02e570aef15', class: `card-${this.variant}` }, hAsync("ix-card", { key: '09ee07b5244171d3cd2a2eaf99180a71364326e6', variant: this.variant }, hAsync("ix-card-content", { key: '4ca37f7946dfaf600c21fa516a6a79c95c3369f3' }, hAsync("ix-card-title", { key: '14508386f9ad32b641b7404b8d1845f8f215a12f' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("ix-typography", { key: '004e0f78e304e16b085cba401d4fe6067c579819', format: "display-xxl" }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), hAsync("slot", { key: 'b5207aabd014e0e180eb1248795bccc23c09b850', name: "title-action" })), hAsync("ix-typography", { key: 'e39c0d3762869afd918cf9f8bb75bcbad35798d2', format: "h4" }, this.heading), hAsync("ix-typography", { key: '52c82e776f50a1e848cb163cf974402fc58a5011' }, this.subheading)), hAsync("ix-card-accordion", { key: '28ba4043b6494617eb0a4ea03eca56c198e10766', collapse: !this.expanded, variant: this.variant }, hAsync("slot", { key: 'f2be8b7cd43af05c3af1be4a5642871e3413d6f8' })))));
     }
     static get style() { return pushCardCss; }
     static get cmpMeta() { return {
@@ -28754,7 +28629,7 @@ class PushCard {
     }; }
 }
 
-const radioCss = ":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;border:1px solid white;border-radius:100px}:host button:focus-visible{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}:host input[type=radio]{display:none}:host .radio-button{height:1.5rem;width:1.5rem;display:flex;align-items:center;justify-content:center}:host label{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .checkmark{border-radius:100px;background-color:var(--theme-color-primary--contrast);width:0.5rem;height:0.5rem}:host button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.checked) button,:host([indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.checked:hover) button,:host([indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.checked:active) button,:host([indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.disabled){pointer-events:none}:host(.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.checked.disabled) button,:host([indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}ix-typography{margin:0.125rem 0 0.125rem 0.5rem}:host(.ix-info:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(\n    --theme-radiobtn-unchecked--background--info\n  );--theme-radiobtn-unchecked--background--hover:var(\n    --theme-radiobtn-unchecked--background--info--hover\n  );--theme-radiobtn-unchecked--background--active:var(\n    --theme-radiobtn-unchecked--background--info--active\n  );--theme-radiobtn-unchecked--border-color:var(\n    --theme-radiobtn-unchecked--border-color--info\n  );--theme-radiobtn-unchecked--border-color--hover:var(\n    --theme-radiobtn-unchecked--border-color--info--hover\n  );--theme-radiobtn-unchecked--border-color--active:var(\n    --theme-radiobtn-unchecked--border-color--info--active\n  );--theme-radiobtn-checked--background:var(\n    --theme-radiobtn-checked--background--info\n  );--theme-radiobtn-checked--background--hover:var(\n    --theme-radiobtn-checked--background--info--hover\n  );--theme-radiobtn-checked--background--active:var(\n    --theme-radiobtn-checked--background--info--active\n  );--theme-radiobtn-checked--border-color:var(\n    --theme-radiobtn-checked--border-color--info\n  );--theme-radiobtn-checked--border-color--hover:var(\n    --theme-radiobtn-checked--border-color--info--hover\n  );--theme-radiobtn-checked--border-color--active:var(\n    --theme-radiobtn-checked--border-color--info--active\n  );--theme-radiobtn-mixed--background:var(\n    --theme-radiobtn-mixed--background--info\n  );--theme-radiobtn-mixed--background--hover:var(\n    --theme-radiobtn-mixed--background--info--hover\n  );--theme-radiobtn-mixed--background--active:var(\n    --theme-radiobtn-mixed--background--info--active\n  );--theme-radiobtn-mixed--border-color:var(\n    --theme-radiobtn-mixed--border-color--info\n  );--theme-radiobtn-mixed--border-color--hover:var(\n    --theme-radiobtn-mixed--border-color--info--hover\n  );--theme-radiobtn-mixed--border-color--active:var(\n    --theme-radiobtn-mixed--border-color--info--active\n  )}:host(.ix-info) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-info:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-info:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-info.checked) button,:host(.ix-info[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-info.checked:hover) button,:host(.ix-info[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-info.checked:active) button,:host(.ix-info[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-info.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) button,:host(.ix-info[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-warning:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(\n    --theme-radiobtn-unchecked--background--warning\n  );--theme-radiobtn-unchecked--background--hover:var(\n    --theme-radiobtn-unchecked--background--warning--hover\n  );--theme-radiobtn-unchecked--background--active:var(\n    --theme-radiobtn-unchecked--background--warning--active\n  );--theme-radiobtn-unchecked--border-color:var(\n    --theme-radiobtn-unchecked--border-color--warning\n  );--theme-radiobtn-unchecked--border-color--hover:var(\n    --theme-radiobtn-unchecked--border-color--warning--hover\n  );--theme-radiobtn-unchecked--border-color--active:var(\n    --theme-radiobtn-unchecked--border-color--warning--active\n  );--theme-radiobtn-checked--background:var(\n    --theme-radiobtn-checked--background--warning\n  );--theme-radiobtn-checked--background--hover:var(\n    --theme-radiobtn-checked--background--warning--hover\n  );--theme-radiobtn-checked--background--active:var(\n    --theme-radiobtn-checked--background--warning--active\n  );--theme-radiobtn-checked--border-color:var(\n    --theme-radiobtn-checked--border-color--warning\n  );--theme-radiobtn-checked--border-color--hover:var(\n    --theme-radiobtn-checked--border-color--warning--hover\n  );--theme-radiobtn-checked--border-color--active:var(\n    --theme-radiobtn-checked--border-color--warning--active\n  );--theme-radiobtn-mixed--background:var(\n    --theme-radiobtn-mixed--background--warning\n  );--theme-radiobtn-mixed--background--hover:var(\n    --theme-radiobtn-mixed--background--warning--hover\n  );--theme-radiobtn-mixed--background--active:var(\n    --theme-radiobtn-mixed--background--warning--active\n  );--theme-radiobtn-mixed--border-color:var(\n    --theme-radiobtn-mixed--border-color--warning\n  );--theme-radiobtn-mixed--border-color--hover:var(\n    --theme-radiobtn-mixed--border-color--warning--hover\n  );--theme-radiobtn-mixed--border-color--active:var(\n    --theme-radiobtn-mixed--border-color--warning--active\n  )}:host(.ix-warning) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-warning:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-warning:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-warning.checked) button,:host(.ix-warning[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-warning.checked:hover) button,:host(.ix-warning[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-warning.checked:active) button,:host(.ix-warning[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-warning.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) button,:host(.ix-warning[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid--required:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(\n    --theme-radiobtn-unchecked--background--invalid\n  );--theme-radiobtn-unchecked--background--hover:var(\n    --theme-radiobtn-unchecked--background--invalid--hover\n  );--theme-radiobtn-unchecked--background--active:var(\n    --theme-radiobtn-unchecked--background--invalid--active\n  );--theme-radiobtn-unchecked--border-color:var(\n    --theme-radiobtn-unchecked--border-color--invalid\n  );--theme-radiobtn-unchecked--border-color--hover:var(\n    --theme-radiobtn-unchecked--border-color--invalid--hover\n  );--theme-radiobtn-unchecked--border-color--active:var(\n    --theme-radiobtn-unchecked--border-color--invalid--active\n  );--theme-radiobtn-checked--background:var(\n    --theme-radiobtn-checked--background--invalid\n  );--theme-radiobtn-checked--background--hover:var(\n    --theme-radiobtn-checked--background--invalid--hover\n  );--theme-radiobtn-checked--background--active:var(\n    --theme-radiobtn-checked--background--invalid--active\n  );--theme-radiobtn-checked--border-color:var(\n    --theme-radiobtn-checked--border-color--invalid\n  );--theme-radiobtn-checked--border-color--hover:var(\n    --theme-radiobtn-checked--border-color--invalid--hover\n  );--theme-radiobtn-checked--border-color--active:var(\n    --theme-radiobtn-checked--border-color--invalid--active\n  );--theme-radiobtn-mixed--background:var(\n    --theme-radiobtn-mixed--background--invalid\n  );--theme-radiobtn-mixed--background--hover:var(\n    --theme-radiobtn-mixed--background--invalid--hover\n  );--theme-radiobtn-mixed--background--active:var(\n    --theme-radiobtn-mixed--background--invalid--active\n  );--theme-radiobtn-mixed--border-color:var(\n    --theme-radiobtn-mixed--border-color--invalid\n  );--theme-radiobtn-mixed--border-color--hover:var(\n    --theme-radiobtn-mixed--border-color--invalid--hover\n  );--theme-radiobtn-mixed--border-color--active:var(\n    --theme-radiobtn-mixed--border-color--invalid--active\n  )}:host(.ix-invalid--required) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid--required:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid--required:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid--required.checked) button,:host(.ix-invalid--required[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid--required.checked:hover) button,:host(.ix-invalid--required[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) button,:host(.ix-invalid--required[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid--required.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) button,:host(.ix-invalid--required[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(\n    --theme-radiobtn-unchecked--background--invalid\n  );--theme-radiobtn-unchecked--background--hover:var(\n    --theme-radiobtn-unchecked--background--invalid--hover\n  );--theme-radiobtn-unchecked--background--active:var(\n    --theme-radiobtn-unchecked--background--invalid--active\n  );--theme-radiobtn-unchecked--border-color:var(\n    --theme-radiobtn-unchecked--border-color--invalid\n  );--theme-radiobtn-unchecked--border-color--hover:var(\n    --theme-radiobtn-unchecked--border-color--invalid--hover\n  );--theme-radiobtn-unchecked--border-color--active:var(\n    --theme-radiobtn-unchecked--border-color--invalid--active\n  );--theme-radiobtn-checked--background:var(\n    --theme-radiobtn-checked--background--invalid\n  );--theme-radiobtn-checked--background--hover:var(\n    --theme-radiobtn-checked--background--invalid--hover\n  );--theme-radiobtn-checked--background--active:var(\n    --theme-radiobtn-checked--background--invalid--active\n  );--theme-radiobtn-checked--border-color:var(\n    --theme-radiobtn-checked--border-color--invalid\n  );--theme-radiobtn-checked--border-color--hover:var(\n    --theme-radiobtn-checked--border-color--invalid--hover\n  );--theme-radiobtn-checked--border-color--active:var(\n    --theme-radiobtn-checked--border-color--invalid--active\n  );--theme-radiobtn-mixed--background:var(\n    --theme-radiobtn-mixed--background--invalid\n  );--theme-radiobtn-mixed--background--hover:var(\n    --theme-radiobtn-mixed--background--invalid--hover\n  );--theme-radiobtn-mixed--background--active:var(\n    --theme-radiobtn-mixed--background--invalid--active\n  );--theme-radiobtn-mixed--border-color:var(\n    --theme-radiobtn-mixed--border-color--invalid\n  );--theme-radiobtn-mixed--border-color--hover:var(\n    --theme-radiobtn-mixed--border-color--invalid--hover\n  );--theme-radiobtn-mixed--border-color--active:var(\n    --theme-radiobtn-mixed--border-color--invalid--active\n  )}:host(.ix-invalid) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid.checked) button,:host(.ix-invalid[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid.checked:hover) button,:host(.ix-invalid[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid.checked:active) button,:host(.ix-invalid[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) button,:host(.ix-invalid[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}";
+const radioCss = ":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .radio-checkmark{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;border:1px solid white;border-radius:100px}:host .radio-button{height:1.5rem;width:1.5rem;display:flex;align-items:center;justify-content:center}:host label{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .checkmark{border-radius:100px;background-color:var(--theme-color-primary--contrast);width:0.5rem;height:0.5rem}:host .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.checked) .radio-checkmark,:host([indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.checked:hover) .radio-checkmark,:host([indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.checked:active) .radio-checkmark,:host([indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.checked.disabled) .radio-checkmark,:host([indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(:focus-visible){outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}ix-typography{margin:0.125rem 0 0.125rem 0.5rem}:host(.ix-info:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var(\n    --theme-radiobtn-unchecked--background--info\n  );--theme-radiobtn-unchecked--background--hover:var(\n    --theme-radiobtn-unchecked--background--info--hover\n  );--theme-radiobtn-unchecked--background--active:var(\n    --theme-radiobtn-unchecked--background--info--active\n  );--theme-radiobtn-unchecked--border-color:var(\n    --theme-radiobtn-unchecked--border-color--info\n  );--theme-radiobtn-unchecked--border-color--hover:var(\n    --theme-radiobtn-unchecked--border-color--info--hover\n  );--theme-radiobtn-unchecked--border-color--active:var(\n    --theme-radiobtn-unchecked--border-color--info--active\n  );--theme-radiobtn-checked--background:var(\n    --theme-radiobtn-checked--background--info\n  );--theme-radiobtn-checked--background--hover:var(\n    --theme-radiobtn-checked--background--info--hover\n  );--theme-radiobtn-checked--background--active:var(\n    --theme-radiobtn-checked--background--info--active\n  );--theme-radiobtn-checked--border-color:var(\n    --theme-radiobtn-checked--border-color--info\n  );--theme-radiobtn-checked--border-color--hover:var(\n    --theme-radiobtn-checked--border-color--info--hover\n  );--theme-radiobtn-checked--border-color--active:var(\n    --theme-radiobtn-checked--border-color--info--active\n  );--theme-radiobtn-mixed--background:var(\n    --theme-radiobtn-mixed--background--info\n  );--theme-radiobtn-mixed--background--hover:var(\n    --theme-radiobtn-mixed--background--info--hover\n  );--theme-radiobtn-mixed--background--active:var(\n    --theme-radiobtn-mixed--background--info--active\n  );--theme-radiobtn-mixed--border-color:var(\n    --theme-radiobtn-mixed--border-color--info\n  );--theme-radiobtn-mixed--border-color--hover:var(\n    --theme-radiobtn-mixed--border-color--info--hover\n  );--theme-radiobtn-mixed--border-color--active:var(\n    --theme-radiobtn-mixed--border-color--info--active\n  )}:host(.ix-info) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-info:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-info:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-info.checked) .radio-checkmark,:host(.ix-info[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-info.checked:hover) .radio-checkmark,:host(.ix-info[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-info.checked:active) .radio-checkmark,:host(.ix-info[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-info.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) .radio-checkmark,:host(.ix-info[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-warning:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var(\n    --theme-radiobtn-unchecked--background--warning\n  );--theme-radiobtn-unchecked--background--hover:var(\n    --theme-radiobtn-unchecked--background--warning--hover\n  );--theme-radiobtn-unchecked--background--active:var(\n    --theme-radiobtn-unchecked--background--warning--active\n  );--theme-radiobtn-unchecked--border-color:var(\n    --theme-radiobtn-unchecked--border-color--warning\n  );--theme-radiobtn-unchecked--border-color--hover:var(\n    --theme-radiobtn-unchecked--border-color--warning--hover\n  );--theme-radiobtn-unchecked--border-color--active:var(\n    --theme-radiobtn-unchecked--border-color--warning--active\n  );--theme-radiobtn-checked--background:var(\n    --theme-radiobtn-checked--background--warning\n  );--theme-radiobtn-checked--background--hover:var(\n    --theme-radiobtn-checked--background--warning--hover\n  );--theme-radiobtn-checked--background--active:var(\n    --theme-radiobtn-checked--background--warning--active\n  );--theme-radiobtn-checked--border-color:var(\n    --theme-radiobtn-checked--border-color--warning\n  );--theme-radiobtn-checked--border-color--hover:var(\n    --theme-radiobtn-checked--border-color--warning--hover\n  );--theme-radiobtn-checked--border-color--active:var(\n    --theme-radiobtn-checked--border-color--warning--active\n  );--theme-radiobtn-mixed--background:var(\n    --theme-radiobtn-mixed--background--warning\n  );--theme-radiobtn-mixed--background--hover:var(\n    --theme-radiobtn-mixed--background--warning--hover\n  );--theme-radiobtn-mixed--background--active:var(\n    --theme-radiobtn-mixed--background--warning--active\n  );--theme-radiobtn-mixed--border-color:var(\n    --theme-radiobtn-mixed--border-color--warning\n  );--theme-radiobtn-mixed--border-color--hover:var(\n    --theme-radiobtn-mixed--border-color--warning--hover\n  );--theme-radiobtn-mixed--border-color--active:var(\n    --theme-radiobtn-mixed--border-color--warning--active\n  )}:host(.ix-warning) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-warning:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-warning:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-warning.checked) .radio-checkmark,:host(.ix-warning[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-warning.checked:hover) .radio-checkmark,:host(.ix-warning[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-warning.checked:active) .radio-checkmark,:host(.ix-warning[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-warning.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) .radio-checkmark,:host(.ix-warning[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid--required:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var(\n    --theme-radiobtn-unchecked--background--invalid\n  );--theme-radiobtn-unchecked--background--hover:var(\n    --theme-radiobtn-unchecked--background--invalid--hover\n  );--theme-radiobtn-unchecked--background--active:var(\n    --theme-radiobtn-unchecked--background--invalid--active\n  );--theme-radiobtn-unchecked--border-color:var(\n    --theme-radiobtn-unchecked--border-color--invalid\n  );--theme-radiobtn-unchecked--border-color--hover:var(\n    --theme-radiobtn-unchecked--border-color--invalid--hover\n  );--theme-radiobtn-unchecked--border-color--active:var(\n    --theme-radiobtn-unchecked--border-color--invalid--active\n  );--theme-radiobtn-checked--background:var(\n    --theme-radiobtn-checked--background--invalid\n  );--theme-radiobtn-checked--background--hover:var(\n    --theme-radiobtn-checked--background--invalid--hover\n  );--theme-radiobtn-checked--background--active:var(\n    --theme-radiobtn-checked--background--invalid--active\n  );--theme-radiobtn-checked--border-color:var(\n    --theme-radiobtn-checked--border-color--invalid\n  );--theme-radiobtn-checked--border-color--hover:var(\n    --theme-radiobtn-checked--border-color--invalid--hover\n  );--theme-radiobtn-checked--border-color--active:var(\n    --theme-radiobtn-checked--border-color--invalid--active\n  );--theme-radiobtn-mixed--background:var(\n    --theme-radiobtn-mixed--background--invalid\n  );--theme-radiobtn-mixed--background--hover:var(\n    --theme-radiobtn-mixed--background--invalid--hover\n  );--theme-radiobtn-mixed--background--active:var(\n    --theme-radiobtn-mixed--background--invalid--active\n  );--theme-radiobtn-mixed--border-color:var(\n    --theme-radiobtn-mixed--border-color--invalid\n  );--theme-radiobtn-mixed--border-color--hover:var(\n    --theme-radiobtn-mixed--border-color--invalid--hover\n  );--theme-radiobtn-mixed--border-color--active:var(\n    --theme-radiobtn-mixed--border-color--invalid--active\n  )}:host(.ix-invalid--required) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid--required:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid--required:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid--required.checked) .radio-checkmark,:host(.ix-invalid--required[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid--required.checked:hover) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid--required.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) .radio-checkmark,:host(.ix-invalid--required[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var(\n    --theme-radiobtn-unchecked--background--invalid\n  );--theme-radiobtn-unchecked--background--hover:var(\n    --theme-radiobtn-unchecked--background--invalid--hover\n  );--theme-radiobtn-unchecked--background--active:var(\n    --theme-radiobtn-unchecked--background--invalid--active\n  );--theme-radiobtn-unchecked--border-color:var(\n    --theme-radiobtn-unchecked--border-color--invalid\n  );--theme-radiobtn-unchecked--border-color--hover:var(\n    --theme-radiobtn-unchecked--border-color--invalid--hover\n  );--theme-radiobtn-unchecked--border-color--active:var(\n    --theme-radiobtn-unchecked--border-color--invalid--active\n  );--theme-radiobtn-checked--background:var(\n    --theme-radiobtn-checked--background--invalid\n  );--theme-radiobtn-checked--background--hover:var(\n    --theme-radiobtn-checked--background--invalid--hover\n  );--theme-radiobtn-checked--background--active:var(\n    --theme-radiobtn-checked--background--invalid--active\n  );--theme-radiobtn-checked--border-color:var(\n    --theme-radiobtn-checked--border-color--invalid\n  );--theme-radiobtn-checked--border-color--hover:var(\n    --theme-radiobtn-checked--border-color--invalid--hover\n  );--theme-radiobtn-checked--border-color--active:var(\n    --theme-radiobtn-checked--border-color--invalid--active\n  );--theme-radiobtn-mixed--background:var(\n    --theme-radiobtn-mixed--background--invalid\n  );--theme-radiobtn-mixed--background--hover:var(\n    --theme-radiobtn-mixed--background--invalid--hover\n  );--theme-radiobtn-mixed--background--active:var(\n    --theme-radiobtn-mixed--background--invalid--active\n  );--theme-radiobtn-mixed--border-color:var(\n    --theme-radiobtn-mixed--border-color--invalid\n  );--theme-radiobtn-mixed--border-color--hover:var(\n    --theme-radiobtn-mixed--border-color--invalid--hover\n  );--theme-radiobtn-mixed--border-color--active:var(\n    --theme-radiobtn-mixed--border-color--invalid--active\n  )}:host(.ix-invalid) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid.checked) .radio-checkmark,:host(.ix-invalid[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid.checked:hover) .radio-checkmark,:host(.ix-invalid[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid.checked:active) .radio-checkmark,:host(.ix-invalid[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) .radio-checkmark,:host(.ix-invalid[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}";
 
 /**
  * @form-ready
@@ -28786,11 +28661,9 @@ class Radio {
          * @since 3.0.0
          */
         this.required = false;
-        this.inputRef = makeRef((radiobuttonRef) => {
-            radiobuttonRef.checked = this.checked;
-        });
     }
-    setCheckedState(newChecked) {
+    /** @internal */
+    async setCheckedState(newChecked) {
         if (this.checked) {
             return;
         }
@@ -28801,8 +28674,6 @@ class Radio {
         this.checked = newChecked;
     }
     async onCheckedChange() {
-        const radiobuttonRef = await this.inputRef.waitForCurrent();
-        radiobuttonRef.checked = this.checked;
         this.updateFormInternalValue();
     }
     onValueChange() {
@@ -28833,6 +28704,33 @@ class Radio {
             this.formInternals.setFormValue(null);
         }
     }
+    onKeyDown(event) {
+        if (this.disabled) {
+            return;
+        }
+        let preventEvent = false;
+        if (event.code === 'Space') {
+            preventEvent = true;
+            this.setCheckedState(true);
+        }
+        const closestRadioGroup = this.hostElement.closest('ix-radio-group');
+        switch (event.code) {
+            case 'ArrowUp':
+            case 'ArrowLeft':
+                preventEvent = true;
+                closestRadioGroup === null || closestRadioGroup === void 0 ? void 0 : closestRadioGroup.setCheckedToNextItem(this.hostElement, false);
+                break;
+            case 'ArrowDown':
+            case 'ArrowRight':
+                preventEvent = true;
+                closestRadioGroup === null || closestRadioGroup === void 0 ? void 0 : closestRadioGroup.setCheckedToNextItem(this.hostElement, true);
+                break;
+        }
+        if (preventEvent) {
+            event.stopPropagation();
+            event.preventDefault();
+        }
+    }
     /** @internal */
     hasValidValue() {
         return Promise.resolve(this.checked);
@@ -28842,18 +28740,21 @@ class Radio {
         return Promise.resolve(this.formInternals.form);
     }
     render() {
-        var _a;
-        return (hAsync(Host, { key: 'e74cc1b490830412ff329d586c35914a8b55abb8', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "radio", class: {
+        let tabIndex = 0;
+        if (this.disabled) {
+            tabIndex = -1;
+        }
+        return (hAsync(Host, { key: '0a08dcbeaaf21bb9063ff44dbb9b7fec0bd18b85', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "radio", tabindex: tabIndex, class: {
                 disabled: this.disabled,
                 checked: this.checked,
-            }, onBlur: () => this.ixBlur.emit() }, hAsync("label", { key: '2e2736e762d21e1e254078dc07e0e6754c9f0d60' }, hAsync("div", { key: 'c22603f3a435fc4271b092af4010208ab7d43eda', class: "radio-button" }, hAsync("input", { key: 'd56beba76c83ab1ccf2e3eaea89c6d1c285e3c62', "aria-checked": a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, name: this.name, ref: this.inputRef, type: "radio", value: (_a = this.value) !== null && _a !== void 0 ? _a : 'on', onChange: () => {
-                const ref = this.inputRef.current;
-                if (ref) {
-                    this.setCheckedState(ref.checked);
-                }
-            } }), hAsync("button", { key: '70747f5c03103161f8808d996b15720af681c54d', disabled: this.disabled, class: {
+            }, onClick: () => {
+                if (this.disabled)
+                    return;
+                this.setCheckedState(true);
+            }, onKeyDown: (event) => this.onKeyDown(event), onBlur: () => this.ixBlur.emit() }, hAsync("label", { key: 'ba82e05023a706e366cede669060ec11d2848754' }, hAsync("div", { key: 'c3b75eea221618adc27dec099089dac0f84a91ac', class: "radio-button" }, hAsync("div", { key: 'd5d10cfce1442f641f939aa16a6feb79fc38caf0', "aria-hidden": "true", class: {
+                ['radio-checkmark']: true,
                 checked: this.checked,
-            }, onClick: () => this.setCheckedState(!this.checked) }, hAsync("div", { key: '3f2a5030726debb338686f95feabc123f64524bb', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } }))), this.label && (hAsync("ix-typography", { key: '1beb22d26c2e6c759bfc6be64ad6a11b1c0d2d19', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: 'cbf06b0578d34daed1a952d2bb3346affaf384b6' }))))));
+            } }, hAsync("div", { key: 'fe7c6830a7fb254291fe95d4310b59bd32ed9492', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } }))), this.label && (hAsync("ix-typography", { key: 'bc5fe1821b5686760eb7fa3959cf30b54cca40ee', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: 'a72b3d10cdcbaa398a6f59b9ce1d036f12e4819c' }))))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -28872,6 +28773,7 @@ class Radio {
             "disabled": [4],
             "checked": [1540],
             "required": [516],
+            "setCheckedState": [64],
             "hasValidValue": [64],
             "getAssociatedFormElement": [64]
         },
@@ -28958,10 +28860,20 @@ class RadiobuttonGroup {
             }
             radio.checked = false;
         });
+        const hasCheckedRadio = this.isSomeRadioChecked();
+        for (const radio of this.radiobuttonElements) {
+            radio.tabIndex = radio.checked ? 0 : -1;
+        }
+        if (!hasCheckedRadio && this.radiobuttonElements.length > 0) {
+            this.radiobuttonElements[0].tabIndex = 0;
+        }
     }
     hasNestedRequiredRadio() {
         this.required = this.radiobuttonElements.some((radiobutton) => radiobutton.required);
     }
+    isSomeRadioChecked() {
+        return this.radiobuttonElements.some((radio) => radio.checked);
+    }
     onValueChangeHandler(newValue) {
         this.touched = true;
         this.radiobuttonElements.forEach((radiobutton) => {
@@ -28992,11 +28904,31 @@ class RadiobuttonGroup {
     isTouched() {
         return Promise.resolve(this.touched);
     }
+    /** @internal */
+    async setCheckedToNextItem(currentRadio, forward = true) {
+        const { radiobuttonElements } = this;
+        const { length } = radiobuttonElements;
+        if (length <= 1) {
+            return;
+        }
+        const index = radiobuttonElements.indexOf(currentRadio);
+        const step = forward ? 1 : -1;
+        let nextIndex = (index + step + length) % length;
+        while (radiobuttonElements[nextIndex].disabled) {
+            if (nextIndex === index) {
+                return;
+            }
+            nextIndex = (nextIndex + step + length) % length;
+        }
+        const nextRadio = radiobuttonElements[nextIndex];
+        nextRadio.setCheckedState(true);
+        nextRadio.focus();
+    }
     render() {
-        return (hAsync(Host, { key: '93241d4ab22b1d87d5fd1e5ff65d5fc8877e1784', onIxBlur: () => (this.touched = true), ref: this.groupRef }, hAsync("ix-field-wrapper", { key: '8ee3487bb24408f698cb975822eed476c070f3eb', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, isInvalid: this.isInvalid, controlRef: this.groupRef }, hAsync("div", { key: '96216c66bce9e4b63071048a3848de1c611da84f', class: {
+        return (hAsync(Host, { key: 'db3158ccabcd99d1b5185607b848c424a4c4c970', onIxBlur: () => (this.touched = true), ref: this.groupRef, role: "radiogroup" }, hAsync("ix-field-wrapper", { key: '5668fbc12f4d264869dfe03dc2bbd3d380da6ae1', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, isInvalid: this.isInvalid, controlRef: this.groupRef }, hAsync("div", { key: 'a5ec59c15eb8353d66bc6f0668dd7148dbd447a6', class: {
                 'checkbox-container': true,
                 'row-layout': this.direction === 'row',
-            } }, hAsync("slot", { key: '8910a200a6eb0d9f88f3b45d96967a7f406b545d' })))));
+            } }, hAsync("slot", { key: '325b19034d55cc20cd556a24585d05ce32f22bb6' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -29022,7 +28954,8 @@ class RadiobuttonGroup {
             "isInfo": [32],
             "isWarning": [32],
             "hasValidValue": [64],
-            "isTouched": [64]
+            "isTouched": [64],
+            "setCheckedToNextItem": [64]
         },
         "$listeners$": [[0, "checkedChange", "onCheckedChangeHandler"]],
         "$lazyBundleId$": "-",
@@ -29042,7 +28975,7 @@ class Row {
         registerInstance(this, hostRef);
     }
     render() {
-        return (hAsync(Host, { key: 'd1a97faf65f7bb2656702d903995c25589a6ef41' }, hAsync("slot", { key: 'b24d88c901dd8bf48eefaf2778d8db412b61811c' })));
+        return (hAsync(Host, { key: 'ff07b78a26aaca76105d0cf296807512620aa6e6' }, hAsync("slot", { key: '46cf7e7f85f4a44831b6482df9a9b667519082f0' })));
     }
     static get style() { return rowCss; }
     static get cmpMeta() { return {
@@ -29096,6 +29029,13 @@ class Select {
          * A Boolean attribute indicating that an option with a non-empty string value must be selected
          */
         this.required = false;
+        /**
+         * ARIA label for the chevron down icon button
+         * Will be set as aria-label on the nested HTML button element
+         *
+         * @since 3.2.0
+         */
+        this.ariaLabelChevronDownIconButton = 'Open select dropdown';
         /**
          * Current selected value.
          * This corresponds to the value property of ix-select-items
@@ -29137,10 +29077,18 @@ class Select {
          * Information inside of dropdown if no items where found with current filter text
          */
         this.i18nNoMatches = 'No matches';
+        /**
+         * Chip label for all selected items in multiple mode.
+         */
+        this.i18nAllSelected = 'All';
         /**
          * Hide list header
          */
         this.hideListHeader = false;
+        /**
+         * Show "all" chip when all items are selected in multiple mode
+         */
+        this.collapseMultipleSelection = false;
         this.dropdownShow = false;
         this.selectedLabels = [];
         this.isDropdownEmpty = false;
@@ -29262,6 +29210,14 @@ class Select {
             return;
         }
         this.updateSelection();
+        if (this.isMultipleMode && this.inputFilterText) {
+            this.clearInput();
+            this.removeHiddenFromItems();
+            if (this.arrowFocusController) {
+                this.arrowFocusController.items = this.visibleNonShadowItems;
+            }
+            this.navigationItem = undefined;
+        }
     }
     emitAddItem(value) {
         var _a;
@@ -29580,6 +29536,24 @@ class Select {
             this.editable &&
             this.inputFilterText);
     }
+    shouldDisplayAllChip() {
+        return (this.selectedItems.length === this.items.length &&
+            this.collapseMultipleSelection);
+    }
+    renderAllChip() {
+        return (hAsync("ix-filter-chip", { disabled: this.disabled || this.readonly, ariaLabelCloseIconButton: this.i18nAllSelected, onCloseClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                this.clear();
+            } }, `${this.i18nAllSelected} (${this.selectedItems.length})`));
+    }
+    renderChip(item) {
+        return (hAsync("ix-filter-chip", { disabled: this.disabled || this.readonly, key: item.value, onCloseClick: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                this.itemClick(item.value);
+            } }, item.label));
+    }
     onValidationChange({ isInvalid, isInvalidByRequired, isValid, isInfo, isWarning, }) {
         this.isInvalid = isInvalid || isInvalidByRequired;
         this.isValid = isValid;
@@ -29619,9 +29593,9 @@ class Select {
     }
     render() {
         var _a, _b, _c, _d;
-        return (hAsync(Host, { key: '616b4904936081cc06fea9f96ba1534ad9c72072', "aria-disabled": a11yBoolean(this.disabled), class: {
+        return (hAsync(Host, { key: '1610cc7dd06025b8dc05cd905eb1fad5574a64f8', "aria-disabled": a11yBoolean(this.disabled), class: {
                 disabled: this.disabled,
-            } }, hAsync("ix-field-wrapper", { key: 'f5db8587baff69257f674e0563c36561fb38411e', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: '3daefd90f192731fa4b770e5da2c189c80551d3a', class: {
+            } }, hAsync("ix-field-wrapper", { key: '912ca0f6e59259ea7de5fbb4857357fcf1db8370', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: '217ad54b9ca7a3e7aa9e60d89482b5fbc5389fc1', class: {
                 select: true,
                 disabled: this.disabled,
                 readonly: this.readonly,
@@ -29629,13 +29603,11 @@ class Select {
                 this.dropdownAnchorRef(ref);
                 if (!this.editable)
                     this.dropdownWrapperRef(ref);
-            } }, hAsync("div", { key: '61298dac05f4be62b06e0db6fd18299fee55ce76', class: "input-container" }, hAsync("div", { key: '21c3950b5d76a4027de13baaf9c8054f90b4cbcf', class: "chips" }, this.isMultipleMode
-            ? (_a = this.selectedItems) === null || _a === void 0 ? void 0 : _a.map((item) => (hAsync("ix-filter-chip", { disabled: this.disabled || this.readonly, key: item.value, onCloseClick: (e) => {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    this.itemClick(item.value);
-                } }, item.label)))
-            : '', hAsync("div", { key: '31390b0957847514ace6fef5c3bfe68f9975a3c0', class: "trigger" }, hAsync("input", { key: 'cce77232cf533ff29bd394cdaaf1698ab3bcdc5e', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
+            } }, hAsync("div", { key: '58d7051c6e884dc714643dcf974f7424b4581dfb', class: "input-container" }, hAsync("div", { key: 'be6fec6f27345d8033b9b56ca3760c953951b801', class: "chips" }, this.isMultipleMode &&
+            this.items.length !== 0 &&
+            (this.shouldDisplayAllChip()
+                ? this.renderAllChip()
+                : (_a = this.selectedItems) === null || _a === void 0 ? void 0 : _a.map((item) => this.renderChip(item))), hAsync("div", { key: 'a9b0c66c623856ab4b2c34f136bbef89a4b3377f', class: "trigger" }, hAsync("input", { key: '1920a23f38ce924fae991be2b5c4a760031aae1f', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
                 'allow-clear': this.allowClear && !!((_b = this.selectedLabels) === null || _b === void 0 ? void 0 : _b.length),
             }, placeholder: this.placeholderValue(), value: (_c = this.inputValue) !== null && _c !== void 0 ? _c : '', ref: (ref) => {
                 this.inputElement = ref;
@@ -29654,7 +29626,7 @@ class Select {
                 : iconChevronDownSmall, variant: "subtle-tertiary", ref: (ref) => {
                 if (this.editable)
                     this.dropdownWrapperRef(ref);
-            }, "aria-label": this.ariaLabelChevronDownIconButton }))))))), hAsync("ix-dropdown", { key: '69e81d42ef04f3c65449fda9778596bde0c0c708', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
+            }, "aria-label": this.ariaLabelChevronDownIconButton }))))))), hAsync("ix-dropdown", { key: '4fcf2193ed3cc0faea0e5de7acab2835751c5583', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
                 'display-none': this.disabled || this.readonly,
             }, anchor: this.dropdownAnchorRef.waitForCurrent(), trigger: this.dropdownWrapperRef.waitForCurrent(), onShowChanged: (e) => this.dropdownVisibilityChanged(e), placement: "bottom-start", overwriteDropdownStyle: async () => {
                 var _a, _b;
@@ -29670,12 +29642,12 @@ class Select {
                     styleOverwrites.maxWidth = `min(${this.dropdownMaxWidth}, 100%)`;
                 }
                 return styleOverwrites;
-            } }, hAsync("div", { key: 'e3bbcfe9eaa0547b4f1818d1e96e2aba4b1ff199', class: {
+            } }, hAsync("div", { key: '428a499947d6f345a83d075d1749831d6b1ab348', class: {
                 'select-list-header': true,
                 hidden: this.hideListHeader || this.isDropdownEmpty,
-            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: 'd9d1060ee1fa7188a60e854d855c96cee1752355', onSlotchange: () => {
+            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: '9bffa4284f53b45116dfff2f142fd2f4aea2032c', onSlotchange: () => {
                 this.updateSelection();
-            } }), hAsync("div", { key: '80906bd69760d63dd6b45c62337d8b9fdb1b3c3a', ref: (ref) => (this.customItemsContainerElement = ref) }), this.isAddItemVisible() ? (hAsync("ix-dropdown-item", { "data-testid": "add-item", icon: iconPlus, class: {
+            } }), hAsync("div", { key: 'a039c9fda5d61358d39ae9cdc08df2fc82b55fa7', ref: (ref) => (this.customItemsContainerElement = ref) }), this.isAddItemVisible() ? (hAsync("ix-dropdown-item", { "data-testid": "add-item", icon: iconPlus, class: {
                 'add-item': true,
             }, label: this.inputFilterText, onItemClick: (e) => {
                 e.preventDefault();
@@ -29717,9 +29689,11 @@ class Select {
             "i18nPlaceholderEditable": [1, "i18n-placeholder-editable"],
             "i18nSelectListHeader": [1, "i18n-select-list-header"],
             "i18nNoMatches": [1, "i18n-no-matches"],
+            "i18nAllSelected": [1, "i18n-all-selected"],
             "hideListHeader": [4, "hide-list-header"],
             "dropdownWidth": [1, "dropdown-width"],
             "dropdownMaxWidth": [1, "dropdown-max-width"],
+            "collapseMultipleSelection": [4, "collapse-multiple-selection"],
             "dropdownShow": [32],
             "selectedLabels": [32],
             "isDropdownEmpty": [32],
@@ -29828,7 +29802,7 @@ class SelectItem {
         }
     }
     render() {
-        return (hAsync(Host, { key: 'eda73234f63f14409068135e908af00d7f18b48b' }, hAsync("ix-dropdown-item", { key: '14603322f1a339a30aa00b32f6802037af69a187', class: {
+        return (hAsync(Host, { key: '1602a154d8a1d9b4ee3d1755aea08df7a719cd37' }, hAsync("ix-dropdown-item", { key: 'd02799ffee6add3546eafe812785b4ba9532ba6b', class: {
                 'select-item-checked': this.selected,
             }, checked: this.selected, label: this.label ? this.label : this.value, onItemClick: (e) => this.onItemClick(e) })));
     }
@@ -30004,12 +29978,12 @@ class Slider {
             traceStart = valueInPercentage;
             traceEnd = traceReferenceInPercentage;
         }
-        return (hAsync(Host, { key: '8607a41b85a5cb0241432eca5b6fccd931059247', class: {
+        return (hAsync(Host, { key: '03faa36448299850133ed4e7c1dbfd5f7a28a91b', class: {
                 disabled: this.disabled,
                 error: !!this.error,
-            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, hAsync("div", { key: 'e5b7d976938e96a4e6f39a2070b4144288f70f29', class: "slider" }, hAsync("div", { key: 'c5e5f75983bad193e6ee5fd64f4a23ad06e7eebb', class: "track" }, hAsync("div", { key: '10aad41281a45508e54c35d20a2b0d06c071c7f5', ref: this.thumbRef, class: "thumb", style: {
+            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, hAsync("div", { key: '686f462a50a42a4a29a20d22d3637af74a3799ae', class: "slider" }, hAsync("div", { key: '8ef5374cd9e421bb2265b1c0b0b7f2c1f2ecf6ff', class: "track" }, hAsync("div", { key: '969da1a4f687d3a254c3353fa0f36ee5ce61130a', ref: this.thumbRef, class: "thumb", style: {
                 left: `calc(${valueInPercentage} * 100% - 8px)`,
-            } }), hAsync("div", { key: '8b39d81357e4c4c328f4cca4118a9114ee061e3b', class: "ticks" }, this.marker
+            } }), hAsync("div", { key: '7daba2cb0cf28c3d4b130eeebedae72827109cea', class: "ticks" }, this.marker
             ? this.marker.map((markerValue) => {
                 if (markerValue > this.max || markerValue < this.min) {
                     return;
@@ -30022,7 +29996,7 @@ class Slider {
                         '--tick-value': `${left}`,
                     } }));
             })
-            : null)), hAsync("input", Object.assign({ key: 'e3dd09329ca7f15807222948b23a5691c0e8285d', id: "slider", type: "range", list: this.marker ? 'markers' : undefined, step: this.step, min: this.min, max: this.max, value: this.rangeInput, tabindex: this.disabled ? -1 : 0, onInput: (event) => this.onInput(event), style: {
+            : null)), hAsync("input", Object.assign({ key: '2bcc70bf378b44230c3dc7223e6f24707a6a3265', id: "slider", type: "range", list: this.marker ? 'markers' : undefined, step: this.step, min: this.min, max: this.max, value: this.rangeInput, tabindex: this.disabled ? -1 : 0, onInput: (event) => this.onInput(event), style: {
                 '--value': `${valueInPercentage}`,
                 '--trace-reference': `${traceReferenceInPercentage}`,
                 '--trace-start': `${traceStart}`,
@@ -30036,9 +30010,9 @@ class Slider {
                 this.showTooltip = true;
             }, onBlur: () => {
                 this.showTooltip = false;
-            }, role: "slider", "aria-valuenow": this.rangeInput, "aria-valuemin": this.min, "aria-valuemax": this.max }, this.a11yAttributes)), hAsync("ix-tooltip", { key: 'e22440fb877deb31a73fcb3ef7d7de68e1e3bc26', ref: this.tooltipRef, class: {
+            }, role: "slider", "aria-valuenow": this.rangeInput, "aria-valuemin": this.min, "aria-valuemax": this.max }, this.a11yAttributes)), hAsync("ix-tooltip", { key: 'c887ce7b3d18a92de4cf359fb9f8706393a82529', ref: this.tooltipRef, class: {
                 'hide-tooltip': !this.showTooltip,
-            }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), hAsync("div", { key: '94dc92cea736331e1adf377a550e0d5da003fcfc', class: "label" }, hAsync("div", { key: 'ffd03546d0e0a5c8fb974f689c700572b429f76d', class: "label-start" }, hAsync("slot", { key: 'fcf333f15011541e4ce9fc11472d00de73b2b768', name: "label-start" })), hAsync("div", { key: '2b9ff68a94f3c882428414e2fa089b134a8ccbb6', class: "label-end" }, hAsync("slot", { key: '5c5ba7b73af4067842afe022bf01686a3e437eae', name: "label-end" }))), this.error ? (hAsync("ix-typography", { class: 'label-error', textColor: "alarm" }, this.error)) : null));
+            }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), hAsync("div", { key: '8de8c23aa94fc924842631eb4d312efc5ee7cc6f', class: "label" }, hAsync("div", { key: '402d7e1bd4bdd648e361b88f211d7d80e5c907b3', class: "label-start" }, hAsync("slot", { key: 'f9a3a0ecc744b3ab91dda8d425309ce78c57e1f1', name: "label-start" })), hAsync("div", { key: '188c06d13b00c0124603b6a0513cfa24e5467b62', class: "label-end" }, hAsync("slot", { key: 'cc4e9bd389f10ab7e293a80844012877070b2750', name: "label-end" }))), this.error ? (hAsync("ix-typography", { class: 'label-error', textColor: "alarm" }, this.error)) : null));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -30096,7 +30070,7 @@ class Spinner {
         this.hideTrack = false;
     }
     render() {
-        return (hAsync(Host, { key: '99eb9b362588fb2f8f40c8e767066510535c312d' }, hAsync("div", { key: '219d9895c8d21ab3c571dd45fd07f5b006b4f34b', class: {
+        return (hAsync(Host, { key: '6f99a58994e1eb03a05b6af195b843094ebea59b' }, hAsync("div", { key: '01ff7d8f23eb80440970086c8791471623cfe424', class: {
                 primary: this.variant === 'primary',
                 [this.size]: true,
                 'hide-track': this.hideTrack,
@@ -30136,31 +30110,42 @@ class SplitButton {
          * Disabled
          */
         this.disabled = false;
+        /**
+         * Disables only the main button while keeping the dropdown trigger enabled
+         *
+         *  @since 4.1.0
+         */
+        this.disableButton = false;
+        /**
+         * Disables only the dropdown trigger while keeping the main button enabled
+         *
+         * @since 4.1.0
+         */
+        this.disableDropdownButton = false;
         /**
          * Placement of the dropdown
          */
         this.placement = 'bottom-start';
         this.toggle = false;
+        this.triggerElementRef = makeRef();
     }
-    linkTriggerRef() {
-        if (this.triggerElement && this.dropdownElement) {
-            this.dropdownElement.trigger = this.triggerElement;
-        }
+    get isDisabledButton() {
+        return this.disabled || this.disableButton;
     }
-    componentDidLoad() {
-        this.linkTriggerRef();
+    get isDisabledIcon() {
+        return this.disabled || this.disableDropdownButton;
     }
     render() {
         var _a;
         const hasOutline = this.variant.toLocaleLowerCase().includes('secondary');
-        const buttonAttributes = {
+        const baseAttributes = {
             variant: this.variant,
-            disabled: this.disabled,
-            class: {
-                'left-button-border': !hasOutline,
-            },
         };
-        return (hAsync(Host, { key: 'c0fec74005091e767fabcb3a3f19da5bdd95a43b' }, hAsync("div", { key: '5ed4d1f6ecc27eacb58c101612b6f38d6487e903', class: { 'btn-group': true, 'middle-gap': !hasOutline } }, this.label ? (hAsync("ix-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e) }), this.label)) : (hAsync("ix-icon-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e), "aria-label": this.ariaLabelButton }))), hAsync("ix-icon-button", Object.assign({ key: '0026fece6601ca9715b259bc2fd67f1c63993a93' }, buttonAttributes, { ref: (r) => (this.triggerElement = r), class: 'anchor', icon: (_a = this.splitIcon) !== null && _a !== void 0 ? _a : iconContextMenu, "aria-label": this.ariaLabelSplitIconButton }))), hAsync("ix-dropdown", { key: 'c6e1fc922c216672d8c9545721b421021408f74f', ref: (r) => (this.dropdownElement = r), closeBehavior: this.closeBehavior }, hAsync("slot", { key: 'ae34c0441b00ef9f29ea8a53308698cda6678468' }))));
+        const buttonAttributes = Object.assign(Object.assign({}, baseAttributes), { disabled: this.isDisabledButton, class: {
+                'left-button-border': !hasOutline,
+            } });
+        const dropdownButtonAttributes = Object.assign(Object.assign({}, baseAttributes), { disabled: this.isDisabledIcon });
+        return (hAsync(Host, { key: '18955e55bbab4f5899f27cf2b38892c60bece302' }, hAsync("div", { key: '8cc32b2686c3e02ee1f2a43d4a5f310cd2930dad', class: { 'btn-group': true, 'middle-gap': !hasOutline } }, this.label ? (hAsync("ix-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e), "aria-label": this.ariaLabelButton }), this.label)) : (hAsync("ix-icon-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e), "aria-label": this.ariaLabelButton }))), hAsync("ix-icon-button", Object.assign({ key: 'ae7a2875314967f3100d1abcef3528a9822b0503' }, dropdownButtonAttributes, { ref: this.triggerElementRef, class: 'anchor', icon: (_a = this.splitIcon) !== null && _a !== void 0 ? _a : iconContextMenu, "aria-label": this.ariaLabelSplitIconButton }))), hAsync("ix-dropdown", { key: 'd81abc1f01f55f2bc85740898e7f59173e62e182', closeBehavior: this.closeBehavior, trigger: this.triggerElementRef.waitForCurrent() }, hAsync("slot", { key: '19c2623131a8ab3799e5a9bb75cc356bf500fffd' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return splitButtonCss; }
@@ -30176,6 +30161,8 @@ class SplitButton {
             "splitIcon": [1, "split-icon"],
             "ariaLabelSplitIconButton": [1, "aria-label-split-icon-button"],
             "disabled": [4],
+            "disableButton": [4, "disable-button"],
+            "disableDropdownButton": [4, "disable-dropdown-button"],
             "placement": [1],
             "toggle": [32]
         },
@@ -30185,7 +30172,7 @@ class SplitButton {
     }; }
 }
 
-const tabItemCss = "@charset \"UTF-8\";:host{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 1.5rem;line-height:20px;font-size:14px;font-weight:bold;background-color:var(--theme-tab--background);color:var(--theme-tab--color)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host::after{content:\"\";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0}:host .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .text span,:host .text span::before{pointer-events:none}:host .text{vertical-align:middle}:host .circle{display:flex;justify-content:center;align-items:center;height:3rem;width:3rem;background-color:var(--theme-animated-tab-indicator--background);border-radius:50%;border:2px solid var(--theme-animated-tab-circle--border-color);color:var(--theme-an…icon--color);cursor:pointer}:host .circle.selected:not(.disabled){background-color:var(--theme-animated-tab-circle--background--selected);color:var(--theme-animated-tab-icon--color--selected);border-color:var(--theme-animated-tab-circle--border-color--selected)}:host .circle.selected:not(.disabled):hover{background-color:var(--theme-animated-tab-circle--background--selected)}:host .circle:hover{background-color:var(--theme-animated-tab-circle--background--hover)}:host .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}:host .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}:host .circle.disabled{background-color:var(--theme-animated-tab-circle--background--disabled);border-color:var(--theme-animated-tab-circle--border-color--disabled)}:host .counter{position:absolute;z-index:1;height:16px;width:auto;background-color:var(--theme-pill-outline--background);border:1px solid var(--theme-tab-pill--border-color);border-radius:100px;bottom:6px;display:flex;justify-content:center;align-items:center;padding-left:0.25rem;padding-right:0.25rem;font-size:12px;line-height:14px;color:var(--theme-pill-outline--color);cursor:pointer}:host .counter.selected{border-color:var(--theme-tab-pill--border-color--selected)}:host .counter.disabled{border-color:var(--theme-tab-pill--border-color--disabled)}:host .hidden{display:none}:host(.circle){height:72px}:host(.top)::after{top:0}:host(.bottom)::after{bottom:0}:host(.stretched){flex-basis:100%;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(:hover:not(.circle)){background-color:var(--theme-tab--background--hover);color:var(--theme-tab-color-hover);cursor:pointer}:host(:hover:not(.circle))::after{background-color:var(--theme-tab-indicator--background--hover)}:host(:active:not(.circle)){background-color:var(--theme-tab--background--active);color:var(--theme-tab-color--active)}:host(:active:not(.circle))::after{background-color:var(--theme-tab-indicator--background--active)}:host(:focus-visible){outline:0px solid var(--focus--border-color)}:host(:focus-visible) .circle{outline:1px solid var(--focus--border-color)}:host(:focus-visible:not(.circle)){outline:1px solid var(--focus--border-color)}:host(.disabled){pointer-events:none;color:var(--theme-tab--color--disabled);background-color:var(--theme-tab--background--disabled)}:host(.disabled)::after{background-color:var(--theme-tab-indicator--background--disabled)}:host(.selected:not(.disabled)){background-color:var(--theme-tab--background--selected);color:var(--theme-tab--color--selected)}:host(.selected:not(.disabled))::after{background-color:var(--theme-tab-indicator--background--selected)}:host(.icon){padding:1.5rem 0.5rem}:host(.small-tab){height:32px;padding:1rem}:host(.small-tab.icon){padding:1rem 0.25rem}";
+const tabItemCss = "@charset \"UTF-8\";:host{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 1.5rem;line-height:20px;font-size:14px;font-weight:bold;background-color:var(--theme-tab--background);color:var(--theme-tab--color)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host::after{content:\"\";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0}:host .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .text span,:host .text span::before{pointer-events:none}:host .text{vertical-align:middle}:host .circle{display:flex;justify-content:center;align-items:center;height:3rem;width:3rem;background-color:var(--theme-animated-tab-indicator--background);border-radius:50%;border:2px solid var(--theme-animated-tab-circle--border-color);color:var(--theme-an…icon--color);cursor:pointer}:host .circle.selected:not(.disabled){background-color:var(--theme-animated-tab-circle--background--selected);color:var(--theme-animated-tab-icon--color--selected);border-color:var(--theme-animated-tab-circle--border-color--selected)}:host .circle.selected:not(.disabled):hover{background-color:var(--theme-animated-tab-circle--background--selected)}:host .circle:hover{background-color:var(--theme-animated-tab-circle--background--hover)}:host .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}:host .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}:host .circle.disabled{background-color:var(--theme-animated-tab-circle--background--disabled);border-color:var(--theme-animated-tab-circle--border-color--disabled)}:host .counter{position:absolute;z-index:1;height:16px;width:auto;background-color:var(--theme-color-1);border:1px solid var(--theme-tab-pill--border-color);border-radius:100px;bottom:6px;display:flex;justify-content:center;align-items:center;padding-left:0.25rem;padding-right:0.25rem;font-size:12px;line-height:14px;color:var(--theme-pill-outline--color);cursor:pointer}:host .counter.selected{border-color:var(--theme-tab-pill--border-color--selected)}:host .counter.disabled{border-color:var(--theme-tab-pill--border-color--disabled)}:host .hidden{display:none}:host(.circle){height:72px}:host(.top)::after{top:0}:host(.bottom)::after{bottom:0}:host(.stretched){flex-basis:100%;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(:hover:not(.circle)){background-color:var(--theme-tab--background--hover);color:var(--theme-tab-color-hover);cursor:pointer}:host(:hover:not(.circle))::after{background-color:var(--theme-tab-indicator--background--hover)}:host(:active:not(.circle)){background-color:var(--theme-tab--background--active);color:var(--theme-tab-color--active)}:host(:active:not(.circle))::after{background-color:var(--theme-tab-indicator--background--active)}:host(:focus-visible){outline:0px solid var(--focus--border-color)}:host(:focus-visible) .circle{outline:1px solid var(--focus--border-color)}:host(:focus-visible:not(.circle)){outline:1px solid var(--focus--border-color)}:host(.disabled){pointer-events:none;color:var(--theme-tab--color--disabled);background-color:var(--theme-tab--background--disabled)}:host(.disabled)::after{background-color:var(--theme-tab-indicator--background--disabled)}:host(.selected:not(.disabled)){background-color:var(--theme-tab--background--selected);color:var(--theme-tab--color--selected)}:host(.selected:not(.disabled))::after{background-color:var(--theme-tab-indicator--background--selected)}:host(.icon){padding:1.5rem 0.5rem}:host(.small-tab){height:32px;padding:1rem}:host(.small-tab.icon){padding:1rem 0.25rem}";
 
 class TabItem {
     constructor(hostRef) {
@@ -30233,7 +30220,7 @@ class TabItem {
         };
     }
     render() {
-        return (hAsync(Host, { key: '2eaa9ee3ba9488210877fa4ed43595e1f9d9a8dd', class: this.tabItemClasses({
+        return (hAsync(Host, { key: 'f703b9ed1db79ae154acd43425ac44993a13e99e', class: this.tabItemClasses({
                 selected: this.selected,
                 disabled: this.disabled,
                 small: this.small,
@@ -30250,12 +30237,12 @@ class TabItem {
                 if (clientEvent.defaultPrevented) {
                     event.stopPropagation();
                 }
-            } }, hAsync("div", { key: 'a3592b79e11a50056834d1920aa666a6989f7be9', class: {
+            } }, hAsync("div", { key: '5d9f5fa0c5a9c2f057ff8e3e960a5b15499ec84b', class: {
                 circle: this.rounded,
                 text: !this.rounded,
                 selected: this.selected,
                 disabled: this.disabled,
-            } }, hAsync("slot", { key: '6bdd7252b0906f1d47257c6bc0fd4bff91a7eb3b' })), hAsync("div", { key: '876c31b1ee2c454887434a99b65435d1511676e1', class: {
+            } }, hAsync("slot", { key: 'd0c87e92e0ad1a4664024b7d79900e8bb36a6ba6' })), hAsync("div", { key: '1812905c3f08a70565e1aea166fa372a07344a76', class: {
                 counter: true,
                 selected: this.selected,
                 hidden: !(this.rounded && this.counter !== undefined),
@@ -30541,13 +30528,13 @@ class Tabs {
         });
     }
     render() {
-        return (hAsync(Host, { key: '4c58b26f100793ee93715ddf2d71cd85c7a77394' }, this.showArrowPrevious && (hAsync("button", { key: '88b2aa246f44f6fca988e8cc95d5c69f973b5626', class: "arrow", onClick: () => this.move(this.scrollAmount, true), "aria-label": this.ariaLabelChevronLeftIconButton }, hAsync("ix-icon", { key: '0a6bdb7e2edafe47e7a2c3a09c860df3b8e8c73f', name: iconChevronLeftSmall }))), hAsync("div", { key: 'd06c37c4aae268d43ada257185256163c54668bf', class: {
+        return (hAsync(Host, { key: 'd7fad8d23dafced6cf713108107c54d02f372b6b' }, this.showArrowPrevious && (hAsync("button", { key: 'dde7a217502a5a157e32bb34327398dba8968d34', class: "arrow", onClick: () => this.move(this.scrollAmount, true), "aria-label": this.ariaLabelChevronLeftIconButton }, hAsync("ix-icon", { key: '08c3d49892d6955a7877bac4968fac25fe8c9742', name: iconChevronLeftSmall }))), hAsync("div", { key: 'deb8492643ab4b49cb7848c9229805d26b0a4c99', class: {
                 'tab-items': true,
                 'overflow-shadow': true,
                 'shadow-left': this.showArrowPrevious,
                 'shadow-right': this.showArrowNext,
                 'shadow-both': this.showArrowNext && this.showArrowPrevious,
-            } }, hAsync("div", { key: 'b2636001520d9d9c63173f35a45c3f38217f949f', class: "items-content" }, hAsync("slot", { key: 'd29d939ea9c1053d79b7670c7c54d9e6ec483dce' }))), this.showArrowNext && (hAsync("button", { key: '91b68bb75e979fdab0643a479300371e67a0174f', class: "arrow right", onClick: () => this.move(-this.scrollAmount, true), "aria-label": this.ariaLabelChevronRightIconButton }, hAsync("ix-icon", { key: '735a473ee7bd00e299530b09c166b111cd8f04cd', name: iconChevronRightSmall })))));
+            } }, hAsync("div", { key: '8b888d4ac1c0e957155028d8508e0cb5862c5cb4', class: "items-content" }, hAsync("slot", { key: 'fd39c749b7aaeaec5c65ee72b0c466dbf7d8fa7b' }))), this.showArrowNext && (hAsync("button", { key: '028b079e241b9fc3af1cba531ae2c055f1c47d32', class: "arrow right", onClick: () => this.move(-this.scrollAmount, true), "aria-label": this.ariaLabelChevronRightIconButton }, hAsync("ix-icon", { key: '8047e16eadc4ec22f44d70004fe9a663f74c4e01', name: iconChevronRightSmall })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -30726,10 +30713,10 @@ class Textarea {
     }
     render() {
         var _a;
-        return (hAsync(Host, { key: '01f3753f8d224c04fcfd170004d1591155bae8fe', class: {
+        return (hAsync(Host, { key: '50700f0fe24415eff151875bc3dc2a5d53a8f879', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: '7e69d00bbdef14efac3be23a093602dc2c0dae76', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.textAreaRef }, !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: 'ebd14c19b62522cfb95ab1aa5177931020e12673', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)), hAsync("div", { key: '26855cb5d7dcd374388e8c6d8ab8102b57414a47', class: "input-wrapper" }, hAsync(TextareaElement, { key: '763de52ae31785cc5fd08b37c6f926528f3e665e', minLength: this.minLength, maxLength: this.maxLength, textareaCols: this.textareaCols, textareaRows: this.textareaRows, textareaHeight: this.isManuallyResized ? this.manualHeight : this.textareaHeight, textareaWidth: this.isManuallyResized ? this.manualWidth : this.textareaWidth, resizeBehavior: this.resizeBehavior, readonly: this.readonly, disabled: this.disabled, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, textAreaRef: this.textAreaRef, valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
+            } }, hAsync("ix-field-wrapper", { key: '9a59b1c2632f975c3a754978c616bb80fc419fc3', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.textAreaRef }, !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: '931e49d6a0fd853745f3f46b88f25b087b2038af', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)), hAsync("div", { key: 'ef476a8a1bb52f9b21d93bd1b4d46b6b91a40872', class: "input-wrapper" }, hAsync(TextareaElement, { key: 'b2b7006983d16c7c99f2229097aa3e45ecee5c15', minLength: this.minLength, maxLength: this.maxLength, textareaCols: this.textareaCols, textareaRows: this.textareaRows, textareaHeight: this.isManuallyResized ? this.manualHeight : this.textareaHeight, textareaWidth: this.isManuallyResized ? this.manualWidth : this.textareaWidth, resizeBehavior: this.resizeBehavior, readonly: this.readonly, disabled: this.disabled, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, textAreaRef: this.textAreaRef, valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
                 onInputBlur(this, this.textAreaRef.current);
                 this.touched = true;
             } })))));
@@ -30805,17 +30792,17 @@ class Tile {
         this.hasFooterSlot = !!this.hostElement.querySelector('[slot="footer"]');
     }
     render() {
-        return (hAsync(Host, { key: 'aa9ab71b723ec68685a2d0a37b53d9edcfe82cd6', class: {
+        return (hAsync(Host, { key: 'f5c50da791dcbdfeb884d33071b6d557360c1a60', class: {
                 'tile-small': this.size === 'small',
                 'tile-medium': this.size === 'medium',
                 'tile-big': this.size === 'big',
-            } }, hAsync("div", { key: 'fdbc231e60e607c9a5c60d66138f87d563d3a1d1', class: {
+            } }, hAsync("div", { key: '651e393dbd8f7f7cd55373c3bdadc195dfc88cbd', class: {
                 'tile-header': true,
                 'has-content': this.hasHeaderSlot,
-            } }, hAsync("slot", { key: 'f881aa65ee46aa1f8ea7991d94e934fed4fe5e6a', name: "header", onSlotchange: () => this.handleHeaderSlotChange() })), hAsync("div", { key: '3a7603fe58fd66c7309a9ec743839f6df1db88d3', class: "tile-subheader" }, hAsync("slot", { key: '846def8a0c20dba9c4d929a10ffad9ad2da73128', name: "subheader" })), hAsync("div", { key: '1a1c7830c296988a0928d76b2af53c14d999e2ac', class: "tile-content" }, hAsync("slot", { key: '5450f27247704ac16db78f1c6507ea9319c367c4' })), hAsync("div", { key: '0464f19054f1c1e15c06fdab283d72f17ab0b9cd', class: {
+            } }, hAsync("slot", { key: '1b94a241077664e5bcb535321f816b3b3faa9fad', name: "header", onSlotchange: () => this.handleHeaderSlotChange() })), hAsync("div", { key: 'd2ce3123c9ffa767e07edf25248567ee9406fc95', class: "tile-subheader" }, hAsync("slot", { key: '025ac544a3750fbfb145d1350e7091e969c2e369', name: "subheader" })), hAsync("div", { key: '6ce8df1e1b426df28b42f490db11dc1d951715e6', class: "tile-content" }, hAsync("slot", { key: '7bb66b49df63f613c3b7be8ff0da64bc16dde6b9' })), hAsync("div", { key: '55f6e978190c3c8581310559a7a46ec6c4cc0e2f', class: {
                 'tile-footer': true,
                 'has-content': this.hasFooterSlot,
-            } }, hAsync("slot", { key: 'ce04db8085fda4bb5faaa170895cad9c8f850555', name: "footer", onSlotchange: () => this.handleFooterSlotChange() }))));
+            } }, hAsync("slot", { key: 'd63334865e6a32a6bb082939b44f3bf0b041b93a', name: "footer", onSlotchange: () => this.handleFooterSlotChange() }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return tileCss; }
@@ -30937,12 +30924,21 @@ class TimeInput {
          */
         // eslint-disable-next-line @stencil-community/decorators-style
         this.i18nMillisecondColumnHeader = 'ms';
+        /**
+         * If false, pressing Enter will submit the form (if inside a form).
+         * Set to true to suppress submit on Enter.
+         */
+        this.suppressSubmitOnEnter = false;
         /**
          * Hides the header of the picker.
          *
          * @since 4.0.0
          */
         this.hideHeader = false;
+        /**
+         * Text alignment within the time input. 'start' aligns the text to the start of the input, 'end' aligns the text to the end of the input.
+         */
+        this.textAlignment = 'start';
         this.show = false;
         this.time = null;
         this.isInputInvalid = false;
@@ -30961,6 +30957,9 @@ class TimeInput {
     watchValuePropHandler(newValue) {
         this.onInput(newValue);
     }
+    handleInputKeyDown(event) {
+        handleSubmitOnEnterKeydown(event, this.suppressSubmitOnEnter, this.formInternals.form);
+    }
     updateFormInternalValue(value) {
         this.formInternals.setFormValue(value);
         this.value = value;
@@ -31045,6 +31044,8 @@ class TimeInput {
     renderInput() {
         return (hAsync("div", { class: "input-wrapper" }, hAsync(SlotStart, { slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync("input", { autoComplete: "off", class: {
                 'is-invalid': this.isInputInvalid,
+            }, style: {
+                textAlign: this.textAlignment,
             }, disabled: this.disabled, readOnly: this.readonly, required: this.required, ref: this.inputElementRef, type: "text", value: this.value, placeholder: this.placeholder, name: this.name, onInput: (event) => {
                 const target = event.target;
                 this.onInput(target.value);
@@ -31059,7 +31060,7 @@ class TimeInput {
             }, onBlur: () => {
                 this.ixBlur.emit();
                 this.touched = true;
-            } }), hAsync(SlotEnd, { slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { "data-testid": "open-time-picker", class: { 'time-icon-hidden': this.disabled || this.readonly }, variant: "subtle-tertiary", icon: iconClock, onClick: (event) => this.onTimeIconClick(event), "aria-label": "Toggle time picker", "aria-expanded": this.show }))));
+            }, onKeyDown: (event) => this.handleInputKeyDown(event) }), hAsync(SlotEnd, { slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { "data-testid": "open-time-picker", class: { 'time-icon-hidden': this.disabled || this.readonly }, variant: "subtle-tertiary", icon: iconClock, onClick: (event) => this.onTimeIconClick(event), "aria-label": "Toggle time picker", "aria-expanded": this.show }))));
     }
     hookValidationLifecycle({ isInfo, isInvalid, isInvalidByRequired, isValid, isWarning, }) {
         this.isInvalid = isInvalid || isInvalidByRequired || this.isInputInvalid;
@@ -31099,15 +31100,13 @@ class TimeInput {
     }
     render() {
         var _a;
-        const invalidText = this.isInputInvalid
-            ? this.i18nErrorTimeUnparsable
-            : this.invalidText;
-        return (hAsync(Host, { key: '09ce97a9605c6b22a872712c038a2628e5b0b81a', class: {
+        const invalidText = getValidationText(this.isInputInvalid, this.invalidText, this.i18nErrorTimeUnparsable);
+        return (hAsync(Host, { key: 'aff9b793fae69ba2eb713ae3b1bd2222b548fb25', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, hAsync("ix-field-wrapper", { key: '7885db329aa8632cfaeb55d427ba4d142a8b6ec6', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), hAsync("ix-dropdown", { key: 'e1e55b1d1b48ba6b90e9181814c7d01e1fcd8bae', "data-testid": "time-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
+            } }, hAsync("ix-field-wrapper", { key: '5e927fa4c2eeb94dba26b1f4ad1879a6a80ed823', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), hAsync("ix-dropdown", { key: '0b48b3c8574b0aafe42db74c990f1d269037bd82', "data-testid": "time-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
                 this.show = event.detail;
-            } }, hAsync("ix-time-picker", { key: '7c3b0350de27af8fe8633478ce1100fd62f75976', ref: this.timePickerRef, format: this.format, time: (_a = this.time) !== null && _a !== void 0 ? _a : '', hourInterval: this.hourInterval, minuteInterval: this.minuteInterval, secondInterval: this.secondInterval, millisecondInterval: this.millisecondInterval, embedded: true, hideHeader: this.hideHeader, i18nConfirmTime: this.i18nSelectTime, i18nHeader: this.i18nTime, i18nHourColumnHeader: this.i18nHourColumnHeader, i18nSecondColumnHeader: this.i18nSecondColumnHeader, i18nMinuteColumnHeader: this.i18nMinuteColumnHeader, i18nMillisecondColumnHeader: this.i18nMillisecondColumnHeader, onTimeSelect: (event) => {
+            } }, hAsync("ix-time-picker", { key: 'b3b5536c702fc45c9fc5f323282149c2c2ccb542', ref: this.timePickerRef, format: this.format, time: (_a = this.time) !== null && _a !== void 0 ? _a : '', hourInterval: this.hourInterval, minuteInterval: this.minuteInterval, secondInterval: this.secondInterval, millisecondInterval: this.millisecondInterval, embedded: true, hideHeader: this.hideHeader, i18nConfirmTime: this.i18nSelectTime, i18nHeader: this.i18nTime, i18nHourColumnHeader: this.i18nHourColumnHeader, i18nSecondColumnHeader: this.i18nSecondColumnHeader, i18nMinuteColumnHeader: this.i18nMinuteColumnHeader, i18nMillisecondColumnHeader: this.i18nMillisecondColumnHeader, onTimeSelect: (event) => {
                 this.onInput(event.detail);
                 this.show = false;
             } }))));
@@ -31148,7 +31147,9 @@ class TimeInput {
             "i18nMinuteColumnHeader": [1, "i18n-minute-column-header"],
             "i18nSecondColumnHeader": [1, "i18n-second-column-header"],
             "i18nMillisecondColumnHeader": [1, "i18n-millisecond-column-header"],
+            "suppressSubmitOnEnter": [516, "suppress-submit-on-enter"],
             "hideHeader": [4, "hide-header"],
+            "textAlignment": [1, "text-alignment"],
             "show": [32],
             "time": [32],
             "isInputInvalid": [32],
@@ -31166,14 +31167,14 @@ class TimeInput {
         },
         "$listeners$": undefined,
         "$lazyBundleId$": "-",
-        "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["invalidText", "invalid-text"]]
+        "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["invalidText", "invalid-text"], ["suppressSubmitOnEnter", "suppress-submit-on-enter"]]
     }; }
 }
 __decorate$2([
     HookValidationLifecycle()
 ], TimeInput.prototype, "hookValidationLifecycle", null);
 
-const timePickerCss = ".ix-form-control,.ix-form-control-plaintext{color:var(--theme-input--color);border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ix-form-control::-moz-placeholder,.ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.ix-form-control::placeholder,.ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:focus-visible{color:var(--theme-input--color)}.ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control[type=number]{text-align:right}.ix-form-control.readonly,.ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}.ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only,.ix-form-control[readonly],.ix-form-control[readOnly],.ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only::-moz-placeholder,.ix-form-control[readonly]::-moz-placeholder,.ix-form-control[readOnly]::-moz-placeholder,.ix-form-control.readonly::-moz-placeholder{color:transparent}.ix-form-control:-moz-read-only::placeholder{color:transparent}.ix-form-control:read-only::placeholder,.ix-form-control[readonly]::placeholder,.ix-form-control[readOnly]::placeholder,.ix-form-control.readonly::placeholder{color:transparent}.ix-form-control:disabled,.ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.ix-form-control:disabled::-moz-placeholder,.ix-form-control.disabled::-moz-placeholder{color:transparent}.ix-form-control:disabled::placeholder,.ix-form-control.disabled::placeholder{color:transparent}.ix-form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.ix-form-control{padding:0 0.312rem}textarea.ix-form-control{padding:0.375rem 0.5rem}input.ix-form-control.disabled,input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}input.ix-form-control:-moz-read-only{cursor:default}input.ix-form-control:read-only,input.ix-form-control.readonly{cursor:default}input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;height:3.25rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),input.ix-info:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:block;position:relative;width:-moz-fit-content;width:fit-content}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .standaloneAppearance{box-shadow:none}:host .hidden{display:none}:host .header{display:flex;align-items:center;justify-content:center;height:2.5rem}:host .clock{display:flex;justify-content:center;align-items:start}:host .clock .flex{display:flex;height:100%;align-items:start}:host .clock .flex .columns{display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin-top:1px}:host .clock .flex .columns .column-header{height:2.5rem;width:2.5rem;line-height:2.5rem;text-align:center;color:var(--theme-color-soft-text);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .clock .flex .column-seperator{display:flex;align-items:center;margin:0 0.125rem;min-height:100%;margin-top:3.25rem}:host .clock .element-list{list-style-type:none;overflow:auto;max-height:15.375rem;padding-top:0.125rem}:host .clock .element-list button{all:unset}:host .clock .element-list .element-container{width:2.375rem;height:2.375rem;margin:0.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--theme-color-primary)}:host .clock .element-list .element-container:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .clock .element-list .element-container:focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:1px}:host .clock .element-list .selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected)}:host .clock .element-list .selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .clock .element-list .element-list-padding{width:2.5rem;height:12.563rem;min-height:12.563rem}:host .clock div.element-list{scrollbar-width:none;-ms-overflow-style:none}:host .clock div.element-list::-webkit-scrollbar{display:none}:host .footer{display:flex;justify-content:space-between;gap:0.5rem;flex-wrap:wrap}:host .footer .confirm-button{margin-left:auto}:host .footer--compact{flex-direction:column;align-items:center}:host .footer--compact .confirm-button{margin-left:initial}:host .footer .time-ref-buttons--datetime-picker-appearance{margin-left:auto}:host .footer .time-ref-buttons button{all:unset;width:2.625rem;height:1.875rem;text-align:center;border:1px solid var(--theme-color-primary);color:var(--theme-color-primary);background-color:var(--theme-color-secondary);font-weight:700}:host .footer .time-ref-buttons button:focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .footer .time-ref-buttons button:hover{cursor:pointer;background-color:var(--theme-color-secondary-hover);border-color:var(--theme-btn-primary--background--hover)}:host .footer .time-ref-buttons button.selected{color:var(--theme-color-secondary);background-color:var(--theme-btn-primary--background)}:host .footer .time-ref-buttons button.selected:hover{background-color:var(--theme-btn-primary--background--hover);border-color:var(--theme-btn-primary--background--hover)}:host .default-space{margin-left:1rem}:host .text-align{text-align:center}:host .hidden{display:none}:host .time-reference{margin-top:0.5rem;margin-bottom:0.5rem}";
+const timePickerCss = ".ix-form-control,.ix-form-control-plaintext{color:var(--theme-input--color);border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ix-form-control::-moz-placeholder,.ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.ix-form-control::placeholder,.ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:focus-visible{color:var(--theme-input--color)}.ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control[type=number]{text-align:right}.ix-form-control.readonly,.ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}.ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only,.ix-form-control[readonly],.ix-form-control[readOnly],.ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only::-moz-placeholder,.ix-form-control[readonly]::-moz-placeholder,.ix-form-control[readOnly]::-moz-placeholder,.ix-form-control.readonly::-moz-placeholder{color:transparent}.ix-form-control:-moz-read-only::placeholder{color:transparent}.ix-form-control:read-only::placeholder,.ix-form-control[readonly]::placeholder,.ix-form-control[readOnly]::placeholder,.ix-form-control.readonly::placeholder{color:transparent}.ix-form-control:disabled,.ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.ix-form-control:disabled::-moz-placeholder,.ix-form-control.disabled::-moz-placeholder{color:transparent}.ix-form-control:disabled::placeholder,.ix-form-control.disabled::placeholder{color:transparent}.ix-form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.ix-form-control{padding:0 0.312rem}textarea.ix-form-control{padding:0.375rem 0.5rem}input.ix-form-control.disabled,input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}input.ix-form-control:-moz-read-only{cursor:default}input.ix-form-control:read-only,input.ix-form-control.readonly{cursor:default}input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;height:3.25rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),input.ix-info:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:block;position:relative;width:-moz-fit-content;width:fit-content}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .standaloneAppearance{box-shadow:none}:host .hidden{display:none}:host .header{display:flex;align-items:center;justify-content:center;height:2rem}:host .clock{display:flex;justify-content:center;align-items:start}:host .clock .flex{display:flex;height:100%;align-items:start}:host .clock .flex .columns{display:flex;flex-direction:column;align-items:center;justify-content:space-around}:host .clock .flex .columns .column-header{height:2.5rem;width:2.5rem;line-height:2.5rem;text-align:center;color:var(--theme-color-soft-text);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .clock .flex .column-separator{display:flex;align-items:center;justify-content:center;min-height:100%;margin-top:3rem;width:0.5rem}:host .clock .element-list{list-style-type:none;overflow:auto;padding:0.0625rem;margin:-0.0625rem;max-height:15.75rem}:host .clock .element-list button{all:unset}:host .clock .element-list .element-container{box-sizing:border-box;width:2.5rem;height:2.5rem;margin-bottom:0.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--theme-color-primary)}:host .clock .element-list .element-container:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .clock .element-list .element-container:focus-visible{box-shadow:0 0 0 1px var(--theme-color-focus-bdr)}:host .clock .element-list .selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);font-weight:var(--theme-font-weight-bold)}:host .clock .element-list .selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .clock .element-list .selected:focus-visible{border:0.0625rem solid var(--theme-color-inv-contrast-text)}:host .clock .element-list .element-list-padding{width:2.5rem;height:13.125rem;min-height:13.125rem}:host .clock div.element-list{scrollbar-width:none;-ms-overflow-style:none}:host .clock div.element-list::-webkit-scrollbar{display:none}:host .footer{display:flex;justify-content:space-between;gap:0.5rem;flex-wrap:wrap}:host .footer .confirm-button{margin-left:auto}:host .footer--compact{flex-direction:column;align-items:center}:host .footer--compact .confirm-button{margin-left:initial}:host .default-space{margin-left:1rem}:host .text-align{text-align:center}";
 
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -31268,11 +31269,6 @@ class TimePicker {
          * @since 3.2.0
          */
         this.millisecondInterval = MILLISECOND_INTERVAL_DEFAULT;
-        /**
-         * Select time with format string
-         * Format has to match the `format` property.
-         */
-        this.time = DateTime.now().toFormat(this.format);
         /**
          * Text of the time confirm button
          */
@@ -31358,6 +31354,13 @@ class TimePicker {
         }
         this._time = timeFormat;
     }
+    /**
+     * Get default time value
+     * @returns DateTime.now() for empty state (no selection)
+     */
+    getDefaultTime() {
+        return DateTime.now();
+    }
     /**
      * Get the current time based on the wanted format
      */
@@ -31375,11 +31378,18 @@ class TimePicker {
         this.initPicker();
     }
     initPicker() {
-        this._time = DateTime.fromFormat(this.time, this.format);
-        if (!this._time.isValid) {
-            console.error(`Invalid time format. The configured format does not match the format of the passed time. ${this._time.invalidReason}: ${this._time.invalidExplanation}`);
-            this._time = DateTime.now();
+        let parsedTime;
+        if (this.time) {
+            parsedTime = DateTime.fromFormat(this.time, this.format);
+            if (!parsedTime.isValid) {
+                console.error(`Invalid time format. The configured format does not match the format of the passed time. ${parsedTime.invalidReason}: ${parsedTime.invalidExplanation}`);
+                parsedTime = this.getDefaultTime();
+            }
+        }
+        else {
+            parsedTime = this.getDefaultTime();
         }
+        this._time = parsedTime;
         this.setTimeRef();
         this.setTimePickerDescriptors();
         this.setInitialFocusedValueAndUnit();
@@ -31399,15 +31409,7 @@ class TimePicker {
             if (elementContainer) {
                 elementContainer.focus({ preventScroll: true });
                 if (!this.isElementVisible(elementContainer, elementList)) {
-                    elementContainer.scrollIntoView({
-                        block: this.focusScrollAlignment,
-                    });
-                    if (this.focusScrollAlignment === 'end') {
-                        elementList.scrollTop += 4;
-                    }
-                    else {
-                        elementList.scrollTop -= 4;
-                    }
+                    this.scrollElementIntoView(elementContainer, elementList, this.focusScrollAlignment);
                 }
             }
         }
@@ -31466,11 +31468,19 @@ class TimePicker {
             event.preventDefault();
         }
     }
-    onUnitCellBlur(unit) {
+    onUnitCellBlur(unit, event) {
+        var _a;
+        const relatedTarget = event.relatedTarget;
+        // Check if column lost focus to scroll back to selected value
+        if (relatedTarget) {
+            const relatedUnit = (_a = relatedTarget.dataset.elementContainerId) === null || _a === void 0 ? void 0 : _a.split('-')[0];
+            if (relatedUnit !== unit) {
+                this.elementListScrollToTop(unit, Number(this.formattedTime[unit]), 'smooth');
+            }
+        }
         this.isUnitFocused = false;
         const focusedValue = Number(this.formattedTime[unit]);
         this.updateDescriptorFocusedValue(unit, focusedValue);
-        this.elementListScrollToTop(unit, focusedValue, 'smooth');
     }
     onUnitCellFocus(unit, value) {
         this.isUnitFocused = true;
@@ -31492,6 +31502,19 @@ class TimePicker {
         return (elementRect.top >= containerRect.top &&
             elementRect.bottom <= containerRect.bottom);
     }
+    scrollElementIntoView(element, container, alignment) {
+        const SCROLL_BUFFER = 1;
+        const containerRect = container.getBoundingClientRect();
+        const elementRect = element.getBoundingClientRect();
+        if (alignment === 'end') {
+            container.scrollTop +=
+                elementRect.bottom - containerRect.bottom + SCROLL_BUFFER;
+        }
+        else {
+            container.scrollTop +=
+                elementRect.top - containerRect.top - SCROLL_BUFFER;
+        }
+    }
     updateFocusedValue(value) {
         const numberArray = this.getNumberArrayForUnit(this.focusedUnit);
         const maxValue = numberArray[numberArray.length - 1];
@@ -31540,10 +31563,12 @@ class TimePicker {
             const dropdown = mutation.target;
             if (!dropdown.classList.contains('show')) {
                 // keep picker in sync with input
-                const timeFormat = DateTime.fromFormat(this.time, this.format);
-                if (timeFormat.isValid) {
-                    this._time = DateTime.fromFormat(this.time, this.format);
-                    this.setInitialFocusedValueAndUnit();
+                if (this.time) {
+                    const timeFormat = DateTime.fromFormat(this.time, this.format);
+                    if (timeFormat.isValid) {
+                        this._time = DateTime.fromFormat(this.time, this.format);
+                        this.setInitialFocusedValueAndUnit();
+                    }
                 }
                 continue;
             }
@@ -31576,7 +31601,6 @@ class TimePicker {
         };
     }
     timeUpdate(unit, value) {
-        var _a;
         let maxValue = DateTime.now().endOf('day').get(unit);
         if (unit === 'hour') {
             if (this.timeRef === 'PM') {
@@ -31595,18 +31619,21 @@ class TimePicker {
         else if (value < 0) {
             value = 0;
         }
-        this._time = (_a = this._time) === null || _a === void 0 ? void 0 : _a.set({
+        if (!this._time) {
+            this._time = DateTime.now().startOf('day');
+        }
+        this._time = this._time.set({
             [unit]: value,
         });
         return value;
     }
     changeTimeReference(newTimeRef) {
-        if (!this._time) {
-            return;
-        }
         if (this.timeRef === newTimeRef) {
             return;
         }
+        if (!this._time) {
+            this._time = DateTime.now().startOf('day');
+        }
         this.timeRef = newTimeRef;
         const currentHour = this._time.hour;
         if (newTimeRef === 'PM' && currentHour < 12) {
@@ -31701,6 +31728,9 @@ class TimePicker {
         return this.formattedTime[unit] === String(number);
     }
     select(unit, number) {
+        if (this.isSelected(unit, number)) {
+            return;
+        }
         this.formattedTime = Object.assign(Object.assign({}, this.formattedTime), { [unit]: String(number) });
         this.timeUpdate(unit, number);
         this.elementListScrollToTop(unit, number, 'smooth');
@@ -31723,14 +31753,14 @@ class TimePicker {
             const elementListHeight = elementList.clientHeight;
             const elementContainerHeight = elementContainer.clientHeight;
             // Offset which is used to adjust the scroll position to account for margins, elements being hidden, etc.
-            let scrollPositionOffset = 15;
+            let scrollPositionOffset = 11;
             if (this.hideHeader) {
-                // 74 --> height of the header container
-                scrollPositionOffset -= 74;
+                // 56 + 1 --> height of the header container and separator
+                scrollPositionOffset -= 57;
             }
             const scrollPosition = elementContainer.offsetTop -
                 elementListHeight / 2 +
-                elementContainerHeight / 2 -
+                elementContainerHeight -
                 scrollPositionOffset;
             elementList.scrollTo({
                 top: scrollPosition,
@@ -31772,22 +31802,29 @@ class TimePicker {
         return '-1';
     }
     render() {
-        return (hAsync(Host, { key: 'fe021682c409d261844a66afc06f7fd821d98311' }, hAsync("ix-date-time-card", { key: '29d86af50dfbe071b9ba542d715a0d310b5acdd8', embedded: this.embedded, timePickerAppearance: true, corners: this.corners, hasFooter: true, hideHeader: this.hideHeader }, hAsync("div", { key: 'a0189088fa1b26c1deadd04a571391eade2f4a82', class: "header", slot: "header" }, hAsync("ix-typography", { key: '168ab5345ae2afa0b084c8acd1e6e533db5ae398', format: "h5" }, this.i18nHeader)), hAsync("div", { key: '5fca2d1fb2059d72269e44f231faa0d0e0fc9889', class: "clock" }, this.timePickerDescriptors.map((descriptor, index) => (hAsync("div", { class: "flex" }, hAsync("div", { class: { columns: true, hidden: descriptor.hidden } }, hAsync("div", { class: "column-header", title: descriptor.header }, descriptor.header), hAsync("div", { "data-element-list-id": descriptor.unit, class: "element-list", tabIndex: -1 }, descriptor.numberArray.map((number) => (hAsync("button", { "data-element-container-id": `${descriptor.unit}-${number}`, class: {
-                selected: this.isSelected(descriptor.unit, number),
-                'element-container': true,
-            }, onClick: () => this.select(descriptor.unit, number), onFocus: () => this.onUnitCellFocus(descriptor.unit, number), onBlur: () => this.onUnitCellBlur(descriptor.unit), tabindex: this.getElementContainerTabIndex(number, descriptor.unit), role: "button", "aria-label": `${descriptor.header}: ${number}` }, this.formatUnitValue(descriptor.unit, number)))), hAsync("div", { class: "element-list-padding" }))), index !== this.timePickerDescriptors.length - 1 && (hAsync("div", { class: {
-                'column-seperator': true,
+        return (hAsync(Host, { key: 'da95d86956db27851713b28d3727ee9d8e33f785' }, hAsync("ix-date-time-card", { key: '5a8a88d641f859eaa2c1e1e2f7b699abd56f7f74', embedded: this.embedded, timePickerAppearance: true, corners: this.corners, hasFooter: !this.dateTimePickerAppearance, hideHeader: this.hideHeader }, hAsync("div", { key: '85639253213bee998504da73ea4de0421cf146c3', class: "header", slot: "header" }, hAsync("ix-typography", { key: '0a21cf47dd51eaf17c44271dbe4d63d909523055', format: "body" }, this.i18nHeader)), hAsync("div", { key: '9d716194b4a37662e298e8d59c54142e78b9a6a0', class: "clock" }, this.timePickerDescriptors.map((descriptor, index) => (hAsync("div", { class: "flex" }, hAsync("div", { class: { columns: true, hidden: descriptor.hidden } }, hAsync("div", { class: "column-header", title: descriptor.header }, descriptor.header), hAsync("div", { "data-element-list-id": descriptor.unit, class: "element-list", tabIndex: -1 }, descriptor.numberArray.map((number) => {
+            return (hAsync("button", { "data-element-container-id": `${descriptor.unit}-${number}`, class: {
+                    selected: this.isSelected(descriptor.unit, number),
+                    'element-container': true,
+                }, onClick: () => {
+                    this.select(descriptor.unit, number);
+                }, onFocus: () => this.onUnitCellFocus(descriptor.unit, number), onBlur: (e) => this.onUnitCellBlur(descriptor.unit, e), tabindex: this.getElementContainerTabIndex(number, descriptor.unit), "aria-label": `${descriptor.header}: ${number}` }, this.formatUnitValue(descriptor.unit, number)));
+        }), hAsync("div", { class: "element-list-padding" }))), index !== this.timePickerDescriptors.length - 1 && (hAsync("div", { class: {
+                'column-separator': true,
                 hidden: descriptor.hidden,
-            } }, this.getColumnSeparator(index))))))), hAsync("div", { key: '94fff2af6e3e86a2bebdee7e17a3ae46503c8a03', class: {
+            } }, this.getColumnSeparator(index)))))), this.timeRef && (hAsync("div", { key: 'b177d5ea743648618ab6b877f60a37b46d8a5fa5', class: "flex" }, hAsync("div", { key: 'a714f52d250386088368bdfe5c28ad45a1fe2dd0', class: "column-separator" }), hAsync("div", { key: 'c7730b336e486ec34fd23e293b8e70e309d153fe', class: "columns" }, hAsync("div", { key: '56677d7c350e235777e5d06afd61b925934923d6', class: "column-header", title: "AM/PM" }), hAsync("div", { key: '764fd7297bdafaa69d24c9a2655c9d4fa7a73966', class: "element-list", tabIndex: -1 }, hAsync("button", { key: '6b7ddefac72c7d4a778e8de6c42fd593003f5e5f', "data-am-pm-id": "AM", class: {
+                selected: this.timeRef === 'AM',
+                'element-container': true,
+            }, onClick: () => this.changeTimeReference('AM'), tabindex: "0", "aria-label": "AM" }, "AM"), hAsync("button", { key: '75cccf55946da3b04faac2da0bd3c989b8f633a3', "data-am-pm-id": "PM", class: {
+                selected: this.timeRef === 'PM',
+                'element-container': true,
+            }, onClick: () => this.changeTimeReference('PM'), tabindex: "0", "aria-label": "PM" }, "PM")))))), hAsync("div", { key: 'e033175f6d142fd73661703c89c975874bc9d6be', class: {
                 footer: true,
                 'footer--compact': this.timePickerDescriptors.length <= 2,
-            }, slot: "footer" }, this.timeRef && (hAsync("div", { key: 'a9248cc2ac1c71c8886bfc177eb9c013db8a7a69', class: {
-                'time-ref-buttons': true,
-                'time-ref-buttons--datetime-picker-appearance': this.dateTimePickerAppearance,
-            } }, hAsync("button", { key: '506e0e1b8d1ebbb59f53944596e38bbde2f1c0bb', "data-am-pm-id": "AM", class: { selected: this.timeRef === 'AM' }, onClick: () => this.changeTimeReference('AM') }, "AM"), hAsync("button", { key: 'b94ff617ed3e1a539ae3991fbf9e1b69dfb3f2f3', "data-am-pm-id": "PM", class: { selected: this.timeRef === 'PM' }, onClick: () => this.changeTimeReference('PM') }, "PM"))), !this.dateTimePickerAppearance && (hAsync("ix-button", { key: '3f49ec5488f6bc4914956fa88e793f6029f0f0e5', class: "confirm-button", onClick: () => {
+            }, slot: "footer" }, hAsync("ix-button", { key: '795d890b983737fd09cc7471c428266945062262', class: "confirm-button", onClick: () => {
                 var _a;
                 this.timeSelect.emit((_a = this._time) === null || _a === void 0 ? void 0 : _a.toFormat(this.format));
-            } }, this.i18nConfirmTime))))));
+            } }, this.i18nConfirmTime)))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -31912,11 +31949,11 @@ class Toast {
             animationPlayState: this.touched || this.paused ? 'paused' : 'running',
         };
         progressBarClass.push('toast-progress-bar--animated');
-        return (hAsync(Host, { key: '899292380d8565664e1c7675d76327a11490d830', class: "animate__animated animate__fadeIn" }, hAsync("div", { key: '5cd4377bdf58c1a2c0071ab31b28ad9655e44d0f', class: "toast-body", onPointerLeave: () => {
+        return (hAsync(Host, { key: 'b006843e5552e82ed437b10ab31c5cdff7ec90a6', class: "animate__animated animate__fadeIn" }, hAsync("div", { key: '8d4c07604138e38235b3a2f042ce8550966df392', class: "toast-body", onPointerLeave: () => {
                 this.touched = false;
             }, onPointerEnter: () => {
                 this.touched = true;
-            } }, this.type || this.icon ? (hAsync("div", { class: "toast-icon" }, this.getIcon())) : null, hAsync("div", { key: 'ef1403cbfb00f11515feae45dabfc5d4e0c13311', class: "toast-content" }, this.toastTitle ? (hAsync("ix-typography", { class: "toast-title", format: "h5" }, this.toastTitle)) : null, hAsync("div", { key: 'eb5d5bb4bab866b73a4b5607cd3e7b0b7c3e3da2', class: "toast-message" }, hAsync("slot", { key: 'e03b7355c7dae971d87eba8fbc49495fa5876891' })), hAsync("div", { key: '962de017d86b2a86919b41226dc2f5f37342488e', class: "toast-action" }, hAsync("slot", { key: '172e62ff0d27ea9e3ab191e153e51eb35f442073', name: "action" }))), hAsync("div", { key: 'cf14cce27542dab60676fb9d41ab60c061898c76', class: "toast-close" }, hAsync("ix-icon-button", { key: 'b4212ca84b1564510360e6f160d57d03d41b2bfe', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.closeToast.emit(), "aria-label": this.ariaLabelCloseIconButton }))), !this.preventAutoClose && (hAsync("div", { key: '2b33706bda283c118e918b58fb7cb50720d0f1fb', class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
+            } }, this.type || this.icon ? (hAsync("div", { class: "toast-icon" }, this.getIcon())) : null, hAsync("div", { key: 'b5235db039ca12fa5a3823861f41e86fbf312661', class: "toast-content" }, this.toastTitle ? (hAsync("ix-typography", { class: "toast-title", format: "h5" }, this.toastTitle)) : null, hAsync("div", { key: '6577c06f5530655aafc974684aedbac7d48da649', class: "toast-message" }, hAsync("slot", { key: '16675e05c803fe4ef8e246463f30c194e76a8428' })), hAsync("div", { key: '84eeb321fc81b49d14468e7d517dd8cfc8769c8d', class: "toast-action" }, hAsync("slot", { key: 'f55d9f57a23bf58006e1f3bc1d3e7fab85440dab', name: "action" }))), hAsync("div", { key: 'd409d2622bce56496f6081cf55ab9ad1137dc222', class: "toast-close" }, hAsync("ix-icon-button", { key: '873c0a73f6c5a9ae47cd39d63ff9c68dde219cbd', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.closeToast.emit(), "aria-label": this.ariaLabelCloseIconButton }))), !this.preventAutoClose && (hAsync("div", { key: '15a6b8556e7d22e9c9061a27e31b3138cb86380b', class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
                 this.close();
             }, onTransitionEnd: () => {
                 if (this.progress === 0) {
@@ -32047,10 +32084,10 @@ class ToastContainer {
         };
     }
     render() {
-        return (hAsync(Host, { key: '8ac8e6eb7cfc7110a4b2b44a835b6727e32c8db6', class: {
+        return (hAsync(Host, { key: 'ff09f24de84ceb7710a228f28dd82f1ca17ce83a', class: {
                 'toast-container--bottom-right': this.position === 'bottom-right',
                 'toast-container--top-right': this.position === 'top-right',
-            } }, hAsync("slot", { key: '1c158e22d6adef730c3642a6769e454b6b5e3c03' })));
+            } }, hAsync("slot", { key: 'bfe056dedfac7cdc249034e746fc4f63caded036' })));
     }
     static get watchers() { return {
         "position": ["onPositionChange"]
@@ -32201,13 +32238,13 @@ class Toggle {
         if (this.indeterminate) {
             toggleText = this.textIndeterminate;
         }
-        return (hAsync(Host, { key: 'cbc551d0aaaf8b93abf00eae8447b7ba910ee15c', class: {
+        return (hAsync(Host, { key: '990e3533b6e155d261dcdcf3dd7e06e0dceb8072', role: "switch", "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), class: {
                 disabled: this.disabled,
-            }, onBlur: () => this.ixBlur.emit(), onFocus: () => (this.touched = true) }, hAsync("label", { key: '9f07f9606f6f81abdd87d2198d32eec1dbc87fb1', class: "wrapper" }, hAsync("button", { key: 'b2826894662f716e132cc86e5daaf15816c319e4', role: "switch", "aria-checked": a11yBoolean(this.checked), class: {
+            }, onBlur: () => this.ixBlur.emit(), onFocus: () => (this.touched = true) }, hAsync("label", { key: '568b91b6c2ad362dc753518f97ca98b2c45a4130', class: "wrapper" }, hAsync("button", { key: 'dcbe522c2ccc95354cb982892eff554db86b4e8f', class: {
                 switch: true,
                 checked: this.checked,
                 indeterminate: this.indeterminate,
-            }, onClick: () => this.onCheckedChange(!this.checked) }, hAsync("div", { key: '8cc16350102428ae1f2b8937eda731d5a8e48c4c', class: "slider" })), hAsync("input", { key: '7c20a5235eca12a03a84082735249bf1e649adae', type: "checkbox", disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, tabindex: 0, "aria-hidden": a11yBoolean(true), "aria-checked": a11yBoolean(this.checked), onChange: (event) => this.onCheckedChange(event.target.checked) }), !this.hideText && (hAsync("ix-typography", { key: '701732f68894cef4ff6a340be21a841862e321b4', class: "label" }, toggleText)))));
+            }, onClick: () => this.onCheckedChange(!this.checked), tabindex: -1, "aria-hidden": "true" }, hAsync("div", { key: 'd281b839212a95e47b977bc46f052f7e6ca927c9', class: "slider" })), hAsync("input", { key: '8169a27e13433034a97c97ca99507237332abb30', type: "checkbox", disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, tabindex: 0, "aria-hidden": a11yBoolean(true), "aria-checked": a11yBoolean(this.checked), onChange: (event) => this.onCheckedChange(event.target.checked) }), !this.hideText && (hAsync("ix-typography", { key: '7bc9b1f72447ff21057cdef3eb77a4ebd7a45ae7', class: "label" }, toggleText)))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return getElement(this); }
@@ -32308,12 +32345,13 @@ class ToggleButton {
     }; }
 }
 
-const tooltipCss = ".dialog{margin:0;padding:0;border:none;max-width:18.25rem;width:-moz-max-content;width:max-content;background-color:transparent;overflow-wrap:break-word;box-shadow:none;overflow:visible}.tooltip-container{display:block;position:relative;width:auto;height:-moz-fit-content;height:fit-content;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:0.25rem}.content-wrapper{overflow:auto}.tooltip-title{display:flex;align-items:center}.tooltip-title ::slotted(ix-icon){margin-right:0.35rem}.arrow,.arrow::before{position:absolute;width:12px;height:12px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:\"\";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}";
+const tooltipCss = ".dialog{margin:0;padding:0;border:none;max-width:18.25rem;width:-moz-max-content;width:max-content;background-color:transparent;overflow-wrap:break-word;box-shadow:none;overflow:visible}.tooltip-container{display:block;position:relative;width:auto;height:-moz-fit-content;height:fit-content;background:var(--theme-tootlip--background);color:var(--theme-color-std-text);padding:0.375rem 0.75rem;box-shadow:var(--theme-shadow-4);border-radius:0.25rem}.content-wrapper{overflow:auto}.tooltip-title{display:flex}.tooltip-title ::slotted(ix-icon){margin:0.125rem 0.25rem 0.125rem 0}.arrow,.arrow::before{position:absolute;width:12px;height:12px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:\"\";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}";
 
+const ARROW_OFFSET = -6;
 const numberToPixel = (value) => value !== null ? `${value}px` : '';
 let tooltipInstance = 0;
 /**
- * @slot title-icon - Icon of tooltip title
+ * @slot title-icon - Icon displayed next to the tooltip title. The icon will be displayed as 16x16px.
  * @slot title-content - Content of tooltip title
  */
 class Tooltip {
@@ -32392,16 +32430,16 @@ class Tooltip {
             left: 'unset',
         };
         if (placement.startsWith('top')) {
-            return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), top: numberToPixel(y) });
+            return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), bottom: numberToPixel(ARROW_OFFSET) });
         }
         if (placement.startsWith('right')) {
-            return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(-6), top: numberToPixel(y) });
+            return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(ARROW_OFFSET), top: numberToPixel(y) });
         }
         if (placement.startsWith('bottom')) {
-            return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), top: numberToPixel(-6) });
+            return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), top: numberToPixel(ARROW_OFFSET) });
         }
         if (placement.startsWith('left')) {
-            return Object.assign(Object.assign({}, resetPosition), { right: numberToPixel(-6), top: numberToPixel(y) });
+            return Object.assign(Object.assign({}, resetPosition), { right: numberToPixel(ARROW_OFFSET), top: numberToPixel(y) });
         }
     }
     async computeTooltipPosition(target, dialog) {
@@ -32623,8 +32661,17 @@ class Tooltip {
         (_c = this.disposeTooltipListener) === null || _c === void 0 ? void 0 : _c.call(this);
         (_d = this.disposeDomChangeListener) === null || _d === void 0 ? void 0 : _d.call(this);
     }
+    handleTitleIconSlotChange(e) {
+        const slot = e.target;
+        const elements = getSlottedElements(slot);
+        for (const element of elements) {
+            if (element.tagName.toLowerCase() === 'ix-icon') {
+                element.size = '16';
+            }
+        }
+    }
     render() {
-        return (hAsync(Host, { key: 'eee651684c88795823f90194e2be5ed110077615', role: "tooltip", class: { visible: this.visible } }, hAsync("dialog", { key: '29fa36972dc3c31122df8c1a76a88a748c59431a', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, hAsync("div", { key: '07ddb653d0218d195ab0a11ecad1fdba05e94cee', class: "tooltip-container" }, hAsync("div", { key: '704252e6d76ddf26336514874bb77c9f6e13cb8d', class: "content-wrapper" }, hAsync("div", { key: 'c69710b5152269a0ec33ed9941dd23426bac91ed', class: 'tooltip-title' }, hAsync("slot", { key: 'f349cccad759202ac4c8f57b2124a904193d791d', name: "title-icon" }), hAsync("ix-typography", { key: '6a73678531a8310e1c95da638486187df2341306', format: "h5" }, this.titleContent, hAsync("slot", { key: '79fb0b5e2e62c554d419a765195529575ab7f879', name: "title-content" }))), hAsync("slot", { key: '84ecbfefc9215d734d3c8e29916fa08be0762e39' }), hAsync("div", { key: '417d4aaf3d5b7a52ddd35e0a17cce0b72fdb897c', class: "arrow" }))))));
+        return (hAsync(Host, { key: '1176f8e37f2918a9708c8ccdbfc57f99508299f3', role: "tooltip", class: { visible: this.visible } }, hAsync("dialog", { key: 'd4942b8d171e7e48defc505179d54ce09288c905', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, hAsync("div", { key: 'faef3b3e4b5a45ddb3872bd9d8ec1d6eb4a36221', class: "tooltip-container" }, hAsync("div", { key: 'ce64bda5406c6a70ccddc41f0b4aa4010be1aca9', class: "content-wrapper" }, hAsync("div", { key: '52a51ed895ea573d3e889e57a05f65193906492c', class: 'tooltip-title' }, hAsync("slot", { key: 'b7965bd9963fcd789331e4c264e8d317bf7ed314', name: "title-icon", onSlotchange: (e) => this.handleTitleIconSlotChange(e) }), hAsync("ix-typography", { key: 'b530dbbf13b752968decb45af3953f42e3a0c743', format: "h5" }, this.titleContent, hAsync("slot", { key: 'c7152f89180904044dc26f996923cc5766ea1d0f', name: "title-content" }))), hAsync("slot", { key: '3b00e9ed924a0c0d8527344c13a3c52a9afd0108' }), hAsync("div", { key: '5401e6015c3a7ebf4749edc466ddca881e4f7d36', class: "arrow" }))))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return tooltipCss; }
@@ -33259,7 +33306,7 @@ class Tree {
         this.nodeClicked.emit(id);
     }
     render() {
-        return (hAsync(Host, { key: '41229d69024d78162075253c32250ebf28e4bb3b', onClick: (event) => this.onTreeItemClick(event) }, hAsync("slot", { key: '594c9e61448461dd39a81272f2d2c24b0e560806' })));
+        return (hAsync(Host, { key: 'ca0d582877d3b2877a1090cc0aeb40f38617cef9', onClick: (event) => this.onTreeItemClick(event) }, hAsync("slot", { key: '2d8f21165234243b6d2e2f7c99696fc7343d79f2' })));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -33298,17 +33345,17 @@ class TreeItem {
     }
     render() {
         var _a, _b;
-        return (hAsync(Host, { key: 'f3168fba8586e37800d2ba921d890e3f8c38d263', class: {
+        return (hAsync(Host, { key: '52817f9eed914ee6b01b67848af3f7073f21d65c', class: {
                 selected: !!((_a = this.context) === null || _a === void 0 ? void 0 : _a.isSelected),
-            } }, hAsync("div", { key: '10905ce185a7dbae0921ab16c9656f4ef0569749', class: "icon-toggle-container" }, this.hasChildren ? (hAsync("ix-icon", { name: iconChevronRightSmall, size: "24", class: {
+            } }, hAsync("div", { key: '95b40939dac08653e875985a160e5aa45ebc353c', class: "icon-toggle-container" }, this.hasChildren ? (hAsync("ix-icon", { name: iconChevronRightSmall, size: "24", class: {
                 ['icon-toggle-down']: !!((_b = this.context) === null || _b === void 0 ? void 0 : _b.isExpanded),
             }, color: "color-std-text", onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
                 this.toggle.emit();
-            }, "aria-label": this.ariaLabelChevronIcon })) : null), hAsync("div", { key: 'bf8b74b9b1e67b848a6d9d9f93c3dc01221ad9b9', class: "tree-node-container", onClick: () => {
+            }, "aria-label": this.ariaLabelChevronIcon })) : null), hAsync("div", { key: '656eda787f5fbf263ced33629d3ebde110c3f917', class: "tree-node-container", onClick: () => {
                 this.itemClick.emit();
-            } }, hAsync("div", { key: '23449d4cc0c593f2fdb2f792eadbbf30481a225b', class: "tree-node-text" }, this.text), hAsync("slot", { key: '91ba0ba1b85a0fc42a6ae0c4685c8df4717547f6' }))));
+            } }, hAsync("div", { key: 'eba55e54bf655fc0c3d0aacbfc3cb7e49fcb13f6', class: "tree-node-text" }, this.text), hAsync("slot", { key: '4747766e632c2bdf7865b25b8d2abf82405c57c8' }))));
     }
     static get style() { return treeItemCss; }
     static get cmpMeta() { return {
@@ -33506,7 +33553,7 @@ class Upload {
     render() {
         const disabled = this.disabled || this.state === UploadFileState.LOADING;
         const _a = this.a11y, { 'aria-label': ariaLabel = 'Upload files' } = _a, a11y = __rest(_a, ['aria-label']);
-        return (hAsync(Host, Object.assign({ key: 'd27377461517d95412c644cdc3c9f0b4c9edd1f9' }, a11y, { "aria-disabled": disabled }), hAsync("div", { key: '983727de99c90d57e0c0e296d054ea80894cc2e3', class: {
+        return (hAsync(Host, Object.assign({ key: '8b8c68a23b429ca57854751c8a1c9358f78cbc9f' }, a11y, { "aria-disabled": disabled }), hAsync("div", { key: '1bb186087ab0d5c545a3f183ce3f6de033a837ad', class: {
                 'file-upload-area': true,
                 'file-over': this.state !== UploadFileState.LOADING && this.isFileOver,
                 checking: this.state === UploadFileState.LOADING,
@@ -33516,9 +33563,9 @@ class Upload {
                 if (this.state !== UploadFileState.LOADING) {
                     this.fileDropped(e);
                 }
-            }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), hAsync("div", { key: 'bd84f1781930713ca4c607a998749108a444b97c' }, hAsync("input", { key: '9585965e1f26be9d3c9f918efd6333b3d216ab76', "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", tabindex: "-1", onChange: (e) => {
+            }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), hAsync("div", { key: '52209f325ad967197e48f651cc6f15365be9562f' }, hAsync("input", { key: '91c11214c2f169a9dfbeaaac88a7d928ab389455', "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", tabindex: "-1", onChange: (e) => {
                 this.fileChangeEvent(e);
-            }, accept: this.accept, disabled: disabled }), hAsync("ix-button", { key: 'ab298c4a30538b1408648f9a02ceb7c52fb6b882', variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile)))));
+            }, accept: this.accept, disabled: disabled }), hAsync("ix-button", { key: '807022699c0ba9ac3d81557e88cf1ae498a36cca', variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile)))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return uploadCss; }
@@ -33685,13 +33732,13 @@ class ValidationTooltip {
     }
     render() {
         var _a, _b, _c, _d;
-        return (hAsync(Host, { key: 'af01b12284c6abad7b98a4e8c29e30c24abe206d' }, hAsync("slot", { key: 'a55080d265f74185eaa34a6998457343e41f248b' }), hAsync("div", { key: '2487996e1b6bd31f8136129cf046cc7c55f09b24', role: "tooltip", style: {
+        return (hAsync(Host, { key: '63087bd1548b2c8242a70367e9721dabe608b81b' }, hAsync("slot", { key: '9b3e52767724c1b6583e2137333bd2055a947de5' }), hAsync("div", { key: '37c0ff9d22dea19f3455ae33b2fdc7930f6577d0', role: "tooltip", style: {
                 display: 'none',
                 position: 'fixed',
                 top: '0',
                 left: '0',
                 transform: `translate(${Math.round((_b = (_a = this.tooltipPosition) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0)}px,${Math.round((_d = (_c = this.tooltipPosition) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 0)}px)`,
-            }, class: "validation-tooltip text-default" }, this.message, hAsync("slot", { key: '9639797207877d1e8107af82ccefec30db7e2f82', name: "tooltip-message" }), hAsync("div", { key: '34248d812f34bfa9cd734eab28b3c91af879aecd', id: "arrow" }))));
+            }, class: "validation-tooltip text-default" }, this.message, hAsync("slot", { key: 'be776406798e859b60593bdb35ebc8e443c6e94c', name: "tooltip-message" }), hAsync("div", { key: '447ebc834dc096b3b60549092b0960d64b294a27', id: "arrow" }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -33820,18 +33867,18 @@ class WorkflowStep {
     }
     render() {
         const icons = !this.customIconSlot ? (hAsync(Fragment, null, hAsync("ix-icon", { color: "color-1", name: this.status === 'warning' ? iconTriangleFilled : iconCircleFilled, class: "absolute", size: "24" }), hAsync("ix-icon", { color: this.iconColor, name: this.iconName, class: "absolute", size: "24", "aria-label": this.getIconAriaLabel() }))) : null;
-        return (hAsync(Host, { key: '3a93acf2907c533c0a0ddb040278e118c355bc32', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, hAsync("div", { key: 'e85b6a3859d59afb71fe1cb2718e44712fba509f', tabIndex: 0, class: {
+        return (hAsync(Host, { key: '69060f0b0d9724d1a7e5d88d723454354a0ae179', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, hAsync("div", { key: 'e271713f7b57462155e967d2fd74bb911640c6b1', tabIndex: 0, class: {
                 step: true,
                 selected: this.selected,
                 vertical: this.vertical,
                 disabled: this.disabled,
                 clickable: this.clickable && !this.disabled,
-            } }, hAsync("div", { key: '2712cbb97cfa21042c0cb4bea1d02f9e61199e55', class: "wrapper" }, hAsync("div", { key: '00e2e7a6daf986819d1e420d3b8379cab01abc47', class: {
+            } }, hAsync("div", { key: '28fb3c2e870564f3cfa62a402ba75b62ef84d68f', class: "wrapper" }, hAsync("div", { key: '7178b44d0f6e20202c62e83af8e983392cf00ecd', class: {
                 line: true,
                 selected: this.selected,
                 [this.status]: true,
                 [this.position]: true,
-            } }), hAsync("div", { key: '7a46fa4306b9924ca7df0272f32592a458355774', class: "iconWrapper" }, icons, hAsync("slot", { key: '5b750aa1483f64625905a2b39fdce5f067ba853f', name: "custom-icon" }))), hAsync("div", { key: '9c2fa968aa7903f90a98e24e845de414844361ee', class: "text" }, hAsync("slot", { key: 'dc660f37779d7dde23a131158ae910b46732d896' })))));
+            } }), hAsync("div", { key: '8f10884a92e4f0685f20a10cb12cd19b39a7a2f9', class: "iconWrapper" }, icons, hAsync("slot", { key: '6e3d96ae17ce0b3b217edef59b1e3999a1d028d5', name: "custom-icon" }))), hAsync("div", { key: '80b1b2adc4f110d505e5fcb4263781b11b58ff49', class: "text" }, hAsync("slot", { key: '07f9b88ce66abffd1190940968ed20ae6cd5ec09' })))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -33936,7 +33983,7 @@ class WorkflowSteps {
         this.updateSteps();
     }
     render() {
-        return (hAsync(Host, { key: 'fcfd2b61769e31adab006ed935a9776ecdfb8bfe' }, hAsync("div", { key: 'd0a264a599b4db3cb289549f608f1e749c91f180', class: { steps: true, vertical: this.vertical } }, hAsync("slot", { key: '8b275ef2551f7ad258eef17e9caffd8ca8c558b0' }))));
+        return (hAsync(Host, { key: '05f04dea227019aa7f0e0a3b24cecb45ed80c452' }, hAsync("div", { key: '6423cddc50bc1928ae2f1f78d6b22c12dda49c9d', class: { steps: true, vertical: this.vertical } }, hAsync("slot", { key: '44ee3bca297914083a92a66ae3c496e05bd52b94' }))));
     }
     get hostElement() { return getElement(this); }
     static get style() { return workflowStepsCss; }
@@ -33960,7 +34007,6 @@ registerComponents([
   ApplicationSidebar,
   ApplicationSwitchModal,
   Avatar,
-  BasicNavigation,
   Blind,
   Breadcrumb,
   BreadcrumbItem,
@@ -34017,8 +34063,6 @@ registerComponents([
   LayoutForm,
   LayoutGrid,
   LinkButton,
-  MapNavigation,
-  MapNavigationOverlay,
   Menu,
   MenuAbout,
   MenuAboutItem,