@quartzds/core 1.0.0-beta.12 → 1.0.0-beta.120

package/components/p-B03FWheS.js

@@ -0,0 +1,393 @@
+/*!
+ * 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, b as arrow, c as computePosition, a as autoUpdate, l as limitShift } from './p-Bv2vPjgL.js';
+import { g as ignorePromise, h as propertyToPx, i as invariant, r as resolveTarget, l as isTouchDevice } from './p-CXP6q9Mr.js';
+
+const tooltipCss = ":host([hidden]){display:none!important}:host{align-items:flex-start;background-color:var(--qds-theme-accessory-background);border:none;border-radius:var(--qds-accessory-border-radius);box-shadow:var(--qds-accessory-elevation);box-sizing:border-box;color:var(--qds-theme-text-standard);display:flex;flex-direction:column;gap:var(--qds-accessory-gap-children-unrelated);inset:unset;margin:0;overflow:initial;padding:0}:host:before{content:\"\";position:absolute}::slotted(blockquote),::slotted(button),::slotted(dd),::slotted(dl),::slotted(fieldset),::slotted(figure),::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),::slotted(hr),::slotted(input),::slotted(menu),::slotted(ol),::slotted(p),::slotted(pre),::slotted(select),::slotted(textarea),::slotted(ul){margin:0}:host([data-side=bottom]):before,:host([data-side=top]):before{height:calc(var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px));top:100%;width:100%}:host([data-side=bottom]):before{top:calc((var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px))*-1)}:host([data-side=left]):before,:host([data-side=right]):before{left:100%;width:calc(var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px))}:host([data-side=right]):before{left:calc((var(--qds-accessory-gap-floating, 0px) + var(--qds-signature-triangle-pointer-size-height, 0px))*-1)}.qds-arrow{height:var(--qds-signature-triangle-pointer-size-height);position:absolute;width:var(--qds-signature-triangle-pointer-size-width)}.qds-arrow:before{background-color:var(--qds-theme-accessory-background);clip-path:polygon(0 0,100% 0,50% 100%);height:100%}.qds-arrow:after,.qds-arrow:before{content:\"\";position:absolute;width:100%}.qds-arrow:after{background-color:var(--qds-theme-accessory-border);bottom:calc(var(--qds-accessory-border-width)*-1);clip-path:polygon(0 10%,100% 10%,50% 100%);height:calc(100% + var(--qds-accessory-border-width));z-index:-1}.qds-arrow[data-side=bottom]{top:calc((var(--qds-signature-triangle-pointer-size-height) - var(--qds-accessory-effect-section-position-y))*-1);transform:rotate(180deg)}.qds-arrow[data-side=left]{right:calc((var(--qds-accessory-gap-floating) + var(--qds-signature-triangle-pointer-size-height))*-1 + var(--qds-accessory-effect-section-position-y));transform:rotate(-90deg)}.qds-arrow[data-side=right]{left:calc((var(--qds-accessory-gap-floating) + var(--qds-signature-triangle-pointer-size-height))*-1 + var(--qds-accessory-effect-section-position-y));transform:rotate(90deg)}.qds-arrow[data-side=top]{bottom:calc((var(--qds-signature-triangle-pointer-size-height) - var(--qds-accessory-effect-section-position-y))*-1)}.qds-tooltip{align-items:inherit;border:var(--qds-accessory-border-width) solid var(--qds-theme-accessory-border);border-radius:var(--qds-accessory-border-radius);display:inherit;flex-direction:inherit;flex-wrap:inherit;gap:inherit;justify-content:inherit;max-width:var(--qds-accessory-max-width);padding:var(--qds-accessory-padding-top) var(--qds-accessory-padding-end) var(--qds-accessory-padding-bottom) var(--qds-accessory-padding-start)}";
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+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 __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 _Tooltip_instances, _Tooltip_arrow, _Tooltip_arrowPadding, _Tooltip_cleanup, _Tooltip_clickedTooltip, _Tooltip_isTouchDevice, _Tooltip_listeners, _Tooltip_mainAxisDistance, _Tooltip_middleware, _Tooltip_open, _Tooltip_opened, _Tooltip_referenceElement, _Tooltip_arrowRef, _Tooltip_boundTooltipPointerDown, _Tooltip_handleFocus, _Tooltip_boundFocus, _Tooltip_handleKeyDown, _Tooltip_boundKeyDown, _Tooltip_handlePointerenter, _Tooltip_boundPointerenter, _Tooltip_handlePointerleave, _Tooltip_boundPointerleave, _Tooltip_handleFocusOut, _Tooltip_boundFocusout, _Tooltip_handlePointerdown, _Tooltip_boundPointerdown, _Tooltip_handleReferenceClick, _Tooltip_boundReferenceClick, _Tooltip_on, _Tooltip_removeEventListeners, _Tooltip_setAriaExpanded;
+let autoIncrementingId = 1;
+const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.closeEmitter = createEvent(this, "qdsClose", 2);
+        this.internals = this.attachInternals();
+        _Tooltip_instances.add(this);
+        /**
+         * Prevents the tooltip from being shown by user interaction. The tooltip 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 tooltip relative to the `target`.
+         *
+         * @see https://floating-ui.com/docs/tutorial#placements
+         */
+        this.placement = 'top';
+        /**
+         * Determines the events that cause the tooltip to show. Multiple event names
+         * are separated by spaces.
+         */
+        this.trigger = 'pointerenter focus';
+        _Tooltip_arrow.set(this, void 0);
+        _Tooltip_arrowPadding.set(this, 0);
+        _Tooltip_cleanup.set(this, void 0);
+        _Tooltip_clickedTooltip.set(this, false);
+        _Tooltip_isTouchDevice.set(this, false);
+        _Tooltip_listeners.set(this, []);
+        _Tooltip_mainAxisDistance.set(this, 0);
+        _Tooltip_middleware.set(this, void 0);
+        _Tooltip_open.set(this, false
+        /**
+         * Ensure that `updateArrow()` is called only once internally as this is
+         * expensive.
+         */
+        );
+        /**
+         * Ensure that `updateArrow()` is called only once internally as this is
+         * expensive.
+         */
+        _Tooltip_opened.set(this, false);
+        _Tooltip_referenceElement.set(this, void 0);
+        _Tooltip_arrowRef.set(this, (div) => {
+            __classPrivateFieldSet(this, _Tooltip_arrow, div, "f");
+        });
+        _Tooltip_boundTooltipPointerDown.set(this, () => {
+            __classPrivateFieldSet(this, _Tooltip_clickedTooltip, true, "f");
+        });
+        _Tooltip_boundFocus.set(this, () => {
+            ignorePromise(__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_handleFocus).call(this));
+        });
+        _Tooltip_boundKeyDown.set(this, (event) => {
+            ignorePromise(__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_handleKeyDown).call(this, event));
+        });
+        _Tooltip_boundPointerenter.set(this, () => {
+            ignorePromise(__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_handlePointerenter).call(this));
+        });
+        _Tooltip_boundPointerleave.set(this, (event) => {
+            ignorePromise(__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_handlePointerleave).call(this, event));
+        });
+        _Tooltip_boundFocusout.set(this, (event) => {
+            ignorePromise(__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_handleFocusOut).call(this, event));
+        });
+        _Tooltip_boundPointerdown.set(this, (event) => {
+            ignorePromise(__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_handlePointerdown).call(this, event));
+        });
+        _Tooltip_boundReferenceClick.set(this, () => {
+            ignorePromise(__classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_handleReferenceClick).call(this));
+        });
+    }
+    /**
+     * Show the tooltip.
+     */
+    async show() {
+        if (__classPrivateFieldGet(this, _Tooltip_open, "f"))
+            return;
+        if (!__classPrivateFieldGet(this, _Tooltip_opened, "f")) {
+            await this.updateArrow();
+            __classPrivateFieldSet(this, _Tooltip_opened, true, "f");
+        }
+        this.startAutoUpdate();
+        __classPrivateFieldSet(this, _Tooltip_open, true, "f");
+        __classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_setAriaExpanded).call(this);
+    }
+    /**
+     * Close the tooltip.
+     */
+    async close() {
+        if (!__classPrivateFieldGet(this, _Tooltip_open, "f"))
+            return;
+        this.closeEmitter.emit();
+        if (__classPrivateFieldGet(this, _Tooltip_cleanup, "f"))
+            __classPrivateFieldGet(this, _Tooltip_cleanup, "f").call(this);
+        __classPrivateFieldSet(this, _Tooltip_open, false, "f");
+        __classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_setAriaExpanded).call(this);
+        __classPrivateFieldSet(this, _Tooltip_clickedTooltip, false, "f");
+    }
+    /**
+     * Update the tooltip's arrow.
+     *
+     * This method should typically be called when the Quartz platform was
+     * changed.
+     */
+    async updateArrow() {
+        const gap = propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0;
+        const height = propertyToPx(this.host, '--qds-signature-triangle-pointer-size-height') ??
+            0;
+        const padding = propertyToPx(this.host, '--qds-accessory-border-radius') ?? 0;
+        __classPrivateFieldSet(this, _Tooltip_mainAxisDistance, gap + height, "f");
+        __classPrivateFieldSet(this, _Tooltip_arrowPadding, padding, "f");
+        await this.updateMiddleware();
+    }
+    async updateMiddleware() {
+        invariant(__classPrivateFieldGet(this, _Tooltip_arrow, "f"));
+        __classPrivateFieldSet(this, _Tooltip_middleware, [
+            offset({
+                ...this.offsetOptions,
+                mainAxis: __classPrivateFieldGet(this, _Tooltip_mainAxisDistance, "f"),
+            }),
+            !this.noFlip &&
+                flip({
+                    crossAxis: this.noShift,
+                    ...this.flipOptions,
+                }),
+            !this.noShift &&
+                shift({
+                    limiter: limitShift(),
+                    ...this.shiftOptions,
+                }),
+            arrow({
+                element: __classPrivateFieldGet(this, _Tooltip_arrow, "f"),
+                padding: __classPrivateFieldGet(this, _Tooltip_arrowPadding, "f"),
+            }),
+        ], "f");
+    }
+    async updateReferenceElement() {
+        var _a;
+        this.disconnectedCallback();
+        __classPrivateFieldSet(this, _Tooltip_referenceElement, resolveTarget(this.target), "f");
+        if (!(__classPrivateFieldGet(this, _Tooltip_referenceElement, "f") instanceof globalThis.Element))
+            return;
+        this.updateEventListeners();
+        (_a = this.host).id || (_a.id = `qds-tooltip-${autoIncrementingId}`);
+        __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").setAttribute('aria-describedby', this.host.id);
+        if (this.host.role === 'dialog')
+            __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").ariaHasPopup = 'dialog';
+    }
+    updateEventListeners() {
+        if (!(__classPrivateFieldGet(this, _Tooltip_referenceElement, "f") instanceof globalThis.Element))
+            return;
+        const triggers = Array.isArray(this.trigger)
+            ? this.trigger
+            : (this.trigger?.split(' ') ??
+                []);
+        __classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_removeEventListeners).call(this);
+        if (__classPrivateFieldGet(this, _Tooltip_isTouchDevice, "f"))
+            __classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_on).call(this, __classPrivateFieldGet(this, _Tooltip_referenceElement, "f"), 'click', __classPrivateFieldGet(this, _Tooltip_boundReferenceClick, "f"));
+        __classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_on).call(this, document.documentElement, 'pointerdown', __classPrivateFieldGet(this, _Tooltip_boundPointerdown, "f"));
+        __classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_on).call(this, __classPrivateFieldGet(this, _Tooltip_referenceElement, "f"), 'keydown', __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"));
+        for (const trigger of triggers) {
+            switch (trigger) {
+                case 'click': {
+                    __classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_on).call(this, __classPrivateFieldGet(this, _Tooltip_referenceElement, "f"), 'click', __classPrivateFieldGet(this, _Tooltip_boundReferenceClick, "f"));
+                    break;
+                }
+                case 'focus':
+                case 'focusin': {
+                    __classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_on).call(this, __classPrivateFieldGet(this, _Tooltip_referenceElement, "f"), trigger, __classPrivateFieldGet(this, _Tooltip_boundFocus, "f"));
+                    __classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_on).call(this, __classPrivateFieldGet(this, _Tooltip_referenceElement, "f"), 'focusout', __classPrivateFieldGet(this, _Tooltip_boundFocusout, "f"));
+                    __classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_on).call(this, this.host, 'focusout', __classPrivateFieldGet(this, _Tooltip_boundFocusout, "f"));
+                    break;
+                }
+                case 'pointerenter': {
+                    __classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_on).call(this, __classPrivateFieldGet(this, _Tooltip_referenceElement, "f"), 'pointerenter', __classPrivateFieldGet(this, _Tooltip_boundPointerenter, "f"));
+                    __classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_on).call(this, __classPrivateFieldGet(this, _Tooltip_referenceElement, "f"), 'pointerleave', __classPrivateFieldGet(this, _Tooltip_boundPointerleave, "f"));
+                    __classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_on).call(this, this.host, 'pointerleave', __classPrivateFieldGet(this, _Tooltip_boundPointerleave, "f"));
+                    break;
+                }
+            }
+        }
+    }
+    async updatePosition() {
+        invariant(__classPrivateFieldGet(this, _Tooltip_referenceElement, "f"));
+        const { x, y, middlewareData, placement, strategy } = await computePosition(__classPrivateFieldGet(this, _Tooltip_referenceElement, "f"), this.host, {
+            middleware: __classPrivateFieldGet(this, _Tooltip_middleware, "f"),
+            placement: this.placement,
+            strategy: this.strategy,
+        });
+        const [side] = placement.split('-');
+        this.host.dataset.side = side;
+        Object.assign(this.host.style, {
+            position: strategy,
+            left: `${x}px`,
+            top: `${y}px`,
+        });
+        if (middlewareData.arrow === undefined)
+            return;
+        invariant(__classPrivateFieldGet(this, _Tooltip_arrow, "f"));
+        const { x: aX, y: aY, centerOffset } = middlewareData.arrow;
+        __classPrivateFieldGet(this, _Tooltip_arrow, "f").dataset.side = side;
+        Object.assign(__classPrivateFieldGet(this, _Tooltip_arrow, "f").style, {
+            display: centerOffset === 0 ? '' : 'none',
+            left: aX === undefined ? '' : `${aX}px`,
+            top: aY === undefined ? '' : `${aY}px`,
+        });
+    }
+    startAutoUpdate() {
+        invariant(__classPrivateFieldGet(this, _Tooltip_referenceElement, "f"));
+        if (__classPrivateFieldGet(this, _Tooltip_cleanup, "f"))
+            __classPrivateFieldGet(this, _Tooltip_cleanup, "f").call(this);
+        __classPrivateFieldSet(this, _Tooltip_cleanup, autoUpdate(__classPrivateFieldGet(this, _Tooltip_referenceElement, "f"), this.host, () => {
+            ignorePromise(this.updatePosition());
+        }, this.autoUpdateOptions), "f");
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _Tooltip_isTouchDevice, isTouchDevice(), "f");
+        this.host.hidden = true;
+        this.host.popover = 'manual';
+        this.internals.role = 'tooltip';
+        await this.updateReferenceElement();
+        autoIncrementingId += 1;
+    }
+    disconnectedCallback() {
+        if (!(__classPrivateFieldGet(this, _Tooltip_referenceElement, "f") instanceof globalThis.Element))
+            return;
+        __classPrivateFieldGet(this, _Tooltip_instances, "m", _Tooltip_removeEventListeners).call(this);
+        __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").removeAttribute('aria-describedby');
+    }
+    render() {
+        return (h(Host, { key: 'd988515f748a96c82aa9d06e5147e5d0bca5b15a', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f") }, h("div", { key: '8a4b87f814af050b52659eb14f04f377a704e19d', class: "qds-tooltip" }, h("slot", { key: 'e4e89b12134a6ed44eb8ae0e6f76d9843341cabe' })), h("div", { key: '3bff9e45b53659775dcdc5ef89d2132951cac5a9', class: "qds-arrow", ref: __classPrivateFieldGet(this, _Tooltip_arrowRef, "f") })));
+    }
+    get host() { return this; }
+    static get watchers() { return {
+        "flipOptions": ["updateMiddleware"],
+        "noFlip": ["updateMiddleware"],
+        "noShift": ["updateMiddleware"],
+        "offsetOptions": ["updateMiddleware"],
+        "shiftOptions": ["updateMiddleware"],
+        "target": ["updateReferenceElement"],
+        "trigger": ["updateEventListeners"],
+        "middleware": ["updatePosition"],
+        "placement": ["updatePosition"],
+        "strategy": ["updatePosition"],
+        "autoUpdateOptions": ["startAutoUpdate"]
+    }; }
+    static get style() { return tooltipCss; }
+}, [257, "qds-tooltip", {
+        "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],
+        "trigger": [1],
+        "show": [64],
+        "close": [64],
+        "updateArrow": [64]
+    }, undefined, {
+        "flipOptions": ["updateMiddleware"],
+        "noFlip": ["updateMiddleware"],
+        "noShift": ["updateMiddleware"],
+        "offsetOptions": ["updateMiddleware"],
+        "shiftOptions": ["updateMiddleware"],
+        "target": ["updateReferenceElement"],
+        "trigger": ["updateEventListeners"],
+        "middleware": ["updatePosition"],
+        "placement": ["updatePosition"],
+        "strategy": ["updatePosition"],
+        "autoUpdateOptions": ["startAutoUpdate"]
+    }]);
+_Tooltip_arrow = new WeakMap(), _Tooltip_arrowPadding = new WeakMap(), _Tooltip_cleanup = new WeakMap(), _Tooltip_clickedTooltip = new WeakMap(), _Tooltip_isTouchDevice = new WeakMap(), _Tooltip_listeners = new WeakMap(), _Tooltip_mainAxisDistance = new WeakMap(), _Tooltip_middleware = new WeakMap(), _Tooltip_open = new WeakMap(), _Tooltip_opened = new WeakMap(), _Tooltip_referenceElement = new WeakMap(), _Tooltip_arrowRef = new WeakMap(), _Tooltip_boundTooltipPointerDown = new WeakMap(), _Tooltip_boundFocus = new WeakMap(), _Tooltip_boundKeyDown = new WeakMap(), _Tooltip_boundPointerenter = new WeakMap(), _Tooltip_boundPointerleave = new WeakMap(), _Tooltip_boundFocusout = new WeakMap(), _Tooltip_boundPointerdown = new WeakMap(), _Tooltip_boundReferenceClick = new WeakMap(), _Tooltip_instances = new WeakSet(), _Tooltip_handleFocus = async function _Tooltip_handleFocus() {
+    if (!this.disabled)
+        await this.show();
+}, _Tooltip_handleKeyDown = async function _Tooltip_handleKeyDown(event) {
+    if (event instanceof KeyboardEvent && event.key === 'Escape')
+        await this.close();
+}, _Tooltip_handlePointerenter = async function _Tooltip_handlePointerenter() {
+    if (!this.disabled)
+        await this.show();
+}, _Tooltip_handlePointerleave = async function _Tooltip_handlePointerleave(event) {
+    if (!__classPrivateFieldGet(this, _Tooltip_clickedTooltip, "f") &&
+        document.activeElement !== __classPrivateFieldGet(this, _Tooltip_referenceElement, "f") &&
+        document.activeElement?.closest('qds-tooltip') !== this.host &&
+        event instanceof PointerEvent &&
+        event.relatedTarget !== __classPrivateFieldGet(this, _Tooltip_referenceElement, "f") &&
+        event.relatedTarget !== this.host)
+        await this.close();
+}, _Tooltip_handleFocusOut = async function _Tooltip_handleFocusOut(event) {
+    if (!(event instanceof FocusEvent))
+        return;
+    const { relatedTarget } = event;
+    if (relatedTarget instanceof globalThis.Element &&
+        !this.host.contains(relatedTarget) &&
+        __classPrivateFieldGet(this, _Tooltip_referenceElement, "f") !== relatedTarget)
+        await this.close();
+}, _Tooltip_handlePointerdown = async function _Tooltip_handlePointerdown(event) {
+    const composedPath = event.composedPath();
+    const withinBounds = composedPath.includes(this.host) ||
+        (__classPrivateFieldGet(this, _Tooltip_referenceElement, "f") instanceof globalThis.Element &&
+            composedPath.includes(__classPrivateFieldGet(this, _Tooltip_referenceElement, "f")));
+    if (!withinBounds)
+        await this.close();
+}, _Tooltip_handleReferenceClick = async function _Tooltip_handleReferenceClick() {
+    if (!this.disabled)
+        await (__classPrivateFieldGet(this, _Tooltip_open, "f") ? this.close() : this.show());
+}, _Tooltip_on = function _Tooltip_on(element, event, listener) {
+    const hasListener = __classPrivateFieldGet(this, _Tooltip_listeners, "f").some((value) => value.element === element && value.event === event);
+    if (hasListener)
+        return;
+    element.addEventListener(event, listener);
+    __classPrivateFieldGet(this, _Tooltip_listeners, "f").push({ element, event, listener });
+}, _Tooltip_removeEventListeners = function _Tooltip_removeEventListeners() {
+    for (const { element, event, listener } of __classPrivateFieldGet(this, _Tooltip_listeners, "f"))
+        element.removeEventListener(event, listener);
+    __classPrivateFieldSet(this, _Tooltip_listeners, [], "f");
+}, _Tooltip_setAriaExpanded = function _Tooltip_setAriaExpanded() {
+    this.host.hidden = !__classPrivateFieldGet(this, _Tooltip_open, "f");
+    if (__classPrivateFieldGet(this, _Tooltip_open, "f"))
+        this.host.showPopover();
+    else
+        this.host.hidePopover();
+    if (__classPrivateFieldGet(this, _Tooltip_referenceElement, "f") instanceof globalThis.Element &&
+        this.host.role === 'dialog')
+        __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").ariaExpanded = String(__classPrivateFieldGet(this, _Tooltip_open, "f"));
+};
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["qds-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "qds-tooltip":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Tooltip);
+            }
+            break;
+    } });
+}
+
+export { Tooltip as T, defineCustomElement as d };
+//# sourceMappingURL=p-B03FWheS.js.map
+
+//# sourceMappingURL=p-B03FWheS.js.map

