@quartzds/core 1.0.0-beta.9 → 1.0.0-beta.91

package/components/p-c80f112a.js

@@ -0,0 +1,408 @@
+/*!
+ * SPDX-FileCopyrightText: © 2025 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-2806fee1.js';
+import { o as offset, f as flip, s as shift, l as limitShift, b as arrow, c as computePosition, a as autoUpdate } from './p-fdd0abae.js';
+import { f as ignorePromise, d as propertyToPx, c as invariant, r as resolveTarget, e as roundByDPR, j as isTouchDevice } from './p-8abba29b.js';
+
+const tooltipCss = ":host([hidden]){display:none!important}:host{align-items:flex-start;background-color:var(--qds-theme-accessory-background);border-radius:var(--qds-accessory-border-radius);box-shadow:var(--qds-theme-accessory-elevation);box-sizing:border-box;color:var(--qds-theme-text-standard);display:flex;flex-direction:column;gap:var(--qds-accessory-gap-children-unrelated);left:0;padding:var(--qds-accessory-padding);top:0}:host:before{content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}::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%}: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-container{height:var(--qds-signature-triangle-pointer-size-width);position:absolute;width:var(--qds-signature-triangle-pointer-size-width)}.qds-arrow-container[data-side=bottom]{bottom:100%;transform:rotate(180deg)}.qds-arrow-container[data-side=left]{left:100%;transform:rotate(-90deg)}.qds-arrow-container[data-side=right]{right:100%;transform:rotate(90deg)}.qds-arrow-container[data-side=top]{top:100%}.qds-arrow{fill:var(--qds-theme-accessory-background)}";
+const QdsTooltipStyle0 = tooltipCss;
+
+// 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 _Tooltip_instances, _Tooltip_arrowContainerElement, _Tooltip_cleanup, _Tooltip_clickedTooltip, _Tooltip_isTouchDevice, _Tooltip_listeners, _Tooltip_referenceElement, _Tooltip_arrowContainerRef, _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;
+let autoIncrementingId = 1;
+const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.closeEmitter = createEvent(this, "qdsClose", 2);
+        _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';
+        this.open = false;
+        this.side = 'top';
+        this.aShape = '';
+        this.aViewbox = '0 0 0 0';
+        this.aHeight = 0;
+        this.aGap = 0;
+        _Tooltip_arrowContainerElement.set(this, void 0);
+        _Tooltip_cleanup.set(this, void 0);
+        _Tooltip_clickedTooltip.set(this, false);
+        _Tooltip_isTouchDevice.set(this, false);
+        _Tooltip_listeners.set(this, []);
+        _Tooltip_referenceElement.set(this, void 0);
+        _Tooltip_arrowContainerRef.set(this, (svg) => {
+            __classPrivateFieldSet(this, _Tooltip_arrowContainerElement, svg, "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 (this.open)
+            return;
+        this.open = true;
+        this.startAutoUpdate();
+    }
+    /**
+     * Close the tooltip.
+     */
+    async close() {
+        if (!this.open)
+            return;
+        this.closeEmitter.emit();
+        this.open = false;
+        __classPrivateFieldSet(this, _Tooltip_clickedTooltip, false, "f");
+        if (__classPrivateFieldGet(this, _Tooltip_cleanup, "f"))
+            __classPrivateFieldGet(this, _Tooltip_cleanup, "f").call(this);
+    }
+    /**
+     * Update the tooltip's arrow.
+     *
+     * This method should typically be called when the Quartz platform was
+     * changed.
+     */
+    async updateArrow() {
+        const aWidth = propertyToPx(this.host, `--qds-signature-triangle-pointer-size-width`) ??
+            0;
+        const aTipRadius = propertyToPx(this.host, `--qds-signature-triangle-pointer-tip-radius`) ??
+            0;
+        const svgX = (aWidth / 2) * (aTipRadius / -8 + 1);
+        const svgY = ((this.aHeight / 2) * aTipRadius) / 4;
+        this.aHeight =
+            propertyToPx(this.host, `--qds-signature-triangle-pointer-size-height`) ??
+                0;
+        this.aViewbox = `0 0 ${aWidth} ${Math.max(this.aHeight, aWidth)}`;
+        this.aGap = propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0;
+        this.aShape =
+            'M0,0' +
+                ` H${aWidth}` +
+                ` L${aWidth - svgX},${this.aHeight - svgY}` +
+                ` Q${aWidth / 2},${this.aHeight} ${svgX},${this.aHeight - svgY}` +
+                ' Z';
+    }
+    async updateMiddleware() {
+        invariant(__classPrivateFieldGet(this, _Tooltip_arrowContainerElement, "f"));
+        this.middleware = [
+            offset({
+                ...this.offsetOptions,
+                mainAxis: this.aGap + this.aHeight,
+            }),
+            !this.noFlip &&
+                flip({
+                    crossAxis: this.noShift,
+                    ...this.flipOptions,
+                }),
+            !this.noShift &&
+                shift({
+                    limiter: limitShift(),
+                    ...this.shiftOptions,
+                }),
+            arrow({
+                element: __classPrivateFieldGet(this, _Tooltip_arrowContainerElement, "f"),
+            }),
+        ].filter((middleware) => middleware !== false);
+    }
+    updateAriaHasPopup() {
+        __classPrivateFieldSet(this, _Tooltip_referenceElement, resolveTarget(this.target), "f");
+        if (__classPrivateFieldGet(this, _Tooltip_referenceElement, "f") instanceof globalThis.Element &&
+            this.host.role === 'dialog') {
+            __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").ariaHasPopup = 'dialog';
+        }
+    }
+    setAriaExpanded() {
+        this.host.hidden = !this.open;
+        if (__classPrivateFieldGet(this, _Tooltip_referenceElement, "f") instanceof globalThis.Element &&
+            this.host.role === 'dialog') {
+            __classPrivateFieldGet(this, _Tooltip_referenceElement, "f").ariaExpanded = String(this.open);
+        }
+    }
+    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: this.middleware,
+            placement: this.placement,
+            strategy: this.strategy,
+        });
+        const [side] = placement.split('-');
+        this.hostPosition = strategy;
+        this.hostTransform = `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`;
+        this.side = side;
+        if (middlewareData.arrow === undefined)
+            return;
+        const { x: aX, y: aY, centerOffset } = middlewareData.arrow;
+        this.aStyles = {
+            display: centerOffset === 0 ? undefined : '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;
+        await this.updateReferenceElement();
+        autoIncrementingId += 1;
+    }
+    async componentDidLoad() {
+        await this.updateArrow();
+    }
+    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: '1a03bec6948f99947abbf089e2ce2b0066e9f2d2', "data-side": this.side, role: this.host.role ?? 'tooltip', onKeyDown: __classPrivateFieldGet(this, _Tooltip_boundKeyDown, "f"), onPointerDown: __classPrivateFieldGet(this, _Tooltip_boundTooltipPointerDown, "f"), style: {
+                position: this.hostPosition,
+                transform: this.hostTransform,
+            } }, h("slot", { key: '78d80ba8fe0974a3d556e4d6e36f9e56885e922b' }), h("svg", { key: '859caf9b95099903828be15deba2052e07479e07', "aria-hidden": "true", "data-side": this.side, class: "qds-arrow-container", ref: __classPrivateFieldGet(this, _Tooltip_arrowContainerRef, "f"), viewBox: this.aViewbox, style: this.aStyles }, h("path", { key: '6f488cf3ae3f4ed0661a3dd265cc280f129961f9', class: "qds-arrow", d: this.aShape }))));
+    }
+    get host() { return this; }
+    static get watchers() { return {
+        "aGap": ["updateMiddleware"],
+        "aHeight": ["updateMiddleware"],
+        "flipOptions": ["updateMiddleware"],
+        "noFlip": ["updateMiddleware"],
+        "noShift": ["updateMiddleware"],
+        "offsetOptions": ["updateMiddleware"],
+        "shiftOptions": ["updateMiddleware"],
+        "role": ["updateAriaHasPopup"],
+        "open": ["setAriaExpanded"],
+        "target": ["updateReferenceElement"],
+        "trigger": ["updateEventListeners"],
+        "middleware": ["updatePosition"],
+        "placement": ["updatePosition"],
+        "strategy": ["updatePosition"],
+        "autoUpdateOptions": ["startAutoUpdate"]
+    }; }
+    static get style() { return QdsTooltipStyle0; }
+}, [1, "qds-tooltip", {
+        "autoUpdateOptions": [16],
+        "disabled": [4],
+        "flipOptions": [16],
+        "noFlip": [4, "no-flip"],
+        "noShift": [4, "no-shift"],
+        "offsetOptions": [16],
+        "placement": [1],
+        "shiftOptions": [16],
+        "strategy": [1],
+        "target": [1],
+        "trigger": [1],
+        "hostPosition": [32],
+        "hostTransform": [32],
+        "open": [32],
+        "middleware": [32],
+        "side": [32],
+        "aStyles": [32],
+        "aShape": [32],
+        "aViewbox": [32],
+        "aHeight": [32],
+        "aGap": [32],
+        "show": [64],
+        "close": [64],
+        "updateArrow": [64]
+    }, undefined, {
+        "aGap": ["updateMiddleware"],
+        "aHeight": ["updateMiddleware"],
+        "flipOptions": ["updateMiddleware"],
+        "noFlip": ["updateMiddleware"],
+        "noShift": ["updateMiddleware"],
+        "offsetOptions": ["updateMiddleware"],
+        "shiftOptions": ["updateMiddleware"],
+        "role": ["updateAriaHasPopup"],
+        "open": ["setAriaExpanded"],
+        "target": ["updateReferenceElement"],
+        "trigger": ["updateEventListeners"],
+        "middleware": ["updatePosition"],
+        "placement": ["updatePosition"],
+        "strategy": ["updatePosition"],
+        "autoUpdateOptions": ["startAutoUpdate"]
+    }]);
+_Tooltip_arrowContainerElement = new WeakMap(), _Tooltip_cleanup = new WeakMap(), _Tooltip_clickedTooltip = new WeakMap(), _Tooltip_isTouchDevice = new WeakMap(), _Tooltip_listeners = new WeakMap(), _Tooltip_referenceElement = new WeakMap(), _Tooltip_arrowContainerRef = 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 (this.open ? 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");
+};
+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-c80f112a.js.map

