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

package/build/static/demo/v2/preview/html/assets/{ix-input.entry-DpLPx_8q.js → ix-input.entry-DqiD6e7X.js}

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-C8r7td8X.js";
-import { t as iconEye, u as iconEyeCancelled } 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-CTsFSACc.js";
+import { t as iconEye, u as iconEyeCancelled } from "./index-8HpPmDK_-DinFJk0z.js";
+import { H as HookValidationLifecycle } from "./validation-D_dk-JqT-CRNNydA9.js";
 import { m as makeRef } from "./make-ref-bcj7UEIC-BX_OSyqv.js";
-import { m as mapValidationResult, a as addDisposableChangesAndVisibilityObservers, b as adjustPaddingForStartAndEnd, g as getAriaAttributesForInput, c as SlotStart, I as InputElement, d as checkAllowedKeys, o as onInputBlur, S as SlotEnd } from "./input.util-VHrSuCP7-BxHyeFjg.js";
+import { m as mapValidationResult, a as addDisposableChangesAndVisibilityObservers, b as adjustPaddingForStartAndEnd, g as getAriaAttributesForInput, c as SlotStart, I as InputElement, d as checkAllowedKeys, o as onInputBlur, S as SlotEnd } from "./input.util-VHrSuCP7-Be3hd2n8.js";
 import "./anime.esm-DhE1t8Qh-B6Ygv72Z.js";
 import "./animation-C5MWUgDN-BXCJNYHu.js";
 import "./a11y-Bb7pDeaQ-DNI84lDX.js";
