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

package/dist/esm/qds-checkbox_2.entry.js

@@ -0,0 +1,453 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { r as registerInstance, c as createEvent, a as readTask, h, g as getElement } from './index-Hg1Liloy.js';
+import { p as pickFocusEventAttributes, i as ignorePromise, b as isEllipsisActive, a as invariant, g as inheritAriaAttributes } from './helpers-BIo9VDPx.js';
+import { V as VALID_STATE, C as CUSTOM_ERROR_FLAGS, N as NO_ERROR_FLAGS } from './controls-CZRW1LV_.js';
+
+const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0;outline:none}.qds-checkbox,.qds-icon{grid-area:j;place-self:center}.qds-icon{color:var(--qds-theme-control-text-standard-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"j\"}.qds-label{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label:active{background-color:var(--qds-theme-interactive-background-pressed)}:host(:focus-visible) .qds-label{box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-label-inner{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip{line-height:normal}.qds-checkbox{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border-default);cursor:pointer;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-checkbox:focus-visible{outline:none}.qds-checkbox:checked~.qds-checked,.qds-checkbox:indeterminate~.qds-indeterminate{display:block}.qds-checkbox:checked,.qds-checkbox:indeterminate{background-color:var(--qds-theme-control-background-default-contrast);border-color:#0000}.qds-disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-checkbox[data-size=small]{border-radius:var(--qds-control-toggle-small-knob-border-radius);height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small]{font-size:var(--qds-control-toggle-small-box-size)}.qds-label[data-size=small]{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-label-inner[data-size=small]{font:var(--qds-control-small-text)}.qds-inline[data-size=small]{min-height:var(--qds-control-small-height);padding:var(--qds-control-small-padding-auto-height) var(--qds-control-toggle-small-padding-horizontal)}.qds-checkbox[data-size=standard]{border-radius:var(--qds-control-toggle-standard-knob-border-radius);height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard]{font-size:var(--qds-control-toggle-standard-box-size)}.qds-label[data-size=standard]{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-label-inner[data-size=standard]{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard]{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-checkbox[data-size=large]{border-radius:var(--qds-control-toggle-large-knob-border-radius);height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large]{font-size:var(--qds-control-toggle-large-box-size)}.qds-label[data-size=large]{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-label-inner[data-size=large]{font:var(--qds-control-large-text)}.qds-inline[data-size=large]{min-height:var(--qds-control-large-height);padding:var(--qds-control-large-padding-auto-height) var(--qds-control-toggle-large-padding-horizontal)}";
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+var __classPrivateFieldGet$1 = (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$1 = (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 _Checkbox_instances, _Checkbox_ro, _Checkbox_savedTabIndex, _Checkbox_span, _Checkbox_tooltip, _Checkbox_computedChecked_get, _Checkbox_computedDisabled_get, _Checkbox_computedIndeterminate_get, _Checkbox_computedSize_get, _Checkbox_computedValue_get, _Checkbox_hasText_get, _Checkbox_spanRef, _Checkbox_tooltipRef, _Checkbox_defineGetter;
+const Checkbox = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.blurEmitter = createEvent(this, "qdsBlur", 2);
+        this.changeEmitter = createEvent(this, "qdsChange", 6);
+        this.focusEmitter = createEvent(this, "qdsFocus", 2);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+        _Checkbox_instances.add(this);
+        /**
+         * Whether or not the text is displayed.
+         */
+        this.checkboxOnly = false;
+        /**
+         * Adds vertical margin to the checkbox for alignment.
+         *
+         * This is useful when creating inline layouts so that the first lines have
+         * the correct vertical centering.
+         */
+        this.inline = false;
+        /**
+         * The checkbox's size.
+         */
+        this.size = 'standard';
+        /**
+         * The [`<form>`][] element to associate the checkbox with (its form owner).
+         *
+         * The value of this attribute must be the id of a `<form>` in the same
+         * document. If this attribute is not set, the `<qds-checkbox>` is associated
+         * with its ancestor `<form>` element, if any.
+         *
+         * This attribute lets you associate `<qds-checkbox>` elements to `<form>`s
+         * anywhere in the document, not just inside a `<form>`. It can also override
+         * an ancestor `<form>` element.
+         *
+         * [`<form>`]: https://developer.mozilla.org/docs/Web/HTML/Element/form
+         *
+         * @readonly
+         * @webnative
+         */
+        // eslint-disable-next-line unicorn/no-null
+        this.form = null;
+        /**
+         * The error message that would be shown to the user if the `<qds-checkbox>`
+         * was to be checked for validity.
+         *
+         * @readonly
+         * @webnative
+         */
+        this.validationMessage = '';
+        /**
+         * The [`ValidityState`][] object for this `<qds-checkbox>`.
+         *
+         * [`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState
+         *
+         * @readonly
+         * @webnative
+         */
+        this.validity = VALID_STATE;
+        /**
+         * The value of the checkbox, submitted as a name/value pair with form data.
+         *
+         * @webnative
+         */
+        this.value = 'on';
+        /**
+         * True if `<qds-checkbox>` will be validated when the form is submitted;
+         * false otherwise.
+         *
+         * @readonly
+         * @webnative
+         */
+        this.willValidate = false;
+        this.tooltip = false;
+        _Checkbox_ro.set(this, void 0);
+        _Checkbox_savedTabIndex.set(this, 0);
+        _Checkbox_span.set(this, void 0);
+        _Checkbox_tooltip.set(this, void 0);
+        this.checkValidity = () => this.internals.checkValidity();
+        this.reportValidity = () => this.internals.reportValidity();
+        this.setCustomValidity = (error) => {
+            if (error)
+                this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, this.host);
+            else
+                this.internals.setValidity(NO_ERROR_FLAGS);
+        };
+        _Checkbox_spanRef.set(this, (span) => {
+            __classPrivateFieldSet$1(this, _Checkbox_span, span, "f");
+        });
+        _Checkbox_tooltipRef.set(this, (tooltip) => {
+            if (tooltip) {
+                // eslint-disable-next-line no-param-reassign
+                tooltip.target = this.host;
+                __classPrivateFieldSet$1(this, _Checkbox_tooltip, tooltip, "f");
+            }
+        });
+    }
+    onBlur(event) {
+        this.blurEmitter.emit(pickFocusEventAttributes(event));
+        if (__classPrivateFieldGet$1(this, _Checkbox_tooltip, "f"))
+            ignorePromise(__classPrivateFieldGet$1(this, _Checkbox_tooltip, "f").close());
+    }
+    onFocus(event) {
+        this.focusEmitter.emit(pickFocusEventAttributes(event));
+        if (__classPrivateFieldGet$1(this, _Checkbox_tooltip, "f"))
+            ignorePromise(__classPrivateFieldGet$1(this, _Checkbox_tooltip, "f").show());
+    }
+    onClick(event) {
+        if (__classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
+            event.stopImmediatePropagation();
+            return;
+        }
+        event.preventDefault();
+        this.checked = __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
+        this.internals.ariaChecked = this.checked.toString();
+        this.changeEmitter.emit();
+        this.indeterminate = false;
+    }
+    onKeyup(event) {
+        if (event.key === ' ') {
+            this.host.click();
+            event.preventDefault();
+        }
+    }
+    checkedChanged() {
+        this.internals.ariaChecked = __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get).toString();
+        this.internals.setFormValue(__classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
+            ? __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
+            : // eslint-disable-next-line unicorn/no-null
+                null);
+    }
+    disabledChanged() {
+        if (__classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
+            this.internals.ariaDisabled = 'true';
+            this.host.removeAttribute('tabindex');
+            // eslint-disable-next-line unicorn/no-null
+            this.internals.setFormValue(null);
+        }
+        else {
+            this.internals.ariaDisabled = 'false';
+            this.host.tabIndex = __classPrivateFieldGet$1(this, _Checkbox_savedTabIndex, "f");
+            if (__classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get))
+                this.internals.setFormValue(__classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
+        }
+        if (__classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
+            this.internals.setFormValue(__classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
+        // eslint-disable-next-line unicorn/no-null
+        else
+            this.internals.setFormValue(null);
+    }
+    indeterminateChanged() {
+        if (__classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get))
+            this.internals.ariaChecked = 'mixed';
+    }
+    tabindexChanged(newValue) {
+        if (newValue !== null) {
+            const parsedValue = Number.parseInt(newValue, 10);
+            __classPrivateFieldSet$1(this, _Checkbox_savedTabIndex, Number.isNaN(parsedValue) || !Number.isFinite(parsedValue)
+                ? 0
+                : parsedValue, "f");
+        }
+        if (__classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
+            this.host.removeAttribute('tabindex');
+        else
+            this.host.tabIndex = __classPrivateFieldGet$1(this, _Checkbox_savedTabIndex, "f");
+    }
+    textChanged() {
+        this.internals.ariaLabel = this.text;
+        if (__classPrivateFieldGet$1(this, _Checkbox_ro, "f"))
+            __classPrivateFieldGet$1(this, _Checkbox_ro, "f").disconnect();
+        if (!__classPrivateFieldGet$1(this, _Checkbox_span, "f"))
+            return;
+        const span = __classPrivateFieldGet$1(this, _Checkbox_span, "f");
+        readTask(() => {
+            this.tooltip = isEllipsisActive(span);
+        });
+        __classPrivateFieldSet$1(this, _Checkbox_ro, new ResizeObserver(([spanEntry]) => {
+            this.tooltip = isEllipsisActive(spanEntry.target);
+        }), "f");
+        __classPrivateFieldGet$1(this, _Checkbox_ro, "f").observe(__classPrivateFieldGet$1(this, _Checkbox_span, "f"));
+    }
+    valueChanged() {
+        if (__classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
+            this.internals.setFormValue(__classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
+    }
+    requiredChanged() {
+        /* A11Y note: Required attribute cannot be added to the host element even if it's input type
+        To be A11Y compliant we have to rely on the aria-required attribute
+        It might be the only exception to the use of ElementInternals interface */
+        // ARIAMixin.ariaRequired: string | null
+        // eslint-disable-next-line unicorn/no-null
+        this.host.ariaRequired = this.required === true ? 'true' : null;
+    }
+    componentWillLoad() {
+        this.internals.role = 'checkbox';
+        this.internals.ariaChecked = __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get)
+            ? 'mixed'
+            : __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get).toString();
+        this.internals.ariaDisabled = __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get).toString();
+        this.internals.ariaLabel = this.text;
+        this.requiredChanged();
+        this.valueChanged();
+        __classPrivateFieldGet$1(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
+        __classPrivateFieldGet$1(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
+        __classPrivateFieldGet$1(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
+        __classPrivateFieldGet$1(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
+        this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
+    }
+    componentDidLoad() {
+        this.textChanged();
+    }
+    disconnectedCallback() {
+        if (__classPrivateFieldGet$1(this, _Checkbox_ro, "f"))
+            __classPrivateFieldGet$1(this, _Checkbox_ro, "f").disconnect();
+    }
+    render() {
+        return (h("div", { key: 'e25491e6e718893f8bfe2f5da1bb5b9f60a94375', "aria-hidden": "true", class: {
+                'qds-disabled': __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get),
+                'qds-inline': this.inline,
+                'qds-label': true,
+            }, "data-size": __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, h("div", { key: '8840f2ded6be98d49323a6d8b00dd135abb88411', class: "qds-container" }, h("input", { key: '04dcdc3ccef0d2158ed68814cf8e3e239ffa8ca1',
+            // eslint-disable-next-line jsx-a11y/no-autofocus
+            autoFocus: this.host.autofocus, checked: __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, required: this.required, type: "checkbox", tabIndex: -1 }), h("qds-icon", { key: 'e1c20a3d6a858ddc889c9c56442c35bd570301d9', class: {
+                'qds-icon': true,
+                'qds-checked': true,
+            }, "data-size": __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), h("qds-icon", { key: 'bae6204ac7b386f92eb3a5e59789d3ccfc8b9dc7', class: {
+                'qds-icon': true,
+                'qds-indeterminate': true,
+            }, "data-size": __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (h("span", { key: '01c00cac30d9ffc762049c4ce4d14859e7d8878c', class: "qds-label-inner", "data-size": __classPrivateFieldGet$1(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), ref: __classPrivateFieldGet$1(this, _Checkbox_spanRef, "f") }, this.required === true && h("span", { key: '9643348ec0b94f20c2ff96c377ab6c6cdb64a9af', class: "qds-required" }, "*"), this.text)), this.tooltip && (h("qds-tooltip", { key: '7b51c156329641f7d08a4057d79ce3549a12d70f', class: "qds-tooltip", ref: __classPrivateFieldGet$1(this, _Checkbox_tooltipRef, "f") }, this.text))));
+    }
+    static get formAssociated() { return true; }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "checked": ["checkedChanged"],
+        "disabled": ["disabledChanged"],
+        "indeterminate": ["indeterminateChanged"],
+        "tabindex": ["tabindexChanged"],
+        "text": ["textChanged"],
+        "value": ["valueChanged"],
+        "required": ["requiredChanged"]
+    }; }
+};
+_Checkbox_ro = new WeakMap(), _Checkbox_savedTabIndex = new WeakMap(), _Checkbox_span = new WeakMap(), _Checkbox_tooltip = new WeakMap(), _Checkbox_spanRef = new WeakMap(), _Checkbox_tooltipRef = new WeakMap(), _Checkbox_instances = new WeakSet(), _Checkbox_computedChecked_get = function _Checkbox_computedChecked_get() {
+    return this.checked ?? false;
+}, _Checkbox_computedDisabled_get = function _Checkbox_computedDisabled_get() {
+    return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
+        this.host.getAttribute('disabled') !== 'false');
+}, _Checkbox_computedIndeterminate_get = function _Checkbox_computedIndeterminate_get() {
+    return this.indeterminate ?? false;
+}, _Checkbox_computedSize_get = function _Checkbox_computedSize_get() {
+    switch (this.size) {
+        case 'standard':
+        case 'small':
+        case 'large': {
+            return this.size;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+}, _Checkbox_computedValue_get = function _Checkbox_computedValue_get() {
+    // eslint-disable-next-line unicorn/no-null
+    return this.value == null ? null : this.value.toString();
+}, _Checkbox_hasText_get = function _Checkbox_hasText_get() {
+    return (this.text !== '' || this.required === true) && !this.checkboxOnly;
+}, _Checkbox_defineGetter = function _Checkbox_defineGetter(p, get) {
+    Object.defineProperty(this.host, p, { enumerable: true, get });
+};
+Checkbox.style = checkboxCss;
+
+const radioCss = "[hidden].sc-qds-radio-h{display:none!important}.sc-qds-radio-h{display:inline-block;line-height:0}.qds-icon.sc-qds-radio,.qds-radio.sc-qds-radio{grid-area:d;place-self:center}.qds-icon.sc-qds-radio{display:none;pointer-events:none}.qds-container.sc-qds-radio{display:grid;grid-template-areas:\"d\"}.qds-label.sc-qds-radio{align-items:flex-start;background-color:var(--qds-theme-interactive-background-default);border-radius:var(--qds-control-border-radius);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;width:inherit}.qds-label.sc-qds-radio:hover{background-color:var(--qds-theme-interactive-background-hover)}.qds-label.sc-qds-radio:active{background-color:var(--qds-theme-interactive-background-pressed)}.qds-label.sc-qds-radio:has(.qds-radio:focus-visible){box-shadow:0 0 0 var(--qds-focus-heavy-border-width) var(--qds-theme-focus-border);outline:var(--qds-theme-focus-border-contrast) solid var(--qds-focus-light-border-width);outline-offset:0}.qds-label-inner.sc-qds-radio{color:var(--qds-theme-control-text-standard);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%}.qds-required.sc-qds-radio{color:var(--qds-theme-feedback-field-required);-webkit-user-select:none;user-select:none}.qds-tooltip.sc-qds-radio{line-height:normal}.qds-radio.sc-qds-radio{-webkit-appearance:none;appearance:none;background-color:var(--qds-theme-interactive-background-default);border:var(--qds-control-border-width) solid var(--qds-theme-control-border-default);border-radius:var(--qds-control-rounded-border-radius);cursor:pointer;margin:0;padding:var(--qds-control-toggle-padding);-webkit-print-color-adjust:exact;print-color-adjust:exact}.qds-radio.sc-qds-radio:focus-visible{outline:none}.qds-radio.sc-qds-radio:checked~.qds-icon.sc-qds-radio{color:var(--qds-theme-control-background-default-contrast);display:block}[aria-disabled=true].sc-qds-radio{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-radio[data-size=small].sc-qds-radio{height:var(--qds-control-toggle-small-box-size);width:var(--qds-control-toggle-small-box-size)}.qds-icon[data-size=small].sc-qds-radio{font-size:var(--qds-control-toggle-small-box-size)}.qds-label[data-size=small].sc-qds-radio{gap:var(--qds-control-small-gap-siblings-related);min-height:var(--qds-control-toggle-small-height);min-width:var(--qds-control-toggle-small-width);padding-block:var(--qds-control-no-inline-small-padding-vertical)}.qds-label-inner[data-size=small].sc-qds-radio{font:var(--qds-control-small-text)}.qds-inline[data-size=small].sc-qds-radio{min-height:var(--qds-control-small-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-radio[data-size=standard].sc-qds-radio{height:var(--qds-control-toggle-standard-box-size);width:var(--qds-control-toggle-standard-box-size)}.qds-icon[data-size=standard].sc-qds-radio{font-size:var(--qds-control-toggle-standard-box-size)}.qds-label[data-size=standard].sc-qds-radio{gap:var(--qds-control-standard-gap-siblings-related);min-height:var(--qds-control-toggle-standard-height);min-width:var(--qds-control-toggle-standard-width);padding-block:var(--qds-control-no-inline-standard-padding-vertical)}.qds-label-inner[data-size=standard].sc-qds-radio{font:var(--qds-control-standard-text)}.qds-inline[data-size=standard].sc-qds-radio{min-height:var(--qds-control-standard-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}.qds-radio[data-size=large].sc-qds-radio{height:var(--qds-control-toggle-large-box-size);width:var(--qds-control-toggle-large-box-size)}.qds-icon[data-size=large].sc-qds-radio{font-size:var(--qds-control-toggle-large-box-size)}.qds-label[data-size=large].sc-qds-radio{gap:var(--qds-control-large-gap-siblings-related);min-height:var(--qds-control-toggle-large-height);min-width:var(--qds-control-toggle-large-width);padding-block:var(--qds-control-no-inline-large-padding-vertical)}.qds-label-inner[data-size=large].sc-qds-radio{font:var(--qds-control-large-text)}.qds-inline[data-size=large].sc-qds-radio{min-height:var(--qds-control-large-height);padding:var(--qds-control-standard-padding-auto-height) var(--qds-control-toggle-standard-padding-horizontal)}";
+
+// 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 _Radio_instances, _Radio_inheritedAttributes, _Radio_input, _Radio_ro, _Radio_span, _Radio_tooltip, _Radio_computedDisabled_get, _Radio_computedSize_get, _Radio_hasText_get, _Radio_ref, _Radio_onBlur, _Radio_onFocus, _Radio_spanRef, _Radio_tooltipRef, _Radio_onChange;
+const Radio = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.blurEmitter = createEvent(this, "qdsBlur", 2);
+        this.changeEmitter = createEvent(this, "qdsChange", 6);
+        this.focusEmitter = createEvent(this, "qdsFocus", 2);
+        _Radio_instances.add(this);
+        /**
+         * Adds vertical margin to the radio for alignment.
+         *
+         * This is useful when creating inline layouts so that the first lines have
+         * the correct vertical centering.
+         */
+        this.inline = false;
+        /**
+         * The radio button's size.
+         */
+        this.size = 'standard';
+        this.tooltip = false;
+        _Radio_inheritedAttributes.set(this, {});
+        _Radio_input.set(this, void 0);
+        _Radio_ro.set(this, void 0);
+        _Radio_span.set(this, void 0);
+        _Radio_tooltip.set(this, void 0);
+        _Radio_ref.set(this, (input) => {
+            __classPrivateFieldSet(this, _Radio_input, input, "f");
+        });
+        _Radio_onBlur.set(this, (event) => {
+            this.blurEmitter.emit(pickFocusEventAttributes(event));
+            if (__classPrivateFieldGet(this, _Radio_tooltip, "f"))
+                ignorePromise(__classPrivateFieldGet(this, _Radio_tooltip, "f").close());
+        });
+        _Radio_onFocus.set(this, (event) => {
+            this.focusEmitter.emit(pickFocusEventAttributes(event));
+            if (__classPrivateFieldGet(this, _Radio_tooltip, "f"))
+                ignorePromise(__classPrivateFieldGet(this, _Radio_tooltip, "f").show());
+        });
+        _Radio_spanRef.set(this, (span) => {
+            __classPrivateFieldSet(this, _Radio_span, span, "f");
+        });
+        _Radio_tooltipRef.set(this, (tooltip) => {
+            if (tooltip) {
+                // eslint-disable-next-line no-param-reassign
+                tooltip.target = this.host;
+                __classPrivateFieldSet(this, _Radio_tooltip, tooltip, "f");
+            }
+        });
+        _Radio_onChange.set(this, () => {
+            this.changeEmitter.emit();
+        });
+    }
+    onClick(event) {
+        if (__classPrivateFieldGet(this, _Radio_instances, "a", _Radio_computedDisabled_get)) {
+            event.stopImmediatePropagation();
+            return;
+        }
+        invariant(__classPrivateFieldGet(this, _Radio_input, "f"));
+        this.checked = __classPrivateFieldGet(this, _Radio_input, "f").checked;
+    }
+    tabindexChanged(newValue) {
+        const parsedValue = Number.parseInt(newValue, 10);
+        this.tabIndex =
+            parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
+    }
+    textChanged() {
+        if (__classPrivateFieldGet(this, _Radio_ro, "f"))
+            __classPrivateFieldGet(this, _Radio_ro, "f").disconnect();
+        if (!__classPrivateFieldGet(this, _Radio_span, "f"))
+            return;
+        const span = __classPrivateFieldGet(this, _Radio_span, "f");
+        readTask(() => {
+            this.tooltip = isEllipsisActive(span);
+        });
+        __classPrivateFieldSet(this, _Radio_ro, new ResizeObserver(([spanEntry]) => {
+            this.tooltip = isEllipsisActive(spanEntry.target);
+        }), "f");
+        __classPrivateFieldGet(this, _Radio_ro, "f").observe(__classPrivateFieldGet(this, _Radio_span, "f"));
+    }
+    componentWillLoad() {
+        __classPrivateFieldSet(this, _Radio_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+        this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
+    }
+    componentDidLoad() {
+        this.textChanged();
+    }
+    disconnectedCallback() {
+        if (__classPrivateFieldGet(this, _Radio_ro, "f"))
+            __classPrivateFieldGet(this, _Radio_ro, "f").disconnect();
+    }
+    render() {
+        return (
+        // eslint-disable-next-line jsx-a11y/label-has-associated-control
+        h("label", { key: '0dcabc4a731335a856a720a21cdcbe10553c35f7', "aria-disabled": __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? 'true' : undefined, class: {
+                'qds-inline': this.inline,
+                'qds-label': true,
+            }, "data-size": __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_computedSize_get) }, h("div", { key: 'a2a73cd64d39cdb8c8d938f8a4060b284e7a9597', class: "qds-container" }, h("input", { key: '53c2437e477a223d4bfdb3ba142d3ecb82a712ef',
+            // eslint-disable-next-line jsx-a11y/no-autofocus
+            autoFocus: this.host.autofocus, checked: this.checked, class: "qds-radio", "data-size": __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_computedSize_get), disabled: this.disabled, form: this.form, name: this.name, onBlur: __classPrivateFieldGet(this, _Radio_onBlur, "f"), onChange: __classPrivateFieldGet(this, _Radio_onChange, "f"), onFocus: __classPrivateFieldGet(this, _Radio_onFocus, "f"), ref: __classPrivateFieldGet(this, _Radio_ref, "f"), required: this.required, tabIndex: __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_computedDisabled_get) ? undefined : this.tabIndex, type: "radio", value: this.value ?? undefined, ...__classPrivateFieldGet(this, _Radio_inheritedAttributes, "f") }), h("qds-icon", { key: '02eeac88ee12955bcda3c882dc12ebef8eb941cd', class: "qds-icon", "data-size": __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_computedSize_get), library: "core", name: "checked-radio" })), __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_hasText_get) && (h("span", { key: '10aec1de4a45d66ee2138562a2187b6728befd74', class: "qds-label-inner", "data-size": __classPrivateFieldGet(this, _Radio_instances, "a", _Radio_computedSize_get), ref: __classPrivateFieldGet(this, _Radio_spanRef, "f") }, this.required === true && h("span", { key: 'a24572f903bbfb17af6458b364c04844f02cb997', class: "qds-required" }, "*"), this.text)), this.tooltip && (h("qds-tooltip", { key: '96ffbceed7214bf137295d2948ca94ed5b347ea6', "aria-hidden": "true", class: "qds-tooltip", ref: __classPrivateFieldGet(this, _Radio_tooltipRef, "f") }, this.text))));
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "tabindex": ["tabindexChanged"],
+        "text": ["textChanged"]
+    }; }
+};
+_Radio_inheritedAttributes = new WeakMap(), _Radio_input = new WeakMap(), _Radio_ro = new WeakMap(), _Radio_span = new WeakMap(), _Radio_tooltip = new WeakMap(), _Radio_ref = new WeakMap(), _Radio_onBlur = new WeakMap(), _Radio_onFocus = new WeakMap(), _Radio_spanRef = new WeakMap(), _Radio_tooltipRef = new WeakMap(), _Radio_onChange = new WeakMap(), _Radio_instances = new WeakSet(), _Radio_computedDisabled_get = function _Radio_computedDisabled_get() {
+    return this.disabled ?? false;
+}, _Radio_computedSize_get = function _Radio_computedSize_get() {
+    switch (this.size) {
+        case 'standard':
+        case 'small':
+        case 'large': {
+            return this.size;
+        }
+        default: {
+            return 'standard';
+        }
+    }
+}, _Radio_hasText_get = function _Radio_hasText_get() {
+    return this.text !== undefined && this.text !== '';
+};
+Radio.style = radioCss;
+
+export { Checkbox as qds_checkbox, Radio as qds_radio };
+//# sourceMappingURL=qds-checkbox.qds-radio.entry.js.map