@siemens/ix 5.0.0 → 5.1.0

package/dist/cjs/focus-trap-Be3N4ytz.js

@@ -0,0 +1,310 @@
+'use strict';
+
+var makeRef = require('./make-ref-CHsa3FY7.js');
+var focusUtilities = require('./focus-utilities-5SZMxJg4.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 = `${focusUtilities.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 = focusUtilities.queryElements(useBoth ||
+            (options?.trapFocusInShadowDom === true && includeElement.shadowRoot)
+            ? (includeElement.shadowRoot ?? includeElement)
+            : includeElement, focusUtilities.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
+            ? focusUtilities.queryElements(ref.shadowRoot, focusTrapQuery, false)
+            : [];
+        const fromLight = focusUtilities.queryElements(ref, focusTrapQuery, false);
+        focusableElements = mergeUniqueInDocumentOrder(fromShadow, fromLight);
+    }
+    else {
+        const focusTrapRoot = options?.trapFocusInShadowDom === true ? ref.shadowRoot : ref;
+        focusableElements = focusUtilities.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];
+    focusUtilities.focusElementInContext(target ?? null, ref, focusOptions);
+}
+const resolveFocusTrapElement = async (target) => {
+    if (target instanceof HTMLElement) {
+        return target;
+    }
+    if (makeRef.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();
+                focusUtilities.tryFocusElement(lastElement);
+                handled = true;
+            }
+        }
+        else if (activeIndex === focusableElements.length - 1) {
+            keyboardEvent.preventDefault();
+            focusUtilities.tryFocusElement(firstElement);
+            handled = true;
+        }
+        if (handled) {
+            event.stopImmediatePropagation();
+        }
+    };
+    listenerTarget.addEventListener('keydown', onKeydown);
+    const destroy = () => {
+        listenerTarget.removeEventListener('keydown', onKeydown);
+    };
+    return {
+        destroy,
+    };
+};
+
+exports.TRAP_FOCUS_EXCLUDE_ATTRIBUTE = TRAP_FOCUS_EXCLUDE_ATTRIBUTE;
+exports.TRAP_FOCUS_INCLUDE_ATTRIBUTE = TRAP_FOCUS_INCLUDE_ATTRIBUTE;
+exports.addFocusTrap = addFocusTrap;
+exports.focusFirstFocusTrapElement = focusFirstFocusTrapElement;
+exports.getFocusTrapFocusables = getFocusTrapFocusables;

package/dist/cjs/{focus-utilities-yx7wWjEO.js → focus-utilities-5SZMxJg4.js}