package/components/p-c80f112a.js.map

@@ -0,0 +1 @@
+{"file":"p-c80f112a.js","mappings":"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","names":[],"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  box-shadow: var(--qds-theme-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  left: 0;\n  padding: var(--qds-accessory-padding);\n  top: 0;\n}\n\n:host::before {\n  content: '';\n  height: 100%;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\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  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 * (var(--qds-accessory-gap-floating, 0px) +\n          var(--qds-signature-triangle-pointer-size-height, 0px))\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 * (var(--qds-accessory-gap-floating, 0px) +\n          var(--qds-signature-triangle-pointer-size-height, 0px))\n  );\n}\n\n.qds-arrow-container {\n  height: var(--qds-signature-triangle-pointer-size-width);\n  position: absolute;\n  width: var(--qds-signature-triangle-pointer-size-width);\n\n  &[data-side='bottom'] {\n    bottom: 100%;\n    transform: rotate(180deg);\n  }\n\n  &[data-side='left'] {\n    left: 100%;\n    transform: rotate(-90deg);\n  }\n\n  &[data-side='right'] {\n    right: 100%;\n    transform: rotate(90deg);\n  }\n\n  &[data-side='top'] {\n    top: 100%;\n  }\n}\n\n.qds-arrow {\n  fill: var(--qds-theme-accessory-background);\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  Side,\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  Component,\n  Element,\n  Event,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\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  roundByDPR,\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  @State() private hostPosition?: string\n\n  @State() private hostTransform?: string\n\n  @State() private open = false\n\n  @State() private middleware?: Middleware[]\n\n  @State() private side: Side = 'top'\n\n  @State() private aStyles?: Record<string, string | undefined>\n\n  @State() private aShape = ''\n\n  @State() private aViewbox = '0 0 0 0'\n\n  @State() private aHeight = 0\n\n  @State() private aGap = 0\n\n  #arrowContainerElement?: SVGElement\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  #referenceElement?: ReferenceElement\n\n  /**\n   * Show the tooltip.\n   */\n  @Method()\n  public async show(): Promise<void> {\n    if (this.open) return\n\n    this.open = true\n    this.startAutoUpdate()\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    this.open = false\n    this.#clickedTooltip = false\n    if (this.#cleanup) this.#cleanup()\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 aWidth =\n      propertyToPx(this.host, `--qds-signature-triangle-pointer-size-width`) ??\n      0\n    const aTipRadius =\n      propertyToPx(this.host, `--qds-signature-triangle-pointer-tip-radius`) ??\n      0\n    const svgX = (aWidth / 2) * (aTipRadius / -8 + 1)\n    const svgY = ((this.aHeight / 2) * aTipRadius) / 4\n\n    this.aHeight =\n      propertyToPx(this.host, `--qds-signature-triangle-pointer-size-height`) ??\n      0\n    this.aViewbox = `0 0 ${aWidth} ${Math.max(this.aHeight, aWidth)}`\n    this.aGap = propertyToPx(this.host, '--qds-accessory-gap-floating') ?? 0\n    this.aShape =\n      'M0,0' +\n      ` H${aWidth}` +\n      ` L${aWidth - svgX},${this.aHeight - svgY}` +\n      ` Q${aWidth / 2},${this.aHeight} ${svgX},${this.aHeight - svgY}` +\n      ' Z'\n  }\n\n  @Watch('aGap')\n  @Watch('aHeight')\n  @Watch('flipOptions')\n  @Watch('noFlip')\n  @Watch('noShift')\n  @Watch('offsetOptions')\n  @Watch('shiftOptions')\n  protected async updateMiddleware(): Promise<void> {\n    invariant(this.#arrowContainerElement)\n\n    this.middleware = [\n      offset({\n        ...this.offsetOptions,\n        mainAxis: this.aGap + this.aHeight,\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.#arrowContainerElement,\n      }),\n    ].filter((middleware): middleware is Middleware => middleware !== false)\n  }\n\n  @Watch('role')\n  protected updateAriaHasPopup(): void {\n    this.#referenceElement = resolveTarget(this.target)\n\n    if (\n      this.#referenceElement instanceof globalThis.Element &&\n      this.host.role === 'dialog'\n    ) {\n      this.#referenceElement.ariaHasPopup = 'dialog'\n    }\n  }\n\n  @Watch('open')\n  protected setAriaExpanded(): void {\n    this.host.hidden = !this.open\n    if (\n      this.#referenceElement instanceof globalThis.Element &&\n      this.host.role === 'dialog'\n    ) {\n      this.#referenceElement.ariaExpanded = String(this.open)\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\n    if (this.host.role === 'dialog') {\n      this.#referenceElement.ariaHasPopup = 'dialog'\n    }\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.hostPosition = strategy\n    this.hostTransform = `translate(${roundByDPR(x)}px,${roundByDPR(y)}px)`\n    this.side = side\n\n    if (middlewareData.arrow === undefined) return\n    const { x: aX, y: aY, centerOffset } = middlewareData.arrow\n    this.aStyles = {\n      display: centerOffset === 0 ? undefined : '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    await this.updateReferenceElement()\n    autoIncrementingId += 1\n  }\n\n  public async componentDidLoad(): Promise<void> {\n    await this.updateArrow()\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        data-side={this.side}\n        role={this.host.role ?? 'tooltip'}\n        onKeyDown={this.#boundKeyDown}\n        onPointerDown={this.#boundTooltipPointerDown}\n        style={{\n          position: this.hostPosition,\n          transform: this.hostTransform,\n        }}\n      >\n        <slot />\n        <svg\n          aria-hidden=\"true\"\n          data-side={this.side}\n          class=\"qds-arrow-container\"\n          ref={this.#arrowContainerRef}\n          viewBox={this.aViewbox}\n          style={this.aStyles}\n        >\n          <path class=\"qds-arrow\" d={this.aShape} />\n        </svg>\n      </Host>\n    )\n  }\n\n  readonly #arrowContainerRef = (svg?: SVGElement): void => {\n    this.#arrowContainerElement = svg\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"],"version":3}

