@siemens/ix-docs 0.0.0-pr-2238-20251103105018 → 0.0.0-pr-2297-20251211061723

package/build/static/demo/v2/preview/html/assets/{ix-menu.entry-P5c_WlhD.js → ix-menu.entry-Dda1noOc.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-CJeEgyUn.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 {
@@ -51,12 +51,13 @@ const Menu = class {
       return elm.style.display !== "none" && ((_b = (_a = elm.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.style.display) !== "none";
     };
   }
-  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");
+  expandChanged(newExpand, oldExpand) {
+    if (newExpand === oldExpand) {
       return;
     }
+    this.toggleMenu(newExpand);
+  }
+  pinnedChange(newPinned) {
     this.setPinned(this.pinned);
     if (newPinned) {
       applicationLayoutService.disableBreakpointDetection();
@@ -155,14 +156,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,49 +394,50 @@ const Menu = class {
   }
   render() {
     var _a, _b;
-    return h(Host, { key: "3cccf12b2f3221f6052a3bdc983c7f35ee8b6af8", class: {
+    return h(Host, { key: "ea617374858acbf094cbf397be00f38023c6d09b", class: {
       expanded: this.expand,
       [`breakpoint-${this.breakpoint}`]: true
-    }, slot: "menu" }, h("nav", { key: "148d5ae9d40d35b054c51c11d8853837b9a1f44a", class: {
+    }, slot: "menu" }, h("nav", { key: "49709a839fd53bc53b4f0c100d38ef50a101532e", 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: "5cca034b91fabda2f403b2471d9805c96cdadba5", class: "menu-buttons" }, this.breakpoint !== "sm" && h("ix-menu-expand-icon", { key: "94d4ff9776c27b9da7d680cef6c346f0469257ba", 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: "bb5026487bb57b272cc3c91124f3779959164bc1", onClick: () => {
       this.showAppSwitch();
-    }, icon: iconApps, variant: "subtle-tertiary" })), h("div", { key: "4f8bdcec872baefee1470e455d38185ef9118a99", id: "menu-tabs", style: {
+    }, icon: iconApps, variant: "subtle-tertiary" })), h("div", { key: "2b4b5b3a0a29e09cfc8f70f79533995f5cd33c99", 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: "293741c4d4e200853ca2dce4b8c666f5da0e34d5", class: "tabs-shadow-container" }, h("div", { key: "86dd526ec2a8af64abdd6871cb2f759d7c97ee39", class: {
       "tabs--shadow": true,
       "tabs--shadow-top": true,
       "tabs--shadow--show": this.itemsScrollShadowTop
-    } }), h("div", { key: "9fe969f863c48cc1eb4898557e3cb2867cda21ef", class: {
+    } }), h("div", { key: "e2ba26766b80e0a6c262a2ce42a208f114cdfba6", 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: "bef31787f7c96dea8ed99cd90772e5e91e0d004f", class: "menu-avatar" }, h("slot", { key: "688e681120bdb5d51aa8b0944d8894e3b0e9f0e0", name: "ix-menu-avatar" })), h("slot", { key: "6de7b739e8bbeaece6394bf2eca1c0cfdeb9e0c7", name: "home" }), this.breakpoint !== "sm" || !this.isHiddenFromViewport() ? h("slot", null) : null), h("div", { key: "3f5ef7c1085910d0f0af3fce5baf35bac5e5144e", 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: "b4e9db32fce1c63a303f14145e07e528e50e562c", 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: "50b48bbaa282e632c32476d2d3590b969d9b67f4", onClick: (e) => this.onMenuItemsClick(e) }, h("slot", { key: "64eead8c650d587783ad39d27429652da7f56962", name: "bottom" })), h("div", { key: "22f7f7d3d7fae907636b474aeb3cdeedc38631f5", 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: "dc67e6cddea726b1a6f692f66a268b3d50318d96", 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: "5222ed73a531d9c59d24feb032ad7e9929f37e5f", class: "menu-overlay-container" }, this.showSettings ? h("slot", { name: "ix-menu-settings" }) : null), h("div", { key: "1e91deb207ad24f81e5551a788d7e6e79900eb0d", class: "menu-overlay-container" }, this.showAbout ? h("slot", { name: "ix-menu-about" }) : null)));
   }
   get hostElement() {
     return getElement(this);
   }
   static get watchers() {
     return {
+      "expand": ["expandChanged"],
       "pinned": ["pinnedChange"]
     };
   }

package/build/static/demo/v2/preview/html/assets/{ix-message-bar.entry-CphtbG7I.js → ix-message-bar.entry-G0z0ciGR.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-CJeEgyUn.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-dz7GbQ46.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-CJeEgyUn.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-ckEwlHRH.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-CJeEgyUn.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-DcbWbFU5.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-CJeEgyUn.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-DlpVHVyp.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-CJeEgyUn.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-CPKxt-2S.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-Cw01Vy3y.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-CJeEgyUn.js";
+import { B as iconMinus, C as iconPlus } from "./index-8HpPmDK_-DinFJk0z.js";
+import { H as HookValidationLifecycle } from "./validation-LJh16vt2-CLjUGJAx.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-KJF8Z9iJ-D96mupeY.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()