@siemens/ix-docs 0.0.0-pr-2238-20251103105018 → 4.1.0

package/build/static/demo/v2/preview/html/assets/{ix-menu.entry-P5c_WlhD.js → ix-menu.entry-N-Mh6jug.js}

@@ -1,14 +1,14 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-C8r7td8X.js";
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-jo2I2sSs.js";
 import { a as animate } from "./anime.esm-DhE1t8Qh-B6Ygv72Z.js";
-import { s as showAppSwitch } from "./index--ZIr3Aqz-BwiHGP6T.js";
-import { a as useContextConsumer, A as ApplicationLayoutContext } from "./context-CKM5pVsv-B0zIukL5.js";
+import { s as showAppSwitch } from "./index-Kp5Wf9wr-CEFkQm40.js";
+import { a as useContextConsumer, A as ApplicationLayoutContext } from "./context-BniHpAE1-BXrc-Gwu.js";
 import { a as applicationLayoutService } from "./service-Da0kv8hS-ChZKlHDF.js";
 import { m as menuController } from "./menu-service-BMvtckRa-Dk6abri9.js";
 import { c as convertToRemString } from "./rwd.util-pXYAoEyc-B7dE3uhl.js";
 import { t as themeSwitcher } from "./theme-switcher-DRqJGlG2-DVSIP9tc.js";
-import { P as iconNavigationLeft, Q as iconNavigationRight, e as iconApps, R as iconCogwheel, S as iconLightDark, i as iconInfo } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { P as iconNavigationLeft, Q as iconNavigationRight, f as iconApps, R as iconCogwheel, S as iconLightDark, i as iconInfo } from "./index-8HpPmDK_-DinFJk0z.js";
 import { A as Animation } from "./animation-C5MWUgDN-BXCJNYHu.js";
-import "./modal-D9BaTrTa-h5wbphR-.js";
+import "./modal-BTxff2hq-Cy6rmdf-.js";
 import "./typed-event-BdCnOrqW-CWsLM0S_.js";
 import "./breakpoints-D_Hmobxf-DBbixPq4.js";
 class ApplicationSidebarToggleEvent extends Event {
@@ -52,11 +52,6 @@ const Menu = class {
     };
   }
   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();
@@ -155,14 +150,9 @@ const Menu = class {
     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;
     }