package/components/p-d107c90c.js

@@ -0,0 +1,27 @@
+/*!
+ * SPDX-FileCopyrightText: © 2025 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+const CUSTOM_ERROR_FLAGS = { customError: true };
+const NO_ERROR_FLAGS = {};
+const VALID_STATE = {
+    badInput: false,
+    customError: false,
+    patternMismatch: false,
+    rangeOverflow: false,
+    rangeUnderflow: false,
+    stepMismatch: false,
+    tooLong: false,
+    tooShort: false,
+    typeMismatch: false,
+    valid: true,
+    valueMissing: false,
+};
+
+export { CUSTOM_ERROR_FLAGS as C, NO_ERROR_FLAGS as N, VALID_STATE as V };
+
+//# sourceMappingURL=p-d107c90c.js.map

package/components/p-d107c90c.js.map

@@ -0,0 +1 @@
+{"file":"p-d107c90c.js","mappings":";;;;;AAAA;AACA;AACA;MAmFa,kBAAkB,GAAuB,EAAE,WAAW,EAAE,IAAI,GAAE;MAC9D,cAAc,GAAuB,GAAE;MACvC,WAAW,GAAkB;IACxC,QAAQ,EAAE,KAAK;IACf,WAAW,EAAE,KAAK;IAClB,eAAe,EAAE,KAAK;IACtB,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,KAAK;IACrB,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE,IAAI;IACX,YAAY,EAAE,KAAK;;;;;","names":[],"sources":["src/components/controls.ts"],"sourcesContent":["// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nexport type AutoComplete =\n  | 'additional-name'\n  | 'address-level1'\n  | 'address-level2'\n  | 'address-level3'\n  | 'address-level4'\n  | 'address-line1'\n  | 'address-line2'\n  | 'address-line3'\n  | 'bday-day'\n  | 'bday-month'\n  | 'bday-year'\n  | 'bday'\n  | 'cc-additional-name'\n  | 'cc-csc'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-exp'\n  | 'cc-family-name'\n  | 'cc-given-name'\n  | 'cc-name'\n  | 'cc-number'\n  | 'cc-type'\n  | 'country-name'\n  | 'country'\n  | 'current-password'\n  | 'email'\n  | 'family-name'\n  | 'given-name'\n  | 'honorific-prefix'\n  | 'honorific-suffix'\n  | 'impp'\n  | 'language'\n  | 'name'\n  | 'new-password'\n  | 'nickname'\n  | 'off'\n  | 'on'\n  | 'one-time-code'\n  | 'organization-title'\n  | 'organization'\n  | 'photo'\n  | 'postal-code'\n  | 'sex'\n  | 'street-address'\n  | 'tel-area-code'\n  | 'tel-country-code'\n  | 'tel-extension'\n  | 'tel-local'\n  | 'tel-national'\n  | 'tel'\n  | 'transaction-amount'\n  | 'transaction-currency'\n  | 'url'\n  | 'username'\nexport type AutoCapitalize =\n  | 'characters'\n  | 'none'\n  | 'off'\n  | 'on'\n  | 'sentences'\n  | 'words'\nexport type EnterKeyHint =\n  | 'done'\n  | 'enter'\n  | 'go'\n  | 'next'\n  | 'previous'\n  | 'search'\n  | 'send'\nexport type InputMode =\n  | 'decimal'\n  | 'email'\n  | 'none'\n  | 'numeric'\n  | 'search'\n  | 'tel'\n  | 'text'\n  | 'url'\nexport type Value = number | string | null\n\nexport const CUSTOM_ERROR_FLAGS: ValidityStateFlags = { customError: true }\nexport const NO_ERROR_FLAGS: ValidityStateFlags = {}\nexport const VALID_STATE: ValidityState = {\n  badInput: false,\n  customError: false,\n  patternMismatch: false,\n  rangeOverflow: false,\n  rangeUnderflow: false,\n  stepMismatch: false,\n  tooLong: false,\n  tooShort: false,\n  typeMismatch: false,\n  valid: true,\n  valueMissing: false,\n}\n"],"version":3}