@@ -110,13 +110,13 @@ const Input = class {
   render() {
     var _a;
     const inputAria = getAriaAttributesForInput(this);
-    return h(Host, { key: "05bb684da7ab25f4cea5429ec2c166a9c7a9cc21", class: {
+    return h(Host, { key: "c74b72aaf7caf50aca8bada5a426ced0d03da3a4", class: {
       disabled: this.disabled,
       readonly: this.readonly
-    } }, h("ix-field-wrapper", { key: "a2cd4a57590b5848de9738a0fbdff0c1c1947abc", htmlForLabel: this.inputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, h("div", { key: "e9369f9d649068b7708fabf29b9c2e25954591a6", class: "input-wrapper" }, h(SlotStart, { key: "4294b9e2329a9e0b9964630d76f64788f127e280", slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), h(InputElement, { key: "750c6a574acb4dac21f7a6143b34ae1482de7d74", id: this.inputId, readonly: this.readonly, disabled: this.disabled, maxLength: this.maxLength, minLength: this.minLength, pattern: this.pattern, type: this.inputType, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
+    } }, h("ix-field-wrapper", { key: "259d4c941b5230eb3dab8f1e06d365fc5dd487bf", htmlForLabel: this.inputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, h("div", { key: "b74bc60a551f8068fc3fd273583089160ef0e272", class: "input-wrapper" }, h(SlotStart, { key: "5da1e346612ed0b0ce81b4ca370593e3cfdd950f", slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), h(InputElement, { key: "d259d8e2fdc27cf9ef550a649db0a05d407752b4", id: this.inputId, readonly: this.readonly, disabled: this.disabled, maxLength: this.maxLength, minLength: this.minLength, pattern: this.pattern, type: this.inputType, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
       onInputBlur(this, this.inputRef.current);
       this.touched = true;
-    }, ariaAttributes: inputAria }), h(SlotEnd, { key: "ebd005ac85dc9109895d3cd7dcd147a08ee0fc02", slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, h("ix-icon-button", { key: "473f7914b0b2e7bbc970f9eadfed8f8ec96ed761", color: "color-weak-text", class: {
+    }, ariaAttributes: inputAria }), h(SlotEnd, { key: "83f14577687a0437983e0cff26d59291cf1a5f47", slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, h("ix-icon-button", { key: "4a54d7c381d87c75dca1e3febfb8d0e8d0095bf9", color: "color-weak-text", class: {
       "password-eye": true,
       "eye-hidden": this.type !== "password" || this.disabled
     }, variant: "tertiary", icon: this.inputType === "password" ? iconEye : iconEyeCancelled, onClick: () => {
@@ -125,7 +125,7 @@ const Input = class {
         return;
       }
       this.inputType = "password";
-    } }))), !!this.maxLength && this.maxLength > 0 && h("ix-typography", { key: "f5a0bc6e09ce7be919ccf97b34af1ef804c29df7", class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : "").length, "/", this.maxLength)));
+    } }))), !!this.maxLength && this.maxLength > 0 && h("ix-typography", { key: "40bbb9d175f5df31dba1115aaab0c7e2c07f067c", class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : "").length, "/", this.maxLength)));
   }
   static get formAssociated() {
     return true;

package/build/static/demo/v2/preview/html/assets/{ix-key-value-list.entry-DlyoOZ9x.js → ix-key-value-list.entry-DoqzplXo.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from "./global-C8r7td8X.js";
+import { r as registerInstance, h, H as Host } from "./global-CTsFSACc.js";
 const keyValueListCss = ":host(.keyValueList) ::slotted(ix-key-value){border-bottom:1px solid var(--theme-color-weak-bdr)}:host(.keyValueList.keyValueList--striped) ::slotted(ix-key-value:nth-child(odd)){background:var(--theme-color-ghost-alt)}";
 const KeyValueList = class {
   constructor(hostRef) {
@@ -6,7 +6,7 @@ const KeyValueList = class {
     this.striped = false;
   }
   render() {
-    return h(Host, { key: "e262c5729ec77f3c9a2beb0a7039cb40422d691e", class: { keyValueList: true, "keyValueList--striped": this.striped } }, h("slot", { key: "72e1498f1f1783e181eb8e83e09c337c5aa564d7" }));
+    return h(Host, { key: "8dba91174048942e97f5c3923693f9773498850e", class: { keyValueList: true, "keyValueList--striped": this.striped } }, h("slot", { key: "008b5a305508353e90fbbdc664079942b5e72fb6" }));
   }
 };
 KeyValueList.style = keyValueListCss;

package/build/static/demo/v2/preview/html/assets/{ix-key-value.entry-B3gZCDBx.js → ix-key-value.entry-BRG_tM93.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from "./global-C8r7td8X.js";
+import { r as registerInstance, h, H as Host } from "./global-CTsFSACc.js";
 const keyValueCss = ":host(.keyValue){display:flex;flex-direction:row;align-items:center;gap:1rem}:host(.keyValue) .keyValue__icon{padding:0.25rem 0}:host(.keyValue) .keyValue__content{display:flex;flex-grow:1;align-items:flex-start}:host(.keyValue) .keyValue__content,:host(.keyValue) .keyValue__content .content__label,:host(.keyValue) .keyValue__content .content__value{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.keyValue) .keyValue__content .content__label{color:var(--theme-color-soft-text)}:host(.keyValue) .keyValue__content .content__value{width:100%}:host(.keyValue.keyValue--column){padding:0.5rem 0;border-bottom:1px solid var(--theme-color-soft-bdr)}:host(.keyValue.keyValue--column) .keyValue__content{flex-direction:column}:host(.keyValue.keyValue--column) .keyValue__content .content__label,:host(.keyValue.keyValue--column) .keyValue__content .content__value:not(.has-customValue){padding:2px 0}:host(.keyValue.keyValue--row){padding:0.25rem 0}:host(.keyValue.keyValue--row) .keyValue__content{flex-direction:row;gap:1rem;align-items:center}:host(.keyValue.keyValue--row) .keyValue__content .content__label,:host(.keyValue.keyValue--row) .keyValue__content .content__value:not(.has-customValue){padding:6px 0}:host(.keyValue.keyValue--row) .keyValue__content .content__label{min-width:8rem}";
 const KeyValue = class {
   constructor(hostRef) {
@@ -6,7 +6,7 @@ const KeyValue = class {
     this.labelPosition = "top";
   }
   render() {
-    return h(Host, { key: "29b48b869917aa09c497c7314c1b3297c70712f3", class: `keyValue keyValue--${this.labelPosition === "top" ? "column" : "row"}` }, this.icon && h("ix-icon", { key: "50069d0a641035114045d44ae696a8a24f82bc26", name: this.icon, size: "24", class: "keyValue__icon", "aria-label": this.ariaLabelIcon }), h("div", { key: "efebf2aafab9c171a61287ac9f3f85e943388830", class: "keyValue__content" }, h("div", { key: "cc01525dfa12c51b3f16170adc448f61c13126e6", class: "content__label" }, this.label), h("div", { key: "d9c9ce50e3b101266fe522e32eb12c2b0b7b6004", class: {
+    return h(Host, { key: "afb00b426d8c1058f0cbb4f1c36c77f879d4fcc2", class: `keyValue keyValue--${this.labelPosition === "top" ? "column" : "row"}` }, this.icon && h("ix-icon", { key: "f965a5b314912431569919f3d12b03e7ecdd7a7f", name: this.icon, size: "24", class: "keyValue__icon", "aria-label": this.ariaLabelIcon }), h("div", { key: "93a20b20f02409e5229d75f9614024771a1e4062", class: "keyValue__content" }, h("div", { key: "86a788b30e518a4fe26c9f266c79faeb71c2a246", class: "content__label" }, this.label), h("div", { key: "9421c0ff618a40335423c624640556b266cb0744", class: {
       content__value: true,
       "has-customValue": this.value === void 0
     } }, this.value !== void 0 ? this.value : h("slot", { name: "custom-value" }))));

package/build/static/demo/v2/preview/html/assets/{ix-kpi.entry-CMdvGStb.js → ix-kpi.entry-ClJzGh-d.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from "./global-C8r7td8X.js";
-import { a as iconWarning, v as iconAlarm } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { r as registerInstance, h, H as Host } from "./global-CTsFSACc.js";
+import { a as iconWarning, v as iconAlarm } from "./index-8HpPmDK_-DinFJk0z.js";
 const kpiCss = ":host{display:flex;flex-grow:1;height:2.5rem;border-radius:var(--theme-kpi--border-radius);padding:0.375rem 0.25rem;min-width:0}: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 span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .kpi-container{display:flex;height:100%;width:100%;border-block-end:2px solid grey}:host .kpi-container.alarm{border-block-end-color:var(--theme-color-alarm)}:host .kpi-container.warning{border-block-end-color:var(--theme-color-warning)}:host .kpi-container .kpi-label{display:flex;align-items:center;color:var(--theme-kpi-display-label--color);flex-grow:1;flex-shrink:9999}:host .kpi-container .kpi-label ix-icon{margin-inline-end:0.25rem}:host .kpi-container .kpi-value-container{display:flex;align-items:flex-end}:host .kpi-container .kpi-value{color:var(--theme-kpi-display-value--color);font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .kpi-container .kpi-unit{margin-inline-start:0.5rem;color:var(--theme-kpi-display-units--color)}:host .kpi-container .kpi-label,:host .kpi-container .kpi-unit{margin-block-start:0.125rem}:host:not(.disabled):not(:disabled){cursor:pointer}:host:not(.disabled):not(:disabled):hover,:host:not(.disabled):not(:disabled).hover{background-color:var(--theme-kpi-display--background--hover)}:host:not(.disabled):not(:disabled){cursor:pointer}:host:not(.disabled):not(:disabled):active,:host:not(.disabled):not(:disabled).active{background-color:var(--theme-kpi-display--background--active)}:host:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--focus--border-color)}:host(.stacked){height:3.75rem}:host(.stacked) .kpi-container{justify-content:center;flex-wrap:wrap}:host(.stacked) .kpi-container .kpi-label{width:100%;justify-content:center}";
 const Kpi = class {
   constructor(hostRef) {
@@ -25,13 +25,13 @@ const Kpi = class {
     return tooltip;
   }
   render() {
-    return h(Host, { key: "b60cacc3f468bfb645ab5f8b7217fab907b24d62", title: this.getTooltipText(), tabindex: "1", class: {
+    return h(Host, { key: "b30b96a30c6462d46df55d826117a7bbca06bd87", title: this.getTooltipText(), tabindex: "1", class: {
       stacked: this.orientation === "vertical"
-    } }, h("div", { key: "f191f41a59eb16f11f69aeae0cd367b3e6cc6e97", class: {
+    } }, h("div", { key: "91df6b79eab2edbf0ccb71d2dd8ee07e1412c546", class: {
       "kpi-container": true,
       alarm: this.state === "alarm",
       warning: this.state === "warning"
-    } }, h("span", { key: "1f77ffa87ad64740858fb9dd46ef3b2d206e6983", class: "kpi-label" }, this.getStateIcon(), h("span", { key: "8347d50cc808a3b677c0340452f1482139f91c35", class: "kpi-label-text" }, this.label)), h("span", { key: "20c58411fb499cccf20c4d6f92b75c1d875d8fbd", class: "kpi-value-container" }, h("span", { key: "49df3a72c7da17998eec8de2be47bb0da4b68495", class: "kpi-value" }, this.value), this.unit ? h("span", { class: "kpi-unit" }, this.unit) : "")));
+    } }, h("span", { key: "8229c1774d9ef82f8c30e1a8f24dafc57b5eed49", class: "kpi-label" }, this.getStateIcon(), h("span", { key: "e27dbc323999e5e211ee923a07089a19d8de4ad6", class: "kpi-label-text" }, this.label)), h("span", { key: "a3c2b17de22d8630a05b0e39c4005ac145784a53", class: "kpi-value-container" }, h("span", { key: "1b5f92dbd5f394d6c3bad1c9360427d572127759", class: "kpi-value" }, this.value), this.unit ? h("span", { class: "kpi-unit" }, this.unit) : "")));
   }
 };
 Kpi.style = kpiCss;

package/build/static/demo/v2/preview/html/assets/{ix-layout-auto.entry-CAExqP3H.js → ix-layout-auto.entry-6V0ERYXL.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from "./global-C8r7td8X.js";
+import { r as registerInstance, h, H as Host, g as getElement } from "./global-CTsFSACc.js";
 const layoutAutoCss = ":host{display:block;position:relative;margin:0 0.75rem;--ix-layout-grid-gap:1.5rem}:host .container{display:flex;align-items:stretch;flex-wrap:wrap;gap:var(--ix-layout-grid-gap)}:host ::slotted(*){flex-grow:0;flex-shrink:0}";
 const LayoutForm = class {
   constructor(hostRef) {
@@ -71,7 +71,7 @@ const LayoutForm = class {
     });
   }
   render() {
-    return h(Host, { key: "89fa65872d5cd211c41e8bfda6544155bbbbcc1c" }, h("div", { key: "b6a75e6ce330bbe76c5c3b83a541d3366bfb6866", class: "container" }, h("slot", { key: "d6983232325c2c0081346b059561137e9cf23669" })));
+    return h(Host, { key: "c372cee7de4d253246c61f60858b268619592d5d" }, h("div", { key: "205f0444aa85dcffd338abf3f38939ff9eea5d3c", class: "container" }, h("slot", { key: "e8f39e9e0eb5dd8eee1b0ff66899dc1b0283143a" })));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-link-button.entry-DETphbGd.js → ix-link-button.entry-YLI2Si7K.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from "./global-C8r7td8X.js";
-import { w as iconChevronRightSmall } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { r as registerInstance, h, H as Host } from "./global-CTsFSACc.js";
+import { w as iconChevronRightSmall } from "./index-8HpPmDK_-DinFJk0z.js";
 const linkButtonCss = ":host{display:inline-flex;height:2rem;font-size:0.875rem;font-weight:400;min-width:2rem}:host .link-button{display:inline-flex;position:relative;width:100%;padding:0 0.25rem 0 0;align-items:center;justify-content:center;background-color:transparent;color:var(--theme-color-primary);cursor:pointer;text-decoration:none}:host .link-button .link{display:block;position:relative;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):hover,:host .link-button:not(.disabled):not(:disabled).hover{color:var(--theme-color-dynamic--hover)}:host .link-button:not(.disabled):not(:disabled):hover .link,:host .link-button:not(.disabled):not(:disabled).hover .link{text-decoration:underline;text-underline-offset:0.2rem}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):active,:host .link-button:not(.disabled):not(:disabled).active{color:var(--theme-color-dynamic--active)}:host .link-button:not(.disabled):not(:disabled):active .link,:host .link-button:not(.disabled):not(:disabled).active .link{text-decoration:underline;text-underline-offset:0.2rem}:host .link-button.disabled{cursor:default;color:var(--theme-color-weak-text)}:host .link-button a{all:unset}:host :focus-visible{outline:1px solid var(--theme-color-focus-bdr)}";
 const LinkButton = class {
   constructor(hostRef) {
@@ -8,13 +8,13 @@ const LinkButton = class {
     this.target = "_self";
   }
   render() {
-    return h(Host, { key: "d7efb1e99ba3ea4fdf9d13f2f32dfcbd8be2a6c2" }, h("a", { key: "6b3adc3bf49879f8aa8ec5b07c55d9288c1c49be", title: this.url, tabindex: "0", class: {
+    return h(Host, { key: "5d6862720cb7254c81ae048532345670b2725cf6" }, h("a", { key: "ad09a301c88af52fe06626e71785af1a69f78690", title: this.url, tabindex: "0", class: {
       "link-button": true,
       disabled: this.disabled
-    }, href: this.disabled ? void 0 : this.url, target: this.target }, h("ix-icon", { key: "33d2923c2c1bd042bc9e9ed1d11f273a98380f6b", class: "icon", name: iconChevronRightSmall, size: "16", "aria-hidden": "true" }), h("div", { key: "6eeb77386f6330bff5b209c1f005102468800899", class: {
+    }, href: this.disabled ? void 0 : this.url, target: this.target }, h("ix-icon", { key: "06f8da3d0dfe027915222ba0525bb6551ebf7472", class: "icon", name: iconChevronRightSmall, size: "16", "aria-hidden": "true" }), h("div", { key: "c5759a97f5599d15618cd1e83f32a35e656c3ea7", class: {
       link: true,
       disabled: this.disabled
-    } }, h("slot", { key: "1bd82e08a11323ab61d89c98a4c108ba2849a388" }))));
+    } }, h("slot", { key: "0429c8a4ac40936697d6e22d6061135e638c4557" }))));
   }
 };
 LinkButton.style = linkButtonCss;

package/build/static/demo/v2/preview/html/assets/{ix-menu-about-item.entry-B86hAe95.js → ix-menu-about-item.entry-ClqG8hTh.js}

@@ -1,4 +1,4 @@
-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-CTsFSACc.js";
 const menuAboutItemCss = ":host{display:block}";
 const MenuAboutItem = class {
   constructor(hostRef) {
@@ -13,7 +13,7 @@ const MenuAboutItem = class {
     });
   }
   render() {
-    return h(Host, { key: "65b663ccd628378a95ce42a3e5244a232eff116f" }, h("slot", { key: "c3a34b0a229cb627038be98d9d82d13228a6ca11" }));
+    return h(Host, { key: "632b6d89ae686ca05423b4a6b224a2635caa836d" }, h("slot", { key: "9c976c9b75de1cb742965cda40513e870f70fb9e" }));
   }
   static get watchers() {
     return {

package/build/static/demo/v2/preview/html/assets/{ix-menu-about-news.entry-BWzu907_.js → ix-menu-about-news.entry-C-phXiIx.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from "./global-C8r7td8X.js";
-import { q as iconClose, y as iconShout } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { r as registerInstance, c as createEvent, h, H as Host } from "./global-CTsFSACc.js";
+import { q as iconClose, x as iconShout } from "./index-8HpPmDK_-DinFJk0z.js";
 const menuAboutNewsCss = ":host{--margin:0.5rem;display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-2);border-radius:0.25rem;padding:1rem;left:3.4rem;z-index:10000;transition:left var(--theme-default-time);margin-inline-start:var(--margin) !important;box-shadow:var(--theme-box-shadow-level-4)}: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 .banner-container{position:absolute;top:0.0625rem;left:1rem}:host .banner-container svg{position:absolute;height:3.625rem;width:3rem}:host .banner-container svg polygon{fill:var(--theme-color-primary)}:host .banner-container ix-icon{margin:0.5rem;position:absolute;z-index:1}:host .cui-popover-news-header{margin-bottom:2.5rem;margin-inline-start:4rem;margin-block-start:-0.25rem}:host .popover-body{color:var(--theme-color-std-text)}:host .cui-popover-news-footer{display:flex;justify-content:flex-end;margin-top:1rem}:host ix-icon-button{top:0.5rem;right:0.5rem;position:absolute}:host #arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--theme-color-2);transform:translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg)}:host(.expanded){left:calc(3.4rem + 12.7rem)}:host(.show){display:none}@media only screen and (max-width: 48em){:host{display:flex;flex-direction:column;max-height:calc(100vh - 4.75rem);width:calc(100% - 2rem);max-width:30rem;transform:translateX(calc(1rem - 50%));left:calc(50% - 1rem) !important;bottom:1rem !important;margin-inline:0 !important;z-index:calc(var(--theme-z-index-sticky) - 1)}:host .slot-container{overflow-y:auto}:host #arrow{display:none}}";
 const MenuAboutNews = class {
   constructor(hostRef) {
@@ -11,16 +11,16 @@ const MenuAboutNews = class {
     this.expanded = false;
   }
   render() {
-    return h(Host, { key: "f6796c5d93527d954d18748a60cdbbdab1370af2", class: {
+    return h(Host, { key: "9e3e3bfabc3e51bdbee57c13ad492f3d3447fbfe", class: {
       expanded: this.expanded,
       show: !this.show
-    } }, h("div", { key: "3ff7376bd993e2d8ed6f86ae75b5e594027db70a", class: "banner-container" }, h("ix-icon", { key: "6fd35d106b65158700c2255005485e99ad4365a6", color: "color-inv-contrast-text", name: iconShout, size: "32" }), h("svg", { key: "624dcf3a1c412c5480a5f5bd643c7c950c13f70e", viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, h("polygon", { key: "eb0c8a2a6713b83f49be3f96bbf93f0a0d375b09", points: "0 0 48 0 48 56 24 48 0 56" }))), h("div", { key: "4790036caabea78033ca2272f4f58faf1ab05991", class: "cui-popover-news-header" }, h("ix-typography", { key: "4f5a8de94bdcc382e334b8ec6f7483773280ec49", format: "label", bold: true }, this.label)), h("ix-icon-button", { key: "71f9249273af952e0a88a22284f24bbdd3e52760", size: "24", icon: iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
+    } }, h("div", { key: "616682301e4308c9d3d53481a8fb7e266a9a4181", class: "banner-container" }, h("ix-icon", { key: "5b795a4034d29997b1c285c9659acd8e70d5528d", color: "color-inv-contrast-text", name: iconShout, size: "32" }), h("svg", { key: "f0c5c49e71a9aa3c91d792dc33909d9c8bbd1818", viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, h("polygon", { key: "e19557acebc98122003ceb160c3d07196dbdd8a8", points: "0 0 48 0 48 56 24 48 0 56" }))), h("div", { key: "75559e792e5610eefae0be4722a9cc6656c9e2d8", class: "cui-popover-news-header" }, h("ix-typography", { key: "2cf5eec66717e025a84d2e979297ad11ad5df324", format: "label", bold: true }, this.label)), h("ix-icon-button", { key: "f77cb50c4fb25171da08eeda5724557656e7d56c", size: "24", icon: iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
       this.show = false;
       this.closePopover.emit();
-    } }), h("div", { key: "daf74d24e1c84fb3acf796bb3a9f6e9117dd9496", class: "slot-container" }, h("slot", { key: "d9809a23c9d7635158b22d535f6b06da085992e8" })), this.aboutItemLabel ? h("div", { class: "cui-popover-news-footer" }, h("ix-button", { variant: "primary", onClick: (e) => {
+    } }), h("div", { key: "1298f46cb80728f5c2b55603ae6a912967e4590c", class: "slot-container" }, h("slot", { key: "fbe4e45ff94bd1f43864c2290e4b44f8ea3e8f72" })), this.aboutItemLabel ? h("div", { class: "cui-popover-news-footer" }, h("ix-button", { variant: "primary", onClick: (e) => {
       this.show = false;
       this.showMore.emit(e);
-    } }, this.i18nShowMore)) : null, h("div", { key: "994de1ee58d3c39baed52ce729e77379c6c58a55", id: "arrow" }));
+    } }, this.i18nShowMore)) : null, h("div", { key: "5259871afe0e537a1378f60f13c3884a08bc4daa", id: "arrow" }));
   }
 };
 MenuAboutNews.style = menuAboutNewsCss;

package/build/static/demo/v2/preview/html/assets/{ix-menu-about.entry-BzCmqZg4.js → ix-menu-about.entry-jznByUTQ.js}

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from "./global-C8r7td8X.js";
-import { s as setTab, i as initialize, M as MenuTabs } from "./ix-menu-settings.entry-DOQ9IwkJ.js";
-import "./index-Cz75KU1f-BUHLjWzB.js";
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement } from "./global-CTsFSACc.js";
+import { s as setTab, i as initialize, M as MenuTabs } from "./ix-menu-settings.entry-BHIv-wmV.js";
+import "./index-8HpPmDK_-DinFJk0z.js";
 const menuAboutCss = ".text-xs{font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-s{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption-single{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default{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}.text-default-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title{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}.text-default-title-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-h2{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-xl{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}a{color:var(--theme-color-primary)}:host{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}:host .about-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .about-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}:host ix-menu-about-item{display:none}";
 const MenuAbout = class {
   constructor(hostRef) {

package/build/static/demo/v2/preview/html/assets/{ix-menu-avatar.entry-CJPIp1Vx.js → ix-menu-avatar.entry-C4Y5H5nb.js}

@@ -1,6 +1,6 @@
-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-CTsFSACc.js";
 import { g as getSlottedElements } from "./shadow-dom-i60z1FJC-Cx4XiL3F.js";
-import { z as iconLogOut } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { y as iconLogOut } from "./index-8HpPmDK_-DinFJk0z.js";
 const menuAvatarCss = ":host{display:block;position:relative;margin-bottom:0.5rem;margin-right:0.75rem}: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 .avatar{all:unset;box-sizing:border-box;display:flex;align-items:center;height:2.5rem;width:100%;max-height:2.5rem;padding-left:0.25rem;margin-left:0.41rem;margin-right:0.35rem;transition:var(--theme-default-time)}:host .avatar .avatar-name{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;margin-left:1rem;line-height:1.14}:host .avatar .avatar-name .text-default-single{color:var(--theme-nav-item-primary--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .avatar{border-radius:1.25rem}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):hover,:host .avatar:not(.disabled):not(:disabled).hover{background-color:var(--theme-avatar-btn--background--hover);color:var(--theme-avatar-btn--color--hover)}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):active,:host .avatar:not(.disabled):not(:disabled).active{background-color:var(--theme-avatar-btn--background--active);color:var(--theme-avatar-btn--color--active)}:host .avatar:focus-visible{outline:1px solid var(--theme-color-focus-bdr)}";
 const MenuAvatar = class {
   constructor(hostRef) {
@@ -20,9 +20,9 @@ const MenuAvatar = class {
     this.showContextMenu = elements.length !== 0;
   }
   render() {
-    return h(Host, { key: "a782ea05231fff5ebebe2fe12a2775f519f327cf", slot: "ix-menu-avatar" }, h("button", { key: "044a34b7db89797213223719a17a1b061cb1bd73", class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, h("ix-avatar", { key: "cb1330bf41ca940bb3bde9025cbb1ea4871d2252", image: this.image, initials: this.initials }), h("div", { key: "ed6465daf36db4b60d3aceefbf6408677173a3f0", class: "avatar-name" }, h("span", { key: "571392ee4ae8b60dd252ab92397d31784e4e3a5c", class: "text-default-single", title: this.top }, this.top), h("span", { key: "52f9870036a925195723682aab11b103515f2c9d", class: "text-default-single", title: this.bottom }, this.bottom))), h("ix-dropdown", { key: "09e4dd18be61500b17a6315792fb1ba334a5435c", trigger: this.hostElement, placement: "right-start", hidden: !this.showContextMenu && this.hideLogoutButton, offset: {
+    return h(Host, { key: "342ba4b67b3532da978048158cf9b9abfbc7e33d", slot: "ix-menu-avatar" }, h("button", { key: "68924d460574cde4c655a1f95e3c6ed5bc415c44", class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, h("ix-avatar", { key: "2170181905320f58961a70ab8cb5b25d1c439393", image: this.image, initials: this.initials }), h("div", { key: "c9f0275dec453f57756d3faefe9988c71d3b54b6", class: "avatar-name" }, h("span", { key: "56536ddb8d6b591433ad6bd88d82691de91b81ad", class: "text-default-single", title: this.top }, this.top), h("span", { key: "a9b5bbed878e3a0282f770b97bb691f360035416", class: "text-default-single", title: this.bottom }, this.bottom))), h("ix-dropdown", { key: "9974a1b413104016d5366f72103f3712e93813a4", trigger: this.hostElement, placement: "right-start", hidden: !this.showContextMenu && this.hideLogoutButton, offset: {
       mainAxis: 16
-    } }, h("slot", { key: "95885a59468c02dc83b81e47598224761b65f337", onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && h("ix-menu-avatar-item", { key: "f79cf9960e1de2ee4b03d797d5da4ec8ae53af9b", label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
+    } }, h("slot", { key: "b642dd168efdf7f4659c3a0e5d032fccb93df9a5", onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && h("ix-menu-avatar-item", { key: "4b7e853e0522208bebd10535885731af9dc4d3f6", label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
       this.logoutClick.emit(e);
     } })));
   }

package/build/static/demo/v2/preview/html/assets/{ix-menu-category.entry-C_eROcgW.js → ix-menu-category.entry-lxbmFIY_.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-CTsFSACc.js";
 import { a as animate } from "./anime.esm-DhE1t8Qh-B6Ygv72Z.js";
-import { c as closestIxMenu } from "./context-CKM5pVsv-B0zIukL5.js";
+import { c as closestIxMenu } from "./context-BniHpAE1-BXrc-Gwu.js";
 import { c as createMutationObserver } from "./mutation-observer-CX81WQtk-DFcmhOTk.js";
-import { g as iconChevronDownSmall } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { h as iconChevronDownSmall } from "./index-8HpPmDK_-DinFJk0z.js";
 import "./typed-event-BdCnOrqW-CWsLM0S_.js";
 function createEnterLeaveDebounce(enterCallback, leaveCallback, { debounceTimeEnter, debounceTimeLeave } = {
   debounceTimeEnter: 0,
@@ -164,7 +164,7 @@ const MenuCategory = class {
     }
   }
   render() {
-    return h(Host, { key: "3ab492c20cd7c41d300db0c3c4ad2cf5a6d51090", class: {
+    return h(Host, { key: "40ae8539715815c94e99313fad8694e4115e5482", class: {
       expanded: this.showItems
     }, onPointerEnter: () => {
       this.enterLeaveDebounce.onEnter();
@@ -173,14 +173,14 @@ const MenuCategory = class {
         return;
       }
       this.enterLeaveDebounce.onLeave();
-    } }, h("ix-menu-item", { key: "a59b7d4c9a1360f10c3555d57ece5e8ca439f711", class: "category-parent", active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), tooltipText: this.tooltipText, isCategory: true }, h("div", { key: "e7fb335217c858737e99a1c1df4959b1d15d1867", class: "category" }, h("div", { key: "6700c5e1926a1fa908f323e2bfd059ef7abc3d9d", class: "category-text" }, this.label), h("ix-icon", { key: "576a5b8a6ed3a7944a33d813bd254deaa8175438", name: iconChevronDownSmall, class: {
+    } }, h("ix-menu-item", { key: "60b77e0aae87b55e7934cbd0fccb18cab83772bb", class: "category-parent", active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), tooltipText: this.tooltipText, isCategory: true }, h("div", { key: "f87df62dd73af5968c4d62b657d0a0538e10ade3", class: "category" }, h("div", { key: "855411c78407fa712fddb8c177801db4c3c9780a", class: "category-text" }, this.label), h("ix-icon", { key: "e94bbb4ad9f4fc5612daa12e8812d26ff6ecea70", name: iconChevronDownSmall, class: {
       "category-chevron": true,
       "category-chevron--open": this.showItems
-    } }))), h("div", { key: "2898f39c1f4665a5cb684f875d7881558434cf80", ref: (ref) => this.menuItemsContainer = ref, class: {
+    } }))), h("div", { key: "9725f1a5f5f7aa7e1835d054ec8155644c5516e8", ref: (ref) => this.menuItemsContainer = ref, class: {
       "menu-items": true,
       "menu-items--expanded": this.showItems,
       "menu-items--collapsed": !this.showItems
-    } }, this.showItems ? h("slot", null) : null), h("ix-dropdown", { key: "6e93539319261b3bd5c53cf80c75ddf4ff240376", closeBehavior: "both", show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
+    } }, this.showItems ? h("slot", null) : null), h("ix-dropdown", { key: "69fd00ce9dd45b99069a891318008e25b214a218", closeBehavior: "both", show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
       this.showDropdown = dropdownShown;
     }, class: "category-dropdown", anchor: this.hostElement, placement: "right-start", offset: {
       mainAxis: 3
@@ -192,7 +192,7 @@ const MenuCategory = class {
           e.preventDefault();
         }
       }
-    } }, h("ix-dropdown-item", { key: "aeb52967293d03a82de20c59b448d7f13cd03639", class: "category-dropdown-header" }, h("ix-typography", { key: "19ccac9959ec874b240989a2c43f7c03ed70d9b9", format: "label", bold: true, textColor: "std" }, this.label)), h("ix-divider", { key: "1d113cd249baee291d9e25d47ed1eaecec56a7a7" }), h("slot", { key: "7a21ba6c7a35fef4391bb57fa27cad853edd729a" })));
+    } }, h("ix-dropdown-item", { key: "101355b915d54d5e7a309c26aa9480191db1fb3e", class: "category-dropdown-header" }, h("ix-typography", { key: "301de701167a6e09a741d2cdc7ed9c8555242a59", format: "label", bold: true, textColor: "std" }, this.label)), h("ix-divider", { key: "5cdcca1d2025554f5d11ea8f6d819b4c7a2d7ff2" }), h("slot", { key: "a69dc8bdb237da234ab39cb251fda9cbd33da35d" })));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-menu-expand-icon.entry-Def4QeRh.js → ix-menu-expand-icon.entry-DRodMmUx.js}

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host } from "./global-C8r7td8X.js";
-import { g as getButtonClasses } from "./base-button-TVpiK7pg-BhRYy5BG.js";
+import { r as registerInstance, h, H as Host } from "./global-CTsFSACc.js";
+import { g as getButtonClasses } from "./base-button-TVpiK7pg-CrZ9rI2r.js";
 import { a as a11yBoolean } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
-import { I as iconDoubleChevronLeft, G as iconDoubleChevronRight } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { H as iconDoubleChevronLeft, F as iconDoubleChevronRight } from "./index-8HpPmDK_-DinFJk0z.js";
 const menuExpandIconCss = ":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-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{display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;border-radius:var(--theme-btn--border-radius);pointer-events:all}: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 svg{display:inline-block;vertical-align:middle}:host .line{fill:var(--theme-menu-btn--color);opacity:1;x:2px;transition:x 0.075s ease-in var(--theme-default-time), transform 0.075s ease-in-out 0.075s, y 0.075s ease-in-out, opacity 0.075s linear 0.075s;transform-origin:center}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--hover)}.menu-expand-button{width:2rem;padding:0px !important;cursor:pointer}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--active)}:host(.expanded) svg .line-1{opacity:1;transform:rotate(-45deg);y:11px}:host(.expanded) svg .line-2{opacity:0;x:9}:host(.expanded) svg .line-3{opacity:1;transform:rotate(45deg);y:11px}";
 const MenuExpandIcon = class {
   constructor(hostRef) {
@@ -29,7 +29,7 @@ const MenuExpandIcon = class {
     return this.getSmallScreenIcon();
   }
   render() {
-    return h(Host, { key: "55bb276dfb9ec7960d0e81c1885f022790ef2967", class: {
+    return h(Host, { key: "c39c90a459dee53b29d4ccd8de683d35dc4abd22", class: {
       expanded: this.expanded
     }, type: "button", "aria-label": this.ixAriaLabel, "aria-pressed": a11yBoolean(this.expanded) }, this.getMenuIcon());
   }

package/build/static/demo/v2/preview/html/assets/{ix-menu-item.entry-CIWXAYp_.js → ix-menu-item.entry-UKvAOzvC.js}

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host, g as getElement } from "./global-C8r7td8X.js";
+import { r as registerInstance, h, H as Host, g as getElement } from "./global-CTsFSACc.js";
 import { c as createMutationObserver } from "./mutation-observer-CX81WQtk-DFcmhOTk.js";
 import { m as makeRef } from "./make-ref-bcj7UEIC-BX_OSyqv.js";
 import { m as menuController } from "./menu-service-BMvtckRa-Dk6abri9.js";
-import { T as iconDocument } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { T as iconDocument } from "./index-8HpPmDK_-DinFJk0z.js";
 import { a as a11yBoolean } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
 import "./typed-event-BdCnOrqW-CWsLM0S_.js";
 const createSequentialId = (prefix, sequenceId2) => {
@@ -80,11 +80,11 @@ const MenuItem = class {
       tabIndex: this.disabled ? -1 : 0
     };
     const menuContent = [
-      this.icon && h("ix-icon", { key: "010ccc4efd7284bfc7654ab6f9b29783129f17ff", class: "tab-icon", name: this.icon }),
+      this.icon && h("ix-icon", { key: "2c1c698aadcb3dd8090c067c3dd746e8a9baaf93", class: "tab-icon", name: this.icon }),
       this.notifications ? h("div", { class: "notification" }, h("div", { class: "pill" }, this.notifications)) : null,
-      h("span", { key: "247db957f1317fe528db4a863736cc7bf974fbcc", id: this.internalItemId, class: "tab-text text-default" }, this.label, h("slot", { key: "dbe0bcf50882232b686e322af346ea8edb0007bf" }))
+      h("span", { key: "c02f479113a2c1914df317d21561b657acf6af92", id: this.internalItemId, class: "tab-text text-default" }, this.label, h("slot", { key: "33f38c81be26d10edc993efd1a7434e04678e2c1" }))
     ];
-    return h(Host, Object.assign({ key: "1877e4728bfea90d5084715ce7d30d59c027cb60", class: {
+    return h(Host, Object.assign({ key: "58699b09d27cd2caa4d688378e1bd274b9467ee7", class: {
       disabled: this.disabled,
       "home-tab": this.home,
       "bottom-tab": this.bottom,
@@ -95,7 +95,7 @@ const MenuItem = class {
         e.preventDefault();
         e.stopPropagation();
       }
-    } }), menuContent) : h("button", Object.assign({}, commonAttributes, { ref: this.buttonRef }), menuContent), h("ix-tooltip", { key: "c19646a81a5a2fed7b89eb95caf661125da9f7be", for: this.buttonRef.waitForCurrent(), placement: "right", showDelay: 1e3, interactive: false, "aria-hidden": a11yBoolean(this.ariaHiddenTooltip), "aria-labelledby": this.internalItemId }, this.tooltip));
+    } }), menuContent) : h("button", Object.assign({}, commonAttributes, { ref: this.buttonRef }), menuContent), h("ix-tooltip", { key: "f7d1c226c4cde303427a1b38c85bdf93693807b4", for: this.buttonRef.waitForCurrent(), placement: "right", showDelay: 1e3, interactive: false, "aria-hidden": a11yBoolean(this.ariaHiddenTooltip), "aria-labelledby": this.internalItemId }, this.tooltip));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-menu-settings-item.entry-Bti7PD7a.js → ix-menu-settings-item.entry-DJBL-rpR.js}

@@ -1,4 +1,4 @@
-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-CTsFSACc.js";
 const menuSettingsItemCss = ":host{display:block}";
 const MenuSettingsItem = class {
   constructor(hostRef) {
@@ -13,7 +13,7 @@ const MenuSettingsItem = class {
     });
   }
   render() {
-    return h(Host, { key: "d71ea99d2f7194c876c18e702b0a1d20d84f7a35" }, h("slot", { key: "4906a29d17beb90749df4981daca1ae37c8b8c9b" }));
+    return h(Host, { key: "82d134ab9cdb58a29c6fd02a165a9925a9a55912" }, h("slot", { key: "dfb95edb5325b70072cc422a48c78f8a50a9b589" }));
   }
   static get watchers() {
     return {

package/build/static/demo/v2/preview/html/assets/{ix-menu-settings.entry-DOQ9IwkJ.js → ix-menu-settings.entry-BHIv-wmV.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement, H as Host } from "./global-C8r7td8X.js";
-import { q as iconClose } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, g as getElement, H as Host } from "./global-CTsFSACc.js";
+import { q as iconClose } from "./index-8HpPmDK_-DinFJk0z.js";
 const menuSettingsCss = ".text-xs{font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-s{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption-single{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default{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}.text-default-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title{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}.text-default-title-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-h2{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-xl{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}a{color:var(--theme-color-primary)}:host{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .settings-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .settings-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}:host .settings-tabs{margin-bottom:1.5rem}";
 const MenuSettings = class {
   constructor(hostRef) {

package/build/static/demo/v2/preview/html/assets/{ix-menu.entry-P5c_WlhD.js → ix-menu.entry-dLFLt_kI.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-CTsFSACc.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: "7c30f31880d51956013f87fe21ea0abf4129f67b", class: {
       expanded: this.expand,
       [`breakpoint-${this.breakpoint}`]: true
-    }, slot: "menu" }, h("nav", { key: "148d5ae9d40d35b054c51c11d8853837b9a1f44a", class: {
+    }, slot: "menu" }, h("nav", { key: "ff157fa24a58cd522b33ac035d99086a8dfec7bc", 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: "a3935afe8ee867e934f1c778583d22d11f5cf957", class: "menu-buttons" }, this.breakpoint !== "sm" && h("ix-menu-expand-icon", { key: "067059b37dc7e99ac05bdf3f96f4f417403e1915", breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu(), "data-testid": "expand-collapse-menu" }), this.breakpoint === "sm" && ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && h("ix-icon-button", { key: "d9c3d29552e6e8adeba3c44c04a563da430ea9b8", onClick: () => {
       this.showAppSwitch();
-    }, icon: iconApps, variant: "subtle-tertiary" })), h("div", { key: "4f8bdcec872baefee1470e455d38185ef9118a99", id: "menu-tabs", style: {
+    }, icon: iconApps, variant: "subtle-tertiary" })), h("div", { key: "bf2a827004f7e2d337ba55fc288e7abe418ec6dd", 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: "ee11e15bb3d0e4b6cd3263788aac1eba043dae99", class: "tabs-shadow-container" }, h("div", { key: "0803887ba70d6558cf5e4a890e0eca39b49ff518", class: {
       "tabs--shadow": true,
       "tabs--shadow-top": true,
       "tabs--shadow--show": this.itemsScrollShadowTop
-    } }), h("div", { key: "9fe969f863c48cc1eb4898557e3cb2867cda21ef", class: {
+    } }), h("div", { key: "7e43e530408b8a5408e2a0c00d4e89b695d0d871", 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: "e9f5421b30d3505a1a80ecdea28d78770a2f25fd", class: "menu-avatar" }, h("slot", { key: "c0d0ab2965a271540b41165eaf95fcd13072ae07", name: "ix-menu-avatar" })), h("slot", { key: "3b427bbba570fc61bbe44f6138f338025b144725", name: "home" }), this.breakpoint !== "sm" || !this.isHiddenFromViewport() ? h("slot", null) : null), h("div", { key: "c7bb85da2610aef008b75fe560af46aac221ffc5", 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: "80b67bd3408917c424661ff603b6b12a08b5c256", 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: "93bc9bfe4c557cbfcc66eaac5cc21118578b050a", onClick: (e) => this.onMenuItemsClick(e) }, h("slot", { key: "9910c841207e3a62b3699cc5e54843155557bb65", name: "bottom" })), h("div", { key: "f3bd210849640e293625b418f928eb12eb6bb8a5", 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: "54785101f98f046af558820493555a3d4739ace3", 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: "740f1a98fe2bafb8da7d5457395dee136a5ce9ec", class: "menu-overlay-container" }, this.showSettings ? h("slot", { name: "ix-menu-settings" }) : null), h("div", { key: "3e2f774925487e9da132a3d7b3633486bece3976", 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-AtLC3kdn.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-CTsFSACc.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: "22bbc355ba3fca3209fab0491ae186f59bb64b02" }, h("div", { key: "a84b47392ddfd8a8b0863ce99aa17985fbf39b4d", class: { "message-container": true, [this.type]: true }, role: "alert", ref: (el) => this.divElement = el }, h("ix-icon", { key: "6528c7bd5a8b484858c97ca0e072704dcf37ad1c", color: this.color, name: this.icon }), h("div", { key: "07eed52e33baa107ebdebb10ef478d775901faf3", class: "message-content" }, h("slot", { key: "cd5981304f6998d55edc38fa3fb0c67e139b8278" })), !this.persistent && h("ix-icon-button", { key: "ac6a235e1080bbb942c102f7c0e5c04672176557", 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-BEDC9WCr.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-CTsFSACc.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: "91592e2a2681326a99cafd1709581a29ecf48d61" }, h("slot", { key: "259ab95ce19cafdc7dbbe67c362e424590fe02c8" }));
   }
 };
 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: "b41da77283ecc896aa62fced50290fe487526fbd" }, this.icon ? h("ix-icon", { name: this.icon, color: this.iconColor, size: "32", "aria-label": this.ariaLabelIcon }) : null, h("div", { key: "c084a12acb4d137a55e45b0f98e662d181b1901e", class: "modal-title" }, h("ix-typography", { key: "9e82bdb91af4273454254d3c2fc03803d787dde1", format: "h5" }, h("slot", { key: "209d60c82e6b12c28d95eb538e8f4499becfeb8e" }))), !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);