@@ -398,43 +388,43 @@ const Menu = class {
   }
   render() {
     var _a, _b;
-    return h(Host, { key: "3cccf12b2f3221f6052a3bdc983c7f35ee8b6af8", class: {
+    return h(Host, { key: "b36f27c9c7b9342fd8f984dd5d00ad73d735b2ff", class: {
       expanded: this.expand,
       [`breakpoint-${this.breakpoint}`]: true
-    }, slot: "menu" }, h("nav", { key: "148d5ae9d40d35b054c51c11d8853837b9a1f44a", class: {
+    }, slot: "menu" }, h("nav", { key: "4f4b1378ddfe2cb243d0a5305679c98084490e8b", class: {
       menu: true,
       expanded: this.expand
-    } }, h("div", { key: "c9428afeac46b597e3268971d6e65d38b4b51c4e", class: "menu-buttons" }, this.breakpoint !== "sm" && h("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) && h("ix-icon-button", { key: "58ec78884e14b2a9728814af87eb816e0202b5f8", onClick: () => {
+    } }, h("div", { key: "70d117cfe299bdb3f3b0ed9639d5ee83bfc33cf1", class: "menu-buttons" }, this.breakpoint !== "sm" && h("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) && h("ix-icon-button", { key: "927aede1c7824c6c21eed072e7dba6db8d5f8df5", onClick: () => {
       this.showAppSwitch();
-    }, icon: iconApps, variant: "subtle-tertiary" })), h("div", { key: "4f8bdcec872baefee1470e455d38185ef9118a99", id: "menu-tabs", style: {
+    }, icon: iconApps, variant: "subtle-tertiary" })), h("div", { key: "795f32dc8f94404a75c9a0d0cfb7c8e8d429d8d2", id: "menu-tabs", style: {
       display: "contents"
-    }, onClick: (e) => this.onMenuItemsClick(e) }, h("div", { key: "86a65cfd875f29519859ff9d5c6b862f9691f3ba", class: "tabs-shadow-container" }, h("div", { key: "67687bedfef00d9cd9210bc5d96a82551f0c76b3", class: {
+    }, onClick: (e) => this.onMenuItemsClick(e) }, h("div", { key: "4d609cfd70659c0adfcb1cfca0485edff3b05d08", class: "tabs-shadow-container" }, h("div", { key: "b8b81a13d75c56f9a460f0db382acef185b1c11c", class: {
       "tabs--shadow": true,
       "tabs--shadow-top": true,
       "tabs--shadow--show": this.itemsScrollShadowTop
-    } }), h("div", { key: "9fe969f863c48cc1eb4898557e3cb2867cda21ef", class: {
+    } }), h("div", { key: "1095f30e782665f9d66d7f2619eb3a68806ccf54", class: {
       tabs: true,
       "show-scrollbar": this.expand
-    }, onScroll: () => this.handleOverflowIndicator() }, h("div", { key: "a79fb68162eba16a76450edf3c871515b9472f47", class: "menu-avatar" }, h("slot", { key: "0abbf3d21460eff778c71a192e2f53a2fd087210", name: "ix-menu-avatar" })), h("slot", { key: "1b5f280b17b8509dbbaad50c2ef7ab8461274f3c", name: "home" }), this.breakpoint !== "sm" || !this.isHiddenFromViewport() ? h("slot", null) : null), h("div", { key: "d207bdfa217cff20873656a4e3abd7bd11e38d89", class: {
+    }, onScroll: () => this.handleOverflowIndicator() }, h("div", { key: "55ec2b8a3b535c8ed7dfc4c80ecdeedf9add4d34", class: "menu-avatar" }, h("slot", { key: "a893aea63d56c2b4e7fd5997904704639257f65b", name: "ix-menu-avatar" })), h("slot", { key: "85505735fc0f7c9075340389597565bd99e64801", name: "home" }), this.breakpoint !== "sm" || !this.isHiddenFromViewport() ? h("slot", null) : null), h("div", { key: "7a0013bb20500931471b1ee1273615d0ae740d11", class: {
       "tabs--shadow": true,
       "tabs--shadow-bottom": true,
       "tabs--shadow--show": this.itemsScrollShadowBottom
-    } }))), h("div", { key: "f46f2a702b67bfca557f61fe7a73dbb0c9e20135", class: "bottom-tab-divider" }), this.settings ? h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
+    } }))), h("div", { key: "92a48e39684e2bbbb6078dcafc5c8b7103a693de", class: "bottom-tab-divider" }), this.settings ? h("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 ? h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: iconLightDark, label: this.i18nToggleTheme }) : null, h("div", { key: "a17dc08ca5da7a1ae0a4a16cf12e1fbaf70ba440", onClick: (e) => this.onMenuItemsClick(e) }, h("slot", { key: "3ce20b44b83388cd2b712a390dfaab64d5b9d2f3", name: "bottom" })), h("div", { key: "1bae61efbf251689660887609b81b30ed4aaa68f", id: "popover-area" }), this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? h("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 ? h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
+    }, icon: iconCogwheel, onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings }) : null, this.enableToggleTheme ? h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: iconLightDark, label: this.i18nToggleTheme }) : null, h("div", { key: "2a5bad2eb493be6ee59fc101fab300bdb154feb0", onClick: (e) => this.onMenuItemsClick(e) }, h("slot", { key: "5a1e19962a88ceeb1f82ac385dba49d0c311e3d7", name: "bottom" })), h("div", { key: "65802881403efad9dbae84ef9bf5d441e3915150", id: "popover-area" }), this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? h("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 ? h("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), h("div", { key: "052a799e811beccbcf888d116d228e01b49a9767", class: {
+    }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal }) : null), h("div", { key: "e6dd7e53abbd5e4ce11cc5d2be882dd52e335275", class: {
       "menu-overlay": true,
       visible: this.isOverlayVisible(),
       expanded: this.expand
     }, onTransitionEnd: () => {
       this.isTransitionDisabled = true;
       this.checkTransition();
-    } }, h("div", { key: "5a66febf87b30406e5df0131e06a444421a5cd56", class: "menu-overlay-container" }, this.showSettings ? h("slot", { name: "ix-menu-settings" }) : null), h("div", { key: "a73d40dc2a41997bb72c101b3b90d35b391bf8ca", class: "menu-overlay-container" }, this.showAbout ? h("slot", { name: "ix-menu-about" }) : null)));
+    } }, h("div", { key: "d8a49e3983b5d060190f1440b4aacd44243894a8", class: "menu-overlay-container" }, this.showSettings ? h("slot", { name: "ix-menu-settings" }) : null), h("div", { key: "92ddf6c21d3d08c5d1961200ac598a6135c9ef89", class: "menu-overlay-container" }, this.showAbout ? h("slot", { name: "ix-menu-about" }) : null)));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-message-bar.entry-CphtbG7I.js → ix-message-bar.entry-Dex1BE7Q.js}

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from "./global-C8r7td8X.js";
+import { r as registerInstance, c as createEvent, h, H as Host } from "./global-jo2I2sSs.js";
 import { a as animate } from "./anime.esm-DhE1t8Qh-B6Ygv72Z.js";