package/components/p-B03FWheS.js.map

@@ -0,0 +1 @@
+{"file":"p-B03FWheS.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/tooltip/tooltip.css?tag=qds-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.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  align-items: flex-start;\n  background-color: var(--qds-theme-accessory-background);\n  border-radius: var(--qds-accessory-border-radius);\n  border: none;\n  box-shadow: var(--qds-accessory-elevation);\n  box-sizing: border-box;\n  color: var(--qds-theme-text-standard);\n  display: flex;\n  flex-direction: column;\n  gap: var(--qds-accessory-gap-children-unrelated);\n  inset: unset;\n  margin: 0;\n  overflow: initial;\n  padding: 0;\n}\n\n:host::before {\n  content: '';\n  position: absolute;\n}\n\n::slotted(blockquote),\n::slotted(button),\n::slotted(dd),\n::slotted(dl),\n::slotted(fieldset),\n::slotted(figure),\n::slotted(h1),\n::slotted(h2),\n::slotted(h3),\n::slotted(h4),\n::slotted(h5),\n::slotted(h6),\n::slotted(hr),\n::slotted(input),\n::slotted(menu),\n::slotted(ol),\n::slotted(p),\n::slotted(pre),\n::slotted(select),\n::slotted(textarea),\n::slotted(ul) {\n  margin: 0;\n}\n\n:host([data-side='top'])::before,\n:host([data-side='bottom'])::before {\n  width: 100%;\n  height: calc(\n    var(--qds-accessory-gap-floating, 0px) +\n      var(--qds-signature-triangle-pointer-size-height, 0px)\n  );\n  top: 100%;\n}\n\n:host([data-side='bottom'])::before {\n  top: calc(\n    -1 *\n      (\n        var(--qds-accessory-gap-floating, 0px) +\n          var(--qds-signature-triangle-pointer-size-height, 0px)\n      )\n  );\n}\n\n:host([data-side='left'])::before,\n:host([data-side='right'])::before {\n  width: calc(\n    var(--qds-accessory-gap-floating, 0px) +\n      var(--qds-signature-triangle-pointer-size-height, 0px)\n  );\n  left: 100%;\n}\n\n:host([data-side='right'])::before {\n  left: calc(\n    -1 *\n      (\n        var(--qds-accessory-gap-floating, 0px) +\n          var(--qds-signature-triangle-pointer-size-height, 0px)\n      )\n  );\n}\n\n.qds-arrow {\n  position: absolute;\n  width: var(--qds-signature-triangle-pointer-size-width);\n  height: var(--qds-signature-triangle-pointer-size-height);\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    background-color: var(--qds-theme-accessory-background);\n    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);\n  }\n\n  &::after {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: calc(100% + var(--qds-accessory-border-width));\n    background-color: var(--qds-theme-accessory-border);\n    clip-path: polygon(0% 10%, 100% 10%, 50% 100%);\n    z-index: -1;\n    bottom: calc(-1 * var(--qds-accessory-border-width));\n  }\n\n  &[data-side='bottom'] {\n    top: calc(\n      -1 *\n        (\n          var(--qds-signature-triangle-pointer-size-height) -\n            var(--qds-accessory-effect-section-position-y)\n        )\n    );\n    transform: rotate(180deg);\n  }\n\n  &[data-side='left'] {\n    right: calc(\n      (\n          -1 *\n            (\n              var(--qds-accessory-gap-floating) +\n                var(--qds-signature-triangle-pointer-size-height)\n            )\n        ) +\n        var(--qds-accessory-effect-section-position-y)\n    );\n    transform: rotate(-90deg);\n  }\n\n  &[data-side='right'] {\n    left: calc(\n      (\n          -1 *\n            (\n              var(--qds-accessory-gap-floating) +\n                var(--qds-signature-triangle-pointer-size-height)\n            )\n        ) +\n        var(--qds-accessory-effect-section-position-y)\n    );\n    transform: rotate(90deg);\n  }\n\n  &[data-side='top'] {\n    bottom: calc(\n      -1 *\n        (\n          var(--qds-signature-triangle-pointer-size-height) -\n            var(--qds-accessory-effect-section-position-y)\n        )\n    );\n  }\n}\n\n.qds-tooltip {\n  border: var(--qds-accessory-border-width) solid\n    var(--qds-theme-accessory-border);\n  border-radius: var(--qds-accessory-border-radius);\n  padding: var(--qds-accessory-padding-top) var(--qds-accessory-padding-end)\n    var(--qds-accessory-padding-bottom) var(--qds-accessory-padding-start);\n  display: inherit;\n  flex-direction: inherit;\n  flex-wrap: inherit;\n  justify-content: inherit;\n  align-items: inherit;\n  gap: inherit;\n  max-width: var(--qds-accessory-max-width);\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  arrow,\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  Method,\n  Prop,\n  Watch,\n} from '@stencil/core'\nimport type { Split } from 'type-fest'\n\nimport type { OffsetOptions } from '../../helpers'\nimport {\n  ignorePromise,\n  invariant,\n  isTouchDevice,\n  propertyToPx,\n  resolveTarget,\n} from '../../helpers'\n\nlet autoIncrementingId = 1\n\nexport type TriggerEvent = Extract<\n  keyof GlobalEventHandlersEventMap,\n  'click' | 'focus' | 'focusin' | 'pointerenter'\n>\n\n/**\n * @slot Content to display in the dropdown.\n * @see https://quartz.se.com/build/components/tooltip\n */\n@Component({\n  tag: 'qds-tooltip',\n  shadow: true,\n  styleUrl: 'tooltip.css',\n})\nexport class Tooltip 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 tooltip from being shown by user interaction. The tooltip can\n   * 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 tooltip relative to the `target`.\n   *\n   * @see https://floating-ui.com/docs/tutorial#placements\n   */\n  @Prop() public readonly placement: Placement = 'top'\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 tooltip. 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   * Determines the events that cause the tooltip to show. Multiple event names\n   * are separated by spaces.\n   */\n  @Prop() public readonly trigger?: TriggerEvent[] | string =\n    'pointerenter focus'\n\n  /**\n   * Emitted when the tooltip 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  #arrow?: HTMLElement\n\n  #arrowPadding = 0\n\n  #cleanup?: () => void\n\n  #clickedTooltip = false\n\n  #isTouchDevice = false\n\n  #listeners: {\n    element: Element\n    event: keyof GlobalEventHandlersEventMap\n    listener: EventListenerOrEventListenerObject\n  }[] = []\n\n  #mainAxisDistance = 0\n\n  #middleware?: (Middleware | false)[]\n\n  #open = false\n\n  /**\n   * Ensure that `updateArrow()` is called only once internally as this is\n   * expensive.\n   */\n  #opened = false\n\n  #referenceElement?: ReferenceElement\n\n  /**\n   * Show the tooltip.\n   */\n  @Method()\n  public async show(): Promise<void> {\n    if (this.#open) return\n\n    if (!this.#opened) {\n      await this.updateArrow()\n      this.#opened = true\n    }\n    this.startAutoUpdate()\n    this.#open = true\n    this.#setAriaExpanded()\n  }\n\n  /**\n   * Close the tooltip.\n   */\n  @Method()\n  public async close(): Promise<void> {\n    if (!this.#open) return\n\n    this.closeEmitter.emit()\n\n    if (this.#cleanup) this.#cleanup()\n    this.#open = false\n    this.#setAriaExpanded()\n    this.#clickedTooltip = false\n  }\n\n  /**\n   * Update the tooltip's arrow.\n   *\n   * This method should typically be called when the Quartz platform was\n   * changed.\n   */\n  @Method()\n  public async updateArrow(): Promise<void> {\n    const gap = propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0\n    const height =\n      propertyToPx(this.host, '--qds-signature-triangle-pointer-size-height') ??\n      0\n    const padding =\n      propertyToPx(this.host, '--qds-accessory-border-radius') ?? 0\n    this.#mainAxisDistance = gap + height\n    this.#arrowPadding = padding\n\n    await this.updateMiddleware()\n  }\n\n  @Watch('flipOptions')\n  @Watch('noFlip')\n  @Watch('noShift')\n  @Watch('offsetOptions')\n  @Watch('shiftOptions')\n  private async updateMiddleware(): Promise<void> {\n    invariant(this.#arrow)\n\n    this.#middleware = [\n      offset({\n        ...this.offsetOptions,\n        mainAxis: this.#mainAxisDistance,\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      arrow({\n        element: this.#arrow,\n        padding: this.#arrowPadding,\n      }),\n    ]\n  }\n\n  @Watch('target')\n  private async updateReferenceElement(): Promise<void> {\n    this.disconnectedCallback()\n\n    this.#referenceElement = resolveTarget(this.target)\n\n    if (!(this.#referenceElement instanceof globalThis.Element)) return\n\n    this.updateEventListeners()\n    this.host.id ||= `qds-tooltip-${autoIncrementingId}`\n    this.#referenceElement.setAttribute('aria-describedby', this.host.id)\n    if (this.host.role === 'dialog')\n      this.#referenceElement.ariaHasPopup = 'dialog'\n  }\n\n  @Watch('trigger')\n  private updateEventListeners(): void {\n    if (!(this.#referenceElement instanceof globalThis.Element)) return\n\n    const triggers = Array.isArray(this.trigger)\n      ? this.trigger\n      : ((this.trigger?.split(' ') as Split<TriggerEvent, ' '> | undefined) ??\n        [])\n\n    this.#removeEventListeners()\n\n    if (this.#isTouchDevice)\n      this.#on(this.#referenceElement, 'click', this.#boundReferenceClick)\n    this.#on(document.documentElement, 'pointerdown', this.#boundPointerdown)\n    this.#on(this.#referenceElement, 'keydown', this.#boundKeyDown)\n\n    for (const trigger of triggers) {\n      switch (trigger) {\n        case 'click': {\n          this.#on(this.#referenceElement, 'click', this.#boundReferenceClick)\n          break\n        }\n        case 'focus':\n        case 'focusin': {\n          this.#on(this.#referenceElement, trigger, this.#boundFocus)\n          this.#on(this.#referenceElement, 'focusout', this.#boundFocusout)\n          this.#on(this.host, 'focusout', this.#boundFocusout)\n          break\n        }\n        case 'pointerenter': {\n          this.#on(\n            this.#referenceElement,\n            'pointerenter',\n            this.#boundPointerenter,\n          )\n          this.#on(\n            this.#referenceElement,\n            'pointerleave',\n            this.#boundPointerleave,\n          )\n          this.#on(this.host, 'pointerleave', this.#boundPointerleave)\n          break\n        }\n        default:\n      }\n    }\n  }\n\n  @Watch('middleware')\n  @Watch('placement')\n  @Watch('strategy')\n  private async updatePosition(): Promise<void> {\n    invariant(this.#referenceElement)\n\n    const { x, y, middlewareData, placement, 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    const [side] = placement.split('-') as Split<Placement, '-'>\n\n    this.host.dataset.side = side\n    Object.assign(this.host.style, {\n      position: strategy,\n      left: `${x}px`,\n      top: `${y}px`,\n    })\n\n    if (middlewareData.arrow === undefined) return\n\n    invariant(this.#arrow)\n\n    const { x: aX, y: aY, centerOffset } = middlewareData.arrow\n    this.#arrow.dataset.side = side\n    Object.assign(this.#arrow.style, {\n      display: centerOffset === 0 ? '' : 'none',\n      left: aX === undefined ? '' : `${aX}px`,\n      top: aY === undefined ? '' : `${aY}px`,\n    })\n  }\n\n  @Watch('autoUpdateOptions')\n  private startAutoUpdate(): void {\n    invariant(this.#referenceElement)\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.#isTouchDevice = isTouchDevice()\n    this.host.hidden = true\n    this.host.popover = 'manual'\n    this.internals.role = 'tooltip'\n    await this.updateReferenceElement()\n    autoIncrementingId += 1\n  }\n\n  public disconnectedCallback(): void {\n    if (!(this.#referenceElement instanceof globalThis.Element)) return\n\n    this.#removeEventListeners()\n    this.#referenceElement.removeAttribute('aria-describedby')\n  }\n\n  public render() {\n    return (\n      <Host\n        onKeyDown={this.#boundKeyDown}\n        onPointerDown={this.#boundTooltipPointerDown}\n      >\n        <div class=\"qds-tooltip\">\n          <slot />\n        </div>\n\n        <div class=\"qds-arrow\" ref={this.#arrowRef} />\n      </Host>\n    )\n  }\n\n  readonly #arrowRef = (div?: HTMLElement): void => {\n    this.#arrow = div\n  }\n\n  readonly #boundTooltipPointerDown = (): void => {\n    this.#clickedTooltip = true\n  }\n\n  async #handleFocus(): Promise<void> {\n    if (!this.disabled) await this.show()\n  }\n\n  readonly #boundFocus = (): void => {\n    ignorePromise(this.#handleFocus())\n  }\n\n  async #handleKeyDown(event: Event): Promise<void> {\n    if (event instanceof KeyboardEvent && event.key === 'Escape')\n      await this.close()\n  }\n\n  readonly #boundKeyDown = (event: Event): void => {\n    ignorePromise(this.#handleKeyDown(event))\n  }\n\n  async #handlePointerenter(): Promise<void> {\n    if (!this.disabled) await this.show()\n  }\n\n  readonly #boundPointerenter = (): void => {\n    ignorePromise(this.#handlePointerenter())\n  }\n\n  async #handlePointerleave(event: Event): Promise<void> {\n    if (\n      !this.#clickedTooltip &&\n      document.activeElement !== this.#referenceElement &&\n      document.activeElement?.closest('qds-tooltip') !== this.host &&\n      event instanceof PointerEvent &&\n      event.relatedTarget !== this.#referenceElement &&\n      event.relatedTarget !== this.host\n    )\n      await this.close()\n  }\n\n  readonly #boundPointerleave = (event: Event): void => {\n    ignorePromise(this.#handlePointerleave(event))\n  }\n\n  async #handleFocusOut(event: Event): Promise<void> {\n    if (!(event instanceof FocusEvent)) return\n    const { relatedTarget } = event\n\n    if (\n      relatedTarget instanceof globalThis.Element &&\n      !this.host.contains(relatedTarget) &&\n      this.#referenceElement !== relatedTarget\n    )\n      await this.close()\n  }\n\n  readonly #boundFocusout = (event: Event): void => {\n    ignorePromise(this.#handleFocusOut(event))\n  }\n\n  async #handlePointerdown(event: Event): Promise<void> {\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  readonly #boundPointerdown = (event: Event): void => {\n    ignorePromise(this.#handlePointerdown(event))\n  }\n\n  async #handleReferenceClick(): Promise<void> {\n    if (!this.disabled) await (this.#open ? this.close() : this.show())\n  }\n\n  readonly #boundReferenceClick = (): void => {\n    ignorePromise(this.#handleReferenceClick())\n  }\n\n  #on(\n    element: Element,\n    event: keyof GlobalEventHandlersEventMap,\n    listener: EventListenerOrEventListenerObject,\n  ): void {\n    const hasListener = this.#listeners.some(\n      (value) => value.element === element && value.event === event,\n    )\n    if (hasListener) return\n\n    element.addEventListener(event, listener)\n    this.#listeners.push({ element, event, listener })\n  }\n\n  #removeEventListeners(): void {\n    for (const { element, event, listener } of this.#listeners)\n      element.removeEventListener(event, listener)\n    this.#listeners = []\n  }\n\n  #setAriaExpanded(): void {\n    this.host.hidden = !this.#open\n    if (this.#open) this.host.showPopover()\n    else this.host.hidePopover()\n\n    if (\n      this.#referenceElement instanceof globalThis.Element &&\n      this.host.role === 'dialog'\n    )\n      this.#referenceElement.ariaExpanded = String(this.#open)\n  }\n}\n"],"version":3}