@@ -28,28 +28,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)) {
@@ -78,7 +103,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) {
@@ -87,10 +112,10 @@ const focusElementInContext = (hostToFocus, fallbackElement) => {
                 hostToFocus;
     }
     if (elementToFocus) {
-        focusElement(elementToFocus);
+        tryFocusElement(elementToFocus, options);
     }
     else {
-        focusElement(fallbackElement);
+        tryFocusElement(fallbackElement, options);
     }
 };
 const focusElement = (element, options) => {
@@ -101,11 +126,28 @@ 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)}`;
 
 exports.FOCUS_KEYS = FOCUS_KEYS;
 exports.IX_FOCUS_VISIBLE = IX_FOCUS_VISIBLE;

package/dist/cjs/{focus-visible.mixin-BU5Ql7d1.js → focus-visible.mixin-1V7Eldn_.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BKQkUbyE.js');
-var a11y = require('./a11y-C_6YiIMa.js');
+var index = require('./index-DnclGKUw.js');
+var a11y = require('./a11y-_XjpTo2w.js');
 
 const FocusVisibleMixin = (Base) => {
     const FocusVisibleMixinCtor = class extends Base {

package/dist/cjs/{helper-text-util-CvfY1JxE.js → helper-text-util-BkHm7ofh.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BKQkUbyE.js');
-var index$1 = require('./index-Dw-NwUuT.js');
-var a11y = require('./a11y-C_6YiIMa.js');
+var index = require('./index-DnclGKUw.js');
+var index$1 = require('./index-CwJ-mkQd.js');
+var a11y = require('./a11y-_XjpTo2w.js');
 
 /*
  * SPDX-FileCopyrightText: 2024 Siemens AG

package/dist/cjs/{index-Dw-NwUuT.js → index-CwJ-mkQd.js}

@@ -9,11 +9,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>";
@@ -55,11 +55,11 @@ exports.iconApps = iconApps;
 exports.iconArrowLeft = iconArrowLeft;
 exports.iconArrowRight = iconArrowRight;
 exports.iconCalendar = iconCalendar;
-exports.iconChevronDown = iconChevronDown;
 exports.iconChevronDownSmall = iconChevronDownSmall;
 exports.iconChevronLeftSmall = iconChevronLeftSmall;
 exports.iconChevronRight = iconChevronRight;
 exports.iconChevronRightSmall = iconChevronRightSmall;
+exports.iconChevronUp = iconChevronUp;
 exports.iconChevronUpSmall = iconChevronUpSmall;
 exports.iconCircle = iconCircle;
 exports.iconCircleDot = iconCircleDot;

package/dist/cjs/{index-BKQkUbyE.js → index-DnclGKUw.js}

@@ -22,7 +22,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
  */
 
 
@@ -364,6 +364,26 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './ix-pane-layout.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'ix-popover.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ix-popover.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'ix-popover-content.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ix-popover-content.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'ix-popover-footer.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ix-popover-footer.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'ix-popover-header.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ix-popover-header.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'ix-popover-image.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './ix-popover-image.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'ix-progress-indicator.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */

package/dist/cjs/index.cjs.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var index$1 = require('./index-BKQkUbyE.js');
+var index$1 = require('./index-DnclGKUw.js');
 var rwd_util = require('./rwd.util-GTn-vgCJ.js');
 var logicalFilterOperator = require('./logical-filter-operator-Dv9-d8FB.js');
 var tree_types = require('./tree.types-Cs9O1Wtf.js');
 var uploadFileState = require('./upload-file-state-BvLCvnjZ.js');
 var modal = require('./modal-_AhJoT78.js');
 var animation = require('./animation-hxDbANsw.js');
-var index = require('./index-Dw-NwUuT.js');
+var index = require('./index-CwJ-mkQd.js');
 var typedEvent = require('./typed-event-Bw4IfJC0.js');
 var themeSwitcher = require('./theme-switcher-sbkXOvhB.js');
 

package/dist/cjs/{inherit-aria-attributes.mixin-Sl7J-OlO.js → inherit-aria-attributes.mixin-EyRU0cDO.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-BKQkUbyE.js');
-var a11y = require('./a11y-C_6YiIMa.js');
+var index = require('./index-DnclGKUw.js');
+var a11y = require('./a11y-_XjpTo2w.js');
 
 const InheritAriaAttributesMixin = (Base) => {
     const InheritAriaAttributesMixinCtor = class extends Base {

package/dist/cjs/{input-picker.mixin-EoIayQV9.js → input-picker.mixin-Cf82jV-C.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var dropdownController = require('./dropdown-controller-DeBeUVhj.js');
-var index = require('./index-BKQkUbyE.js');
+var dropdownController = require('./dropdown-controller-kBwdbfGD.js');
+var index = require('./index-DnclGKUw.js');
 
 /*
  * SPDX-FileCopyrightText: 2025 Siemens AG

package/dist/cjs/{input.fc-CsACCdp7.js → input.fc-DM-hX3xb.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-BKQkUbyE.js');
-var a11y = require('./a11y-C_6YiIMa.js');
+var index = require('./index-DnclGKUw.js');
+var a11y = require('./a11y-_XjpTo2w.js');
 var mutationObserver = require('./mutation-observer-DE0YMfYu.js');
 var rwd_util = require('./rwd.util-GTn-vgCJ.js');
 var anime_esm = require('./anime.esm-AXTM6yn_.js');
 var animation = require('./animation-hxDbANsw.js');
-var validation = require('./validation-Dier-uPA.js');
+var validation = require('./validation-DJaUH-UR.js');
 
 /*
  * SPDX-FileCopyrightText: 2024 Siemens AG

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BKQkUbyE.js');
-var a11y = require('./a11y-C_6YiIMa.js');
+var index = require('./index-DnclGKUw.js');
+var a11y = require('./a11y-_XjpTo2w.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) {
@@ -54,7 +54,8 @@ const IxActionCard = class {
         const ariaLabelledBy = !this.ariaLabelCard && this.heading
             ? 'ix-action-card-heading'
             : undefined;
-        return (index.h(index.Host, { key: '3c4975b39af044bc6af37f6420fa95c772904906' }, index.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 }, index.h("ix-card-content", { key: 'fa5beccb483bd702884770b50e7105a6b57167a1' }, this.icon ? (index.h("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon || a11y.getFallbackLabelFromIconName(this.icon) })) : null, index.h("div", { key: 'd694d8b0a424c7971c2fa2e860045cf25b20ae3d' }, this.heading ? (index.h("ix-typography", { id: "ix-action-card-heading", "aria-hidden": a11y.a11yBoolean(!ariaLabelledBy), format: "h4" }, this.heading)) : null, this.subheading ? (index.h("ix-typography", { format: "h5", "text-color": this.getSubheadingTextColor() }, this.subheading)) : null, index.h("slot", { key: 'edf7f011821f3fe44120583025255ecdb9441f4f' }))))));
+        return (index.h(index.Host, { key: 'b56ab72218bf3b098acb7d1f7bbbc967dc7851c9' }, index.h("button", { key: '87ef305e4149a4f883f52b9d2d26cc3080073082', type: "button", disabled: this.passive, "aria-label": this.ariaLabelCard, "aria-labelledby": ariaLabelledBy }, index.h("ix-card", { key: '5064b548f6434036d5c46e9162e4bad1f06f3a40', selected: this.selected, variant: this.variant, passive: this.passive, class: this.passive ? undefined : 'pointer' }, index.h("ix-card-content", { key: 'dbfb7bcda7ae018721e8e1d06f85b2fadd8330d0' }, this.icon ? (index.h("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon ||
+                a11y.getFallbackLabelFromIconName(this.icon) })) : null, index.h("div", { key: '51a82f1f462f9638980f7f2b18a4cfd54db24cf6' }, this.heading ? (index.h("ix-typography", { id: "ix-action-card-heading", "aria-hidden": a11y.a11yBoolean(!ariaLabelledBy), format: "h4" }, this.heading)) : null, this.subheading ? (index.h("ix-typography", { format: "h5", "text-color": this.getSubheadingTextColor() }, this.subheading)) : null, index.h("slot", { key: 'c8ae09e93db05dab6f0a1820c0022c9142b6cc54' })))))));
     }
 };
 IxActionCard.style = actionCardCss();