@siemens/ix 5.0.0 → 5.1.0

package/dist/esm/{focus-utilities-DnaItyVQ.js → focus-utilities-6ZxKp7Jn.js}

@@ -26,28 +26,53 @@ const FOCUS_KEYS = new Set([
     'Home',
     'End',
 ]);
-function queryElements(dropdownElement, query) {
+const getQueryRoot = (dropdownElement, includeShadowDom) => includeShadowDom && dropdownElement instanceof HTMLElement
+    ? (dropdownElement.shadowRoot ?? dropdownElement)
+    : dropdownElement;
+const collectSlotMatches = (slot, query) => {
+    const slotted = [];
+    for (const assigned of slot.assignedElements({
+        flatten: true,
+    })) {
+        if (assigned.matches(query)) {
+            slotted.push(assigned);
+            continue;
+        }
+        slotted.push(...Array.from(assigned.querySelectorAll(query)));
+    }
+    return slotted;
+};
+const findInsertIndex = (slot, elements) => {
+    for (let i = 0; i < elements.length; i++) {
+        if (slot.compareDocumentPosition(elements[i]) &
+            Node.DOCUMENT_POSITION_FOLLOWING) {
+            return i;
+        }
+    }
+    return elements.length;
+};
+function queryElements(dropdownElement, query, includeShadowDom = false) {
     if (!dropdownElement) {
         return [];
     }
-    let items = [];
-    // Collect items from slots if they exist
-    if (dropdownElement.querySelectorAll('slot').length > 0) {
-        const slotElements = Array.from(dropdownElement.querySelectorAll('slot'));
-        items = slotElements.flatMap((slot) => Array.from(slot.assignedElements({ flatten: true })).flatMap((el) => {
-            // Check if the assigned element itself matches the query
-            if (el?.matches(query)) {
-                return [el];
-            }
-            // Otherwise, query its children
-            return Array.from(el.querySelectorAll(query));
-        }));
+    const root = getQueryRoot(dropdownElement, includeShadowDom);
+    const fromRoot = Array.from(root.querySelectorAll(query));
+    const slots = Array.from(root.querySelectorAll('slot'));
+    if (slots.length === 0) {
+        return fromRoot;
+    }
+    const result = [...fromRoot];
+    // Process slots from last to first so that earlier splice indices stay valid.
+    for (let i = slots.length - 1; i >= 0; i--) {
+        const slot = slots[i];
+        const slotted = collectSlotMatches(slot, query);
+        if (slotted.length === 0) {
+            continue;
+        }
+        const insertAt = findInsertIndex(slot, result);
+        result.splice(insertAt, 0, ...slotted);
     }
-    items = [
-        ...items,
-        ...Array.from(dropdownElement.querySelectorAll(query)),
-    ];
-    return items;
+    return result;
 }
 function tryFocusElement(element, options) {
     if (!(element instanceof HTMLElement)) {
@@ -76,7 +101,7 @@ const focusLastDescendant = (ref, fallbackElement) => {
     const lastInput = inputs.length > 0 ? inputs[inputs.length - 1] : null;
     focusElementInContext(lastInput, ref);
 };
-const focusElementInContext = (hostToFocus, fallbackElement) => {
+const focusElementInContext = (hostToFocus, fallbackElement, options) => {
     let elementToFocus = hostToFocus;
     const shadowRoot = hostToFocus?.shadowRoot;
     if (shadowRoot) {
@@ -85,10 +110,10 @@ const focusElementInContext = (hostToFocus, fallbackElement) => {
                 hostToFocus;
     }
     if (elementToFocus) {
-        focusElement(elementToFocus);
+        tryFocusElement(elementToFocus, options);
     }
     else {
-        focusElement(fallbackElement);
+        tryFocusElement(fallbackElement, options);
     }
 };
 const focusElement = (element, options) => {
@@ -99,10 +124,27 @@ const focusElement = (element, options) => {
 };
 const focusableBase = ':not([tabindex^="-"]):not([hidden]):not([disabled])';
 const customTags = ['ix-dropdown-item', 'ix-select-item'];
+const focusableNativeHtml = [
+    'button',
+    'a[href]',
+    'area[href]',
+    'audio',
+    'input',
+    'select',
+    'textarea',
+    'iframe',
+    'object',
+    'embed',
+    'video',
+    '[contenteditable]',
+];
 const buildCustom = (additionalSelector) => customTags
     .map((tag) => `${tag}${focusableBase}${additionalSelector}`)
     .join(', ');
-const focusableQueryString = `[tabindex]${focusableBase}, ${buildCustom('')}`;
-const buildFocusableQueryString = (additionalSelector = '') => `[tabindex]${focusableBase}${additionalSelector}, ${buildCustom(additionalSelector)}`;
+const buildNative = (additionalSelector) => focusableNativeHtml
+    .map((tag) => `${tag}${focusableBase}${additionalSelector}`)
+    .join(', ');
+const focusableQueryString = `[tabindex]${focusableBase}, ${buildCustom('')}, ${buildNative('')}`;
+const buildFocusableQueryString = (additionalSelector = '') => `[tabindex]${focusableBase}${additionalSelector}, ${buildCustom(additionalSelector)}, ${buildNative(additionalSelector)}`;
 
-export { FOCUS_KEYS as F, IX_FOCUS_VISIBLE_ACTIVE as I, IX_FOCUS_VISIBLE as a, focusElement as b, focusFirstDescendant as c, focusLastDescendant as d, focusElementInContext as e, focusableQueryString as f, queryElements as q, tryFocusElement as t };
+export { FOCUS_KEYS as F, IX_FOCUS_VISIBLE_ACTIVE as I, IX_FOCUS_VISIBLE as a, focusableQueryString as b, focusElement as c, focusFirstDescendant as d, focusLastDescendant as e, focusElementInContext as f, queryElements as q, tryFocusElement as t };

package/dist/esm/{focus-visible.mixin-CoMZ6z5Z.js → focus-visible.mixin-CaRK3Ex_.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance } from './index-Ca5WUunf.js';
-import { a as a11yBoolean } from './a11y-B5k8YVR0.js';
+import { r as registerInstance } from './index-EBgS4zhE.js';
+import { a as a11yBoolean } from './a11y-C21npbUc.js';
 
 const FocusVisibleMixin = (Base) => {
     const FocusVisibleMixinCtor = class extends Base {

package/dist/esm/{helper-text-util-AEl-1QU6.js → helper-text-util-D0LEFZuB.js}

@@ -1,6 +1,6 @@
-import { h } from './index-Ca5WUunf.js';
-import { b as iconError, c as iconWarning, d as iconInfo, a as iconSuccess } from './index-Cl7fhG1I.js';
-import { a as a11yBoolean } from './a11y-B5k8YVR0.js';
+import { h } from './index-EBgS4zhE.js';
+import { b as iconError, c as iconWarning, d as iconInfo, a as iconSuccess } from './index-DgUGsIlh.js';
+import { a as a11yBoolean } from './a11y-C21npbUc.js';
 
 /*
  * SPDX-FileCopyrightText: 2024 Siemens AG

package/dist/esm/{index-Cl7fhG1I.js → index-DgUGsIlh.js}

@@ -7,11 +7,11 @@ const iconArrowLeft = "data:image/svg+xml;utf8,<?xml version='1.0' encoding='UTF
 const iconArrowRight = "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'><desc>arrow-right</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(106.680107, 134.255147)'><polygon id='arrow-right' points='1.42108547e-14 143.073067 216.973013 143.073067 146.7232 213.32288 176.889813 243.489707 298.639787 121.739733 176.889813 0 146.7232 30.1668267 216.970453 100.4064 1.42108547e-14 100.4064'/></g></g></svg>";
 const iconCalendar = "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'><desc>calendar</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='scheduler' transform='translate(64.000000, 64.000000)'><path d='M384,1.42108547e-14 L384,384 L1.42108547e-14,384 L1.42108547e-14,1.42108547e-14 L384,1.42108547e-14 Z M341.333333,128 L42.6666667,128 L42.6666667,341.333333 L341.333333,341.333333 L341.333333,128 Z M128,256 L128,298.666667 L85.3333333,298.666667 L85.3333333,256 L128,256 Z M213.333333,256 L213.333333,298.666667 L170.666667,298.666667 L170.666667,256 L213.333333,256 Z M298.666667,256 L298.666667,298.666667 L256,298.666667 L256,256 L298.666667,256 Z M128,170.666667 L128,213.333333 L85.3333333,213.333333 L85.3333333,170.666667 L128,170.666667 Z M213.333333,170.666667 L213.333333,213.333333 L170.666667,213.333333 L170.666667,170.666667 L213.333333,170.666667 Z M298.666667,170.666667 L298.666667,213.333333 L256,213.333333 L256,170.666667 L298.666667,170.666667 Z M341.333333,42.6666667 L42.6666667,42.6666667 L42.6666667,85.3333333 L341.333333,85.3333333 L341.333333,42.6666667 Z' id='Combined-Shape'/></g></g></svg>";
 const iconChevronDownSmall = "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'><desc>chevron-down-small</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(134.186667, 187.520000)'><polygon id='arrowhead-down' points='121.813333 151.893333 0 30.2933333 30.2933333 0 121.813333 91.7333333 213.333333 0 243.626667 30.2933333'/></g></g></svg>";
-const iconChevronDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'><desc>chevron-down</desc><polygon fill-rule='evenodd' points='320 0 350.17 30.17 175.085 205.255 0 30.17 30.17 0 175.085 144.898' transform='translate(80.915 149.333)'/></svg>";
 const iconChevronLeftSmall = "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'><desc>chevron-left-small</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(172.586667, 134.186667)'><polygon id='arrrowhead-left' points='121.6 243.626667 0 121.813333 121.6 0 151.893333 30.2933333 60.16 121.813333 151.893333 213.333333'/></g></g></svg>";
 const iconChevronRightSmall = "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'><desc>chevron-right-small</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(187.520000, 134.186667)'><polygon id='arrowhead-right' points='30.2933333 243.626667 0 213.333333 91.7333333 121.813333 0 30.2933333 30.2933333 0 151.893333 121.813333'/></g></g></svg>";
 const iconChevronRight = "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'><desc>chevron-right</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(149.333333, 80.853333)'><polygon id='Path' points='-2.84217094e-14 320 30.1698893 350.169889 205.254834 175.084945 30.1698893 0 -2.84217094e-14 30.1698893 144.898278 175.084945'/></g></g></svg>";
 const iconChevronUpSmall = "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'><desc>chevron-up-small</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(134.186667, 172.586667)'><polygon id='arrowhead-up' points='213.333333 151.893333 121.813333 60.16 30.2933333 151.893333 2.84217094e-14 121.6 121.813333 0 243.626667 121.6'/></g></g></svg>";
+const iconChevronUp = "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'><desc>chevron-up</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='add' transform='translate(80.853333, 157.440000)'><polygon id='Path' points='320 205.254834 350.169889 175.084945 175.084945 5.68434189e-14 0 175.084945 30.1698893 205.254834 175.084945 60.356556'/></g></g></svg>";
 const iconCircleDot = "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'><desc>circle-dot</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='drop' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C331.15408,3.55271368e-14 426.666667,95.5125867 426.666667,213.333333 C426.666667,331.15408 331.15408,426.666667 213.333333,426.666667 C95.5125867,426.666667 3.55271368e-14,331.15408 3.55271368e-14,213.333333 C3.55271368e-14,95.5125867 95.5125867,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C119.076736,42.6666667 42.6666667,119.076736 42.6666667,213.333333 C42.6666667,307.589931 119.076736,384 213.333333,384 C307.589931,384 384,307.589931 384,213.333333 C384,119.076736 307.589931,42.6666667 213.333333,42.6666667 Z M213.333333,106.666667 C272.243707,106.666667 320,154.42296 320,213.333333 C320,272.243707 272.243707,320 213.333333,320 C154.42296,320 106.666667,272.243707 106.666667,213.333333 C106.666667,154.42296 154.42296,106.666667 213.333333,106.666667 Z' id='Combined-Shape'/></g></g></svg>";
 const iconCircleFilled = "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'><desc>circle-filled</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='icon' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C331.15408,3.55271368e-14 426.666667,95.5125867 426.666667,213.333333 C426.666667,331.15408 331.15408,426.666667 213.333333,426.666667 C95.5125867,426.666667 3.55271368e-14,331.15408 3.55271368e-14,213.333333 C3.55271368e-14,95.5125867 95.5125867,3.55271368e-14 213.333333,3.55271368e-14 Z' id='Combined-Shape'/></g></g></svg>";
 const iconCirclePause = "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'><desc>circle-pause</desc><g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g id='icon' transform='translate(42.666667, 42.666667)'><path d='M213.333333,3.55271368e-14 C331.15408,3.55271368e-14 426.666667,95.5125867 426.666667,213.333333 C426.666667,331.15408 331.15408,426.666667 213.333333,426.666667 C95.5125867,426.666667 3.55271368e-14,331.15408 3.55271368e-14,213.333333 C3.55271368e-14,95.5125867 95.5125867,3.55271368e-14 213.333333,3.55271368e-14 Z M213.333333,42.6666667 C119.076736,42.6666667 42.6666667,119.076736 42.6666667,213.333333 C42.6666667,307.589931 119.076736,384 213.333333,384 C307.589931,384 384,307.589931 384,213.333333 C384,119.076736 307.589931,42.6666667 213.333333,42.6666667 Z M192,128 L192,298.666667 L149.333333,298.666667 L149.333333,128 L192,128 Z M277.333333,128 L277.333333,298.666667 L234.666667,298.666667 L234.666667,128 L277.333333,128 Z' id='Combined-Shape'/></g></g></svg>";
@@ -48,4 +48,4 @@ 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'><desc>warning-rhomb</desc><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'><desc>warning</desc><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 { iconLogOut as A, iconNotification as B, iconWarningRhomb as C, iconMinus as D, iconPlus as E, iconChevronLeftSmall as F, iconDoubleChevronUp as G, iconDoubleChevronDown as H, iconDoubleChevronRight as I, iconDoubleChevronLeft as J, iconCirclePause as K, iconArrowRight as L, iconContextMenu as M, iconClock as N, iconCircle as O, iconCircleFilled as P, iconCircleDot as Q, iconTriangleFilled as R, iconDocument as S, iconSingleCheck as T, iconSuccess as a, iconError as b, iconWarning as c, iconInfo as d, iconMoreMenu as e, iconApps as f, iconOpenExternal as g, iconChevronDownSmall as h, iconQuestion as i, iconChevronRightSmall as j, iconChevronDown as k, iconClear as l, iconSearch as m, iconCloseSmall as n, iconArrowLeft as o, iconHistory as p, iconCalendar as q, iconChevronRight as r, iconEye as s, iconChevronUpSmall as t, iconEyeCancelled as u, iconAlarm as v, iconCogwheel as w, iconLightDark as x, iconClose as y, iconShout as z };
+export { iconLogOut as A, iconNotification as B, iconWarningRhomb as C, iconMinus as D, iconPlus as E, iconChevronLeftSmall as F, iconDoubleChevronUp as G, iconDoubleChevronDown as H, iconDoubleChevronRight as I, iconDoubleChevronLeft as J, iconCirclePause as K, iconArrowRight as L, iconContextMenu as M, iconClock as N, iconCircle as O, iconCircleFilled as P, iconCircleDot as Q, iconTriangleFilled as R, iconDocument as S, iconSingleCheck as T, iconSuccess as a, iconError as b, iconWarning as c, iconInfo as d, iconMoreMenu as e, iconApps as f, iconOpenExternal as g, iconChevronDownSmall as h, iconQuestion as i, iconChevronRightSmall as j, iconChevronUp as k, iconClear as l, iconSearch as m, iconCloseSmall as n, iconArrowLeft as o, iconHistory as p, iconCalendar as q, iconChevronRight as r, iconEye as s, iconChevronUpSmall as t, iconEyeCancelled as u, iconAlarm as v, iconCogwheel as w, iconLightDark as x, iconClose as y, iconShout as z };

package/dist/esm/{index-Ca5WUunf.js → index-EBgS4zhE.js}

@@ -2,7 +2,7 @@ const NAMESPACE = 'siemens-ix';
 const BUILD = /* siemens-ix */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, slotRelocation: true, state: true, updatable: true};
 
 /*
- Stencil Client Platform v4.43.4 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.43.5 | MIT Licensed | https://stenciljs.com
  */
 
 
@@ -344,6 +344,26 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './ix-pane-layout.entry.js').then(processMod, consoleError);
+                case 'ix-popover':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-popover.entry.js').then(processMod, consoleError);
+                case 'ix-popover-content':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-popover-content.entry.js').then(processMod, consoleError);
+                case 'ix-popover-footer':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-popover-footer.entry.js').then(processMod, consoleError);
+                case 'ix-popover-header':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-popover-header.entry.js').then(processMod, consoleError);
+                case 'ix-popover-image':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './ix-popover-image.entry.js').then(processMod, consoleError);
                 case 'ix-progress-indicator':
                     return import(
                       /* webpackMode: "lazy" */

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { a as setPlatformHelpers } from './index-Ca5WUunf.js';
+import { a as setPlatformHelpers } from './index-EBgS4zhE.js';
 export { c as convertToAbbreviationString, a as convertToRemString } from './rwd.util-JJddxCCh.js';
 export { I as InputState, L as LogicalFilterOperator } from './logical-filter-operator-C9HBQRMb.js';
 export { d as defaultRefreshTreeOptions, r as renderDefaultItem } from './tree.types-D5rshXh5.js';
@@ -6,7 +6,7 @@ export { U as UploadFileState } from './upload-file-state-BGzrnl_l.js';
 import { c as createDependencyFunction, g as getCoreDelegate } from './modal-DaGSr1j4.js';
 export { b as closeModal, d as dismissModal, r as registerFrameworkDelegate, a as resolveDelegate, s as showModal } from './modal-DaGSr1j4.js';
 import { A as Animation } from './animation-DNIQ2C1K.js';
-import { i as iconQuestion, a as iconSuccess, b as iconError, c as iconWarning, d as iconInfo } from './index-Cl7fhG1I.js';
+import { i as iconQuestion, a as iconSuccess, b as iconError, c as iconWarning, d as iconInfo } from './index-DgUGsIlh.js';
 import { T as TypedEvent } from './typed-event-CWshStHZ.js';
 export { g as getCurrentSystemAppearance, t as themeSwitcher } from './theme-switcher-CRVG13AN.js';
 

package/dist/esm/{inherit-aria-attributes.mixin-CBuZQFB-.js → inherit-aria-attributes.mixin-nCmPujqf.js}

@@ -1,5 +1,5 @@
-import { r as registerInstance } from './index-Ca5WUunf.js';
-import { b as a11yHostAttributes } from './a11y-B5k8YVR0.js';
+import { r as registerInstance } from './index-EBgS4zhE.js';
+import { b as a11yHostAttributes } from './a11y-C21npbUc.js';
 
 const InheritAriaAttributesMixin = (Base) => {
     const InheritAriaAttributesMixinCtor = class extends Base {

package/dist/esm/{input-picker.mixin-Bo_sZpC4.js → input-picker.mixin-DudWFH-e.js}

@@ -1,5 +1,5 @@
-import { d as dropdownController } from './dropdown-controller-D6Wm2E-0.js';
-import { r as registerInstance } from './index-Ca5WUunf.js';
+import { d as dropdownController } from './dropdown-controller-Jfg3ZWk6.js';
+import { r as registerInstance } from './index-EBgS4zhE.js';
 
 /*
  * SPDX-FileCopyrightText: 2025 Siemens AG

package/dist/esm/{input.fc-DjE-oOZc.js → input.fc-CE3kP-L_.js}

@@ -1,10 +1,10 @@
-import { h } from './index-Ca5WUunf.js';
-import { a as a11yBoolean } from './a11y-B5k8YVR0.js';
+import { h } from './index-EBgS4zhE.js';
+import { a as a11yBoolean } from './a11y-C21npbUc.js';
 import { c as createMutationObserver } from './mutation-observer-CX81WQtk.js';
 import { a as convertToRemString } from './rwd.util-JJddxCCh.js';
 import { a as animate } from './anime.esm-DhE1t8Qh.js';
 import { A as Animation } from './animation-DNIQ2C1K.js';
-import { s as shouldSuppressInternalValidation } from './validation-BT5aAuSO.js';
+import { s as shouldSuppressInternalValidation } from './validation-VVt5EFy0.js';
 
 /*
  * SPDX-FileCopyrightText: 2024 Siemens AG

package/dist/esm/ix-action-card.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host } from './index-Ca5WUunf.js';
-import { g as getFallbackLabelFromIconName, a as a11yBoolean } from './a11y-B5k8YVR0.js';
+import { r as registerInstance, h, H as Host } from './index-EBgS4zhE.js';
+import { g as getFallbackLabelFromIconName, a as a11yBoolean } from './a11y-C21npbUc.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 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 button{width:100%;height:100%;display:block;background:transparent;text-align:start;padding:0;border:0;border-radius:var(--theme-btn--border-radius);box-shadow:initial}:host button:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host button[disabled]{cursor:default}:host ix-card{width:100%;height:100%}`;
 
 const IxActionCard = class {
     constructor(hostRef) {
@@ -52,7 +52,8 @@ const IxActionCard = class {
         const ariaLabelledBy = !this.ariaLabelCard && this.heading
             ? 'ix-action-card-heading'
             : undefined;
-        return (h(Host, { key: '3c4975b39af044bc6af37f6420fa95c772904906' }, h("ix-card", { key: 'aab19e577dd323f564c4fb00e1a0a6dd893a5744', selected: this.selected, variant: this.variant, passive: this.passive, class: 'pointer', "aria-label": this.ariaLabelCard, "aria-labelledby": ariaLabelledBy, role: ariaLabelledBy ? 'group' : undefined }, h("ix-card-content", { key: 'fa5beccb483bd702884770b50e7105a6b57167a1' }, this.icon ? (h("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon || getFallbackLabelFromIconName(this.icon) })) : null, h("div", { key: 'd694d8b0a424c7971c2fa2e860045cf25b20ae3d' }, this.heading ? (h("ix-typography", { id: "ix-action-card-heading", "aria-hidden": a11yBoolean(!ariaLabelledBy), format: "h4" }, this.heading)) : null, this.subheading ? (h("ix-typography", { format: "h5", "text-color": this.getSubheadingTextColor() }, this.subheading)) : null, h("slot", { key: 'edf7f011821f3fe44120583025255ecdb9441f4f' }))))));
+        return (h(Host, { key: 'b56ab72218bf3b098acb7d1f7bbbc967dc7851c9' }, h("button", { key: '87ef305e4149a4f883f52b9d2d26cc3080073082', type: "button", disabled: this.passive, "aria-label": this.ariaLabelCard, "aria-labelledby": ariaLabelledBy }, h("ix-card", { key: '5064b548f6434036d5c46e9162e4bad1f06f3a40', selected: this.selected, variant: this.variant, passive: this.passive, class: this.passive ? undefined : 'pointer' }, h("ix-card-content", { key: 'dbfb7bcda7ae018721e8e1d06f85b2fadd8330d0' }, this.icon ? (h("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon ||
+                getFallbackLabelFromIconName(this.icon) })) : null, h("div", { key: '51a82f1f462f9638980f7f2b18a4cfd54db24cf6' }, this.heading ? (h("ix-typography", { id: "ix-action-card-heading", "aria-hidden": a11yBoolean(!ariaLabelledBy), format: "h4" }, this.heading)) : null, this.subheading ? (h("ix-typography", { format: "h5", "text-color": this.getSubheadingTextColor() }, this.subheading)) : null, h("slot", { key: 'c8ae09e93db05dab6f0a1820c0022c9142b6cc54' })))))));
     }
 };
 IxActionCard.style = actionCardCss();

package/dist/esm/ix-application-header.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, c as createEvent, g as getElement, d as readTask, h, H as Host } from './index-Ca5WUunf.js';
-import { e as iconMoreMenu, f as iconApps } from './index-Cl7fhG1I.js';
-import { a as a11yBoolean } from './a11y-B5k8YVR0.js';
+import { r as registerInstance, c as createEvent, g as getElement, d as readTask, h, H as Host } from './index-EBgS4zhE.js';
+import { e as iconMoreMenu, f as iconApps } from './index-DgUGsIlh.js';
+import { a as a11yBoolean } from './a11y-C21npbUc.js';
 import { s as showAppSwitch } from './index-nCVTBc9Y.js';
 import { a as useContextConsumer, A as ApplicationLayoutContext } from './context-zqk3Dkv-.js';
 import { g as getCurrentBreakpoint } from './breakpoints-D_Hmobxf.js';
-import { m as menuController } from './menu-service-DTIYRV47.js';
-import { h as hasSlottedElements } from './shadow-dom-BIe8Nw9M.js';
+import { m as menuController } from './menu-service-DYOa8RGJ.js';
+import { h as hasSlottedElements } from './shadow-dom-BClJdFQP.js';
 import { a as applicationLayoutService } from './service-CEglFEKY.js';
 import './modal-DaGSr1j4.js';
 import './typed-event-CWshStHZ.js';
@@ -229,31 +229,31 @@ const ApplicationHeader = class {
             this.breakpoint !== 'sm' &&
             this.suppressResponsive === false;
         const showCompanyLogoByProperty = this.breakpoint !== 'sm' && !!this.companyLogo;
-        return (h(Host, { key: '8fed428b8e6079dff2a3c69ad5a97e7b1da48a7d', class: {
+        return (h(Host, { key: '65415a8abe50d9b368d9c71001a0968cf2264fb8', class: {
                 [`breakpoint-${this.breakpoint}`]: true,
                 'hide-bottom-border': this.hideBottomBorder,
-            }, slot: "application-header", role: "banner" }, h("div", { key: 'c9931f63a7ce2f8c06180fef6cd76564f5e84bc3', class: "left-side" }, this.appIcon && this.breakpoint !== 'sm' && (h("div", { key: 'e4e7f62ff603a160a74009edbe46d85da8b8df24', class: {
+            }, slot: "application-header", role: "banner" }, h("div", { key: '79849e061e06d01eba6f4d802f48d226480857b2', class: "left-side" }, this.appIcon && this.breakpoint !== 'sm' && (h("div", { key: 'b5c6140d263e7ff6ffe3937a4341bcd2b9935104', class: {
                 'app-icon': true,
                 'app-icon-outline': this.appIconOutline,
-            } }, h("img", { key: 'a7b010a88ea8b93fbea38641f35e75214046b6a4', src: this.appIcon, alt: this.appIconAlt }))), (this.showMenu || showMenuByApplicationFrame) && (h("ix-menu-expand-icon", { key: '3e43c1b426241634fbcec29977cd5ba2c5c1cd22', onClick: () => this.onMenuClick(), expanded: this.menuExpanded })), showApplicationSwitch && (h("ix-icon-button", { key: 'f4eac3d8a42b9a23b5e5cff11a7f161d9e70f862', onClick: () => this.showAppSwitch(), icon: iconApps, variant: "subtle-tertiary", class: {
+            } }, h("img", { key: '00fb44e36f25856a0e2ad2c333d2a5a5014415d3', src: this.appIcon, alt: this.appIconAlt }))), (this.showMenu || showMenuByApplicationFrame) && (h("ix-menu-expand-icon", { key: '2d123f6cfbc21a61680328b3a81638ba49413c8f', onClick: () => this.onMenuClick(), expanded: this.menuExpanded })), showApplicationSwitch && (h("ix-icon-button", { key: '5b887225419c66e36ef5dfd369647d41c4f3ca41', 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: '0175e0f1262be29c5d5f65e183f9b0a9e21725e8', class: "logo" }, h("img", { key: '9e129c84639dafc6cec3c793b5f48e4fb7b620b7', src: this.companyLogo, alt: this.companyLogoAlt }))), h("div", { key: 'b37ed29a5e8e377792398fb3ef0c3f125b119466', class: {
+            }, "aria-label": this.ariaLabelAppSwitchIconButton })), showCompanyLogoByProperty && (h("div", { key: '8c2dc3e31111a04c5e7aecabd11b458dc1c6b199', class: "logo" }, h("img", { key: '0594b3e00eb190ac2beef24df3c6987668c1fd69', src: this.companyLogo, alt: this.companyLogoAlt }))), h("div", { key: 'b51ceb91b1079d363999026e560874b0c2a1e390', class: {
                 logo: true,
                 'hide-logo': !this.hasSlottedLogo,
-            } }, h("slot", { key: '1e7a3194f242698d72387b48d62ecb36bee69fb4', name: "logo", onSlotchange: () => (this.hasSlottedLogo = this.checkLogoSlot()) })), h("div", { key: '3a1ae9c9d1a16cb9cc9e51769111bcd99aefcbfd', class: "name" }, h("ix-typography", { key: '97b6a6ff93405c7a58fed3e2d394b5036195b436', format: "body-lg", class: "application-name" }, this.name), this.nameSuffix && this.breakpoint !== 'sm' && (h("ix-typography", { key: '2107bc8e68ac9eca564a17751f1cd81bbb7a1ad7', format: "body-xs", class: "application-name-suffix" }, this.nameSuffix)))), h("div", { key: 'f05c6406ac65df92028fe176d90d31009417208f', class: { 'right-side': true, sm: this.breakpoint === 'sm' } }, this.breakpoint !== 'sm' && (h("div", { key: '6d8b477d4cb2fc869dd77feef82547ad7fca1d23', class: "secondary" }, h("slot", { key: '73f83d5dfbe63846383b6dacccbf9c22df63e035', name: "secondary" }))), h("div", { key: '8fa09abb2a3e3082c753735b1b3766299edf62f0', class: "content" }, this.breakpoint !== 'sm' && h("slot", { key: '4283447039f8f2bc64aa6b6ede2d5cbed6b15dee' }), h("ix-icon-button", { key: 'cf681acd5e2135ce899ee755346218157e69f27e', class: {
+            } }, h("slot", { key: '2659560a89277665227c8169cd1f40493ca50957', name: "logo", onSlotchange: () => (this.hasSlottedLogo = this.checkLogoSlot()) })), h("div", { key: '80f65852355d615792c0a923d174095aac094fea', class: "name" }, h("ix-typography", { key: 'ab984e7163d972ada42958f53a0ce58e9236cf34', format: "body-lg", class: "application-name" }, this.name), this.nameSuffix && this.breakpoint !== 'sm' && (h("ix-typography", { key: '9cd307c5ec49d7988084918d2f7e741669e501c9', format: "body-xs", class: "application-name-suffix" }, this.nameSuffix)))), h("div", { key: '9336ed1416b6e532a92d266809296f8509f35490', class: { 'right-side': true, sm: this.breakpoint === 'sm' } }, this.breakpoint !== 'sm' && (h("div", { key: 'daad8a4304d6276f4b4ac9c5e00ec939f3121a8c', class: "secondary" }, h("slot", { key: '2c6948ba05eb8fad24ef6a7fdddef62edd7b6f3b', name: "secondary" }))), h("div", { key: '49d1396f97cb218001107b8b189a66f9b6e1cc4a', class: "content" }, this.breakpoint !== 'sm' && h("slot", { key: 'a261e8552476f9d8b90101a4e471575a1787b076' }), h("ix-icon-button", { key: '0cd13b5d1bcc3d9aeb2a16465529833595af57d6', class: {
                 'context-menu': true,
                 'context-menu-visible': this.hasOverflowContextMenu,
-            }, "data-context-menu": true, "data-testid": "show-more", icon: iconMoreMenu, variant: "subtle-tertiary", "aria-label": this.ariaLabelMoreMenuIconButton, "aria-hidden": a11yBoolean(!this.hasOverflowContextMenu) }), h("ix-dropdown", { key: 'a0acad2315685ae3adb6b76e889976ff841c2590', "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton(), "aria-hidden": a11yBoolean(!this.hasOverflowContextMenu), enableTopLayer: this.enableTopLayer }, h("div", { key: '1c028bdf68db43d9001dba949852c25281938e48', class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, this.breakpoint === 'sm' && (h("div", { key: '7366d4bfa3d68280fa24fbeeed4ba21be1b598cc', class: {
+            }, "data-context-menu": true, "data-testid": "show-more", icon: iconMoreMenu, variant: "subtle-tertiary", "aria-label": this.ariaLabelMoreMenuIconButton, "aria-hidden": a11yBoolean(!this.hasOverflowContextMenu) }), h("ix-dropdown", { key: '2340aec42fc9d4a23d3fc257dabd24b44789c60f', "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton(), "aria-hidden": a11yBoolean(!this.hasOverflowContextMenu), enableTopLayer: this.enableTopLayer }, h("div", { key: 'ba14593b7d8365c205f61792a71f1f83190a3683', class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, this.breakpoint === 'sm' && (h("div", { key: '612c535b854e7254ebcad06edf9f41ad745babcb', class: {
                 'slot-content': true,
                 'slot-content-active': this.hasSecondarySlotElements,
-            } }, h("slot", { key: '19dfaf11bac37b1130122cfd7289b51112c7796d', name: "secondary", onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), this.breakpoint === 'sm' && (h("div", { key: '70fc852947963fc76d28ff07737d95ecc2751474', class: {
+            } }, h("slot", { key: '6a8c8df87ce24ca24cee6738e16cae3150370573', name: "secondary", onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), this.breakpoint === 'sm' && (h("div", { key: 'ffb74288c8b2f71941c9f9c4d710c4fe44c9996a', class: {
                 'slot-content': true,
                 'slot-content-active': this.hasDefaultSlotElements,
-            } }, h("slot", { key: '607ce94ee9c05f07281b921ef9da3c3417b8c99b', onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), h("div", { key: '223851bee394e67075ad931e54980b0c2691c98e', class: {
+            } }, h("slot", { key: '4d7d25254108d0297137f624a4ed248a4b8e8a7f', onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), h("div", { key: '188ccce5cc9eddf0bdadc92716a98f82491c3fcf', class: {
                 'slot-content': true,
                 'slot-content-active': this.hasOverflowSlotElements,
-            } }, h("slot", { key: '88e925666de5a68e6fca694cc0682954de30cd79', name: "overflow", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })))), h("slot", { key: '2806aac9e05a0d3b7fa423db8d19048950a936c5', name: "ix-application-header-avatar" })))));
+            } }, h("slot", { key: 'f5c7c0c2efec69700a7f44c90a89f56aec34ac85', name: "overflow", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })))), h("slot", { key: '002c29f2656a44471f7990d50354bf2767ca2021', name: "ix-application-header-avatar" })))));
     }
     static get watchers() { return {
         "applicationLayoutContext": [{

package/dist/esm/ix-application-switch-modal.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-Ca5WUunf.js';
-import { f as iconApps, g as iconOpenExternal } from './index-Cl7fhG1I.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-EBgS4zhE.js';
+import { f as iconApps, g as iconOpenExternal } from './index-DgUGsIlh.js';
 import { d as dismissModal } from './modal-DaGSr1j4.js';
 import './typed-event-CWshStHZ.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}`;
+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.4375rem;padding-inline-end:0.9375rem;flex:1 1 45%;cursor:pointer;border:0.0625rem solid transparent}:host .AppEntry.Selected{background-color:var(--theme-color-ghost--selected)}: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) {
     function isExternal(target) {
@@ -26,7 +26,7 @@ function ApplicationItem(props) {
         }, onClick: () => {
             dismissModal(props.host);
             window.open(props.url, props.target);
-        } }, h("div", null, h("img", { class: "AppIcon", src: props.iconSrc })), h("div", { class: "AppName" }, h("ix-typography", { format: "h4" }, props.name, isExternal(props.target) && (h("ix-icon", { size: "12", name: iconOpenExternal, color: "color-soft-text" }))), h("ix-typography", { format: "label-sm", textColor: "soft" }, props.description))));
+        } }, h("img", { class: "AppIcon", src: props.iconSrc, alt: "" }), h("div", { class: "AppName" }, h("ix-typography", { format: "h4" }, props.name, isExternal(props.target) && (h("ix-icon", { size: "12", name: iconOpenExternal, color: "color-soft-text" }))), h("ix-typography", { format: "label-sm", textColor: "soft" }, props.description))));
 }
 const ApplicationSwitchModal = class {
     constructor(hostRef) {
@@ -41,7 +41,7 @@ const ApplicationSwitchModal = class {
         }
     }
     render() {
-        return (h(Host, { key: '16262d6c110470be996a5db506a9a610c51ef0d6' }, h("ix-modal-header", { key: '5386a2b3ce91ad901f270ccb25c3b32c28de5cc0', icon: iconApps }, this.config?.i18nAppSwitch || 'Switch to application'), h("ix-modal-content", { key: '65666bad6b09fd3af20b9266d7f30b232da01a31', class: "content" }, h("div", { key: '1622ad7361a15518bdf367e13a6d20159495d15e', class: "content-apps" }, (!this.config || this.config?.apps.length === 0) && (h("div", { key: '778d2f8110c1f79b1a65a1765c393c922de4a1bb', class: "loading" }, h("ix-spinner", { key: 'c80583bc15238aac1ec59ddd0cf6638217667fa5', size: "medium", variant: "primary" }), h("span", { key: 'ac4257820259ae71b62e9703e730e7367c463bcf' }, this.config?.i18nLoadingApps ||
+        return (h(Host, { key: 'd5f90b59051a81a5c9157cf76f181d0dbf3db288' }, h("ix-modal-header", { key: 'a56ca3229b08765f10b792b0aaa850e15ab6a233', icon: iconApps }, this.config?.i18nAppSwitch || 'Switch to application'), h("ix-modal-content", { key: '4ed63c67ea9a17355d010cd74eb80f9e3d15d26a', class: "content" }, h("div", { key: '1a9cadf4e12af46758b21d3074a97b10e9a00e6c', class: "content-apps" }, (!this.config || this.config?.apps.length === 0) && (h("div", { key: 'c0dbbd963ecc7afa860b2dc18cd93c8f93ce228a', class: "loading" }, h("ix-spinner", { key: '9da41df87f43a42f2c62019ba48f2eda65c25205', size: "medium", variant: "primary" }), h("span", { key: '1865e305014310653486c4115dca075f8ffc4a92' }, this.config?.i18nLoadingApps ||
             'Loading available applications...'))), this.config?.apps.map((appEntry) => (h(ApplicationItem, { host: this.hostElement, name: appEntry.name, description: appEntry.description, iconSrc: appEntry.iconSrc, target: appEntry.target, url: appEntry.url, selected: appEntry.id === this.config?.currentAppId })))))));
     }
 };

package/dist/esm/ix-application.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-Ca5WUunf.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-EBgS4zhE.js';
 import { u as useContextProvider, A as ApplicationLayoutContext } from './context-zqk3Dkv-.js';
 import { a as applicationLayoutService } from './service-CEglFEKY.js';
-import { m as menuController } from './menu-service-DTIYRV47.js';
-import { h as hasSlottedElements } from './shadow-dom-BIe8Nw9M.js';
+import { m as menuController } from './menu-service-DYOa8RGJ.js';
+import { h as hasSlottedElements } from './shadow-dom-BClJdFQP.js';
 import { t as themeSwitcher } from './theme-switcher-CRVG13AN.js';
 import './typed-event-CWshStHZ.js';
 import './breakpoints-D_Hmobxf.js';
@@ -28,9 +28,14 @@ const Application = class {
      * Change the responsive layout of the menu structure
      */
     forceBreakpoint;
+    onForceBreakpointChange(forceBreakpoint) {
+        this.setBreakpoints(this.breakpoints);
+        this.forceLayoutChange(forceBreakpoint);
+    }
     forceLayoutChange(newMode) {
         if (!newMode) {
             applicationLayoutService.enableBreakpointDetection();
+            applicationLayoutService.debouncedOnResize();
             return;
         }
         applicationLayoutService.disableBreakpointDetection();
@@ -41,7 +46,7 @@ const Application = class {
      */
     breakpoints = ['sm', 'md', 'lg'];
     onBreakpointsChange(breakpoints) {
-        applicationLayoutService.setBreakpoints(breakpoints);
+        this.setBreakpoints(breakpoints);
     }
     /**
      * Define application switch configuration
@@ -63,20 +68,27 @@ const Application = class {
         }
         this.menu?.toggleMenu(false);
     }
+    setBreakpoints(breakpoints) {
+        if (this.forceBreakpoint) {
+            applicationLayoutService.setBreakpoints([this.forceBreakpoint]);
+        }
+        else {
+            applicationLayoutService.setBreakpoints(breakpoints);
+        }
+    }
     componentWillLoad() {
-        applicationLayoutService.setBreakpoints(this.breakpoints);
+        this.setBreakpoints(this.breakpoints);
         this.contextProvider = useContextProvider(this.hostElement, ApplicationLayoutContext, {
             hideHeader: false,
             sidebar: this.applicationSidebarSlotted,
             appSwitchConfig: this.appSwitchConfig,
         });
         this.modeDisposable = applicationLayoutService.onChange.on((mode) => {
-            this.breakpoint = mode;
+            this.breakpoint = this.forceBreakpoint || mode;
         });
-        this.breakpoint = applicationLayoutService.breakpoint;
-        if (this.forceBreakpoint) {
-            this.forceLayoutChange(this.forceBreakpoint);
-        }
+        this.breakpoint =
+            this.forceBreakpoint || applicationLayoutService.breakpoint;
+        this.forceLayoutChange(this.forceBreakpoint);
     }
     disconnectedCallback() {
         this.modeDisposable?.dispose();
@@ -105,14 +117,17 @@ const Application = class {
         });
     }
     render() {
-        return (h(Host, { key: '9621e446a9532a740dcdef516a51d326c59587a7', "data-role": "", class: {
+        return (h(Host, { key: 'b580ca5dbbd164b45beb5b6863fc3f6ffd830f08', "data-role": "", class: {
                 [`breakpoint-${this.breakpoint}`]: true,
-            } }, h("slot", { key: '0061a139b7fa722e97da65fbcaf2853bdd185466', name: "application-header" }), h("div", { key: 'b2da184f99ab27ce576be02221497bb24462bb69', class: "application" }, h("slot", { key: '8e5895c10cb495320f251c9c44949700629be9ee', name: "menu" }), h("aside", { key: '60a6cd879294682b56061f4b0fd9bb2342fce229', class: {
+            } }, h("slot", { key: '6055d2a286d3b90e4aca43bee094e509ab4780fd', name: "application-header" }), h("div", { key: '6418c3369dc0525d99c29015d5717a791a2ddd4c', class: "application" }, h("slot", { key: 'a6adda421cf6294d34da129a5dd3bc366f6384ca', name: "menu" }), h("aside", { key: '3f359f1ef65e8fa1f35f4001b23ec10d32a7d5be', class: {
                 'application-sidebar': true,
                 slotted: this.applicationSidebarSlotted,
-            }, onClick: () => this.onContentClick() }, h("slot", { key: '19416cec696ff2b7ae2818ebe375b98892df3116', name: "application-sidebar", onSlotchange: () => (this.applicationSidebarSlotted = hasSlottedElements(this.applicationSidebarSlot)) })), h("div", { key: 'd6bd6479222c1b19c6e45f68e6993c534ce5afd2', class: "content-area" }, h("main", { key: 'ac7117c1a192eadf913e8ab474019dcdd5c81025', class: "content", onClick: () => this.onContentClick() }, h("slot", { key: 'bac13c155b023321b111f3ea89603840c6b73fe0' })), h("footer", { key: '5acded667f8360c952516a0a55ca5b0936834add', class: "footer" }, h("slot", { key: '34be70c1aa056e735aa52c17d4a8c469a68611ed', name: "bottom" }))))));
+            }, onClick: () => this.onContentClick() }, h("slot", { key: 'f335892f90b7d9f9020bbeb5b9a732404bfcde00', name: "application-sidebar", onSlotchange: () => (this.applicationSidebarSlotted = hasSlottedElements(this.applicationSidebarSlot)) })), h("div", { key: '93333ea8c99802b366971d1c9717418262fc649d', class: "content-area" }, h("main", { key: '79fe70895b7725377b679b98c04784f6fd7ff789', class: "content", onClick: () => this.onContentClick() }, h("slot", { key: '22d8f248280108d31903f67e7678804cf78dc658' })), h("footer", { key: '9e541aa388f2aaf44d8f41987ded1bcd863a22f6', class: "footer" }, h("slot", { key: '9b87eb43ced974fca634e1f4c1282669be3135b4', name: "bottom" }))))));
     }
     static get watchers() { return {
+        "forceBreakpoint": [{
+                "onForceBreakpointChange": 0
+            }],
         "breakpoints": [{
                 "onBreakpointsChange": 0
             }],

package/dist/esm/ix-avatar_2.entry.js

@@ -1,15 +1,15 @@
-import { M as Mixin, r as registerInstance, g as getElement, d as readTask, h, F as Fragment, H as Host, c as createEvent } from './index-Ca5WUunf.js';
-import { B as BaseButton } from './base-button-hppF0uUM.js';
-import { b as a11yHostAttributes, a as a11yBoolean } from './a11y-B5k8YVR0.js';
+import { M as Mixin, r as registerInstance, g as getElement, d as readTask, h, F as Fragment, H as Host, c as createEvent } from './index-EBgS4zhE.js';
+import { B as BaseButton } from './base-button-DZdtpLxn.js';
+import { b as a11yHostAttributes, a as a11yBoolean } from './a11y-C21npbUc.js';
 import { m as makeRef } from './make-ref-Djkc69iv.js';
-import { c as closestElement, h as hasSlottedElements } from './shadow-dom-BIe8Nw9M.js';
-import { P as PROXY_LISTITEM_ID_SUFFIX, u as updateFocusProxyList, F as FocusProxy } from './focus-proxy-BgLEsVE2.js';
-import { D as DefaultMixins } from './component-Chfbghog.js';
+import { d as closestElement, h as hasSlottedElements } from './shadow-dom-BClJdFQP.js';
+import { P as PROXY_LISTITEM_ID_SUFFIX, u as updateFocusProxyList, F as FocusProxy } from './focus-proxy-BQyoX-Kl.js';
+import { D as DefaultMixins } from './component-DqJSHc3A.js';
 import { C as ComponentIdMixin } from './id.mixin-CUbYLenp.js';
 import { A as AriaActiveDescendantMixin } from './aria-activedescendant.mixin-CM-NUHTW.js';
-import './focus-utilities-DnaItyVQ.js';
+import './focus-utilities-6ZxKp7Jn.js';
 
-const avatarCss = () => `:host{display:flex;position:relative;width:-moz-fit-content;width:fit-content}: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{display:flex;align-items:center}:host .avatar>.avatar-image{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}:host .avatar>.avatar-initials{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-avatar--background);color:var(--theme-avatar--color)}:host .avatar>.avatar-initials>ix-typography{margin-top:1px}:host .avatar #avatar-path-background{fill:var(--theme-avatar--background)}:host .avatar #avatar-path-person{fill:var(--theme-avatar--color)}:host .user-info{display:flex;flex-direction:row;position:relative;height:2.5rem;padding:1rem;width:12.75rem;min-width:12.75rem;max-width:12.75rem;gap:1rem}:host .user-info .avatar{width:2rem;pointer-events:none}:host .user-info .user{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:10rem;width:100%;overflow:hidden}:host .user-info .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .user-info .extra{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.avatar-button) button{border-radius:100px !important;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(.avatar-button) button{padding:0px}:host(.avatar-button) .btn-tertiary{text-align:start;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(.avatar-button) .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host(.avatar-button) .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):hover,:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.avatar-button) button:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.avatar-button) .avatar{transform:scale(0.8)}:host(.avatar-button) .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host(.avatar-button) .proxy-list li{height:2px;width:2px;pointer-events:all}`;
+const avatarCss = () => `:host{display:flex;position:relative;width:-moz-fit-content;width:fit-content}: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{display:flex;align-items:center}:host .avatar>.avatar-image{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}:host .avatar>.avatar-initials{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-avatar--background);color:var(--theme-avatar--color)}:host .avatar>.avatar-initials>ix-typography{margin-top:1px}:host .avatar #avatar-path-background{fill:var(--theme-avatar--background)}:host .avatar #avatar-path-person{fill:var(--theme-avatar--color)}:host .user-info{display:flex;flex-direction:row;position:relative;height:2.5rem;padding:1rem;width:12.75rem;min-width:12.75rem;max-width:12.75rem;gap:1rem}:host .user-info .avatar{width:2rem;pointer-events:none}:host .user-info .user{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:10rem;width:100%;overflow:hidden}:host .user-info .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .user-info .extra{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.avatar-button) button{border-radius:100px !important;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:var(--ix-button-padding, 0 0.5rem)}:host(.avatar-button) button{padding:0px}:host(.avatar-button) .btn-tertiary{text-align:start;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(.avatar-button) .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host(.avatar-button) .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):hover,:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.avatar-button) button:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.avatar-button) .avatar{transform:scale(0.8)}:host(.avatar-button) .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host(.avatar-button) .proxy-list li{height:2px;width:2px;pointer-events:all}`;
 
 function DefaultAvatar(props) {
     const { initials } = props;
@@ -188,7 +188,7 @@ const MenuAvatarItem = class {
         return this.dropdownItemRef.waitForCurrent();
     }
     render() {
-        return (h("ix-dropdown-item", { key: 'f96a631b215cb1d42035b4d5ffb7ce7fbea2b34a', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
+        return (h("ix-dropdown-item", { key: '437aead7832603097e4f814abef0108dcb0ad386', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
     }
 };
 MenuAvatarItem.style = menuAvatarItemCss();