@db-ux/wc-core-components 4.12.0 → 4.13.0-shell-f221975

package/dist/esm/{document-scroll-listener-4F0ZAg9p.js → document-scroll-listener-B8lkAL-m.js}

@@ -1,6 +1,29 @@
-import { u as uuid } from './index-fumiz06Y.js';
+import { u as uuid } from './index-DB8jc8lh.js';
 
-class DocumentScrollListener {
+/**
+ * Generic base class for singleton document event listeners.
+ * Manages a shared set of callbacks dispatched when a document-level
+ * event fires.
+ *
+ * Subclasses own their static state (callbacks, instance) and expose
+ * it via the abstract accessor methods below.
+ *
+ * @template TEvent - The event type passed to callbacks (Event, MouseEvent, etc.)
+ */
+class AbstractDocumentListener {
+    addCallback(callback) {
+        const id = uuid();
+        const callbacks = this.getCallbacks();
+        callbacks[id] = callback;
+        return id;
+    }
+    removeCallback(id) {
+        const callbacks = this.getCallbacks();
+        delete callbacks[id];
+    }
+}
+
+class DocumentScrollListener extends AbstractDocumentListener {
     static runCallbacks(event) {
         for (const callback of Object.values(DocumentScrollListener.callbacks)) {
             if (typeof callback === 'function') {
@@ -9,6 +32,7 @@ class DocumentScrollListener {
         }
     }
     constructor() {
+        super();
         this.ticking = false;
         if (DocumentScrollListener._instance) {
             return DocumentScrollListener._instance;
@@ -26,16 +50,11 @@ class DocumentScrollListener {
             }, true);
         }
     }
-    addCallback(callback) {
-        const callbackID = uuid();
-        DocumentScrollListener.callbacks[callbackID] = callback;
-        return callbackID;
-    }
-    removeCallback(id) {
-        delete DocumentScrollListener.callbacks[id];
+    getCallbacks() {
+        return DocumentScrollListener.callbacks;
     }
 }
 DocumentScrollListener.callbacks = {};
 DocumentScrollListener._instance = null;
 
-export { DocumentScrollListener as D };
+export { AbstractDocumentListener as A, DocumentScrollListener as D };

package/dist/esm/{floating-components-DOPXnIzL.js → floating-components-BT3wZY6f.js}

@@ -1,85 +1,72 @@
 // TODO: We should reevaluate this as soon as CSS Anchor Positioning is supported in all relevant browsers
-const isInView = (el) => {
-    var _a;
-    const { top, bottom, left, right } = el.getBoundingClientRect();
-    const { innerHeight, innerWidth } = window;
-    let outTop = top < 0;
-    let outBottom = bottom > innerHeight;
-    let outLeft = left < 0;
-    let outRight = right > innerWidth;
-    // We need to check if it was already outside
-    const outsideY = el.dataset['outsideVy'];
-    const outsideX = el.dataset['outsideVx'];
-    const parentRect = (_a = el === null || el === void 0 ? void 0 : el.parentElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-    if (parentRect) {
-        if (outsideY) {
-            const position = el.dataset['outsideVy'];
-            if (position === 'top') {
-                outTop = parentRect.top - (bottom - parentRect.bottom) < 0;
-            }
-            else {
-                outBottom = parentRect.bottom + (parentRect.top - top) > innerHeight;
-            }
-        }
-        if (outsideX) {
-            const position = el.dataset['outsideVx'];
-            if (position === 'left') {
-                outLeft = parentRect.left - (right - parentRect.right) < 0;
-            }
-            else {
-                outRight = parentRect.right + (parentRect.left - left) > innerWidth;
-            }
-        }
-    }
-    return {
-        outTop,
-        outBottom,
-        outLeft,
-        outRight
-    };
-};
-const handleDataOutside = (el) => {
-    const { outTop, outBottom, outLeft, outRight } = isInView(el);
-    let dataOutsidePair = {};
-    if (outTop || outBottom) {
-        dataOutsidePair = {
-            vy: outTop ? 'top' : 'bottom'
-        };
-        el.dataset['outsideVy'] = dataOutsidePair.vy;
-    }
-    else {
-        delete el.dataset['outsideVy'];
-    }
-    if (outLeft || outRight) {
-        dataOutsidePair = Object.assign(Object.assign({}, dataOutsidePair), { vx: outRight ? 'right' : 'left' });
-        el.dataset['outsideVx'] = dataOutsidePair.vx;
-    }
-    else {
-        delete el.dataset['outsideVx'];
-    }
-    return dataOutsidePair;
-};
 const handleFixedDropdown = (element, parent, placement) => {
     if (!element || !parent)
         return;
-    // We skip this if we are in mobile it's already fixed
-    if (getComputedStyle(element).zIndex === '9999')
-        return;
-    const { top, bottom, childHeight, childWidth, width, right, left, correctedPlacement } = getFloatingProps(element, parent, placement);
     const fullWidth = element.dataset['width'] === 'full';
+    const autoWidth = element.dataset['width'] === 'auto';
+    // Reset width-specific inline styles first so a previous mode (e.g. "auto")
+    // doesn't leave a stale minInlineSize/inlineSize behind when the dropdown
+    // width changes at runtime. This must happen before getFloatingProps
+    // measures the element, otherwise the dropdown would be measured with a
+    // width it no longer has and positioned incorrectly. It also has to run
+    // before the mobile bailout below: otherwise a desktop minInlineSize would
+    // survive into the mobile sheet, where CSS min-inline-size beats the
+    // mobile max-inline-size guard and overflows the viewport.
+    element.style.inlineSize = '';
+    element.style.minInlineSize = '';
+    // We skip this if we are in mobile it's already fixed or if we don't have a floating dropdown
+    const computedStyle = getComputedStyle(element);
+    if (computedStyle.zIndex === '9999' || computedStyle.position !== 'fixed' && computedStyle.position !== 'absolute') {
+        return;
+    }
+    const { top, bottom, childHeight, childWidth, width, right, left, correctedPlacement, innerWidth } = getFloatingProps(element, parent, placement);
+    // For auto width the dropdown is forced to be at least as wide as the trigger,
+    // but clamped to its own max-inline-size: CSS lets a min-inline-size override
+    // the max when the minimum is larger, so a trigger wider than the viewport
+    // limit would otherwise drop the side margins or overflow horizontally.
+    let autoMinWidth = width;
+    if (autoWidth) {
+        const maxInlineSize = parseFloat(getComputedStyle(element).maxInlineSize);
+        if (!isNaN(maxInlineSize) && maxInlineSize > 0) {
+            autoMinWidth = Math.min(width, maxInlineSize);
+        }
+    }
     if (fullWidth) {
         element.style.inlineSize = `${width}px`;
     }
-    if (correctedPlacement === 'top' || correctedPlacement === 'bottom' || correctedPlacement === 'top-start' || correctedPlacement === 'bottom-start') {
+    else if (autoWidth) {
+        element.style.minInlineSize = `${autoMinWidth}px`;
+    }
+    // getFloatingProps measured childWidth before the inline styles were
+    // (re)applied, so use the width the dropdown will actually have:
+    // - auto: the clamped minimum, so end-aligned dropdowns don't extend past
+    //   the trigger's right edge.
+    // - full: the trigger width (the reset above drops it to content width).
+    let effectiveChildWidth = childWidth;
+    if (autoWidth) {
+        effectiveChildWidth = Math.max(childWidth, autoMinWidth);
+    }
+    else if (fullWidth) {
+        effectiveChildWidth = width;
+    }
+    // getFloatingProps detects horizontal overflow assuming a centered element
+    // (it halves childWidth). The dropdown is actually start-aligned (inset =
+    // left), so for the wider auto dropdown re-check overflow against its full
+    // width and flip to end-alignment when it would extend past the viewport.
+    let dropdownPlacement = correctedPlacement;
+    if (autoWidth && (dropdownPlacement === 'top' || dropdownPlacement === 'bottom' || dropdownPlacement === 'top-start' || dropdownPlacement === 'bottom-start') && left + effectiveChildWidth > innerWidth) {
+        dropdownPlacement = dropdownPlacement.startsWith('top') ? 'top-end' : 'bottom-end';
+    }
+    if (dropdownPlacement === 'top' || dropdownPlacement === 'bottom' || dropdownPlacement === 'top-start' || dropdownPlacement === 'bottom-start') {
         element.style.insetInlineStart = `${left}px`;
     }
-    else if (correctedPlacement === 'top-end' || correctedPlacement === 'bottom-end') {
-        element.style.insetInlineStart = `${right - childWidth}px`;
+    else if (dropdownPlacement === 'top-end' || dropdownPlacement === 'bottom-end') {
+        element.style.insetInlineStart = `${Math.max(right - effectiveChildWidth, 0)}px`;
     }
-    if (correctedPlacement === null || correctedPlacement === void 0 ? void 0 : correctedPlacement.startsWith('top')) {
+    if (dropdownPlacement === null || dropdownPlacement === void 0 ? void 0 : dropdownPlacement.startsWith('top')) {
         element.style.insetBlockStart = `${top - childHeight}px`;
     }
-    else if (correctedPlacement === null || correctedPlacement === void 0 ? void 0 : correctedPlacement.startsWith('bottom')) {
+    else if (dropdownPlacement === null || dropdownPlacement === void 0 ? void 0 : dropdownPlacement.startsWith('bottom')) {
         element.style.insetBlockStart = `${bottom}px`;
     }
     element.style.position = 'fixed';
@@ -106,27 +93,29 @@ const getFloatingProps = (element, parent, placement) => {
     let childHeight = childRect.height;
     let childWidth = childRect.width;
     if (placement === 'bottom' || placement === 'top') {
-        childWidth = childWidth / 2;
+        childWidth = width > childWidth ? 0 : childWidth / 2;
     }
     if (placement === 'left' || placement === 'right') {
-        childHeight = childHeight / 2;
+        childHeight = height > childHeight ? 0 : childHeight / 2;
     }
-    const outsideBottom = bottom + childHeight > innerHeight;
-    const outsideTop = top - childHeight < 0;
-    const outsideLeft = left - childWidth < 0;
-    const outsideRight = right + childWidth > innerWidth;
+    const outsideBottom = Math.floor(bottom + childHeight) > innerHeight;
+    const outsideTop = Math.ceil(top - childHeight) < 0;
+    const outsideLeft = Math.ceil(left - childWidth) < 0;
+    const outsideRight = Math.floor(right + childWidth) > innerWidth;
     let correctedPlacement = placement;
     if (placement.startsWith('bottom')) {
         if (outsideBottom) {
-            correctedPlacement = placement === null || placement === void 0 ? void 0 : placement.replace('bottom', 'top');
-            if (outsideLeft && outsideRight) {
-                correctedPlacement = 'top';
-            }
-            else if (outsideLeft) {
-                correctedPlacement = 'top-start';
-            }
-            else if (outsideRight) {
-                correctedPlacement = 'top-end';
+            if (!outsideTop) {
+                correctedPlacement = placement === null || placement === void 0 ? void 0 : placement.replace('bottom', 'top');
+                if (outsideLeft && outsideRight) {
+                    correctedPlacement = 'top';
+                }
+                else if (outsideLeft) {
+                    correctedPlacement = 'top-start';
+                }
+                else if (outsideRight) {
+                    correctedPlacement = 'top-end';
+                }
             }
         }
         else {
@@ -143,15 +132,17 @@ const getFloatingProps = (element, parent, placement) => {
     }
     else if (placement.startsWith('top')) {
         if (outsideTop) {
-            correctedPlacement = placement === null || placement === void 0 ? void 0 : placement.replace('top', 'bottom');
-            if (outsideLeft && outsideRight) {
-                correctedPlacement = 'bottom';
-            }
-            else if (outsideLeft) {
-                correctedPlacement = 'bottom-start';
-            }
-            else if (outsideRight) {
-                correctedPlacement = 'bottom-end';
+            if (!outsideBottom) {
+                correctedPlacement = placement === null || placement === void 0 ? void 0 : placement.replace('top', 'bottom');
+                if (outsideLeft && outsideRight) {
+                    correctedPlacement = 'bottom';
+                }
+                else if (outsideLeft) {
+                    correctedPlacement = 'bottom-start';
+                }
+                else if (outsideRight) {
+                    correctedPlacement = 'bottom-end';
+                }
             }
         }
         else {
@@ -168,15 +159,17 @@ const getFloatingProps = (element, parent, placement) => {
     }
     else if (placement.startsWith('left')) {
         if (outsideLeft) {
-            correctedPlacement = placement === null || placement === void 0 ? void 0 : placement.replace('left', 'right');
-            if (outsideBottom && outsideTop) {
-                correctedPlacement = 'right';
-            }
-            else if (outsideBottom) {
-                correctedPlacement = 'right-end';
-            }
-            else if (outsideTop) {
-                correctedPlacement = 'right-start';
+            if (!outsideRight) {
+                correctedPlacement = placement === null || placement === void 0 ? void 0 : placement.replace('left', 'right');
+                if (outsideBottom && outsideTop) {
+                    correctedPlacement = 'right';
+                }
+                else if (outsideBottom) {
+                    correctedPlacement = 'right-end';
+                }
+                else if (outsideTop) {
+                    correctedPlacement = 'right-start';
+                }
             }
         }
         else {
@@ -193,15 +186,17 @@ const getFloatingProps = (element, parent, placement) => {
     }
     else if (correctedPlacement.startsWith('right')) {
         if (outsideRight) {
-            correctedPlacement = placement === null || placement === void 0 ? void 0 : placement.replace('right', 'left');
-            if (outsideBottom && outsideTop) {
-                correctedPlacement = 'left';
-            }
-            else if (outsideBottom) {
-                correctedPlacement = 'left-end';
-            }
-            else if (outsideTop) {
-                correctedPlacement = 'left-start';
+            if (!outsideLeft) {
+                correctedPlacement = placement === null || placement === void 0 ? void 0 : placement.replace('right', 'left');
+                if (outsideBottom && outsideTop) {
+                    correctedPlacement = 'left';
+                }
+                else if (outsideBottom) {
+                    correctedPlacement = 'left-end';
+                }
+                else if (outsideTop) {
+                    correctedPlacement = 'left-start';
+                }
             }
         }
         else {
@@ -227,7 +222,8 @@ const getFloatingProps = (element, parent, placement) => {
         childWidth: childRect.width,
         correctedPlacement,
         innerWidth,
-        innerHeight
+        innerHeight,
+        outsideYBoth: outsideTop && outsideBottom
     };
 };
 const MAX_ANCESTOR_DEPTH = 10;
@@ -250,15 +246,24 @@ const getAncestorHasCorrectedPlacement = (element) => {
     return null;
 };
 const handleFixedPopover = (element, parent, placement) => {
-    var _a, _b;
+    var _a, _b, _c;
     if (!element || !parent)
         return;
     const parentComputedStyles = getComputedStyle(parent);
     const parentHasFloatingPosition = ['absolute', 'fixed'].includes(parentComputedStyles.position);
     const ancestorWithCorrectedPlacement = getAncestorHasCorrectedPlacement(element);
     const noFloatingAncestor = !ancestorWithCorrectedPlacement && !parentHasFloatingPosition;
-    const distance = (_b = (_a = getComputedStyle(element)) === null || _a === void 0 ? void 0 : _a.getPropertyValue('--db-popover-distance')) !== null && _b !== void 0 ? _b : '0px';
-    let { top, height, width, childHeight, childWidth, right, left, bottom, correctedPlacement, innerWidth, innerHeight } = getFloatingProps(element, parent, placement);
+    const computedStyle = getComputedStyle(element);
+    // We skip if we don't have a floating popover
+    if (computedStyle.position !== 'fixed' && computedStyle.position !== 'absolute') {
+        return;
+    }
+    let distance = computedStyle.getPropertyValue('--db-popover-distance');
+    if (!distance.length) {
+        distance = '0px';
+    }
+    const elementPlacement = (_c = (_b = (_a = element === null || element === void 0 ? void 0 : element.dataset) === null || _a === void 0 ? void 0 : _a['placement']) !== null && _b !== void 0 ? _b : placement) !== null && _c !== void 0 ? _c : 'bottom';
+    let { top, height, width, childHeight, childWidth, right, left, bottom, correctedPlacement, innerWidth, innerHeight, outsideYBoth } = getFloatingProps(element, parent, elementPlacement);
     if (ancestorWithCorrectedPlacement) {
         const ancestorRect = ancestorWithCorrectedPlacement.getBoundingClientRect();
         left = Math.abs(left - ancestorRect.left);
@@ -354,8 +359,81 @@ const handleFixedPopover = (element, parent, placement) => {
         element.style.insetBlockStart = `calc(${parentHasFloatingPosition ? end : bottom}px + ${distance})`;
         element.style.insetBlockEnd = `calc(${noFloatingAncestor && end > innerHeight ? innerHeight : end}px + ${distance})`;
     }
+    // In this case we are outside of top and bottom so we need to scroll
+    // We use the full height in this case
+    if (outsideYBoth) {
+        element.style.overflow = 'hidden auto';
+        element.style.insetBlock = distance;
+        element.style.maxBlockSize = `calc(${innerHeight}px - 2 * ${distance})`;
+    }
+    else {
+        element.style.overflow = '';
+        element.style.maxBlockSize = '';
+    }
     element.style.position = 'fixed';
     element.dataset['correctedPlacement'] = correctedPlacement;
+    // Set data-outside-vy / data-outside-vx for CSS-based flipping
+    handleDataOutside(element);
+};
+const handleDataOutside = (el) => {
+    const { outTop, outBottom, outLeft, outRight } = isInView(el);
+    let dataOutsidePair = {};
+    if (outTop || outBottom) {
+        dataOutsidePair = {
+            vy: outTop ? 'top' : 'bottom'
+        };
+        el.dataset['outsideVy'] = dataOutsidePair.vy;
+    }
+    else {
+        delete el.dataset['outsideVy'];
+    }
+    if (outLeft || outRight) {
+        dataOutsidePair = Object.assign(Object.assign({}, dataOutsidePair), { vx: outRight ? 'right' : 'left' });
+        el.dataset['outsideVx'] = dataOutsidePair.vx;
+    }
+    else {
+        delete el.dataset['outsideVx'];
+    }
+    return dataOutsidePair;
+};
+const isInView = (el) => {
+    var _a;
+    const { top, bottom, left, right } = el.getBoundingClientRect();
+    const { innerHeight, innerWidth } = window;
+    let outTop = top < 0;
+    let outBottom = bottom > innerHeight;
+    let outLeft = left < 0;
+    let outRight = right > innerWidth;
+    // We need to check if it was already outside
+    const outsideY = el.dataset['outsideVy'];
+    const outsideX = el.dataset['outsideVx'];
+    const parentRect = (_a = el === null || el === void 0 ? void 0 : el.parentElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+    if (parentRect) {
+        if (outsideY) {
+            const position = el.dataset['outsideVy'];
+            if (position === 'top') {
+                outTop = parentRect.top - (bottom - parentRect.bottom) < 0;
+            }
+            else {
+                outBottom = parentRect.bottom + (parentRect.top - top) > innerHeight;
+            }
+        }
+        if (outsideX) {
+            const position = el.dataset['outsideVx'];
+            if (position === 'left') {
+                outLeft = parentRect.left - (right - parentRect.right) < 0;
+            }
+            else {
+                outRight = parentRect.right + (parentRect.left - left) > innerWidth;
+            }
+        }
+    }
+    return {
+        outTop,
+        outBottom,
+        outLeft,
+        outRight
+    };
 };
 
-export { handleFixedDropdown as a, handleFixedPopover as b, getFloatingProps as g, handleDataOutside as h };
+export { handleFixedPopover as a, handleDataOutside as b, getFloatingProps as g, handleFixedDropdown as h };

package/dist/esm/{form-components-ZV7IN0oG.js → form-components-zJeL8XMn.js}

@@ -1,4 +1,4 @@
-import { d as delay } from './index-fumiz06Y.js';
+import { d as delay } from './index-DB8jc8lh.js';
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 const addResetEventListener = (element, resetFunction, signal) => {

package/dist/esm/{index-fumiz06Y.js → index-DB8jc8lh.js}

@@ -60,6 +60,16 @@ const isIOSSafari = () => {
     return isIOS && isSafari;
 };
 const delay = (fn, ms) => new Promise(() => setTimeout(fn, ms));
+/**
+ * Checks whether a CSS custom property on an element equals '1'.
+ * Useful for detecting CSS-driven boolean state (e.g. responsive breakpoints)
+ * without coupling JS to hardcoded breakpoint values.
+ *
+ * @param element - The element to read computed styles from
+ * @param property - The CSS custom property name (e.g. '--db-my-flag')
+ * @returns `true` if the trimmed property value is '1'
+ */
+const hasCssFlag = (element, property) => typeof window !== 'undefined' && getComputedStyle(element).getPropertyValue(property).trim() === '1';
 /**
  * Converts boolean-like inputs to "true" or "false" strings.
  * Handles HTML-style boolean attributes where an empty string or the
@@ -139,9 +149,37 @@ const stringPropVisible = (givenString, showString) => {
     return toBool(showString) && Boolean(givenString);
 };
 const getSearchInput = (element) => element.querySelector(`input[type="search"]`);
+// WeakMap to store generated keys for option objects without mutating them.
+// Used only as a last resort for options that have neither id, value, nor label.
+const optionKeyMap = new WeakMap();
 const getOptionKey = (option, prefix) => {
-    var _a, _b;
-    const key = (_b = (_a = option.id) !== null && _a !== void 0 ? _a : option.value) !== null && _b !== void 0 ? _b : uuid();
+    var _a;
+    // 1. Consumer-provided id — stable and unique (best case).
+    if (option.id) {
+        return `${prefix}${option.id}`;
+    }
+    // 2. Data-based key from value and/or label — stable across object
+    //    recreations (e.g. inline options={[...]} on every render).
+    //    Combining both fields maximizes uniqueness: two options may share
+    //    a value but users couldn't distinguish identical labels, so in
+    //    practice the combination is unique.
+    //    We prefix each segment with its length to avoid ambiguous
+    //    concatenations (e.g. 'a-b'+'c' vs 'a'+'b-c').
+    const value = option.value !== undefined && option.value !== '' ? String(option.value) : '';
+    const label = (_a = option.label) !== null && _a !== void 0 ? _a : '';
+    if (value || label) {
+        return `${prefix}${value.length}:${value}.${label}`;
+    }
+    // 3. Last resort for truly anonymous options (no id, no value, no label).
+    //    WeakMap ties a generated uuid to the object reference so the key
+    //    persists as long as the same object is reused. If the consumer
+    //    recreates these objects every render, keys will be unstable — but
+    //    that's an unsolvable edge case without any data to anchor to.
+    let key = optionKeyMap.get(option);
+    if (!key) {
+        key = uuid();
+        optionKeyMap.set(option, key);
+    }
     return `${prefix}${key}`;
 };
 const isKeyboardEvent = (event) => event.key !== undefined;
@@ -171,4 +209,4 @@ const getNotificationRole = ({ semantic, role, ariaLive }) => {
     }
 };
 
-export { addAttributeToChildren as a, isIOSSafari as b, cls as c, delay as d, getBoolean as e, getNumber as f, getBooleanAsString as g, hasVoiceOver as h, isArrayOfStrings as i, getStep as j, getInputValue as k, getHideProp as l, getSearchInput as m, getOptionKey as n, isKeyboardEvent as o, getNotificationRole as p, stringPropVisible as s, uuid as u };
+export { addAttributeToChildren as a, isIOSSafari as b, cls as c, delay as d, hasCssFlag as e, getBoolean as f, getBooleanAsString as g, hasVoiceOver as h, isArrayOfStrings as i, getNumber as j, getStep as k, getInputValue as l, getHideProp as m, getSearchInput as n, getOptionKey as o, isKeyboardEvent as p, getNotificationRole as q, stringPropVisible as s, uuid as u };

package/dist/esm/index.js

@@ -1,12 +1,13 @@
-export { a as addAttributeToChildren, c as cls, d as delay, e as getBoolean, g as getBooleanAsString, l as getHideProp, k as getInputValue, p as getNotificationRole, f as getNumber, n as getOptionKey, m as getSearchInput, j as getStep, h as hasVoiceOver, i as isArrayOfStrings, b as isIOSSafari, o as isKeyboardEvent, s as stringPropVisible, u as uuid } from './index-fumiz06Y.js';
-export { x as COLOR, y as COLORS, z as COLORS_SIMPLE, C as COLOR_CONST, w as COLOR_SIMPLE, F as DB_UX_LOCAL_STORAGE_FRAMEWORK, G as DB_UX_LOCAL_STORAGE_MODE, n as DEFAULT_BACK, p as DEFAULT_BURGER_MENU, s as DEFAULT_CLOSE_BUTTON, j as DEFAULT_DATALIST_ID_SUFFIX, q as DEFAULT_ICON, D as DEFAULT_ID, l as DEFAULT_INVALID_MESSAGE, h as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, a as DEFAULT_LABEL, d as DEFAULT_LABEL_ID_SUFFIX, c as DEFAULT_MESSAGE, f as DEFAULT_MESSAGE_ID_SUFFIX, b as DEFAULT_PLACEHOLDER, i as DEFAULT_PLACEHOLDER_ID_SUFFIX, m as DEFAULT_REMOVE, r as DEFAULT_ROWS, o as DEFAULT_SELECTED, e as DEFAULT_SELECT_ID_SUFFIX, k as DEFAULT_VALID_MESSAGE, g as DEFAULT_VALID_MESSAGE_ID_SUFFIX, B as DEFAULT_VIEWPORT, v as DENSITIES, u as DENSITY, t as DENSITY_CONST, E as DESKTOP_VIEWPORT, S as SEMANTIC, A as SEMANTICS, T as TESTING_VIEWPORTS } from './constants-BdL-nI5y.js';
-export { D as DocumentClickListener } from './document-click-listener-9wJfRcvz.js';
-export { D as DocumentScrollListener } from './document-scroll-listener-4F0ZAg9p.js';
-export { g as getFloatingProps, h as handleDataOutside, a as handleFixedDropdown, b as handleFixedPopover } from './floating-components-DOPXnIzL.js';
-export { N as NavigationItemSafeTriangle, i as isEventTargetNavigationItem } from './navigation-Jh6m0eMk.js';
+export { a as addAttributeToChildren, c as cls, d as delay, f as getBoolean, g as getBooleanAsString, m as getHideProp, l as getInputValue, q as getNotificationRole, j as getNumber, o as getOptionKey, n as getSearchInput, k as getStep, e as hasCssFlag, h as hasVoiceOver, i as isArrayOfStrings, b as isIOSSafari, p as isKeyboardEvent, s as stringPropVisible, u as uuid } from './index-DB8jc8lh.js';
+export { A as COLOR, B as COLORS, E as COLORS_SIMPLE, C as COLOR_CONST, z as COLOR_SIMPLE, I as DB_UX_LOCAL_STORAGE_FRAMEWORK, J as DB_UX_LOCAL_STORAGE_MODE, n as DEFAULT_BACK, t as DEFAULT_BURGER_MENU, v as DEFAULT_CLOSE_BUTTON, q as DEFAULT_COLLAPSE, j as DEFAULT_DATALIST_ID_SUFFIX, p as DEFAULT_EXPAND, D as DEFAULT_ID, l as DEFAULT_INVALID_MESSAGE, h as DEFAULT_INVALID_MESSAGE_ID_SUFFIX, a as DEFAULT_LABEL, d as DEFAULT_LABEL_ID_SUFFIX, c as DEFAULT_MESSAGE, f as DEFAULT_MESSAGE_ID_SUFFIX, b as DEFAULT_PLACEHOLDER, i as DEFAULT_PLACEHOLDER_ID_SUFFIX, m as DEFAULT_REMOVE, u as DEFAULT_ROWS, r as DEFAULT_SCROLL_LEFT, s as DEFAULT_SCROLL_RIGHT, o as DEFAULT_SELECTED, e as DEFAULT_SELECT_ID_SUFFIX, k as DEFAULT_VALID_MESSAGE, g as DEFAULT_VALID_MESSAGE_ID_SUFFIX, G as DEFAULT_VIEWPORT, y as DENSITIES, x as DENSITY, w as DENSITY_CONST, H as DESKTOP_VIEWPORT, M as MAIN_CONTENT_ID, S as SEMANTIC, F as SEMANTICS, T as TESTING_VIEWPORTS } from './constants-COv1iCFP.js';
+import './resize-observer-listener-z8XjzxC9.js';
+export { N as NavigationItemSafeTriangle, h as handleSubNavigationPosition, i as isEventTargetNavigationItem } from './navigation-Cc_Ln-dl.js';
+export { g as getFloatingProps, b as handleDataOutside, h as handleFixedDropdown, a as handleFixedPopover } from './floating-components-BT3wZY6f.js';
+import './intersection-observer-listener-DQ4WWSLe.js';
+export { D as DocumentClickListener } from './document-click-listener-BEYsNvC5.js';
+export { D as DocumentScrollListener } from './document-scroll-listener-B8lkAL-m.js';
 
 const AccordionVariantList = ['divider', 'card'];
-const AccordionBehaviorList = ['multiple', 'single'];
 
 const BadgePlacementList = ['inline', 'corner-top-left', 'corner-top-right', 'corner-center-left', 'corner-center-right', 'corner-bottom-left', 'corner-bottom-right'];
 
@@ -29,6 +30,7 @@ const DrawerBackdropList = ['none', 'strong', 'weak', 'invisible'];
 const DrawerDirectionList = ['left', 'right', 'up', 'down'];
 const DrawerVariantList = ['modal', 'inside'];
 const DrawerPositionList = ['fixed', 'absolute'];
+const DrawerContainerSizeList = ['small', 'medium', 'large', 'full'];
 
 const IconWeightList = ['16', '20', '24', '32', '48', '64'];
 
@@ -46,8 +48,9 @@ const NotificationVariantList = ['docked', 'standalone', 'overlay'];
 const NotificationLinkVariantList = ['block', 'inline'];
 const NotificationAriaLiveList = ['assertive', 'polite', 'off'];
 
-const PageVariantList = ['auto', 'fixed'];
-const PageDocumentOverflowList = ['hidden', 'auto'];
+const ShellContentVariantList = ['auto', 'fixed'];
+
+const ShellSubNavigationMobilePosition = ['top', 'bottom', 'none'];
 
 const StackVariantList = ['simple', 'divider'];
 const StackDirectionList = ['row', 'column'];
@@ -79,6 +82,8 @@ const TooltipVariantList = ['description', 'label'];
 const SemanticList = ['adaptive', 'neutral', 'critical', 'informational', 'warning', 'successful'];
 const SpacingList = ['medium', 'small', 'large', 'none'];
 const MarginList = ['medium', 'small', 'large', 'none'];
+const ShellControlPanelDesktopPosition = ['top', 'left'];
+const ShellControlPanelMobilePosition = ['top', 'bottom'];
 const PlacementHorizontalList = ['left', 'right', 'left-start', 'left-end', 'right-start', 'right-end'];
 const PlacementVerticalList = ['top', 'bottom', 'top-start', 'top-end', 'bottom-start', 'bottom-end'];
 const PlacementList = [...PlacementHorizontalList, ...PlacementVerticalList];
@@ -98,5 +103,7 @@ const AutoCompleteList = ['off', 'on', 'name', 'honorific-prefix', 'given-name',
 const LinkTargetList = ['_self', '_blank', '_parent', '_top'];
 const LinkReferrerPolicyList = ['no-referrer', 'no-referrer-when-downgrade', 'origin', 'origin-when-cross-origin', 'same-origin', 'strict-origin', 'strict-origin-when-cross-origin', 'unsafe-url'];
 const AlignmentList = ['start', 'center', 'end'];
+const NavigationItemGroupVariantList = ['popover', 'tree'];
+const CollapsibleBehaviorList = ['single', 'multiple'];
 
-export { AccordionBehaviorList, AccordionVariantList, AlignmentList, AutoCompleteList, BadgePlacementList, ButtonTypeList, ButtonVariantList, CardBehaviorList, CardElevationLevelList, CustomSelectDropdownWidthList, CustomSelectListItemTypeList, DBTableColumnsSizeList, DBTableDividerList, DBTableHeaderCellScopeList, DBTableMobileVariantList, DBTableRowSizeList, DBTableRowSubHeaderEmphasisList, DBTableStickyHeaderList, DBTableVariantList, DividerMarginList, DividerVariantList, DrawerBackdropList, DrawerDirectionList, DrawerPositionList, DrawerVariantList, EmphasisList, FieldSizingList, GapSpacingList, IconWeightList, InputTypeList, LabelVariantHorizontalList, LabelVariantList, LinkContentList, LinkReferrerPolicyList, LinkSizeList, LinkTargetList, LinkVariantList, MarginList, MaxWidthList, NotificationAriaLiveList, NotificationLinkVariantList, NotificationVariantList, OrientationList, PageDocumentOverflowList, PageVariantList, PlacementHorizontalList, PlacementList, PlacementVerticalList, PopoverDelayList, PopoverWidthList, SelectedTypeList, SemanticList, SizeList, SpacingList, StackAlignmentList, StackDirectionList, StackJustifyContentList, StackVariantList, TabsBehaviorList, TabsInitialSelectedModeList, TagBehaviorList, TextareaResizeList, TextareaWrapList, TooltipVariantList, ValidationList, WidthList };
+export { AccordionVariantList, AlignmentList, AutoCompleteList, BadgePlacementList, ButtonTypeList, ButtonVariantList, CardBehaviorList, CardElevationLevelList, CollapsibleBehaviorList, CustomSelectDropdownWidthList, CustomSelectListItemTypeList, DBTableColumnsSizeList, DBTableDividerList, DBTableHeaderCellScopeList, DBTableMobileVariantList, DBTableRowSizeList, DBTableRowSubHeaderEmphasisList, DBTableStickyHeaderList, DBTableVariantList, DividerMarginList, DividerVariantList, DrawerBackdropList, DrawerContainerSizeList, DrawerDirectionList, DrawerPositionList, DrawerVariantList, EmphasisList, FieldSizingList, GapSpacingList, IconWeightList, InputTypeList, LabelVariantHorizontalList, LabelVariantList, LinkContentList, LinkReferrerPolicyList, LinkSizeList, LinkTargetList, LinkVariantList, MarginList, MaxWidthList, NavigationItemGroupVariantList, NotificationAriaLiveList, NotificationLinkVariantList, NotificationVariantList, OrientationList, PlacementHorizontalList, PlacementList, PlacementVerticalList, PopoverDelayList, PopoverWidthList, SelectedTypeList, SemanticList, ShellContentVariantList, ShellControlPanelDesktopPosition, ShellControlPanelMobilePosition, ShellSubNavigationMobilePosition, SizeList, SpacingList, StackAlignmentList, StackDirectionList, StackJustifyContentList, StackVariantList, TabsBehaviorList, TabsInitialSelectedModeList, TagBehaviorList, TextareaResizeList, TextareaWrapList, TooltipVariantList, ValidationList, WidthList };

package/dist/esm/intersection-observer-listener-DQ4WWSLe.js

@@ -0,0 +1,39 @@
+import { A as AbstractObserverListener } from './resize-observer-listener-z8XjzxC9.js';
+
+class IntersectionObserverListener extends AbstractObserverListener {
+    constructor() {
+        super();
+        if (IntersectionObserverListener._instance) {
+            return IntersectionObserverListener._instance;
+        }
+        IntersectionObserverListener._instance = this;
+        if (typeof window !== 'undefined' && 'IntersectionObserver' in window) {
+            IntersectionObserverListener.observer = new IntersectionObserver(entries => {
+                for (const entry of entries) {
+                    this.dispatchEntry(entry.target, entry);
+                }
+            });
+        }
+    }
+    getCallbacksByElement() {
+        return IntersectionObserverListener.callbacksByElement;
+    }
+    getIdToElement() {
+        return IntersectionObserverListener.idToElement;
+    }
+    getObserver() {
+        return IntersectionObserverListener.observer;
+    }
+    observeElement(observer, element) {
+        observer.observe(element);
+    }
+    unobserveElement(observer, element) {
+        observer.unobserve(element);
+    }
+}
+IntersectionObserverListener._instance = null;
+IntersectionObserverListener.callbacksByElement = new Map();
+IntersectionObserverListener.idToElement = new Map();
+IntersectionObserverListener.observer = null;
+
+export { IntersectionObserverListener as I };