@quartzds/core 1.0.0-beta.13 → 1.0.0-beta.130

package/components/p-BLA62eFO.js

@@ -0,0 +1,513 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { p as proxyCustomElement, H, c as createEvent, h, e as Host } from './p-D2489VzR.js';
+import { o as offset, f as flip, s as shift, c as computePosition, a as autoUpdate, l as limitShift } from './p-Bv2vPjgL.js';
+import { m as closestElement, n as getSubmenuCloseKey, V as VERTICAL_MOVE_KEYS, i as ignorePromise, o as propertyToPx, r as resolveTarget } from './p-eUDNu0SE.js';
+
+const dropdownCss = ":host([hidden]){display:none!important}:host{background-color:var(--qds-theme-popup-background);border:none;border-radius:var(--qds-popup-border-radius);box-shadow:var(--qds-popup-elevation);box-sizing:border-box;display:inline-block;inset:unset;margin:0;overflow:initial;padding:0}";
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _Dropdown_instances, _Dropdown_cleanup, _Dropdown_Items, _Dropdown_instanceId, _Dropdown_gap, _Dropdown_middleware, _Dropdown_referenceElement, _Dropdown_open, _Dropdown_opened, _Dropdown_onFocusout, _Dropdown_focusOnTrigger, _Dropdown_onKeydown, _Dropdown_onReferenceClick, _Dropdown_focusFirstItem, _Dropdown_initializeFirstItem, _Dropdown_setFirstItemTabindex, _Dropdown_findFirstFocusableDescendant, _Dropdown_focusWithin, _Dropdown_disconnectReferenceElement, _Dropdown_boundOnFocusout, _Dropdown_boundOnKeydown, _Dropdown_boundOnReferenceClick, _Dropdown_onSlotchange, _Dropdown_isReferenceOrDescendant;
+let autoIncrementingId = 1;
+const getDropdownInstanceId = () => {
+    const instanceId = autoIncrementingId;
+    autoIncrementingId += 1;
+    return instanceId;
+};
+const isQdsButton = (element) => element.tagName.toLowerCase() === 'qds-button';
+const ALLOWED_TAGS = new Set([
+    'qds-action-item',
+    'qds-menu-item',
+    'qds-list-item',
+]);
+const isEnabledItem = (element) => element instanceof H &&
+    ALLOWED_TAGS.has(element.tagName.toLowerCase()) &&
+    !element.hasAttribute('disabled') &&
+    !element.inert &&
+    element.getAttribute('list-action') !== 'none';
+const Dropdown = /*@__PURE__*/ proxyCustomElement(class Dropdown extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.cancelEmitter = createEvent(this, "qdsCancel", 3);
+        this.closeEmitter = createEvent(this, "qdsClose", 2);
+        this.internals = this.attachInternals();
+        _Dropdown_instances.add(this);
+        /**
+         * Prevents the dropdown from being shown by user interaction. The dropdown
+         * can still be displayed by calling the `show()` method.
+         */
+        this.disabled = false;
+        /**
+         * Disable Floating UI's
+         * [`flip` middleware](https://floating-ui.com/docs/flip).
+         */
+        this.noFlip = false;
+        /**
+         * Disable Floating UI's
+         * [`shift` middleware](https://floating-ui.com/docs/shift).
+         */
+        this.noShift = false;
+        /**
+         * Where to place the dropdown relative to the `target`.
+         *
+         * @see https://floating-ui.com/docs/tutorial#placements
+         */
+        this.placement = 'bottom-start';
+        /**
+         * By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for
+         * dropdowns that allow for multiple interactions.
+         */
+        this.keepOpenOnSelect = false;
+        _Dropdown_cleanup.set(this, void 0);
+        _Dropdown_Items.set(this, []);
+        _Dropdown_instanceId.set(this, getDropdownInstanceId());
+        _Dropdown_gap.set(this, 0);
+        _Dropdown_middleware.set(this, void 0);
+        _Dropdown_referenceElement.set(this, void 0);
+        _Dropdown_open.set(this, false
+        /**
+         * Whether the dropdown has been opened at least once.
+         * This is used to determine whether the dropdown should update its position, gap
+         * and middleware when it is opened.
+         */
+        );
+        /**
+         * Whether the dropdown has been opened at least once.
+         * This is used to determine whether the dropdown should update its position, gap
+         * and middleware when it is opened.
+         */
+        _Dropdown_opened.set(this, false
+        /**
+         * Updates the gap between the dropdown and its target element.
+         */
+        );
+        _Dropdown_onFocusout.set(this, async (event) => {
+            if (!(event instanceof FocusEvent))
+                return;
+            const { relatedTarget } = event;
+            const dropdownItem = __classPrivateFieldGet(this, _Dropdown_Items, "f").find((item) => item === relatedTarget);
+            if (relatedTarget instanceof globalThis.Element &&
+                !this.host.contains(relatedTarget) &&
+                !dropdownItem &&
+                !__classPrivateFieldGet(this, _Dropdown_instances, "m", _Dropdown_isReferenceOrDescendant).call(this, relatedTarget))
+                await this.close();
+        });
+        _Dropdown_onKeydown.set(this, async (event) => {
+            if (!(event instanceof KeyboardEvent))
+                return;
+            const { key, target } = event;
+            const keydownOnReference = __classPrivateFieldGet(this, _Dropdown_instances, "m", _Dropdown_isReferenceOrDescendant).call(this, target);
+            if (key === 'Enter' && !this.keepOpenOnSelect && isEnabledItem(target)) {
+                // Keep parent open when Enter is used on an item with a nested submenu.
+                if (target instanceof H &&
+                    target.shadowRoot?.querySelector('qds-dropdown'))
+                    return;
+                await this.close();
+                __classPrivateFieldGet(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
+                return;
+            }
+            if (key === 'Escape' &&
+                (target === __classPrivateFieldGet(this, _Dropdown_referenceElement, "f") ||
+                    (target instanceof globalThis.Element &&
+                        closestElement('qds-dropdown', target) === this.host))) {
+                const cancelEvent = this.cancelEmitter.emit();
+                if (cancelEvent.defaultPrevented)
+                    return;
+                await this.close();
+                __classPrivateFieldGet(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
+                return;
+            }
+            if (keydownOnReference && (key === 'ArrowDown' || key === 'ArrowUp')) {
+                event.preventDefault();
+                event.stopPropagation();
+                if (!__classPrivateFieldGet(this, _Dropdown_open, "f"))
+                    await this.show();
+                __classPrivateFieldGet(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
+                return;
+            }
+            // Prevent space key from scrolling the page when focused on an item
+            if (key === ' ' || key === 'Enter') {
+                event.preventDefault();
+                event.stopPropagation();
+                return;
+            }
+            if (key === getSubmenuCloseKey(this.host) && __classPrivateFieldGet(this, _Dropdown_open, "f")) {
+                event.preventDefault();
+                event.stopPropagation();
+                await this.close();
+                __classPrivateFieldGet(this, _Dropdown_instances, "m", _Dropdown_focusOnTrigger).call(this);
+                return;
+            }
+            if (!VERTICAL_MOVE_KEYS.has(key))
+                return;
+            const Items = __classPrivateFieldGet(this, _Dropdown_Items, "f").filter((item) => isEnabledItem(item) &&
+                closestElement('qds-dropdown', item) === this.host);
+            if (Items.length === 0)
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            const currentIndex = Items.findIndex((item) => item.getAttribute('tabindex') === '0');
+            let nextIndex = currentIndex;
+            switch (key) {
+                case 'ArrowUp': {
+                    nextIndex = currentIndex > 0 ? currentIndex - 1 : Items.length - 1;
+                    break;
+                }
+                case 'ArrowDown': {
+                    nextIndex = currentIndex < Items.length - 1 ? currentIndex + 1 : 0;
+                    break;
+                }
+                case 'Home': {
+                    nextIndex = 0;
+                    break;
+                }
+                case 'End': {
+                    nextIndex = Items.length - 1;
+                    break;
+                }
+                default: {
+                    return;
+                }
+            }
+            const nextItem = Items[nextIndex];
+            for (const [index, item] of Items.entries()) {
+                item.setAttribute('tabindex', index === nextIndex ? '0' : '-1');
+            }
+            nextItem.focus();
+            event.preventDefault();
+        });
+        _Dropdown_onReferenceClick.set(this, async () => {
+            if (this.disabled)
+                return;
+            if (__classPrivateFieldGet(this, _Dropdown_open, "f")) {
+                await this.close();
+                return;
+            }
+            await this.show();
+            __classPrivateFieldGet(this, _Dropdown_instances, "m", _Dropdown_initializeFirstItem).call(this);
+            __classPrivateFieldGet(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
+        });
+        _Dropdown_boundOnFocusout.set(this, (event) => {
+            ignorePromise(__classPrivateFieldGet(this, _Dropdown_onFocusout, "f").call(this, event));
+        });
+        _Dropdown_boundOnKeydown.set(this, (event) => {
+            ignorePromise(__classPrivateFieldGet(this, _Dropdown_onKeydown, "f").call(this, event));
+        });
+        _Dropdown_boundOnReferenceClick.set(this, () => {
+            ignorePromise(__classPrivateFieldGet(this, _Dropdown_onReferenceClick, "f").call(this));
+        });
+        _Dropdown_onSlotchange.set(this, (event) => {
+            const slot = event.target;
+            const assignedElements = slot.assignedElements({ flatten: true });
+            __classPrivateFieldSet(this, _Dropdown_Items, assignedElements.filter((element) => isEnabledItem(element)), "f");
+        });
+    }
+    /**
+     * Updates the gap between the dropdown and its target element.
+     */
+    async updateGap() {
+        __classPrivateFieldSet(this, _Dropdown_gap, propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0, "f");
+        await this.updateMiddleware();
+    }
+    /**
+     * Shows the dropdown.
+     */
+    async show() {
+        if (__classPrivateFieldGet(this, _Dropdown_open, "f"))
+            return;
+        const reference = __classPrivateFieldGet(this, _Dropdown_referenceElement, "f");
+        const { host } = this;
+        if (reference instanceof globalThis.Element) {
+            reference.setAttribute('aria-expanded', 'true');
+            host.setAttribute('aria-labelledby', reference.id);
+            if (isQdsButton(reference) && reference.action === 'dropdown')
+                reference.action = 'dropdown-close';
+        }
+        if (!__classPrivateFieldGet(this, _Dropdown_opened, "f")) {
+            await this.updateGap();
+            __classPrivateFieldSet(this, _Dropdown_opened, true, "f");
+        }
+        this.startAutoUpdate();
+        __classPrivateFieldSet(this, _Dropdown_open, true, "f");
+        host.hidden = false;
+        host.showPopover();
+    }
+    /**
+     * Closes the dropdown.
+     */
+    async close() {
+        if (!__classPrivateFieldGet(this, _Dropdown_open, "f"))
+            return;
+        if (__classPrivateFieldGet(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element) {
+            __classPrivateFieldGet(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
+            if (isQdsButton(__classPrivateFieldGet(this, _Dropdown_referenceElement, "f")) &&
+                __classPrivateFieldGet(this, _Dropdown_referenceElement, "f").action === 'dropdown-close')
+                __classPrivateFieldGet(this, _Dropdown_referenceElement, "f").action = 'dropdown';
+        }
+        if (__classPrivateFieldGet(this, _Dropdown_cleanup, "f"))
+            __classPrivateFieldGet(this, _Dropdown_cleanup, "f").call(this);
+        __classPrivateFieldSet(this, _Dropdown_open, false, "f");
+        this.host.hidden = true;
+        this.host.hidePopover();
+        this.closeEmitter.emit();
+    }
+    async focusFirstItem() {
+        __classPrivateFieldGet(this, _Dropdown_instances, "m", _Dropdown_focusFirstItem).call(this);
+    }
+    async handleMouseDown(event) {
+        if (!__classPrivateFieldGet(this, _Dropdown_open, "f"))
+            return;
+        const composedPath = event.composedPath();
+        const withinBounds = composedPath.includes(this.host) ||
+            (__classPrivateFieldGet(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element &&
+                composedPath.includes(__classPrivateFieldGet(this, _Dropdown_referenceElement, "f")));
+        if (!withinBounds)
+            await this.close();
+    }
+    async onItemClick(event) {
+        if (!this.keepOpenOnSelect && isEnabledItem(event.target)) {
+            await this.close();
+        }
+    }
+    async updateReferenceElement() {
+        var _a;
+        __classPrivateFieldGet(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
+        __classPrivateFieldSet(this, _Dropdown_referenceElement, resolveTarget(this.target, 'qds-dropdown'), "f");
+        if (!(__classPrivateFieldGet(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
+            return;
+        __classPrivateFieldGet(this, _Dropdown_referenceElement, "f").setAttribute('aria-expanded', 'false');
+        __classPrivateFieldGet(this, _Dropdown_referenceElement, "f").setAttribute('aria-haspopup', 'true');
+        __classPrivateFieldGet(this, _Dropdown_referenceElement, "f").setAttribute('aria-controls', this.host.id);
+        __classPrivateFieldGet(this, _Dropdown_referenceElement, "f").addEventListener('click', __classPrivateFieldGet(this, _Dropdown_boundOnReferenceClick, "f"));
+        __classPrivateFieldGet(this, _Dropdown_referenceElement, "f").addEventListener('focusout', __classPrivateFieldGet(this, _Dropdown_boundOnFocusout, "f"));
+        __classPrivateFieldGet(this, _Dropdown_referenceElement, "f").addEventListener('keydown', __classPrivateFieldGet(this, _Dropdown_boundOnKeydown, "f"));
+        if (this.internals.role === 'menu') {
+            (_a = __classPrivateFieldGet(this, _Dropdown_referenceElement, "f")).id || (_a.id = `qds-dropdown-trigger-${__classPrivateFieldGet(this, _Dropdown_instanceId, "f")}`);
+            this.host.setAttribute('aria-labelledby', __classPrivateFieldGet(this, _Dropdown_referenceElement, "f").id);
+        }
+    }
+    async updateMiddleware() {
+        __classPrivateFieldSet(this, _Dropdown_middleware, [
+            offset({
+                ...this.offsetOptions,
+                mainAxis: __classPrivateFieldGet(this, _Dropdown_gap, "f"),
+            }),
+            !this.noFlip &&
+                flip({
+                    crossAxis: this.noShift,
+                    ...this.flipOptions,
+                }),
+            !this.noShift &&
+                shift({
+                    limiter: limitShift(),
+                    ...this.shiftOptions,
+                }),
+        ], "f");
+    }
+    async updatePosition() {
+        if (!__classPrivateFieldGet(this, _Dropdown_referenceElement, "f"))
+            return;
+        const { x, y, strategy } = await computePosition(__classPrivateFieldGet(this, _Dropdown_referenceElement, "f"), this.host, {
+            middleware: __classPrivateFieldGet(this, _Dropdown_middleware, "f"),
+            placement: this.placement,
+            strategy: this.strategy,
+        });
+        Object.assign(this.host.style, {
+            position: strategy,
+            left: `${x}px`,
+            top: `${y}px`,
+        });
+    }
+    startAutoUpdate() {
+        if (!__classPrivateFieldGet(this, _Dropdown_referenceElement, "f"))
+            return;
+        if (__classPrivateFieldGet(this, _Dropdown_cleanup, "f"))
+            __classPrivateFieldGet(this, _Dropdown_cleanup, "f").call(this);
+        __classPrivateFieldSet(this, _Dropdown_cleanup, autoUpdate(__classPrivateFieldGet(this, _Dropdown_referenceElement, "f"), this.host, () => {
+            ignorePromise(this.updatePosition());
+        }, this.autoUpdateOptions), "f");
+    }
+    async componentWillLoad() {
+        var _a;
+        this.host.hidden = true;
+        this.host.popover = 'manual';
+        this.internals.role = 'menu';
+        (_a = this.host).id || (_a.id = `qds-dropdown-${__classPrivateFieldGet(this, _Dropdown_instanceId, "f")}`);
+        await this.updateReferenceElement();
+    }
+    disconnectedCallback() {
+        __classPrivateFieldGet(this, _Dropdown_instances, "m", _Dropdown_disconnectReferenceElement).call(this);
+    }
+    render() {
+        return (h(Host, { key: '09855258aee08fb275151fd43d6bc88cdfd9444b', onKeyDown: __classPrivateFieldGet(this, _Dropdown_onKeydown, "f"), onFocusout: __classPrivateFieldGet(this, _Dropdown_onFocusout, "f") }, h("slot", { key: 'ed9fbc08022595ed716943a705d82a080661d37e', onSlotchange: __classPrivateFieldGet(this, _Dropdown_onSlotchange, "f") })));
+    }
+    static get delegatesFocus() { return true; }
+    get host() { return this; }
+    static get watchers() { return {
+        "target": ["updateReferenceElement"],
+        "flipOptions": ["updateMiddleware"],
+        "noFlip": ["updateMiddleware"],
+        "noShift": ["updateMiddleware"],
+        "offsetOptions": ["updateMiddleware"],
+        "shiftOptions": ["updateMiddleware"],
+        "middleware": ["updatePosition"],
+        "placement": ["updatePosition"],
+        "strategy": ["updatePosition"],
+        "autoUpdateOptions": ["startAutoUpdate"]
+    }; }
+    static get style() { return dropdownCss; }
+}, [273, "qds-dropdown", {
+        "autoUpdateOptions": [16, "auto-update-options"],
+        "disabled": [4],
+        "flipOptions": [16, "flip-options"],
+        "noFlip": [4, "no-flip"],
+        "noShift": [4, "no-shift"],
+        "offsetOptions": [16, "offset-options"],
+        "placement": [1],
+        "shiftOptions": [16, "shift-options"],
+        "strategy": [1],
+        "target": [1],
+        "keepOpenOnSelect": [4, "keep-open-on-select"],
+        "updateGap": [64],
+        "show": [64],
+        "close": [64],
+        "focusFirstItem": [64]
+    }, [[4, "click", "handleMouseDown"], [0, "click", "onItemClick"]], {
+        "target": ["updateReferenceElement"],
+        "flipOptions": ["updateMiddleware"],
+        "noFlip": ["updateMiddleware"],
+        "noShift": ["updateMiddleware"],
+        "offsetOptions": ["updateMiddleware"],
+        "shiftOptions": ["updateMiddleware"],
+        "middleware": ["updatePosition"],
+        "placement": ["updatePosition"],
+        "strategy": ["updatePosition"],
+        "autoUpdateOptions": ["startAutoUpdate"]
+    }]);
+_Dropdown_cleanup = new WeakMap(), _Dropdown_Items = new WeakMap(), _Dropdown_instanceId = new WeakMap(), _Dropdown_gap = new WeakMap(), _Dropdown_middleware = new WeakMap(), _Dropdown_referenceElement = new WeakMap(), _Dropdown_open = new WeakMap(), _Dropdown_opened = new WeakMap(), _Dropdown_onFocusout = new WeakMap(), _Dropdown_onKeydown = new WeakMap(), _Dropdown_onReferenceClick = new WeakMap(), _Dropdown_boundOnFocusout = new WeakMap(), _Dropdown_boundOnKeydown = new WeakMap(), _Dropdown_boundOnReferenceClick = new WeakMap(), _Dropdown_onSlotchange = new WeakMap(), _Dropdown_instances = new WeakSet(), _Dropdown_focusOnTrigger = function _Dropdown_focusOnTrigger() {
+    if (!(__classPrivateFieldGet(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement) &&
+        !(__classPrivateFieldGet(this, _Dropdown_referenceElement, "f") instanceof globalThis.SVGElement))
+        return;
+    const root = __classPrivateFieldGet(this, _Dropdown_referenceElement, "f").getRootNode();
+    const isCustomElement = __classPrivateFieldGet(this, _Dropdown_referenceElement, "f") instanceof globalThis.HTMLElement &&
+        __classPrivateFieldGet(this, _Dropdown_referenceElement, "f").tagName.includes('-');
+    const target = root instanceof globalThis.ShadowRoot && !isCustomElement
+        ? root.host
+        : __classPrivateFieldGet(this, _Dropdown_referenceElement, "f");
+    target.focus();
+}, _Dropdown_focusFirstItem = function _Dropdown_focusFirstItem() {
+    requestAnimationFrame(() => {
+        const firstItem = __classPrivateFieldGet(this, _Dropdown_instances, "m", _Dropdown_setFirstItemTabindex).call(this);
+        if (firstItem) {
+            firstItem.focus();
+            return;
+        }
+        const focusable = __classPrivateFieldGet(this, _Dropdown_instances, "m", _Dropdown_findFirstFocusableDescendant).call(this);
+        if (focusable)
+            focusable.focus();
+    });
+}, _Dropdown_initializeFirstItem = function _Dropdown_initializeFirstItem() {
+    requestAnimationFrame(() => {
+        __classPrivateFieldGet(this, _Dropdown_instances, "m", _Dropdown_setFirstItemTabindex).call(this);
+    });
+}, _Dropdown_setFirstItemTabindex = function _Dropdown_setFirstItemTabindex() {
+    const firstItem = __classPrivateFieldGet(this, _Dropdown_Items, "f").find((item) => item instanceof H &&
+        isEnabledItem(item) &&
+        closestElement('qds-dropdown', item) === this.host);
+    if (!firstItem)
+        return undefined;
+    for (const item of __classPrivateFieldGet(this, _Dropdown_Items, "f"))
+        item.setAttribute('tabindex', '-1');
+    firstItem.setAttribute('tabindex', '0');
+    return firstItem;
+}, _Dropdown_findFirstFocusableDescendant = function _Dropdown_findFirstFocusableDescendant() {
+    for (const child of this.host.children) {
+        if (child instanceof H && !child.inert) {
+            const focusable = __classPrivateFieldGet(this, _Dropdown_instances, "m", _Dropdown_focusWithin).call(this, child);
+            if (focusable)
+                return focusable;
+        }
+    }
+    return undefined;
+}, _Dropdown_focusWithin = function _Dropdown_focusWithin(target) {
+    target.focus();
+    if (target.matches(':focus'))
+        return target;
+    if (target.shadowRoot) {
+        for (const child of target.shadowRoot.querySelectorAll('*')) {
+            if (child instanceof H && !child.inert) {
+                const focusable = __classPrivateFieldGet(this, _Dropdown_instances, "m", _Dropdown_focusWithin).call(this, child);
+                if (focusable)
+                    return focusable;
+            }
+        }
+    }
+    return undefined;
+}, _Dropdown_disconnectReferenceElement = function _Dropdown_disconnectReferenceElement() {
+    this.host.removeAttribute('aria-labelledby');
+    if (!(__classPrivateFieldGet(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
+        return;
+    __classPrivateFieldGet(this, _Dropdown_referenceElement, "f").removeEventListener('click', __classPrivateFieldGet(this, _Dropdown_boundOnReferenceClick, "f"));
+    __classPrivateFieldGet(this, _Dropdown_referenceElement, "f").removeEventListener('focusout', __classPrivateFieldGet(this, _Dropdown_boundOnFocusout, "f"));
+    __classPrivateFieldGet(this, _Dropdown_referenceElement, "f").removeEventListener('keydown', __classPrivateFieldGet(this, _Dropdown_boundOnKeydown, "f"));
+    __classPrivateFieldGet(this, _Dropdown_referenceElement, "f").removeAttribute('aria-expanded');
+    __classPrivateFieldGet(this, _Dropdown_referenceElement, "f").removeAttribute('aria-controls');
+}, _Dropdown_isReferenceOrDescendant = function _Dropdown_isReferenceOrDescendant(target) {
+    if (target === __classPrivateFieldGet(this, _Dropdown_referenceElement, "f"))
+        return true;
+    if (!(__classPrivateFieldGet(this, _Dropdown_referenceElement, "f") instanceof globalThis.Element))
+        return false;
+    if (target instanceof globalThis.Element &&
+        __classPrivateFieldGet(this, _Dropdown_referenceElement, "f").contains(target))
+        return true;
+    if (target instanceof globalThis.Node) {
+        const rootNode = target.getRootNode();
+        if (rootNode instanceof globalThis.ShadowRoot &&
+            rootNode.host === __classPrivateFieldGet(this, _Dropdown_referenceElement, "f"))
+            return true;
+    }
+    return false;
+};
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["qds-dropdown"];
+    components.forEach(tagName => { switch (tagName) {
+        case "qds-dropdown":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Dropdown);
+            }
+            break;
+    } });
+}
+
+export { Dropdown as D, defineCustomElement as d };
+//# sourceMappingURL=p-BLA62eFO.js.map
+
+//# sourceMappingURL=p-BLA62eFO.js.map

package/components/p-BLA62eFO.js.map

@@ -0,0 +1 @@
+{"file":"p-BLA62eFO.js","mappings":"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","names":["HTMLElement","__stencil_proxyCustomElement"],"sources":["src/components/dropdown/dropdown.css?tag=qds-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: © 2024 Schneider Electric\n *\n * SPDX-License-Identifier: Apache-2.0\n */\n\n@import url('../shared.css');\n\n:host {\n  background-color: var(--qds-theme-popup-background);\n  border-radius: var(--qds-popup-border-radius);\n  border: none;\n  box-shadow: var(--qds-popup-elevation);\n  box-sizing: border-box;\n  display: inline-block;\n  inset: unset;\n  margin: 0;\n  overflow: initial;\n  padding: 0;\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type {\n  AutoUpdateOptions,\n  DetectOverflowOptions,\n  FlipOptions,\n  Middleware,\n  Placement,\n  ReferenceElement,\n  ShiftOptions,\n  Strategy,\n} from '@floating-ui/dom'\nimport {\n  autoUpdate,\n  computePosition,\n  flip,\n  limitShift,\n  offset,\n  shift,\n} from '@floating-ui/dom'\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  Watch,\n} from '@stencil/core'\n\nimport type { OffsetOptions } from '../../helpers'\nimport {\n  closestElement,\n  getSubmenuCloseKey,\n  ignorePromise,\n  propertyToPx,\n  resolveTarget,\n  VERTICAL_MOVE_KEYS,\n} from '../../helpers'\n\nlet autoIncrementingId = 1\n\nconst getDropdownInstanceId = (): number => {\n  const instanceId = autoIncrementingId\n  autoIncrementingId += 1\n  return instanceId\n}\n\nconst isQdsButton = (\n  element: globalThis.Element,\n): element is HTMLQdsButtonElement =>\n  element.tagName.toLowerCase() === 'qds-button'\n\nconst ALLOWED_TAGS: ReadonlySet<string> = new Set([\n  'qds-action-item',\n  'qds-menu-item',\n  'qds-list-item',\n])\n\nconst isEnabledItem = (element: unknown): element is HTMLElement =>\n  element instanceof HTMLElement &&\n  ALLOWED_TAGS.has(element.tagName.toLowerCase()) &&\n  !element.hasAttribute('disabled') &&\n  !element.inert &&\n  element.getAttribute('list-action') !== 'none'\n\n/**\n * @slot Content to display in the dropdown.\n * @see https://quartz.se.com/build/components/dropdown\n */\n@Component({\n  tag: 'qds-dropdown',\n  shadow: { delegatesFocus: true },\n  styleUrl: 'dropdown.css',\n})\nexport class Dropdown implements ComponentInterface {\n  /**\n   * Options to pass to Floating UI's\n   * [`autoUpdate()` function](https://floating-ui.com/docs/autoUpdate).\n   *\n   * @see https://floating-ui.com/docs/autoupdate#options\n   */\n  @Prop() public readonly autoUpdateOptions?: AutoUpdateOptions\n\n  /**\n   * Prevents the dropdown from being shown by user interaction. The dropdown\n   * can still be displayed by calling the `show()` method.\n   */\n  @Prop() public readonly disabled: boolean = false\n\n  /**\n   * Options to pass to Floating UI's\n   * [`flip` middleware](https://floating-ui.com/docs/flip).\n   *\n   * The [`crossAxis` option](https://floating-ui.com/docs/flip#crossaxis) is\n   * set to the value of the `noShift` property by default for interoperability\n   * with the [`shift` middleware](https://floating-ui.com/docs/shift).\n   *\n   * @see https://floating-ui.com/docs/flip#options\n   */\n  @Prop() public readonly flipOptions?: Partial<\n    DetectOverflowOptions & FlipOptions\n  >\n\n  /**\n   * Disable Floating UI's\n   * [`flip` middleware](https://floating-ui.com/docs/flip).\n   */\n  @Prop() public readonly noFlip: boolean = false\n\n  /**\n   * Disable Floating UI's\n   * [`shift` middleware](https://floating-ui.com/docs/shift).\n   */\n  @Prop() public readonly noShift: boolean = false\n\n  /**\n   * Options to pass to Floating UI's\n   * [`offset` middleware](https://floating-ui.com/docs/offset).\n   *\n   * The [`mainAxis` option](https://floating-ui.com/docs/offset#mainaxis) is\n   * not supported.\n   *\n   * @see https://floating-ui.com/docs/offset#options\n   */\n  @Prop() public readonly offsetOptions?: OffsetOptions\n\n  /**\n   * Where to place the dropdown relative to the `target`.\n   *\n   * @see https://floating-ui.com/docs/tutorial#placements\n   */\n  @Prop() public readonly placement: Placement = 'bottom-start'\n\n  /**\n   * Options to pass to Floating UI's\n   * [`shift` middleware](https://floating-ui.com/docs/shift).\n   *\n   * @see https://floating-ui.com/docs/shift#options\n   */\n  @Prop() public readonly shiftOptions?: Partial<\n    DetectOverflowOptions & ShiftOptions\n  >\n\n  /**\n   * The CSS position strategy to use.\n   *\n   * @see https://floating-ui.com/docs/computeposition#strategy\n   */\n  @Prop() public readonly strategy?: Strategy\n\n  /**\n   * The trigger element that will trigger the dropdown. The target specified\n   * can be any of the following:\n   *\n   * - A CSS selector string\n   * - A reference to an [`Element`][] or [Virtual Element][]\n   * - A function returning a reference to an [`Element`][],\n   * [Virtual Element][], or a CSS selector string\n   *\n   * [`Element`]: https://developer.mozilla.org/docs/Web/API/Element\n   * [Virtual Element]: https://floating-ui.com/docs/virtual-elements\n   */\n  @Prop() public readonly target!:\n    | ReferenceElement\n    | string\n    | (() => ReferenceElement | string)\n\n  /**\n   * By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\n   * dropdowns that allow for multiple interactions.\n   */\n  @Prop() public readonly keepOpenOnSelect: boolean = false\n\n  /**\n   * Emitted when the user instructs the browser that they wish to dismiss the\n   * current open dropdown by pressing the `Esc` key.\n   *\n   * When a dropdown is dismissed with the `Esc` key, both the `qdsCancel` and\n   * `qdsClose` events are emitted.\n   */\n  @Event({ eventName: 'qdsCancel', bubbles: false })\n  private readonly cancelEmitter!: EventEmitter<void>\n\n  /**\n   * Emitted when the dropdown is closed.\n   */\n  @Event({ eventName: 'qdsClose', bubbles: false, cancelable: false })\n  private readonly closeEmitter!: EventEmitter<void>\n\n  @Element() private readonly host!: HTMLElement\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  #cleanup?: () => void\n\n  #Items: HTMLElement[] = []\n\n  readonly #instanceId = getDropdownInstanceId()\n\n  #gap = 0\n\n  #middleware?: (Middleware | false)[]\n\n  #referenceElement?: ReferenceElement\n\n  #open = false\n\n  /**\n   * Whether the dropdown has been opened at least once.\n   * This is used to determine whether the dropdown should update its position, gap\n   * and middleware when it is opened.\n   */\n  #opened = false\n\n  /**\n   * Updates the gap between the dropdown and its target element.\n   */\n  @Method()\n  public async updateGap(): Promise<void> {\n    this.#gap = propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0\n\n    await this.updateMiddleware()\n  }\n\n  /**\n   * Shows the dropdown.\n   */\n  @Method()\n  public async show(): Promise<void> {\n    if (this.#open) return\n\n    const reference = this.#referenceElement\n    const { host } = this\n\n    if (reference instanceof globalThis.Element) {\n      reference.setAttribute('aria-expanded', 'true')\n      host.setAttribute('aria-labelledby', reference.id)\n\n      if (isQdsButton(reference) && reference.action === 'dropdown')\n        reference.action = 'dropdown-close'\n    }\n\n    if (!this.#opened) {\n      await this.updateGap()\n      this.#opened = true\n    }\n    this.startAutoUpdate()\n    this.#open = true\n    host.hidden = false\n    host.showPopover()\n  }\n\n  /**\n   * Closes the dropdown.\n   */\n  @Method()\n  public async close(): Promise<void> {\n    if (!this.#open) return\n\n    if (this.#referenceElement instanceof globalThis.Element) {\n      this.#referenceElement.setAttribute('aria-expanded', 'false')\n\n      if (\n        isQdsButton(this.#referenceElement) &&\n        this.#referenceElement.action === 'dropdown-close'\n      )\n        this.#referenceElement.action = 'dropdown'\n    }\n\n    if (this.#cleanup) this.#cleanup()\n    this.#open = false\n    this.host.hidden = true\n    this.host.hidePopover()\n\n    this.closeEmitter.emit()\n  }\n\n  @Method()\n  public async focusFirstItem(): Promise<void> {\n    this.#focusFirstItem()\n  }\n\n  @Listen('click', { target: 'document' })\n  protected async handleMouseDown(event: MouseEvent): Promise<void> {\n    if (!this.#open) return\n\n    const composedPath = event.composedPath()\n    const withinBounds =\n      composedPath.includes(this.host) ||\n      (this.#referenceElement instanceof globalThis.Element &&\n        composedPath.includes(this.#referenceElement))\n    if (!withinBounds) await this.close()\n  }\n\n  @Listen('click')\n  protected async onItemClick(event: MouseEvent): Promise<void> {\n    if (!this.keepOpenOnSelect && isEnabledItem(event.target)) {\n      await this.close()\n    }\n  }\n\n  @Watch('target')\n  private async updateReferenceElement(): Promise<void> {\n    this.#disconnectReferenceElement()\n\n    this.#referenceElement = resolveTarget(this.target, 'qds-dropdown')\n\n    if (!(this.#referenceElement instanceof globalThis.Element)) return\n\n    this.#referenceElement.setAttribute('aria-expanded', 'false')\n    this.#referenceElement.setAttribute('aria-haspopup', 'true')\n    this.#referenceElement.setAttribute('aria-controls', this.host.id)\n    this.#referenceElement.addEventListener(\n      'click',\n      this.#boundOnReferenceClick,\n    )\n    this.#referenceElement.addEventListener('focusout', this.#boundOnFocusout)\n    this.#referenceElement.addEventListener('keydown', this.#boundOnKeydown)\n\n    if (this.internals.role === 'menu') {\n      this.#referenceElement.id ||= `qds-dropdown-trigger-${this.#instanceId}`\n      this.host.setAttribute('aria-labelledby', this.#referenceElement.id)\n    }\n  }\n\n  @Watch('flipOptions')\n  @Watch('noFlip')\n  @Watch('noShift')\n  @Watch('offsetOptions')\n  @Watch('shiftOptions')\n  private async updateMiddleware(): Promise<void> {\n    this.#middleware = [\n      offset({\n        ...this.offsetOptions,\n        mainAxis: this.#gap,\n      }),\n      !this.noFlip &&\n        flip({\n          crossAxis: this.noShift,\n          ...this.flipOptions,\n        }),\n      !this.noShift &&\n        shift({\n          limiter: limitShift(),\n          ...this.shiftOptions,\n        }),\n    ]\n  }\n\n  @Watch('middleware')\n  @Watch('placement')\n  @Watch('strategy')\n  private async updatePosition(): Promise<void> {\n    if (!this.#referenceElement) return\n\n    const { x, y, strategy } = await computePosition(\n      this.#referenceElement,\n      this.host,\n      {\n        middleware: this.#middleware,\n        placement: this.placement,\n        strategy: this.strategy,\n      },\n    )\n    Object.assign(this.host.style, {\n      position: strategy,\n      left: `${x}px`,\n      top: `${y}px`,\n    })\n  }\n\n  @Watch('autoUpdateOptions')\n  private startAutoUpdate(): void {\n    if (!this.#referenceElement) return\n\n    if (this.#cleanup) this.#cleanup()\n    this.#cleanup = autoUpdate(\n      this.#referenceElement,\n      this.host,\n      () => {\n        ignorePromise(this.updatePosition())\n      },\n      this.autoUpdateOptions,\n    )\n  }\n\n  public async componentWillLoad(): Promise<void> {\n    this.host.hidden = true\n    this.host.popover = 'manual'\n    this.internals.role = 'menu'\n    this.host.id ||= `qds-dropdown-${this.#instanceId}`\n    await this.updateReferenceElement()\n  }\n\n  public disconnectedCallback(): void {\n    this.#disconnectReferenceElement()\n  }\n\n  public render() {\n    return (\n      <Host onKeyDown={this.#onKeydown} onFocusout={this.#onFocusout}>\n        <slot onSlotchange={this.#onSlotchange} />\n      </Host>\n    )\n  }\n\n  readonly #onFocusout = async (event: Event): Promise<void> => {\n    if (!(event instanceof FocusEvent)) return\n    const { relatedTarget } = event\n\n    const dropdownItem = this.#Items.find((item) => item === relatedTarget)\n    if (\n      relatedTarget instanceof globalThis.Element &&\n      !this.host.contains(relatedTarget) &&\n      !dropdownItem &&\n      !this.#isReferenceOrDescendant(relatedTarget)\n    )\n      await this.close()\n  }\n\n  #focusOnTrigger(): void {\n    if (\n      !(this.#referenceElement instanceof globalThis.HTMLElement) &&\n      !(this.#referenceElement instanceof globalThis.SVGElement)\n    )\n      return\n\n    const root = this.#referenceElement.getRootNode()\n    const isCustomElement =\n      this.#referenceElement instanceof globalThis.HTMLElement &&\n      this.#referenceElement.tagName.includes('-')\n\n    const target =\n      root instanceof globalThis.ShadowRoot && !isCustomElement\n        ? (root.host as HTMLElement)\n        : this.#referenceElement\n\n    target.focus()\n  }\n\n  readonly #onKeydown = async (event: Event): Promise<void> => {\n    if (!(event instanceof KeyboardEvent)) return\n\n    const { key, target } = event\n    const keydownOnReference = this.#isReferenceOrDescendant(target)\n\n    if (key === 'Enter' && !this.keepOpenOnSelect && isEnabledItem(target)) {\n      // Keep parent open when Enter is used on an item with a nested submenu.\n      if (\n        target instanceof HTMLElement &&\n        target.shadowRoot?.querySelector('qds-dropdown')\n      )\n        return\n\n      await this.close()\n      this.#focusOnTrigger()\n      return\n    }\n\n    if (\n      key === 'Escape' &&\n      (target === this.#referenceElement ||\n        (target instanceof globalThis.Element &&\n          closestElement('qds-dropdown', target) === this.host))\n    ) {\n      const cancelEvent = this.cancelEmitter.emit()\n      if (cancelEvent.defaultPrevented) return\n\n      await this.close()\n      this.#focusOnTrigger()\n\n      return\n    }\n\n    if (keydownOnReference && (key === 'ArrowDown' || key === 'ArrowUp')) {\n      event.preventDefault()\n      event.stopPropagation()\n      if (!this.#open) await this.show()\n      this.#focusFirstItem()\n      return\n    }\n    // Prevent space key from scrolling the page when focused on an item\n    if (key === ' ' || key === 'Enter') {\n      event.preventDefault()\n      event.stopPropagation()\n      return\n    }\n\n    if (key === getSubmenuCloseKey(this.host) && this.#open) {\n      event.preventDefault()\n      event.stopPropagation()\n      await this.close()\n      this.#focusOnTrigger()\n      return\n    }\n\n    if (!VERTICAL_MOVE_KEYS.has(key)) return\n\n    const Items = this.#Items.filter(\n      (item: HTMLElement) =>\n        isEnabledItem(item) &&\n        closestElement('qds-dropdown', item) === this.host,\n    )\n\n    if (Items.length === 0) return\n\n    event.preventDefault()\n    event.stopPropagation()\n\n    const currentIndex = Items.findIndex(\n      (item: HTMLElement) => item.getAttribute('tabindex') === '0',\n    )\n\n    let nextIndex = currentIndex\n\n    switch (key) {\n      case 'ArrowUp': {\n        nextIndex = currentIndex > 0 ? currentIndex - 1 : Items.length - 1\n        break\n      }\n      case 'ArrowDown': {\n        nextIndex = currentIndex < Items.length - 1 ? currentIndex + 1 : 0\n        break\n      }\n      case 'Home': {\n        nextIndex = 0\n        break\n      }\n      case 'End': {\n        nextIndex = Items.length - 1\n        break\n      }\n      default: {\n        return\n      }\n    }\n    const nextItem = Items[nextIndex]\n    for (const [index, item] of Items.entries()) {\n      ;(item as HTMLElement).setAttribute(\n        'tabindex',\n        index === nextIndex ? '0' : '-1',\n      )\n    }\n\n    nextItem.focus()\n    event.preventDefault()\n  }\n\n  readonly #onReferenceClick = async (): Promise<void> => {\n    if (this.disabled) return\n\n    if (this.#open) {\n      await this.close()\n      return\n    }\n\n    await this.show()\n    this.#initializeFirstItem()\n    this.#focusFirstItem()\n  }\n\n  #focusFirstItem(): void {\n    requestAnimationFrame(() => {\n      const firstItem = this.#setFirstItemTabindex()\n      if (firstItem) {\n        firstItem.focus()\n        return\n      }\n\n      const focusable = this.#findFirstFocusableDescendant()\n      if (focusable) focusable.focus()\n    })\n  }\n\n  #initializeFirstItem(): void {\n    requestAnimationFrame(() => {\n      this.#setFirstItemTabindex()\n    })\n  }\n\n  #setFirstItemTabindex(): HTMLElement | undefined {\n    const firstItem = this.#Items.find(\n      (item) =>\n        item instanceof HTMLElement &&\n        isEnabledItem(item) &&\n        closestElement('qds-dropdown', item) === this.host,\n    )\n    if (!firstItem) return undefined\n    for (const item of this.#Items) item.setAttribute('tabindex', '-1')\n    firstItem.setAttribute('tabindex', '0')\n    return firstItem\n  }\n\n  #findFirstFocusableDescendant(): HTMLElement | undefined {\n    for (const child of this.host.children) {\n      if (child instanceof HTMLElement && !child.inert) {\n        const focusable = this.#focusWithin(child)\n        if (focusable) return focusable\n      }\n    }\n\n    return undefined\n  }\n\n  #focusWithin(target: HTMLElement): HTMLElement | undefined {\n    target.focus()\n    if (target.matches(':focus')) return target\n\n    if (target.shadowRoot) {\n      for (const child of target.shadowRoot.querySelectorAll('*')) {\n        if (child instanceof HTMLElement && !child.inert) {\n          const focusable = this.#focusWithin(child)\n          if (focusable) return focusable\n        }\n      }\n    }\n\n    return undefined\n  }\n\n  #disconnectReferenceElement(): void {\n    this.host.removeAttribute('aria-labelledby')\n\n    if (!(this.#referenceElement instanceof globalThis.Element)) return\n\n    this.#referenceElement.removeEventListener(\n      'click',\n      this.#boundOnReferenceClick,\n    )\n    this.#referenceElement.removeEventListener(\n      'focusout',\n      this.#boundOnFocusout,\n    )\n    this.#referenceElement.removeEventListener('keydown', this.#boundOnKeydown)\n    this.#referenceElement.removeAttribute('aria-expanded')\n    this.#referenceElement.removeAttribute('aria-controls')\n  }\n\n  readonly #boundOnFocusout = (event: Event): void => {\n    ignorePromise(this.#onFocusout(event))\n  }\n\n  readonly #boundOnKeydown = (event: Event): void => {\n    ignorePromise(this.#onKeydown(event))\n  }\n\n  readonly #boundOnReferenceClick = (): void => {\n    ignorePromise(this.#onReferenceClick())\n  }\n\n  readonly #onSlotchange = (event: Event): void => {\n    const slot = event.target as HTMLSlotElement\n    const assignedElements = slot.assignedElements({ flatten: true })\n\n    this.#Items = assignedElements.filter((element): element is HTMLElement =>\n      isEnabledItem(element),\n    )\n  }\n\n  #isReferenceOrDescendant(target: EventTarget | null): boolean {\n    if (target === this.#referenceElement) return true\n\n    if (!(this.#referenceElement instanceof globalThis.Element)) return false\n\n    if (\n      target instanceof globalThis.Element &&\n      this.#referenceElement.contains(target)\n    )\n      return true\n\n    if (target instanceof globalThis.Node) {\n      const rootNode = target.getRootNode()\n      if (\n        rootNode instanceof globalThis.ShadowRoot &&\n        rootNode.host === this.#referenceElement\n      )\n        return true\n    }\n\n    return false\n  }\n}\n"],"version":3}