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

package/build/static/demo/v2/preview/html/assets/grid-BvX2Xl3-.js

@@ -0,0 +1,3 @@
+import "./global-jo2I2sSs.js";
+import "./init-Ct4MIxkf.js";
+const grid = "";

package/build/static/demo/v2/preview/html/assets/grid-padding-BKPsspyY.js

@@ -0,0 +1,3 @@
+import "./global-jo2I2sSs.js";
+import "./init-Ct4MIxkf.js";
+const gridPadding = "";

package/build/static/demo/v2/preview/html/assets/grid-size-BuuGMixn.js

@@ -0,0 +1,3 @@
+import "./global-jo2I2sSs.js";
+import "./init-Ct4MIxkf.js";
+const gridSize = "";

package/build/static/demo/v2/preview/html/assets/{helper-text-util-rnbkuaac-B3Qd_Zep.js → helper-text-util-gKdL-wH2-DFBhqdqz.js}

@@ -1,7 +1,7 @@
-import { h } from "./global-C8r7td8X.js";
-import { b as iconError, a as iconWarning, i as iconInfo, c as iconSuccess } from "./index-Cz75KU1f-BUHLjWzB.js";
-function hasAnyText({ invalidText, warningText, infoText, validText, helperText }) {
-  return [invalidText, warningText, infoText, validText, helperText].some((text) => text === null || text === void 0 ? void 0 : text.trim());
+import { h } from "./global-jo2I2sSs.js";
+import { b as iconError, a as iconWarning, i as iconInfo, c as iconSuccess } from "./index-8HpPmDK_-DinFJk0z.js";
+function hasAnyText({ invalidText, isInvalid, warningText, isWarning, infoText, isInfo, validText, isValid, helperText }) {
+  return !!(isInvalid && (invalidText === null || invalidText === void 0 ? void 0 : invalidText.trim()) || isWarning && (warningText === null || warningText === void 0 ? void 0 : warningText.trim()) || isInfo && (infoText === null || infoText === void 0 ? void 0 : infoText.trim()) || isValid && (validText === null || validText === void 0 ? void 0 : validText.trim()) || (helperText === null || helperText === void 0 ? void 0 : helperText.trim()));
 }
 function HelperText$1(props) {
   if (!hasAnyText(props))

package/build/static/demo/v2/preview/html/assets/{icon-toggle-button-primary-ghost-BxLKZ9EQ.js → icon-toggle-button-primary-ghost-WJniyngC.js}

@@ -1,7 +1,7 @@
-import "./global-C8r7td8X.js";
-import { a as addIcons } from "./ix-icon.entry-GtsMKeJF.js";
+import "./global-jo2I2sSs.js";
+import { a as addIcons } from "./ix-icon.entry-ojxpZ8U2.js";
 import { b as iconCheckboxes } from "./index-B86ot3BK.js";
-import "./init-CCUgNbdy.js";
+import "./init-Ct4MIxkf.js";
 const iconToggleButtonPrimaryGhost = "";
 addIcons({
   iconCheckboxes

package/build/static/demo/v2/preview/html/assets/{icon-toggle-button-primary-outline-DzbbwCyq.js → icon-toggle-button-primary-outline-RXghDzds.js}

@@ -1,7 +1,7 @@
-import "./global-C8r7td8X.js";
-import { a as addIcons } from "./ix-icon.entry-GtsMKeJF.js";
+import "./global-jo2I2sSs.js";
+import { a as addIcons } from "./ix-icon.entry-ojxpZ8U2.js";
 import { b as iconCheckboxes } from "./index-B86ot3BK.js";
-import "./init-CCUgNbdy.js";
+import "./init-Ct4MIxkf.js";
 const iconToggleButtonPrimaryOutline = "";
 addIcons({
   iconCheckboxes

package/build/static/demo/v2/preview/html/assets/{icon-toggle-button-secondary-4OkWaLNP.js → icon-toggle-button-secondary-DVF8sN4d.js}

@@ -1,7 +1,7 @@
-import "./global-C8r7td8X.js";
-import { a as addIcons } from "./ix-icon.entry-GtsMKeJF.js";
+import "./global-jo2I2sSs.js";
+import { a as addIcons } from "./ix-icon.entry-ojxpZ8U2.js";
 import { b as iconCheckboxes } from "./index-B86ot3BK.js";
-import "./init-CCUgNbdy.js";
+import "./init-Ct4MIxkf.js";
 const iconToggleButtonSecondary = "";
 addIcons({
   iconCheckboxes

package/build/static/demo/v2/preview/html/assets/{icon-toggle-button-secondary-ghost-BLljzbba.js → icon-toggle-button-secondary-ghost-BgUp5I-W.js}

@@ -1,7 +1,7 @@
-import "./global-C8r7td8X.js";
-import { a as addIcons } from "./ix-icon.entry-GtsMKeJF.js";
+import "./global-jo2I2sSs.js";
+import { a as addIcons } from "./ix-icon.entry-ojxpZ8U2.js";
 import { b as iconCheckboxes } from "./index-B86ot3BK.js";
-import "./init-CCUgNbdy.js";
+import "./init-Ct4MIxkf.js";
 const iconToggleButtonSecondaryGhost = "";
 addIcons({
   iconCheckboxes

package/build/static/demo/v2/preview/html/assets/{icon-toggle-button-secondary-outline-DZrrTSWd.js → icon-toggle-button-secondary-outline-D7nHAqjB.js}

@@ -1,7 +1,7 @@
-import "./global-C8r7td8X.js";
-import { a as addIcons } from "./ix-icon.entry-GtsMKeJF.js";
+import "./global-jo2I2sSs.js";
+import { a as addIcons } from "./ix-icon.entry-ojxpZ8U2.js";
 import { b as iconCheckboxes } from "./index-B86ot3BK.js";
-import "./init-CCUgNbdy.js";
+import "./init-Ct4MIxkf.js";
 const iconToggleButtonSecondaryOutline = "";
 addIcons({
   iconCheckboxes

package/build/static/demo/v2/preview/html/assets/{index-Cz75KU1f-BUHLjWzB.js → index-8HpPmDK_-DinFJk0z.js}

@@ -46,15 +46,15 @@ const iconTriangleFilled = "data:image/svg+xml;utf8,<?xml version='1.0' encoding
 const iconWarningRhomb = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><path fill-rule='evenodd' d='M253.617407,12.4967773 L434.398258,193.277628 C451.060628,209.939998 451.060628,236.955037 434.398258,253.617407 L253.617407,434.398258 C236.955037,451.060628 209.939998,451.060628 193.277628,434.398258 L12.4967773,253.617407 C-4.16559245,236.955037 -4.16559245,209.939998 12.4967773,193.277628 L193.277628,12.4967773 C209.939998,-4.16559245 236.955037,-4.16559245 253.617407,12.4967773 Z M223.447518,42.6666667 L42.6666667,223.447518 L223.447518,404.228369 L404.228369,223.447518 L223.447518,42.6666667 Z M223.447518,282.114184 C238.685613,282.114184 250.114184,293.378184 250.114184,308.738184 C250.114184,324.098184 238.685613,335.362184 223.447518,335.362184 C207.863102,335.362184 196.780851,324.098184 196.780851,308.396851 C196.780851,293.378184 208.209422,282.114184 223.447518,282.114184 Z M244.780851,116.780851 L244.780851,244.780851 L202.114184,244.780851 L202.114184,116.780851 L244.780851,116.780851 Z' transform='translate(32.552 32.552)'/></svg>";
 const iconWarning = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF-8'?><svg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(32.000000, 42.666667)'><path d='M246.312928,5.62892705 C252.927596,9.40873724 258.409564,14.8907053 262.189374,21.5053731 L444.667042,340.84129 C456.358134,361.300701 449.250007,387.363834 428.790595,399.054926 C422.34376,402.738832 415.04715,404.676552 407.622001,404.676552 L42.6666667,404.676552 C19.1025173,404.676552 7.10542736e-15,385.574034 7.10542736e-15,362.009885 C7.10542736e-15,354.584736 1.93772021,347.288125 5.62162594,340.84129 L188.099293,21.5053731 C199.790385,1.04596203 225.853517,-6.06216498 246.312928,5.62892705 Z M225.144334,42.6739678 L42.6666667,362.009885 L407.622001,362.009885 L225.144334,42.6739678 Z M224,272 C239.238095,272 250.666667,283.264 250.666667,298.624 C250.666667,313.984 239.238095,325.248 224,325.248 C208.415584,325.248 197.333333,313.984 197.333333,298.282667 C197.333333,283.264 208.761905,272 224,272 Z M245.333333,106.666667 L245.333333,234.666667 L202.666667,234.666667 L202.666667,106.666667 L245.333333,106.666667 Z' id='Combined-Shape'/></g></g></svg>";
 export {
-  iconNotification as A,
-  iconWarningRhomb as B,
-  iconMinus as C,
-  iconPlus as D,
-  iconChevronLeftSmall as E,
-  iconDoubleChevronDown as F,
-  iconDoubleChevronRight as G,
-  iconDoubleChevronUp as H,
-  iconDoubleChevronLeft as I,
+  iconWarningRhomb as A,
+  iconMinus as B,
+  iconPlus as C,
+  iconChevronLeftSmall as D,
+  iconDoubleChevronDown as E,
+  iconDoubleChevronRight as F,
+  iconDoubleChevronUp as G,
+  iconDoubleChevronLeft as H,
+  iconContextMenu as I,
   iconClock as J,
   iconCircle as K,
   iconCircleFilled as L,
@@ -71,10 +71,10 @@ export {
   iconError as b,
   iconSuccess as c,
   iconQuestion as d,
-  iconApps as e,
-  iconOpenExternal as f,
-  iconChevronDownSmall as g,
-  iconMoreMenu as h,
+  iconMoreMenu as e,
+  iconApps as f,
+  iconOpenExternal as g,
+  iconChevronDownSmall as h,
   iconInfo as i,
   iconChevronDown as j,
   iconSearch as k,
@@ -90,7 +90,7 @@ export {
   iconEyeCancelled as u,
   iconAlarm as v,
   iconChevronRightSmall as w,
-  iconContextMenu as x,
-  iconShout as y,
-  iconLogOut as z
+  iconShout as x,
+  iconLogOut as y,
+  iconNotification as z
 };

package/build/static/demo/v2/preview/html/assets/index-CrluIyJK.js

@@ -0,0 +1,4 @@
+import { d as defineCustomElements } from "./global-jo2I2sSs.js";
+(async () => {
+  defineCustomElements();
+})();

package/build/static/demo/v2/preview/html/assets/{index-DfJ9yTlZ.js → index-DELNah-X.js}

@@ -1,9 +1,9 @@
 import "./logical-filter-operator-BH3f5fa3-983MLV_l.js";
 import "./upload-file-state-BGzrnl_l-DLdhtkd7.js";
-import { g as getCoreDelegate } from "./modal-D9BaTrTa-h5wbphR-.js";
+import { g as getCoreDelegate } from "./modal-BTxff2hq-Cy6rmdf-.js";
 import { A as Animation } from "./animation-C5MWUgDN-BXCJNYHu.js";
 import "./theme-switcher-DRqJGlG2-DVSIP9tc.js";
-import "./global-C8r7td8X.js";
+import "./global-jo2I2sSs.js";
 function getToastContainer() {
   const containerList = Array.from(document.querySelectorAll("ix-toast-container"));
   const [container] = containerList;

package/build/static/demo/v2/preview/html/assets/{index--ZIr3Aqz-BwiHGP6T.js → index-Kp5Wf9wr-CEFkQm40.js}

@@ -1,5 +1,5 @@
 import "./animation-C5MWUgDN-BXCJNYHu.js";
-import { s as showModal } from "./modal-D9BaTrTa-h5wbphR-.js";
+import { s as showModal } from "./modal-BTxff2hq-Cy6rmdf-.js";
 async function showAppSwitch(config) {
   const modal = document.createElement("ix-application-switch-modal");
   modal.config = config;

package/build/static/demo/v2/preview/html/assets/{init-CCUgNbdy.js → init-Ct4MIxkf.js}

@@ -1,4 +1,4 @@
-import { _ as __vitePreload, d as defineCustomElements$1 } from "./global-C8r7td8X.js";
+import { _ as __vitePreload, d as defineCustomElements$1 } from "./global-jo2I2sSs.js";
 const NAMESPACE = "ix-icons";
 const BUILD = (
   /* ix-icons */
@@ -61,7 +61,7 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
       case "ix-icon":
         return __vitePreload(() => import(
           /* webpackMode: "lazy" */
-          "./ix-icon.entry-GtsMKeJF.js"
+          "./ix-icon.entry-ojxpZ8U2.js"
         ).then((n) => n.i), true ? [] : void 0, import.meta.url).then(processMod, consoleError);
     }
   }
@@ -1474,7 +1474,11 @@ function detectThemeSwitching() {
   const searchParams = new URLSearchParams(location.search);
   if (searchParams.has("theme")) {
     const theme = searchParams.get("theme");
-    document.body.className = theme;
+    document.documentElement.dataset.ixTheme = theme;
+  }
+  if (searchParams.has("colorSchema")) {
+    const colorSchema = searchParams.get("colorSchema");
+    document.documentElement.dataset.ixColorSchema = colorSchema;
   }
 }
 function isMarginSuppressed() {

package/build/static/demo/v2/preview/html/assets/input-types-BlAn6e78.js

@@ -0,0 +1,3 @@
+import "./global-jo2I2sSs.js";
+import "./init-Ct4MIxkf.js";
+const inputTypes = "";

package/build/static/demo/v2/preview/html/assets/input-with-slots-DRlvWuZC.js

@@ -0,0 +1,7 @@
+import "./global-jo2I2sSs.js";
+import { a as addIcons } from "./ix-icon.entry-ojxpZ8U2.js";
+import { f as iconBulb } from "./index-B86ot3BK.js";
+import "./init-Ct4MIxkf.js";
+addIcons({
+  iconBulb
+});

package/build/static/demo/v2/preview/html/assets/{input.util-VHrSuCP7-BxHyeFjg.js → input.fc-CQbX6V05-BCFlGXa1.js}

@@ -1,38 +1,10 @@
-import { h } from "./global-C8r7td8X.js";
+import { h } from "./global-jo2I2sSs.js";
 import { a as a11yBoolean } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
-import { s as shouldSuppressInternalValidation } from "./validation-D_dk-JqT-hK2sg2of.js";
+import { s as shouldSuppressInternalValidation } from "./validation-D_dk-JqT-Db2_Mno0.js";
 import { c as createMutationObserver } from "./mutation-observer-CX81WQtk-DFcmhOTk.js";
 import { c as convertToRemString } from "./rwd.util-pXYAoEyc-B7dE3uhl.js";
 import { a as animate } from "./anime.esm-DhE1t8Qh-B6Ygv72Z.js";
 import { A as Animation } from "./animation-C5MWUgDN-BXCJNYHu.js";
-function TextareaElement(props) {
-  return h("textarea", Object.assign({ readOnly: props.readonly, disabled: props.disabled, maxLength: props.maxLength, minLength: props.minLength, cols: props.textareaCols, rows: props.textareaRows, ref: props.textAreaRef, class: {
-    "is-invalid": props.isInvalid
-  }, required: props.required, value: props.value, placeholder: props.placeholder, onInput: (inputEvent) => {
-    const target = inputEvent.target;
-    props.updateFormInternalValue(target.value);
-    props.valueChange(target.value);
-  }, onBlur: () => props.onBlur(), style: {
-    resize: props.resizeBehavior,
-    height: props.textareaHeight,
-    width: props.textareaWidth
-  } }, props.ariaAttributes));
-}
-function InputElement(props) {
-  return h("input", Object.assign({ id: props.id, autoComplete: "off", readOnly: props.readonly, disabled: props.disabled, step: props.step, min: props.min, max: props.max, maxLength: props.maxLength ? Number(props.maxLength) : void 0, minLength: props.minLength ? Number(props.minLength) : void 0, ref: props.inputRef, pattern: props.pattern, type: props.type, class: {
-    "is-invalid": props.isInvalid
-  }, required: props.required, value: props.value, placeholder: props.placeholder, onKeyPress: (event) => props.onKeyPress(event), onInput: (inputEvent) => {
-    const target = inputEvent.target;
-    props.updateFormInternalValue(target.value);
-    props.valueChange(target.value);
-  }, onBlur: () => props.onBlur() }, props.ariaAttributes));
-}
-const SlotEnd = (props, children) => {
-  return h("div", { class: "end-container", ref: props.slotEndRef }, h("slot", { name: "end", onSlotchange: props.onSlotChange }), children);
-};
-const SlotStart = (props) => {
-  return h("div", { class: "start-container", ref: props.slotStartRef }, h("slot", { name: "start", onSlotchange: props.onSlotChange }));
-};
 function shakeInput(input) {
   const xMax = 5;
   animate(input, {
@@ -75,9 +47,13 @@ function checkAllowedKeys(comp, event) {
 }
 async function checkInternalValidity(comp, input) {
   const validityState = input.validity;
-  const eventResult = comp.validityStateChange.emit(validityState);
-  if (eventResult.defaultPrevented) {
-    return;
+  const currentValidityState = !comp.hostElement.classList.contains("ix-invalid--validity-invalid");
+  const newValidityState = validityState.valid;
+  if (currentValidityState !== newValidityState) {
+    const eventResult = comp.validityStateChange.emit(validityState);
+    if (eventResult.defaultPrevented) {
+      return;
+    }
   }
   if (comp.value === null || comp.value === void 0) {
     return;
@@ -165,6 +141,61 @@ function observeElementUntilVisible(hostElement, updateCallback) {
   intersectionObserver.observe(hostElement);
   return intersectionObserver;
 }
+function handleSubmitOnEnterKeydown(event, suppressSubmitOnEnter, form) {
+  if (suppressSubmitOnEnter || event.key !== "Enter" || !form) {
+    return;
+  }
+  event.preventDefault();
+  const submitButton = form.querySelector('button[type="submit"], ix-button[type="submit"]');
+  if (submitButton) {
+    form.requestSubmit(submitButton);
+  }
+  if (form.length === 1) {
+    form.requestSubmit();
+  }
+}
+function TextareaElement(props) {
+  return h("textarea", Object.assign({ readOnly: props.readonly, disabled: props.disabled, maxLength: props.maxLength, minLength: props.minLength, cols: props.textareaCols, rows: props.textareaRows, ref: props.textAreaRef, class: {
+    "is-invalid": props.isInvalid
+  }, required: props.required, value: props.value, placeholder: props.placeholder, onInput: (inputEvent) => {
+    const target = inputEvent.target;
+    props.updateFormInternalValue(target.value);
+    props.valueChange(target.value);
+  }, onBlur: () => props.onBlur(), style: {
+    resize: props.resizeBehavior,
+    height: props.textareaHeight,
+    width: props.textareaWidth
+  } }, props.ariaAttributes));
+}
+function InputElement(props) {
+  return h("input", Object.assign({ id: props.id, autoComplete: "off", readOnly: props.readonly, disabled: props.disabled, step: props.step, min: props.min, max: props.max, maxLength: props.maxLength ? Number(props.maxLength) : void 0, minLength: props.minLength ? Number(props.minLength) : void 0, ref: props.inputRef, pattern: props.pattern, type: props.type, class: {
+    "is-invalid": props.isInvalid
+  }, style: {
+    textAlign: props.textAlignment
+  }, required: props.required, value: props.value, placeholder: props.placeholder, onKeyPress: (event) => props.onKeyPress(event), onKeyDown: (e) => {
+    var _a;
+    (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
+    handleSubmitOnEnterKeydown(e, !!props.suppressSubmitOnEnter, props.form);
+  } }, {
+    onBeforeInput: (event) => {
+      var _a;
+      return (_a = props.onBeforeInput) === null || _a === void 0 ? void 0 : _a.call(props, event);
+    }
+  }, { onPaste: (event) => {
+    var _a;
+    return (_a = props.onPaste) === null || _a === void 0 ? void 0 : _a.call(props, event);
+  }, onInput: (inputEvent) => {
+    const target = inputEvent.target;
+    props.updateFormInternalValue(target.value);
+    props.valueChange(target.value);
+  }, onBlur: () => props.onBlur() }, props.ariaAttributes));
+}
+const SlotEnd = (props, children) => {
+  return h("div", { class: "end-container", ref: props.slotEndRef }, h("slot", { name: "end", onSlotchange: props.onSlotChange }), children);
+};
+const SlotStart = (props) => {
+  return h("div", { class: "start-container", ref: props.slotStartRef }, h("slot", { name: "start", onSlotchange: props.onSlotChange }));
+};
 export {
   InputElement as I,
   SlotEnd as S,
@@ -175,6 +206,7 @@ export {
   checkAllowedKeys as d,
   checkInternalValidity as e,
   getAriaAttributesForInput as g,
+  handleSubmitOnEnterKeydown as h,
   mapValidationResult as m,
   onInputBlur as o
 };

package/build/static/demo/v2/preview/html/assets/{ix-action-card.entry-CyBEnFJv.js → ix-action-card.entry-2XnfV3pJ.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-jo2I2sSs.js";
 import { g as getFallbackLabelFromIconName, a as a11yBoolean } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
 const actionCardCss = ":host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 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 ix-card{width:100%;height:100%}";
 const IxActionCard = class {

package/build/static/demo/v2/preview/html/assets/{ix-application-header.entry-CQV6Xpxm.js → ix-application-header.entry-CeWT5fxH.js}

@@ -1,14 +1,14 @@
-import { r as registerInstance, c as createEvent, a as readTask, h, H as Host, g as getElement } from "./global-C8r7td8X.js";
-import { h as iconMoreMenu, e as iconApps } from "./index-Cz75KU1f-BUHLjWzB.js";
-import { s as showAppSwitch } from "./index--ZIr3Aqz-BwiHGP6T.js";
+import { r as registerInstance, c as createEvent, a as readTask, h, H as Host, g as getElement } from "./global-jo2I2sSs.js";
+import { e as iconMoreMenu, f as iconApps } from "./index-8HpPmDK_-DinFJk0z.js";
+import { s as showAppSwitch } from "./index-Kp5Wf9wr-CEFkQm40.js";
 import { a as applicationLayoutService } from "./service-Da0kv8hS-ChZKlHDF.js";
-import { a as useContextConsumer, A as ApplicationLayoutContext } from "./context-CKM5pVsv-B0zIukL5.js";
+import { a as useContextConsumer, A as ApplicationLayoutContext } from "./context-BniHpAE1-BXrc-Gwu.js";
 import { g as getCurrentBreakpoint } from "./breakpoints-D_Hmobxf-DBbixPq4.js";
 import { m as menuController } from "./menu-service-BMvtckRa-Dk6abri9.js";
 import { h as hasSlottedElements } from "./shadow-dom-i60z1FJC-Cx4XiL3F.js";
 import { a as a11yBoolean } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
 import "./animation-C5MWUgDN-BXCJNYHu.js";
-import "./modal-D9BaTrTa-h5wbphR-.js";
+import "./modal-BTxff2hq-Cy6rmdf-.js";
 import "./typed-event-BdCnOrqW-CWsLM0S_.js";
 const applicationHeaderCss = ":host{display:flex;flex-wrap:nowrap;align-items:end;justify-content:space-between;position:relative;width:100%;min-height:3rem;padding-top:var(--ix-safe-area-inset-top, 0rem);padding-right:calc(0.625rem + var(--ix-safe-area-inset-right, 0rem));padding-left:calc(0.625rem + var(--ix-safe-area-inset-left, 0rem));color:var(--theme-app-header--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color);z-index:var(--theme-z-index-fixed)}:host *,: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 .left-side,:host .right-side{display:flex;flex-direction:row;flex-wrap:nowrap;position:relative;align-items:center;min-width:0;min-height:3rem;height:100%}:host .left-side{flex:0 1 auto}:host .left-side .app-icon{display:block;position:relative;width:2rem;min-width:2rem;max-width:2rem;height:2rem;min-height:2rem;max-height:2rem}:host .left-side .app-icon.app-icon-outline{outline:1px solid var(--theme-app-header-app-icon--outline-color);border-radius:0.125rem}:host .left-side .app-icon img{position:relative;display:block;width:100%;height:100%;border-radius:0.125rem}:host .left-side .app-switch{margin:0 0.625rem}:host .left-side .app-switch.without-app-icon{margin-left:0px}:host .left-side .name{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;margin-left:0.75rem;margin-right:0.75rem;color:var(--theme-app-header--color);min-width:0;gap:0.75rem;overflow:hidden}:host .left-side .application-name,:host .left-side .application-name-suffix{overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;text-wrap:nowrap}:host .left-side .application-name{flex:0 1 auto;min-width:0;flex-shrink:0;max-width:100%}:host .left-side .application-name-suffix{flex:1 1 auto;margin-top:0.4rem;min-width:0;flex-shrink:1;color:var(--theme-app-header-name-suffix--color)}:host .left-side .logo{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden;line-height:0rem;color:var(--theme-app-header-logo--color);margin-right:1rem;margin-left:1rem;min-width:-moz-fit-content;min-width:fit-content}:host .left-side .logo.hide-logo{display:none}:host .right-side{flex:1 1 auto;overflow:hidden;justify-content:space-between}:host .right-side .content,:host .right-side .secondary{display:flex;position:relative;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;height:100%}:host .right-side .content{min-width:-moz-max-content;min-width:max-content}:host .right-side .secondary{overflow:hidden}:host .right-side .dropdown{overflow:visible}:host .right-side .dropdown-content>.slot-content-active{padding:0.5rem 1.5rem 0.5rem 1.5rem;border-top:none}:host .right-side .dropdown-content .slot-content-active~.slot-content-active{border-top:1px solid var(--theme-color-x-weak-bdr)}:host .right-side .context-menu{display:none}:host .right-side .context-menu.context-menu-visible{display:block;margin-left:0.5rem}:host .right-side ::slotted(ix-avatar){margin-left:0.5rem}:host .right-side .primary-navigation{align-self:end}:host .right-side.sm{justify-content:end}@media only screen and (max-width: 48em){:host .logo{margin-left:0.5rem;display:none !important}:host .content,:host .secondary,:host .app-icon{display:none}}:host(.hide-bottom-border){border-bottom:none}";
 const ApplicationHeader = class {
@@ -34,11 +34,6 @@ const ApplicationHeader = class {
   componentWillLoad() {
     this.breakpoint = getCurrentBreakpoint();
     useContextConsumer(this.hostElement, ApplicationLayoutContext, (ctx) => {
-      if ((ctx === null || ctx === void 0 ? void 0 : ctx.host) === "map-navigation") {
-        this.suppressResponsive = true;
-        this.breakpoint = "md";
-        return;
-      }
       this.breakpoint = applicationLayoutService.breakpoint;
       this.applicationLayoutContext = ctx;
       this.tryUpdateAppSwitch();
@@ -139,31 +134,31 @@ const ApplicationHeader = class {
     const showMenuByApplicationFrame = this.breakpoint === "sm" && this.suppressResponsive === false && hasApplicationContextAvailable;
     const showApplicationSwitch = ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && this.breakpoint !== "sm" && this.suppressResponsive === false;
     const showCompanyLogoByProperty = this.breakpoint !== "sm" && !!this.companyLogo;
-    return h(Host, { key: "ef0ab6f2a81031458e8ed28d37498fc8b1446bac", class: {
+    return h(Host, { key: "0568c65fa9cfe4f1250a5f7704cc19f7e38a5d19", class: {
       [`breakpoint-${this.breakpoint}`]: true,
       "hide-bottom-border": this.hideBottomBorder
-    }, slot: "application-header" }, h("div", { key: "efe93ad72d12055c809bba772b705d20fed00ee7", class: "left-side" }, this.appIcon && this.breakpoint !== "sm" && h("div", { key: "ef86725dc6c5d99b629115e1142f11d513a76f52", class: {
+    }, slot: "application-header" }, h("div", { key: "a5c4fa84d92bd9ce8e236f117605652bfc92e60d", class: "left-side" }, this.appIcon && this.breakpoint !== "sm" && h("div", { key: "0f790883c295875ef6b3f023cd9daa34980c5c96", class: {
       "app-icon": true,
       "app-icon-outline": this.appIconOutline
-    } }, h("img", { key: "aaca1d8a674774635a0f0774aaf1c6cb8c63ca3e", src: this.appIcon, alt: this.appIconAlt })), (this.showMenu || showMenuByApplicationFrame) && h("ix-menu-expand-icon", { key: "6cd981d9c4398e0c72ba5096694e30855f970bec", onClick: () => this.onMenuClick(), expanded: this.menuExpanded, ixAriaLabel: this.ariaLabelMenuExpandIconButton }), showApplicationSwitch && h("ix-icon-button", { key: "933e394225b9239f10b18962c40f8021a5e4b059", onClick: () => this.showAppSwitch(), icon: iconApps, variant: "subtle-tertiary", class: {
+    } }, h("img", { key: "3e20234523c716d04e123706912eef1023eb884f", src: this.appIcon, alt: this.appIconAlt })), (this.showMenu || showMenuByApplicationFrame) && h("ix-menu-expand-icon", { key: "b46e806adadc12a7a355691bdb14bb2a3ee0f98f", onClick: () => this.onMenuClick(), expanded: this.menuExpanded, ixAriaLabel: this.ariaLabelMenuExpandIconButton }), showApplicationSwitch && h("ix-icon-button", { key: "57112cb328fc5231871e18496863ebc3a38f978b", onClick: () => this.showAppSwitch(), icon: iconApps, variant: "subtle-tertiary", class: {
       "app-switch": true,
       "without-app-icon": !this.appIcon
-    }, "aria-label": this.ariaLabelAppSwitchIconButton }), showCompanyLogoByProperty && h("div", { key: "df4c4e5db00d5f7b7680ea05c9da06250c769308", class: "logo" }, h("img", { key: "2187d02dedbb48e5b27ea431b90a1a33a4b1e9e6", src: this.companyLogo, alt: this.companyLogoAlt })), h("div", { key: "0abdbb9bf1b3fc81c14d46ea826ee73336c560b5", class: {
+    }, "aria-label": this.ariaLabelAppSwitchIconButton }), showCompanyLogoByProperty && h("div", { key: "b622ece9a3c1645141c1cb54d9cb88f0b2b12646", class: "logo" }, h("img", { key: "854a9696190d015ce052c745f9ed7acc206f16d5", src: this.companyLogo, alt: this.companyLogoAlt })), h("div", { key: "0d5ff7f62bb55cb15d2e15e41279ca671716224c", class: {
       logo: true,
       "hide-logo": !this.hasSlottedLogo
-    } }, h("slot", { key: "468f56a361d387af9b46dddabbece87e03f1692b", name: "logo", onSlotchange: () => this.hasSlottedLogo = this.checkLogoSlot() })), h("div", { key: "84265b38ce425386a4df25a52e2334b760d28067", class: "name" }, h("ix-typography", { key: "c2cb4a0e91d28ccdb07dd8a68a6b6989b3faab14", format: "body-lg", class: "application-name" }, this.name), this.nameSuffix && this.breakpoint !== "sm" && h("ix-typography", { key: "f34d596a5071ee964fecfc1021a420b0cc5fad32", format: "body-xs", class: "application-name-suffix" }, this.nameSuffix))), h("div", { key: "e4f60f5f9fb727385eb180ea91f5c75b7a207993", class: { "right-side": true, sm: this.breakpoint === "sm" } }, this.breakpoint !== "sm" && h("div", { key: "b78fcf9127124d7c57d2ebf15f65fb271efd30fc", class: "secondary" }, h("slot", { key: "0c82211f37d6cb285047f97ee222f22aa424bfad", name: "secondary" })), h("div", { key: "acb023efd34eeba9730ad5a60dd933240bb09b80", class: "content" }, this.breakpoint !== "sm" && h("slot", { key: "05fcf4ca0ee08e392ebba65ef7f671e5822cc9c5" }), h("ix-icon-button", { key: "196aa553bc0ed8f7ac43586c8bd065c3c4990535", class: {
+    } }, h("slot", { key: "42d42aab0493036c165f1d7d969288bc2dc339c8", name: "logo", onSlotchange: () => this.hasSlottedLogo = this.checkLogoSlot() })), h("div", { key: "a388e25471839639f82f2e3d8798d041cdab1f78", class: "name" }, h("ix-typography", { key: "f7d197105b6609597fa742ca8b85aa2c80b2c25d", format: "body-lg", class: "application-name" }, this.name), this.nameSuffix && this.breakpoint !== "sm" && h("ix-typography", { key: "5a78095814f0d39666bbe26bb968d4df72233016", format: "body-xs", class: "application-name-suffix" }, this.nameSuffix))), h("div", { key: "e4a01fd2bf06bd9ae064c5f336e7ef2fe2880e1c", class: { "right-side": true, sm: this.breakpoint === "sm" } }, this.breakpoint !== "sm" && h("div", { key: "f3c3221c2dbcccf19d23502ff05984815fc8ea1e", class: "secondary" }, h("slot", { key: "9392845b82451cb62b886ab1bafa7ba7ddf21d13", name: "secondary" })), h("div", { key: "a288be02d9ee23480339d8de284c186fbc9bfd26", class: "content" }, this.breakpoint !== "sm" && h("slot", { key: "34dfa9b114c85e3e59183fce1b5a977eabe02d6a" }), h("ix-icon-button", { key: "c884b249320deb5f105538dd0fd7e47efd6207c0", class: {
       "context-menu": true,
       "context-menu-visible": this.hasOverflowContextMenu || this.hasOverflowSlotElements
-    }, "data-context-menu": true, "data-testid": "show-more", icon: iconMoreMenu, variant: "subtle-tertiary", "aria-label": this.ariaLabelMoreMenuIconButton, "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }), h("ix-dropdown", { key: "7657364247c4964e0cbe2380fffedcd22f6513d9", "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton(), "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }, h("div", { key: "06f57598668ae32ef6fc377ae9ccf180ffbd5361", class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, this.breakpoint === "sm" && h("div", { key: "f59b62075ac364ccc86791e6dda77a155135dc91", class: {
+    }, "data-context-menu": true, "data-testid": "show-more", icon: iconMoreMenu, variant: "subtle-tertiary", "aria-label": this.ariaLabelMoreMenuIconButton, "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }), h("ix-dropdown", { key: "42ea43e1f28ecdd7651a2f652edb6eb2462a0df3", "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton(), "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }, h("div", { key: "b57645df48b14862e17510560386dffdc7f918f2", class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, this.breakpoint === "sm" && h("div", { key: "d27a3ab3dcccb24deea6452aab078975d7657c1f", class: {
       "slot-content": true,
       "slot-content-active": this.hasSecondarySlotElements
-    } }, h("slot", { key: "25a1cbf08436b248cb892cabcc4b6377abcdda4f", name: "secondary", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })), this.breakpoint === "sm" && h("div", { key: "903e47dc9fe7906bc94650d9617031a9ec8ecbd3", class: {
+    } }, h("slot", { key: "8236935ea329c8650b08c0fbb2be11a4233b54a5", name: "secondary", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })), this.breakpoint === "sm" && h("div", { key: "d947b3da7b1c2683f319604698550e6deede8bb5", class: {
       "slot-content": true,
       "slot-content-active": this.hasDefaultSlotElements
-    } }, h("slot", { key: "dd848b5a87034692f1b0c518ec694cc9e3197787", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })), h("div", { key: "0fe4250f4a64d239ca6db9eea89d1cc4869492e6", class: {
+    } }, h("slot", { key: "5e60684fe9b2d19e67a4b8c56225be76a2aff668", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })), h("div", { key: "c072ab98aa238e71087064f9ffcbc46a8b43cacd", class: {
       "slot-content": true,
       "slot-content-active": this.hasOverflowSlotElements
-    } }, h("slot", { key: "10862703e3e6701ff5bb110039242b826914e8af", name: "overflow", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })))), h("slot", { key: "eb5fbef4f3783afba128d57fdc3924e4957af6b1", name: "ix-application-header-avatar" }))));
+    } }, h("slot", { key: "99752eacbebd15e6b9dda9b9dc96c919ed8ebcf6", name: "overflow", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })))), h("slot", { key: "c6c071f3ee91c6f0aa709ba59e979e644f22f22d", name: "ix-application-header-avatar" }))));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-application-sidebar.entry-Bxhj1CbF.js → ix-application-sidebar.entry-CUChWRId.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-jo2I2sSs.js";
 import { a as animate } from "./anime.esm-DhE1t8Qh-B6Ygv72Z.js";
 import { A as Animation } from "./animation-C5MWUgDN-BXCJNYHu.js";
 const applicationSidebarCss = ":host{display:block;position:relative;width:22rem;height:100%;padding: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(.visible){border-right:2px solid var(--theme-color-soft-bdr);padding:1.5rem 0.5rem 0}";

package/build/static/demo/v2/preview/html/assets/{ix-application-switch-modal.entry-EO35_mW9.js → ix-application-switch-modal.entry-D5bC1qmk.js}

@@ -1,7 +1,7 @@
-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-jo2I2sSs.js";
 import "./animation-C5MWUgDN-BXCJNYHu.js";
-import { d as dismissModal } from "./modal-D9BaTrTa-h5wbphR-.js";
-import { e as iconApps, f as iconOpenExternal } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { d as dismissModal } from "./modal-BTxff2hq-Cy6rmdf-.js";
+import { f as iconApps, g as iconOpenExternal } from "./index-8HpPmDK_-DinFJk0z.js";
 import "./typed-event-BdCnOrqW-CWsLM0S_.js";
 const applicationSwitchModalCss = ":host{display:block}: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 .content{padding:2rem;padding-right:0}:host .content-apps{display:flex;position:relative;flex-wrap:wrap;justify-content:space-evenly;max-height:50vh;margin-right:0.25rem;gap:1.5rem}:host .loading{display:flex;flex-direction:row;align-items:center}:host .loading ix-spinner{margin-right:1rem}:host .AppEntry{all:unset;display:flex;flex-direction:row;align-items:center;gap:1rem;padding:0.5rem;flex:1 1 45%;cursor:pointer;border:0.0625rem solid transparent}:host .AppEntry.Selected{background-color:var(--theme-color-ghost--selected);border:var(--theme-dynamic-bdr-1)}:host .AppEntry:not(.disabled):not(:disabled).hover,:host .AppEntry:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .AppEntry:not(.disabled):not(:disabled).active,:host .AppEntry:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .AppEntry:focus-visible{border:1px solid var(--theme-color-focus-bdr)}:host .AppName{display:flex;flex-direction:column}:host .AppName ix-icon{margin-left:1rem}:host .AppIcon{width:3rem;height:3rem;border-radius:0.25rem}";
 function ApplicationItem(props) {

package/build/static/demo/v2/preview/html/assets/{ix-application.entry-CXUpkGb5.js → ix-application.entry-B9WL0Zij.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement } from "./global-C8r7td8X.js";
-import { u as useContextProvider, A as ApplicationLayoutContext } from "./context-CKM5pVsv-B0zIukL5.js";
+import { r as registerInstance, h, H as Host, g as getElement } from "./global-jo2I2sSs.js";
+import { u as useContextProvider, 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 { h as hasSlottedElements } from "./shadow-dom-i60z1FJC-Cx4XiL3F.js";
@@ -43,7 +43,6 @@ const Application = class {
     applicationLayoutService.setBreakpoints(this.breakpoints);
     this.contextProvider = useContextProvider(this.hostElement, ApplicationLayoutContext, {
       hideHeader: false,
-      host: "basic-navigation",
       sidebar: this.applicationSidebarSlotted,
       appSwitchConfig: this.appSwitchConfig
     });
@@ -80,18 +79,17 @@ const Application = class {
     }
     this.contextProvider.emit({
       hideHeader: false,
-      host: "basic-navigation",
       sidebar: this.applicationSidebarSlotted,
       appSwitchConfig: this.appSwitchConfig
     });
   }
   render() {
-    return h(Host, { key: "8ec10f51dff7f068d6d9ecc3482f57f7eee372e1", "data-role": "", class: {
+    return h(Host, { key: "80437ae705c381c0167b8d7c5ce429e611b03f91", "data-role": "", class: {
       [`breakpoint-${this.breakpoint}`]: true
-    } }, h("slot", { key: "0907c0a93f6baa2bec75388748c5b380ac57ba9f", name: "application-header" }), h("div", { key: "20dbe63e526f7842680f6c4abc6d4295892ae7f6", class: "application" }, h("slot", { key: "d47121e13a25c0738cba759b53fac4e33ec05dc6", name: "menu" }), h("aside", { key: "61e0b686faca2fb562651b67286b837d94053b99", class: {
+    } }, h("slot", { key: "865d2e5a9252459f62ff8ab5dce1413d11c04379", name: "application-header" }), h("div", { key: "ae1960437e8721fbc4afab659d149265660e4164", class: "application" }, h("slot", { key: "a2a9a835af35e30d2ebe52347903f1838e75ac8d", name: "menu" }), h("aside", { key: "6141152471ac7dc7310247b23278dc594e025fa3", class: {
       "application-sidebar": true,
       slotted: this.applicationSidebarSlotted
-    }, onClick: () => this.onContentClick() }, h("slot", { key: "2e84b0947f7f8f663ea18211e8cd2112e2702048", name: "application-sidebar", onSlotchange: () => this.applicationSidebarSlotted = hasSlottedElements(this.applicationSidebarSlot) })), h("div", { key: "89cc5e6a029a43cedb58865984d0e46b6b14c4d3", class: "content-area" }, h("main", { key: "dfc4b2e1842a43ca077d0b87168ac7119c7bb80d", class: "content", onClick: () => this.onContentClick() }, h("slot", { key: "6af3c3a4f10005a8d3d10d86e3388c41ffce7204" })), h("footer", { key: "44c8fdcf8f6fe6c6c03e2c03214c5acbb8e9d7bf", class: "footer" }, h("slot", { key: "c066f4dcc1948952fa8218b70fb697470385f4d8", name: "bottom" })))));
+    }, onClick: () => this.onContentClick() }, h("slot", { key: "3285cc16452a7a6936a542dd26758beebb515972", name: "application-sidebar", onSlotchange: () => this.applicationSidebarSlotted = hasSlottedElements(this.applicationSidebarSlot) })), h("div", { key: "c6d022a1a5c220ed088adeba49ab5daa27ff8c77", class: "content-area" }, h("main", { key: "8ab781e17318078290a6ce4e1e64dfea43d5ae00", class: "content", onClick: () => this.onContentClick() }, h("slot", { key: "24e83882ab5746f4e00a0c16c797ddf4111aa1e8" })), h("footer", { key: "3ce838daa8f8f4b4e56cb2626476223d9575177c", class: "footer" }, h("slot", { key: "e49d1cd476554dfddca3b538194040ca29394967", name: "bottom" })))));
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-avatar_2.entry-DSIFdsxq.js → ix-avatar_2.entry-jCwFzZOp.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance, a as readTask, h, F as Fragment, H as Host, g as getElement, c as createEvent } from "./global-C8r7td8X.js";
-import { B as BaseButton } from "./base-button-TVpiK7pg-BhRYy5BG.js";
+import { r as registerInstance, a as readTask, h, F as Fragment, H as Host, g as getElement, c as createEvent } from "./global-jo2I2sSs.js";
+import { B as BaseButton } from "./base-button-TVpiK7pg-ChRAAgKw.js";
 import { b as a11yHostAttributes, a as a11yBoolean } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
 import { m as makeRef } from "./make-ref-bcj7UEIC-BX_OSyqv.js";
 import { c as closestElement, h as hasSlottedElements } from "./shadow-dom-i60z1FJC-Cx4XiL3F.js";
@@ -80,7 +80,7 @@ const MenuAvatarItem = class {
     return this.dropdownItemRef.waitForCurrent();
   }
   render() {
-    return h("ix-dropdown-item", { key: "7b30f261d40a584c089d70f40d0f4b853ec5219f", ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) });
+    return h("ix-dropdown-item", { key: "4a25c0768a9afad6b18bf3019c8998cc51fa134a", ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) });
   }
   get hostElement() {
     return getElement(this);

package/build/static/demo/v2/preview/html/assets/{ix-blind.entry-BXnqiCkf.js → ix-blind.entry-Dh30AwV-.js}

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from "./global-C8r7td8X.js";
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from "./global-jo2I2sSs.js";
 import { a as animate } from "./anime.esm-DhE1t8Qh-B6Ygv72Z.js";
 import { a as a11yBoolean } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
-import { g as iconChevronDownSmall } from "./index-Cz75KU1f-BUHLjWzB.js";
+import { h as iconChevronDownSmall } from "./index-8HpPmDK_-DinFJk0z.js";
 import { A as Animation } from "./animation-C5MWUgDN-BXCJNYHu.js";
 const blindCss = ":host{display:flex;flex-direction:column;border-radius:var(--theme-blind--border-radius);overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .blind-header-wrapper{position:relative;min-height:3rem;height:3rem;overflow:hidden}:host .blind-header-content{display:flex;position:relative;align-items:center;justify-content:flex-start;width:100%;height:100%;pointer-events:none;padding-left:0.5rem}:host .blind-header-title{display:flex;position:relative;align-items:center;flex-grow:1;margin-right:0.5rem}:host .blind-header{all:unset;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;position:absolute;top:0px;left:0px;pointer-events:all;padding-left:2.5rem;min-height:3rem;height:3rem;width:calc(100% - 2 * var(--theme-blind--border-thickness));border:solid var(--theme-blind--border-thickness) transparent;border-radius:var(--theme-blind--border-radius) var(--theme-blind--border-radius) 0 0;cursor:pointer}:host .blind-header:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr);outline:none}:host .blind-header-title-icon,:host .collapse-icon{margin-right:0.5rem}:host .blind-header-title-row{display:flex;flex-grow:1;overflow:hidden}:host .blind-header-title-col{display:inline-flex;align-items:center;width:calc(100% - 1rem);overflow:hidden}:host .blind-header-title-col:not(:first-of-type){justify-content:flex-end}:host ix-typography{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title-label{padding-inline-end:0.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title-sublabel{padding-inline:0.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title{display:flex;align-items:center;flex-grow:1;height:100%;min-width:0}:host .blind-header-labels{display:inline-flex;flex-grow:1;min-width:0}:host .blind-content{display:block;padding:1rem;transition-property:padding;transition-duration:var(--theme-default-time);transition-timing-function:ease-in}:host .blind-content.hide{max-height:0;padding-top:0px;padding-bottom:0px}:host .header-actions{pointer-events:all;margin-left:auto}:host(.blind-alarm) .blind-header{background-color:var(--theme-color-alarm)}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-alarm--hover)}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-alarm--active)}:host(.blind-alarm) .blind-header-title-label,:host(.blind-alarm) .blind-header-title-sublabel{color:var(--theme-color-alarm--contrast)}:host(.blind-alarm){background-color:var(--theme-blind-base--background)}:host(.blind-critical) .blind-header{background-color:var(--theme-color-critical)}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-critical) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-critical--hover)}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-critical) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-critical--active)}:host(.blind-critical) .blind-header-title-label,:host(.blind-critical) .blind-header-title-sublabel{color:var(--theme-color-critical--contrast)}:host(.blind-critical){background-color:var(--theme-blind-base--background)}:host(.blind-info) .blind-header{background-color:var(--theme-color-info)}:host(.blind-info) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-info) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-info) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-info--hover)}:host(.blind-info) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-info) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-info) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-info--active)}:host(.blind-info) .blind-header-title-label,:host(.blind-info) .blind-header-title-sublabel{color:var(--theme-color-info--contrast)}:host(.blind-info){background-color:var(--theme-blind-base--background)}:host(.blind-neutral) .blind-header{background-color:var(--theme-color-neutral)}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-neutral--hover)}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-neutral--active)}:host(.blind-neutral) .blind-header-title-label,:host(.blind-neutral) .blind-header-title-sublabel{color:var(--theme-color-neutral--contrast)}:host(.blind-neutral){background-color:var(--theme-blind-base--background)}:host(.blind-filled) .blind-header{background-color:var(--theme-color-filled)}:host(.blind-filled) .blind-header:not(.disabled):not(:disabled).hover,:host(.blind-filled) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host(.blind-filled) .blind-header:not(.disabled):not(:disabled).active,:host(.blind-filled) .blind-header:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host(.blind-filled) .blind-header-title-label{color:var(--theme-color-std-text)}:host(.blind-filled) .blind-header-title-sublabel{color:var(--theme-color-soft-text)}:host(.blind-filled){background-color:var(--theme-blind-base--background)}:host(.blind-success) .blind-header{background-color:var(--theme-color-success)}:host(.blind-success) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-success) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-success) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-success--hover)}:host(.blind-success) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-success) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-success) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-success--active)}:host(.blind-success) .blind-header-title-label,:host(.blind-success) .blind-header-title-sublabel{color:var(--theme-color-success--contrast)}:host(.blind-success){background-color:var(--theme-blind-base--background)}:host(.blind-warning) .blind-header{background-color:var(--theme-color-warning)}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-warning) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-warning--hover)}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-warning) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-warning--active)}:host(.blind-warning) .blind-header-title-label,:host(.blind-warning) .blind-header-title-sublabel{color:var(--theme-color-warning--contrast)}:host(.blind-warning){background-color:var(--theme-blind-base--background)}:host(.blind-primary) .blind-header{background-color:var(--theme-color-primary)}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-primary) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-primary--hover)}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-primary) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-primary--active)}:host(.blind-primary) .blind-header-title-label,:host(.blind-primary) .blind-header-title-sublabel{color:var(--theme-color-primary--contrast)}:host(.blind-primary){background-color:var(--theme-blind-base--background)}:host(.blind-outline){border:solid var(--theme-blind--border-thickness) var(--theme-blind-base--border-color)}:host(.blind-outline) .blind-header{background-color:var(--theme-color-ghost)}:host(.blind-outline) .blind-header:not(.disabled):not(:disabled).hover,:host(.blind-outline) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host(.blind-outline) .blind-header:not(.disabled):not(:disabled).active,:host(.blind-outline) .blind-header:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host(.blind-outline) .blind-header-title-label{color:var(--theme-color-std-text)}:host(.blind-outline) .blind-header-title-sublabel{color:var(--theme-color-soft-text)}:host(.blind-outline){border-color:var(--theme-color-soft-bdr)}";
 let sequentialInstanceId = 0;
@@ -58,13 +58,13 @@ const Blind = class {
     });
   }
   render() {
-    return h(Host, { key: "4a7663a1db7be9e7b957e5f4544f0ce8e9814cae", class: {
+    return h(Host, { key: "671ad2c0686ea67b8dd5a3b6259edd8cd2667b19", class: {
       [`blind-${this.variant}`]: true
-    } }, h("div", { key: "47c72fe3619b8260f5ebf4003b53fd743776fbca", class: "blind-header-wrapper" }, h("button", { key: "785833dece948c4a3dba3815cbac98c58280b099", class: {
+    } }, h("div", { key: "40fa7a9d37b674e2979022aadc84a4496ea9a9f5", class: "blind-header-wrapper" }, h("button", { key: "29c3e84c41ec924f2b3c5a373778130afa943626", class: {
       "blind-header": true,
       [`blind-${this.variant}`]: true,
       closed: this.collapsed
-    }, type: "button", "aria-labelledby": `ix-blind-header-title-${this.blindId}`, "aria-controls": `ix-blind-content-section-${this.blindId}`, "aria-expanded": a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, h("slot", { key: "0bc5a07bb163c1558b71b975f295d7df95453df9", name: "custom-header" })), h("div", { key: "dce21ec7715bf9c897fdd1dd01dcc1efc898cf66", class: "blind-header-content" }, h("ix-icon", { key: "8326f05cc630cad6eb800197121fabdce118cc3e", class: "collapse-icon", name: iconChevronDownSmall, color: this.variant === "filled" || this.variant === "outline" ? "color-std-text" : `color-${this.variant}--contrast`, ref: (ref) => this.chevronRef = ref }), h("div", { key: "bdca91c2ef6b9cc40c50f7c71e0b5279ba64d5ea", class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== void 0 ? h(Fragment, null, this.icon && h("ix-icon", { class: "blind-header-title-icon", name: this.icon, color: this.variant === "filled" || this.variant === "outline" ? "color-std-text" : `color-${this.variant}--contrast` }), h("div", { class: "blind-header-title-row" }, h("div", { class: "blind-header-title-col" }, h("ix-typography", { title: this.label, format: "label-lg", bold: true }, h("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && h("div", { class: "blind-header-title-col" }, h("ix-typography", { title: this.sublabel }, h("div", { class: "blind-header-title-sublabel" }, this.sublabel)))), h("div", { class: "header-actions" }, h("slot", { name: "header-actions" }))) : null))), h("section", { key: "02eda5f04ad9fab57dc97354e02c87a1ccaf106a", id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, h("div", { key: "e401cd5ea54fa791dcb5a3fe7e9b7adfe28e3b47", class: {
+    }, type: "button", "aria-labelledby": `ix-blind-header-title-${this.blindId}`, "aria-controls": `ix-blind-content-section-${this.blindId}`, "aria-expanded": a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, h("slot", { key: "b252b735380d02d028f14e7d9fbe4c5eba8c6602", name: "custom-header" })), h("div", { key: "6bf0d3c1465c63a94c8f022734ed826c4028855a", class: "blind-header-content" }, h("ix-icon", { key: "d21dd7db4cb813e4becce868c4dbe340a12b1e65", class: "collapse-icon", name: iconChevronDownSmall, color: this.variant === "filled" || this.variant === "outline" ? "color-std-text" : `color-${this.variant}--contrast`, ref: (ref) => this.chevronRef = ref }), h("div", { key: "da2e1435ca1070eed1794226ca721e7e3fb22390", class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== void 0 ? h(Fragment, null, this.icon && h("ix-icon", { class: "blind-header-title-icon", name: this.icon, color: this.variant === "filled" || this.variant === "outline" ? "color-std-text" : `color-${this.variant}--contrast` }), h("div", { class: "blind-header-title-row" }, h("div", { class: "blind-header-title-col" }, h("ix-typography", { title: this.label, format: "label-lg", bold: true }, h("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && h("div", { class: "blind-header-title-col" }, h("ix-typography", { title: this.sublabel }, h("div", { class: "blind-header-title-sublabel" }, this.sublabel)))), h("div", { class: "header-actions" }, h("slot", { name: "header-actions" }))) : null))), h("section", { key: "854dd19e82a63ccb31f090dadfbcfa46d7346d21", id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, h("div", { key: "12f77fdbb29c89d5ab26877e9db8ad9ec79f1e6f", class: {
       "blind-content": true,
       hide: this.collapsed
     } }, !this.collapsed ? h("slot", null) : null)));