@siemens/ix 5.0.0 → 5.1.1

package/dist/esm/focus-trap-IK9ialav.js

@@ -0,0 +1,304 @@
+import { i as isMakeRef } from './make-ref-Djkc69iv.js';
+import { q as queryElements, t as tryFocusElement, f as focusElementInContext, b as focusableQueryString } from './focus-utilities-6ZxKp7Jn.js';
+
+/*
+ * SPDX-FileCopyrightText: 2026 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+const TRAP_FOCUS_EXCLUDE_ATTRIBUTE = 'data-ix-focus-trap-exclude';
+const TRAP_FOCUS_INCLUDE_ATTRIBUTE = 'data-ix-focus-trap-include';
+const POPOVER_TAG = 'IX-POPOVER';
+const POPOVER_HEADER_TAG = 'IX-POPOVER-HEADER';
+const focusTrapQuery = `${focusableQueryString}, [${TRAP_FOCUS_INCLUDE_ATTRIBUTE}]`;
+const mergeUniqueInDocumentOrder = (...lists) => {
+    const unique = [];
+    const seen = new Set();
+    for (const list of lists) {
+        for (const element of list) {
+            if (!seen.has(element)) {
+                seen.add(element);
+                unique.push(element);
+            }
+        }
+    }
+    return unique.sort((a, b) => {
+        const position = a.compareDocumentPosition(b);
+        if (position & Node.DOCUMENT_POSITION_FOLLOWING) {
+            return -1;
+        }
+        if (position & Node.DOCUMENT_POSITION_PRECEDING) {
+            return 1;
+        }
+        return 0;
+    });
+};
+const getDeepActiveElement = () => {
+    let active = document.activeElement;
+    while (active) {
+        if (active instanceof HTMLElement && active.shadowRoot?.activeElement) {
+            const shadowActive = active.shadowRoot.activeElement;
+            if (shadowActive !== active) {
+                active = shadowActive;
+                continue;
+            }
+        }
+        const root = active.getRootNode();
+        if (root instanceof ShadowRoot &&
+            root.activeElement &&
+            root.activeElement !== active) {
+            active = root.activeElement;
+            continue;
+        }
+        break;
+    }
+    return active;
+};
+const resolveFocusTrapActiveElement = (trapHost, focusableElements) => {
+    let activeElement = getDeepActiveElement();
+    if (findActiveFocusableIndex(activeElement, focusableElements) !== -1) {
+        if (activeElement instanceof HTMLElement &&
+            activeElement.hasAttribute(TRAP_FOCUS_INCLUDE_ATTRIBUTE) &&
+            activeElement.shadowRoot?.activeElement) {
+            const includedActive = activeElement.shadowRoot.activeElement;
+            if (findActiveFocusableIndex(includedActive, focusableElements) !== -1) {
+                return includedActive;
+            }
+        }
+        return activeElement;
+    }
+    const shadowActive = trapHost.shadowRoot?.activeElement;
+    if (shadowActive instanceof HTMLElement &&
+        findActiveFocusableIndex(shadowActive, focusableElements) !== -1) {
+        return shadowActive;
+    }
+    return activeElement;
+};
+function findActiveFocusableIndex(active, focusableElements) {
+    if (!(active instanceof HTMLElement)) {
+        return -1;
+    }
+    const directIndex = focusableElements.indexOf(active);
+    if (directIndex !== -1) {
+        return directIndex;
+    }
+    for (let index = 0; index < focusableElements.length; index++) {
+        const candidate = focusableElements[index];
+        if (candidate.shadowRoot?.contains(active)) {
+            return index;
+        }
+        const activeRoot = active.getRootNode();
+        if (activeRoot instanceof ShadowRoot && activeRoot.host === candidate) {
+            return index;
+        }
+        if (candidate.contains(active)) {
+            return index;
+        }
+    }
+    return -1;
+}
+const isOpenPopoverHost = (host) => {
+    if (host.classList.contains('visible')) {
+        return true;
+    }
+    const dialog = host.shadowRoot?.querySelector('dialog');
+    return dialog?.matches(':popover-open') ?? false;
+};
+const isNestedOpenPopoverLayer = (element, trapHost) => {
+    const ownerPopover = getPopoverHostForElement(element);
+    return (ownerPopover !== undefined &&
+        ownerPopover !== trapHost &&
+        isOpenPopoverHost(ownerPopover));
+};
+function getPopoverHostForElement(element) {
+    let current = element;
+    while (current) {
+        if (current instanceof HTMLElement && current.tagName === POPOVER_TAG) {
+            return current;
+        }
+        const root = current.getRootNode();
+        if (root instanceof ShadowRoot) {
+            current = root.host;
+            continue;
+        }
+        current = current.parentElement;
+    }
+    return undefined;
+}
+function isWithinInertSubtree(element) {
+    let current = element;
+    while (current) {
+        if (current instanceof HTMLElement && current.inert) {
+            return true;
+        }
+        if (current instanceof ShadowRoot) {
+            current = current.host;
+            continue;
+        }
+        current = current.parentNode;
+    }
+    return false;
+}
+function shouldExcludeFromFocusTrap(element, trapHost) {
+    if (isWithinInertSubtree(element)) {
+        return true;
+    }
+    const ownerPopover = getPopoverHostForElement(element);
+    if (!ownerPopover || ownerPopover === trapHost) {
+        return false;
+    }
+    return true;
+}
+/** CSS-hidden controls can match the focusable query but are not in tab order. */
+function isHiddenFromTabOrder(element) {
+    const { display, visibility } = getComputedStyle(element);
+    return display === 'none' || visibility === 'hidden';
+}
+/** Drops focusables inside closed or nested child popovers (not tabbable in the active layer). */
+function filterFocusTrapFocusables(focusableElements, trapHost) {
+    return focusableElements.filter((element) => !shouldExcludeFromFocusTrap(element, trapHost));
+}
+function expandFocusTrapIncludes(focusableElements, options) {
+    const useBoth = options?.trapFocusInShadowDom === 'both';
+    for (let index = 0; index < focusableElements.length; index++) {
+        const includeElement = focusableElements[index];
+        if (!includeElement.hasAttribute(TRAP_FOCUS_INCLUDE_ATTRIBUTE)) {
+            continue;
+        }
+        const includedFocusableElements = queryElements(useBoth ||
+            (options?.trapFocusInShadowDom === true && includeElement.shadowRoot)
+            ? (includeElement.shadowRoot ?? includeElement)
+            : includeElement, focusableQueryString, useBoth).filter((element) => element !== includeElement && !isHiddenFromTabOrder(element));
+        for (const includedElement of includedFocusableElements) {
+            const duplicateIndex = focusableElements.indexOf(includedElement);
+            if (duplicateIndex !== -1) {
+                focusableElements.splice(duplicateIndex, 1);
+                if (duplicateIndex < index) {
+                    index--;
+                }
+            }
+        }
+        focusableElements.splice(index, 1, ...includedFocusableElements);
+        index += includedFocusableElements.length - 1;
+    }
+}
+function getFocusTrapFocusables(ref, options) {
+    const useBoth = options?.trapFocusInShadowDom === 'both';
+    let focusableElements;
+    if (useBoth) {
+        const fromShadow = ref.shadowRoot
+            ? queryElements(ref.shadowRoot, focusTrapQuery, false)
+            : [];
+        const fromLight = queryElements(ref, focusTrapQuery, false);
+        focusableElements = mergeUniqueInDocumentOrder(fromShadow, fromLight);
+    }
+    else {
+        const focusTrapRoot = options?.trapFocusInShadowDom === true ? ref.shadowRoot : ref;
+        focusableElements = queryElements(focusTrapRoot, focusTrapQuery, useBoth);
+    }
+    expandFocusTrapIncludes(focusableElements, options);
+    const filtered = filterFocusTrapFocusables(focusableElements, ref).filter((element) => !isHiddenFromTabOrder(element));
+    if (!options?.excludeElements) {
+        return filtered;
+    }
+    return filtered.filter((element) => !element.hasAttribute(TRAP_FOCUS_EXCLUDE_ATTRIBUTE));
+}
+function isHeaderFocusable(element, trapHost) {
+    let current = element;
+    while (current && current !== trapHost) {
+        if (current instanceof HTMLElement &&
+            current.tagName === POPOVER_HEADER_TAG) {
+            return true;
+        }
+        const root = current.getRootNode();
+        if (root instanceof ShadowRoot) {
+            current = root.host;
+            continue;
+        }
+        current = current.parentElement;
+    }
+    return false;
+}
+/** Focus the first content control; falls back to the header close when content has none. */
+function focusFirstFocusTrapElement(ref, options, focusOptions) {
+    const focusableElements = getFocusTrapFocusables(ref, options);
+    const contentFirst = focusableElements.find((element) => !isHeaderFocusable(element, ref));
+    const target = contentFirst ?? focusableElements[0];
+    focusElementInContext(target ?? null, ref, focusOptions);
+}
+const resolveFocusTrapElement = async (target) => {
+    if (target instanceof HTMLElement) {
+        return target;
+    }
+    if (isMakeRef(target)) {
+        return target.waitForCurrent();
+    }
+    throw new Error('Invalid focus trap element reference');
+};
+const addFocusTrap = async (element, options) => {
+    const trapHost = options?.targetElement
+        ? await resolveFocusTrapElement(options.targetElement)
+        : element;
+    let listenerTarget = element;
+    if (options?.listenOnDocument) {
+        listenerTarget = document;
+    }
+    else if (options?.targetElement) {
+        listenerTarget = trapHost;
+    }
+    const onKeydown = (event) => {
+        const keyboardEvent = event;
+        if (keyboardEvent.key !== 'Tab') {
+            return;
+        }
+        if (options?.listenOnDocument) {
+            if (options.shouldDeferTabTrap?.(trapHost)) {
+                return;
+            }
+            const deepActive = getDeepActiveElement();
+            if (deepActive instanceof HTMLElement &&
+                isNestedOpenPopoverLayer(deepActive, trapHost)) {
+                return;
+            }
+        }
+        const focusableElements = getFocusTrapFocusables(trapHost, options);
+        if (focusableElements.length === 0) {
+            return;
+        }
+        const firstElement = focusableElements[0];
+        const lastElement = focusableElements[focusableElements.length - 1];
+        const activeElement = resolveFocusTrapActiveElement(trapHost, focusableElements);
+        const activeIndex = findActiveFocusableIndex(activeElement, focusableElements);
+        let handled = false;
+        if (activeIndex === -1) {
+            return;
+        }
+        if (keyboardEvent.shiftKey) {
+            if (activeIndex === 0) {
+                keyboardEvent.preventDefault();
+                tryFocusElement(lastElement);
+                handled = true;
+            }
+        }
+        else if (activeIndex === focusableElements.length - 1) {
+            keyboardEvent.preventDefault();
+            tryFocusElement(firstElement);
+            handled = true;
+        }
+        if (handled) {
+            event.stopImmediatePropagation();
+        }
+    };
+    listenerTarget.addEventListener('keydown', onKeydown);
+    const destroy = () => {
+        listenerTarget.removeEventListener('keydown', onKeydown);
+    };
+    return {
+        destroy,
+    };
+};
+
+export { TRAP_FOCUS_EXCLUDE_ATTRIBUTE as T, addFocusTrap as a, TRAP_FOCUS_INCLUDE_ATTRIBUTE as b, focusFirstFocusTrapElement as f, getFocusTrapFocusables as g };

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: '13c017461553dde76509473679c2c0942f0536ef' }, h("button", { key: 'b0a154fff6809c67e595a90137ba46eaab2654ed', type: "button", disabled: this.passive, "aria-label": this.ariaLabelCard, "aria-labelledby": ariaLabelledBy }, h("ix-card", { key: '1718627fa2718bf42b19d8b967ea556fa0b7bc09', selected: this.selected, variant: this.variant, passive: this.passive, class: this.passive ? undefined : 'pointer' }, h("ix-card-content", { key: 'fa854f2be562cd938122504d2f531f4f9bac52e9' }, this.icon ? (h("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon ||
+                getFallbackLabelFromIconName(this.icon) })) : null, h("div", { key: 'bcf7099102118877945d25a908b988e6bfccf00f' }, 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: 'd77220fa34088b62378d3c095c50f87e4442a002' })))))));
     }
 };
 IxActionCard.style = actionCardCss();