-import { q as iconClose, A as iconNotification, i as iconInfo, c as iconSuccess, a as iconWarning, B as iconWarningRhomb, b as iconError } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { q as iconClose, z as iconNotification, i as iconInfo, c as iconSuccess, a as iconWarning, A as iconWarningRhomb, b as iconError } from "./index-8HpPmDK_-DinFJk0z.js";
 const messageBarCss = ":host{margin:0.5rem 0.5rem 0rem 0.5rem}: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 .message-container{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap;justify-content:space-between;min-height:3.375rem;padding:calc(0.75rem - var(--theme-message-bar--border-thickness)) 0.75rem calc(0.75rem - var(--theme-message-bar--border-thickness)) 1rem;border-radius:var(--theme-message-bar--border-radius);background-color:var(--theme-messagebar--background)}:host .alarm{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .danger{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .critical{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-critical)}:host .warning{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-warning)}:host .success{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-success)}:host .info{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-info)}:host .neutral{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-neutral)}:host .primary{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-primary)}:host .message-content{flex-grow:1;align-self:center;min-height:1.25rem;padding:0 1rem;font-weight:normal;white-space:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ix-icon{margin-top:0.25rem}:host .message-bar-hidden{display:none}";
 const MessageBar = class {
   constructor(hostRef) {
@@ -32,7 +32,7 @@ const MessageBar = class {
     }
   }
   render() {
-    return h(Host, { key: "5731cfe741529527f943834f721d426108cd5ded" }, h("div", { key: "b9b6293938b30cad8afe65bd021d095f73a7153b", class: { "message-container": true, [this.type]: true }, role: "alert", ref: (el) => this.divElement = el }, h("ix-icon", { key: "207487fae744ef55d405931a7546761259391fd0", color: this.color, name: this.icon }), h("div", { key: "9b610a5141af0164fbc34b82c4296d2353494b60", class: "message-content" }, h("slot", { key: "5ebf82ba3aaff680db743060a6b3785d3a20f953" })), !this.persistent && h("ix-icon-button", { key: "7049b2d51ca9efb6c67fc376a0c9ba6369d30784", icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => {
+    return h(Host, { key: "538fcc08ad07fe808f424e067a361f4a56f4c0ec" }, h("div", { key: "4a75052efe1b22c247dcfcd298aabbd1098ff7b6", class: { "message-container": true, [this.type]: true }, role: "alert", ref: (el) => this.divElement = el }, h("ix-icon", { key: "d348829692e38a1023e044834aefa45516b4d916", color: this.color, name: this.icon }), h("div", { key: "0ac0a509efe1dd246f7732660e4cf16416c8655d", class: "message-content" }, h("slot", { key: "6143bfa9cf39d32d149c2893b7712358337833c9" })), !this.persistent && h("ix-icon-button", { key: "b118c91956af0fd00d02cfefdb7da36d46f2d360", icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => {
       if (this.divElement) {
         this.closeAlert(this.divElement);
       }

package/build/static/demo/v2/preview/html/assets/{ix-modal-content_2.entry-JuW4acEW.js → ix-modal-content_2.entry-DC9V2BtK.js}

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from "./global-C8r7td8X.js";
+import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from "./global-jo2I2sSs.js";
 import { a as closestPassShadow } from "./shadow-dom-i60z1FJC-Cx4XiL3F.js";
-import { q as iconClose } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { q as iconClose } from "./index-8HpPmDK_-DinFJk0z.js";
 const modalContentCss = ":host{display:block;position:relative;overflow:auto;padding:0 0.5rem 0.5rem}: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}";
 const ModalContent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }
   render() {
-    return h(Host, { key: "3f9198f84a9686d2aaf532f85af567aa2b6c821c" }, h("slot", { key: "a0fc648541f56d4a7142bb91e55dfc7757b21746" }));
+    return h(Host, { key: "b45bdd4b47ca580de9e3419c9c081f8e30b1da09" }, h("slot", { key: "ad2d19f3f3053ea927d6d45ff54bcfff1e74345d" }));
   }
 };
 ModalContent.style = modalContentCss;
@@ -39,7 +39,7 @@ const ModalHeader = class {
     this.parentDialog.dismissModal();
   }
   render() {
-    return h(Host, { key: "0ebfd37e83735c49aa640de880af719c278bf8dc" }, this.icon ? h("ix-icon", { name: this.icon, color: this.iconColor, size: "32", "aria-label": this.ariaLabelIcon }) : null, h("div", { key: "b8ccaf5afb50229756ad024f8932aca9e106bf35", class: "modal-title" }, h("ix-typography", { key: "edf640b077acc1feb0ce7e3d661ba84fbffde3f0", format: "h5" }, h("slot", { key: "10da72cd839364e2fe81049de9d411a4cbea6e72" }))), !this.hideClose ? h("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 h(Host, { key: "7dd6b1964ed537b20a90f9007afb767414fad240" }, this.icon ? h("ix-icon", { name: this.icon, color: this.iconColor, size: "32", "aria-label": this.ariaLabelIcon }) : null, h("div", { key: "4c6d8c7716ba99eed36e7b9c741dce4ebb0bb092", class: "modal-title" }, h("ix-typography", { key: "1db5a1e1cd434c67578a8c276b497284e5447f8d", format: "h5" }, h("slot", { key: "920833a9e7d2c8e15dc4bff1b18c6daa8a9ee4b5" }))), !this.hideClose ? h("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);

package/build/static/demo/v2/preview/html/assets/{ix-modal-footer.entry-BY0yoz_p.js → ix-modal-footer.entry-zIFmUIrW.js}

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from "./global-C8r7td8X.js";
+import { r as registerInstance, h, H as Host } from "./global-jo2I2sSs.js";
 const modalFooterCss = ":host{display:flex;padding:0.5rem;justify-content:flex-end;align-items:center;gap:0.5rem;align-self:stretch}: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}";
 const ModalFooter = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }
   render() {
-    return h(Host, { key: "26999141bb2fc468074ec5d05a43feaf6cbb4e78" }, h("slot", { key: "48c1f1b8d51af57f6bef965d582f2ff898140b9c" }));
+    return h(Host, { key: "11eb649edd163b25fdeb4b533bf513a861c1d7ec" }, h("slot", { key: "9a2cb92b8df8220ed2307d98ec7a1ce6a6d9196b" }));
   }
 };
 ModalFooter.style = modalFooterCss;

package/build/static/demo/v2/preview/html/assets/{ix-modal-loading.entry-4cP-6TXD.js → ix-modal-loading.entry-CeakpQDq.js}

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host } from "./global-C8r7td8X.js";
+import { r as registerInstance, h, H as Host } from "./global-jo2I2sSs.js";
 const modalLoadingCss = ":host{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem;overflow:hidden}:host .loading-text{display:block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";
 const ModalLoading = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }
   render() {
-    return h(Host, { key: "e6a5ed6cf016a30bd76692c5dcc96924cdfebc6d" }, h("ix-spinner", { key: "0979352c75c22f1a97fbad587b2f6648c5fbd867", variant: "primary" }), h("span", { key: "9cc99953a981540e8e2dc9806fd7e481199e1b54", class: "loading-text" }, h("slot", { key: "89cc3a8cd66fcff80b72fe2d8ed80cb272cf3201" })));
+    return h(Host, { key: "404214a461e55c9ee78aad8dc277dab5be8a9b42" }, h("ix-spinner", { key: "96278c04d8c7798b411f6807e5c7a1ea26b03d45", variant: "primary" }), h("span", { key: "cad3eec78defa832ffc679f86941ffc301bc5b5c", class: "loading-text" }, h("slot", { key: "96cf92b74f62260ee97b7bdae73557a2ee5517ec" })));
   }
 };
 ModalLoading.style = modalLoadingCss;

package/build/static/demo/v2/preview/html/assets/{ix-modal.entry-DmSxQeI3.js → ix-modal.entry-BQGtgMcb.js}

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-C8r7td8X.js";
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-jo2I2sSs.js";
 import { a as animate } from "./anime.esm-DhE1t8Qh-B6Ygv72Z.js";
 import { b as a11yHostAttributes, a as a11yBoolean } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
 import { A as Animation } from "./animation-C5MWUgDN-BXCJNYHu.js";
-import { O as OnListener } from "./listener-DAJkOQte-D1cCX7ze.js";
+import { O as OnListener } from "./listener-DAJkOQte-BvPtyHWY.js";
 function waitForElement(selector, doc, timeout = 3e3) {
   return new Promise((resolve, reject) => {
     const startTime = Date.now();
@@ -153,17 +153,17 @@ const Modal = class {
     this.ariaAttributes = a11yHostAttributes(this.hostElement);
   }
   render() {
-    return h(Host, { key: "c3f543b51f3434893a1c924ccaf7a7d877977e89", class: {
+    return h(Host, { key: "0170729f63356223c39bcd6b0bb7124b2036f2c4", class: {
       visible: this.modalVisible,
       "no-backdrop": this.hideBackdrop,
       "align-center": this.centered
-    } }, h("div", { key: "71dbff3ad3302924535ad5262185f9ffe7efd540", class: "dialog-backdrop" }, h("dialog", { key: "a266f8cc91840e2923ae18284eb244f132f38bb2", "aria-modal": a11yBoolean(true), "aria-describedby": this.ariaAttributes["aria-describedby"], "aria-labelledby": this.ariaAttributes["aria-labelledby"], class: {
+    } }, h("div", { key: "436b9f2efce7279defa936c9ee79fa44d090e388", class: "dialog-backdrop" }, h("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();
-    } }, h("slot", { key: "d71f435060761f058ce2ceb47c94d2a9d5bc9678" }))));
+    } }, h("slot", { key: "5a3e86b9c04f8e1564be6026b0352940978f0666" }))));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-number-input.entry-CHwCG2uE.js → ix-number-input.entry-C2l3Wo1Y.js}

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-C8r7td8X.js";
-import { C as iconMinus, D as iconPlus } from "./index-Cz75KU1f-BUHLjWzB.js";
-import { H as HookValidationLifecycle } from "./validation-D_dk-JqT-hK2sg2of.js";
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-jo2I2sSs.js";
+import { B as iconMinus, C as iconPlus } from "./index-8HpPmDK_-DinFJk0z.js";
+import { H as HookValidationLifecycle } from "./validation-D_dk-JqT-Db2_Mno0.js";
 import { m as makeRef } from "./make-ref-bcj7UEIC-BX_OSyqv.js";
-import { m as mapValidationResult, a as addDisposableChangesAndVisibilityObservers, b as adjustPaddingForStartAndEnd, c as SlotStart, I as InputElement, d as checkAllowedKeys, o as onInputBlur, S as SlotEnd, e as checkInternalValidity } from "./input.util-VHrSuCP7-BxHyeFjg.js";
+import { o as onInputBlur, m as mapValidationResult, a as addDisposableChangesAndVisibilityObservers, b as adjustPaddingForStartAndEnd, e as checkInternalValidity, c as SlotStart, I as InputElement, d as checkAllowedKeys, S as SlotEnd } from "./input.fc-CQbX6V05-BCFlGXa1.js";
 import "./anime.esm-DhE1t8Qh-B6Ygv72Z.js";
 import "./animation-C5MWUgDN-BXCJNYHu.js";
 import "./a11y-Bb7pDeaQ-DNI84lDX.js";
@@ -20,6 +20,7 @@ var __decorate = function(decorators, target, key, desc) {
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 let numberInputIds = 0;
+const INVALID_NUMBER_INPUT_REGEX = /[^\dEe+\-.,]/;
 const NumberInput = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -36,6 +37,10 @@ const NumberInput = class {
     this.required = false;
     this.disabled = false;
     this.readonly = false;
+    this.step = 1;
+    this.suppressSubmitOnEnter = false;
+    this.textAlignment = "end";
+    this.allowEmptyValueChange = false;
     this.isInvalid = false;
     this.isValid = false;
     this.isInfo = false;
@@ -46,6 +51,69 @@ const NumberInput = class {
     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 !== void 0) {
+        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;
+      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);
@@ -63,10 +131,57 @@ const NumberInput = class {
   updatePaddings() {
     adjustPaddingForStartAndEnd(this.slotStartRef.current, this.slotEndRef.current, this.inputRef.current);
   }
+  convertNumberStringToFloat(input) {
+    if (!input || input.trim() === "") {
+      return void 0;
+    }
+    const parsed = Number.parseFloat(input);
+    return Number.isNaN(parsed) ? void 0 : parsed;
+  }
+  isScientificNotation(input) {
+    const parsed = Number.parseFloat(input);
+    return !Number.isNaN(parsed) && Number.isFinite(parsed) && /[eE]/.test(input);
+  }
+  formatValue(value) {
+    if (value === void 0 || 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 !== void 0 && 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 !== void 0) {
+      const minValue = typeof this.min === "string" ? Number.parseFloat(this.min) : this.min;
+      newValue = Math.max(newValue, minValue);
+    }
+    if (this.max !== void 0) {
+      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;
@@ -75,9 +190,10 @@ const NumberInput = class {
   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 !== void 0 && !isNaN(this.value));
+    const parsedValue = this.convertNumberStringToFloat(nativeInput.value);
+    return parsedValue !== void 0;
   }
   /**
    * Returns the native input element used under the hood
@@ -99,36 +215,24 @@ const NumberInput = class {
     return Promise.resolve(this.touched);
   }
   render() {
+    var _a;
     const showStepperButtons = this.showStepperButtons && (this.disabled || this.readonly) === false;
-    return h(Host, { key: "8504c7c73fc9b962d3d1bb53f80515876579a799", class: {
+    return h(Host, { key: "4b541dbe6fe2b32b5158eed8f398de300ea71bb4", class: {
       disabled: this.disabled,
       readonly: this.readonly
-    } }, h("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 }, h("div", { key: "18d4fdfcb87f46340fd7f0c08587c8353122275f", class: {
+    } }, h("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 }, h("div", { key: "7e71d63d2a9ecbb16550925e68f3dc8dd76c3968", class: {
       "input-wrapper": true,
       "show-stepper-buttons": !!this.showStepperButtons
-    } }, h(SlotStart, { key: "702b6335f92a587932de72d085487e21932897f9", slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), h(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;
-    } }), h(SlotEnd, { key: "346796a1af3fde17d66cc573457d63f3193f6420", slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, h("div", { key: "d4369359ea685b7ef974b3ff941652a496874207", class: {
+    } }, h(SlotStart, { key: "8d936c9126f94c42db87b2d95d34ab178eadd31d", slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), h(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 : void 0, suppressSubmitOnEnter: this.suppressSubmitOnEnter, textAlignment: this.textAlignment }), h(SlotEnd, { key: "2d7e82c421d51985c9d24c69b6f641279e3e84aa", slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, h("div", { key: "5b1e6f03bf456305386537428b23b3fc2706e411", class: {
       "number-stepper-container": true,
       "container-hidden": !showStepperButtons
-    } }, h("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);
-    } }), h("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);
-    } }))))));
+    } }, h("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") }), h("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;
@@ -136,6 +240,11 @@ const NumberInput = class {
   get hostElement() {
     return getElement(this);
   }
+  static get watchers() {
+    return {
+      "value": ["onValueChange"]
+    };
+  }
 };
 __decorate([
   HookValidationLifecycle()

package/build/static/demo/v2/preview/html/assets/{ix-pagination.entry-B6wyYxSa.js → ix-pagination.entry-Cm--KDGk.js}

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-C8r7td8X.js";
-import { B as BaseButton } from "./base-button-TVpiK7pg-BhRYy5BG.js";
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-jo2I2sSs.js";
+import { B as BaseButton } from "./base-button-TVpiK7pg-ChRAAgKw.js";
 import { a as a11yBoolean } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
-import { w as iconChevronRightSmall, E as iconChevronLeftSmall } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { w as iconChevronRightSmall, D as iconChevronLeftSmall } from "./index-8HpPmDK_-DinFJk0z.js";
 const paginationCss = ".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}: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)}*,*::after,*::before{box-sizing:border-box}::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){*{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}::-webkit-scrollbar{width:0.5rem;height:0.5rem}::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}::-webkit-scrollbar-corner{display:none}:host{display:inline-flex;justify-content:center;align-items:center}:host button{width:100%;height:100%;overflow:hidden;padding:0}:host button.btn-oval{border-radius:6.25rem}:host .icon{color:var(--ix-icon-button-color, currentColor);margin:0}:host ix-spinner{margin:0}:host(.btn-icon-12){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host(.btn-icon-16){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host(.btn-icon-32){height:2rem;width:2rem;min-width:2rem;min-height:2rem}: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,:host .advanced-pagination,:host .item-count{display:inline-flex;align-items:center}:host .basic-pagination{padding:0 0.125rem}:host .advanced-pagination{padding:0 0.75rem}:host .page-selection{width:4.125rem;text-align:center;margin:0 0.5rem;-moz-appearance:textfield;-webkit-appearance:textfield}:host .page-buttons{white-space:nowrap}:host .total-count{white-space:nowrap}:host .item-count{flex-grow:1;justify-content:flex-end;margin-inline-start:1.5rem}:host .item-count ix-select{width:4.5rem;margin-inline-start:1.5rem}:host button{width:auto;min-width:2rem;height:2rem;padding:0 0.5rem}:host button+button{margin-inline-start:0.125rem}";
 const Pagination = class {
   constructor(hostRef) {
@@ -27,6 +27,7 @@ const Pagination = class {
     this.i18nPage = "Page";
     this.i18nOf = "of";
     this.i18nItems = "Items";
+    this.ariaLabelPageSelection = "Page selection input";
   }
   selectPage(index) {
     const oldIndex = this.selectedPage;
@@ -110,17 +111,32 @@ const Pagination = class {
     }
     return h("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 h(Host, { key: "40b3ace6995e3344df7ea8fe9a4b076603136395" }, h("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 ? h("div", { class: "advanced-pagination" }, h("ix-typography", { format: "body" }, this.i18nPage), h("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 h(Host, { key: "e9b053fdf801e514af1abef2e163a903f7d5f976" }, h("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 ? h("div", { class: "advanced-pagination" }, h("ix-typography", { format: "body" }, this.i18nPage), h("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();
       }
-    } }), h("span", { class: "total-count" }, h("ix-typography", { format: "body" }, this.i18nOf, " ", this.count))) : h("span", { class: "basic-pagination" }, this.renderPageButtons(), " "), h("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 && h("span", { key: "21fa9891cb8ce7605c0727cc84d5223164be4c61", class: "item-count" }, h("ix-typography", { key: "1ff68ae57bb5aa4e513eb1c3e24b7a46043a3cd0", format: "body" }, this.i18nItems), h("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();
+    } }), h("span", { class: "total-count" }, h("ix-typography", { format: "body" }, this.i18nOf, " ", this.count))) : h("span", { class: "basic-pagination" }, this.renderPageButtons(), " "), h("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 && h("span", { key: "018574c07720618970be857f7536fdf9b71e1542", class: "item-count" }, h("ix-typography", { key: "343a05e008f258ab9a56045cac1a8785c9855169", format: "body" }, this.i18nItems), h("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);
-    } }, h("ix-select-item", { key: "5fb9c14e5b30116ad1fb05478637a1f65ca9a9fc", label: "10", value: "10" }), h("ix-select-item", { key: "8cbea9c38bedf9382530315274f93702e3f6be2a", label: "15", value: "15" }), h("ix-select-item", { key: "7095c60775ea46a7312b8f2a5fd14ee084cadeeb", label: "20", value: "20" }), h("ix-select-item", { key: "a4716aa6a22414e705d91665cabda72646823a9e", label: "40", value: "40" }), h("ix-select-item", { key: "d9077eabd7ca25171699a41425358b20063c4399", label: "100", value: "100" }))));
+    } }, h("ix-select-item", { key: "9106274e93a00e5cb62f7cd19082f43e2920076b", label: "10", value: "10" }), h("ix-select-item", { key: "452779779ea63e45d408d60b5faed2d30ea6bcc9", label: "15", value: "15" }), h("ix-select-item", { key: "0658cd6473b508ec6c01c83d99bce4bfa8a54940", label: "20", value: "20" }), h("ix-select-item", { key: "316b1e9a882ae3a516f8a3ff3997ab0fe95c20de", label: "40", value: "40" }), h("ix-select-item", { key: "a5dbea62134178911100a1fb369d258b0ee74b8d", label: "100", value: "100" }))));
   }
   get hostElement() {
     return getElement(this);