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

package/components/p-BkBJDD6Y.js

@@ -0,0 +1,274 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-D2489VzR.js';
+import { p as pickFocusEventAttributes, c as inheritAriaAttributes } from './p-CXP6q9Mr.js';
+import { V as VALID_STATE, C as CUSTOM_ERROR_FLAGS, N as NO_ERROR_FLAGS } from './p-CZRW1LV_.js';
+import { d as defineCustomElement$3 } from './p-BkgfW_tl.js';
+import { d as defineCustomElement$2 } from './p-CRVPDKfO.js';
+import { d as defineCustomElement$1 } from './p-B03FWheS.js';
+
+const checkboxCss = ":host([hidden]){display:none!important}:host{display:inline-block;line-height:0}.qds-checkbox,.qds-icon{grid-area:c;place-self:center}.qds-icon{color:var(--qds-theme-signature-color-contrast);display:none;pointer-events:none}.qds-container{display:grid;grid-template-areas:\"c\"}.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)}.qds-label:has(.qds-checkbox: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{flex:1 1 auto;min-width:0;width:100%}.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);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-contrast);border-color:#0000}[aria-disabled=true]{opacity:var(--qds-theme-disabled);pointer-events:none}[data-size=small]{--qds-form-small-text:var(--qds-control-small-text)}.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-small-icon-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-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)}[data-size=standard]{--qds-form-standard-text:var(--qds-control-standard-text)}.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-standard-icon-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-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)}[data-size=large]{--qds-form-large-text:var(--qds-control-large-text)}.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-large-icon-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-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 = (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 _Checkbox_instances, _Checkbox_inheritedAttributes, _Checkbox_computedChecked_get, _Checkbox_computedDisabled_get, _Checkbox_computedIndeterminate_get, _Checkbox_computedSize_get, _Checkbox_computedValue_get, _Checkbox_hasText_get, _Checkbox_onBlur, _Checkbox_onFocus, _Checkbox_defineGetter;
+const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.blurEmitter = createEvent(this, "qdsBlur", 2);
+        this.changeEmitter = createEvent(this, "qdsChange", 6);
+        this.focusEmitter = createEvent(this, "qdsFocus", 2);
+        this.internals = this.attachInternals();
+        _Checkbox_instances.add(this);
+        /**
+         * 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;
+        /**
+         * Whether or not the text is displayed.
+         */
+        this.checkboxOnly = false;
+        _Checkbox_inheritedAttributes.set(this, {});
+        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_onBlur.set(this, (event) => {
+            this.blurEmitter.emit(pickFocusEventAttributes(event));
+        });
+        _Checkbox_onFocus.set(this, (event) => {
+            this.focusEmitter.emit(pickFocusEventAttributes(event));
+        });
+    }
+    onClick(event) {
+        if (__classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)) {
+            event.stopImmediatePropagation();
+            return;
+        }
+        event.preventDefault();
+        this.checked = __classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? true : !__classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get);
+        this.changeEmitter.emit();
+        this.indeterminate = false;
+    }
+    checkedChanged() {
+        this.internals.setFormValue(__classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get)
+            ? __classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedValue_get)
+            : // eslint-disable-next-line unicorn/no-null
+                null);
+    }
+    disabledChanged() {
+        if (__classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
+            this.internals.setFormValue(__classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
+        // eslint-disable-next-line unicorn/no-null
+        else
+            this.internals.setFormValue(null);
+    }
+    tabindexChanged(newValue) {
+        const parsedValue = Number.parseInt(newValue, 10);
+        this.tabIndex =
+            parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
+    }
+    valueChanged() {
+        if (__classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedChecked_get) && !__classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get))
+            this.internals.setFormValue(__classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedValue_get));
+    }
+    componentWillLoad() {
+        this.valueChanged();
+        __classPrivateFieldGet(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'form', () => this.internals.form);
+        __classPrivateFieldGet(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
+        __classPrivateFieldGet(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validity', () => this.internals.validity);
+        __classPrivateFieldGet(this, _Checkbox_instances, "m", _Checkbox_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
+        __classPrivateFieldSet(this, _Checkbox_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+        this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
+    }
+    render() {
+        return (
+        // eslint-disable-next-line jsx-a11y/label-has-associated-control
+        h("label", { key: 'eee46a1d52fdce13a48944878461a64b4010ac2b', "aria-disabled": __classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? 'true' : undefined, class: {
+                'qds-inline': this.inline,
+                'qds-label': true,
+            }, "data-size": __classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedSize_get) }, h("div", { key: 'b22d88f6b62e988057db205e8b493a31cb9eabdc', class: "qds-container" }, h("input", { key: 'c1510dc602adc3cf9470edbc6fa95af12f701b9a',
+            // eslint-disable-next-line jsx-a11y/no-autofocus
+            autoFocus: this.host.autofocus, checked: __classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedIndeterminate_get) ? false : this.checked, class: "qds-checkbox", "data-size": __classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), disabled: __classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get), indeterminate: this.indeterminate, onBlur: __classPrivateFieldGet(this, _Checkbox_onBlur, "f"), onFocus: __classPrivateFieldGet(this, _Checkbox_onFocus, "f"), required: this.required, tabIndex: __classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedDisabled_get) ? undefined : this.tabIndex, type: "checkbox", "aria-label": this.checkboxOnly ? this.text : undefined, ...__classPrivateFieldGet(this, _Checkbox_inheritedAttributes, "f") }), h("qds-icon", { key: '7fd98e670537e117298a45d854b34fb9060a8850', "aria-hidden": "true", class: {
+                'qds-icon': true,
+                'qds-checked': true,
+            }, "data-size": __classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "checked" }), h("qds-icon", { key: '7d5266124a946507ee7384a7086af51e6f5a1d66', "aria-hidden": "true", class: {
+                'qds-icon': true,
+                'qds-indeterminate': true,
+            }, "data-size": __classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_computedSize_get), library: "core", name: "indeterminate" })), __classPrivateFieldGet(this, _Checkbox_instances, "a", _Checkbox_hasText_get) && (h("qds-label", { key: '2abb3aa9fe38db5b754d65024d907fe7e6c05ed0', class: "qds-label-inner", required: this.required, size: this.size, text: this.text, tabindex: -1, tooltipTarget: this.host }))));
+    }
+    static get delegatesFocus() { return true; }
+    static get formAssociated() { return true; }
+    get host() { return this; }
+    static get watchers() { return {
+        "checked": ["checkedChanged"],
+        "disabled": ["disabledChanged"],
+        "tabindex": ["tabindexChanged"],
+        "value": ["valueChanged"]
+    }; }
+    static get style() { return checkboxCss; }
+}, [337, "qds-checkbox", {
+        "inline": [4],
+        "size": [1],
+        "text": [1],
+        "checked": [1028],
+        "disabled": [4],
+        "form": [1],
+        "indeterminate": [1028],
+        "name": [1],
+        "required": [4],
+        "validationMessage": [1, "validation-message"],
+        "validity": [16],
+        "value": [8],
+        "willValidate": [4, "will-validate"],
+        "checkboxOnly": [4, "checkbox-only"],
+        "tabIndex": [32]
+    }, [[0, "click", "onClick"]], {
+        "checked": ["checkedChanged"],
+        "disabled": ["disabledChanged"],
+        "tabindex": ["tabindexChanged"],
+        "value": ["valueChanged"]
+    }]);
+_Checkbox_inheritedAttributes = new WeakMap(), _Checkbox_onBlur = new WeakMap(), _Checkbox_onFocus = 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 });
+};
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["qds-checkbox", "qds-icon", "qds-label", "qds-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "qds-checkbox":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Checkbox);
+            }
+            break;
+        case "qds-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "qds-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "qds-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { Checkbox as C, defineCustomElement as d };
+//# sourceMappingURL=p-BkBJDD6Y.js.map
+
+//# sourceMappingURL=p-BkBJDD6Y.js.map

package/components/p-BkBJDD6Y.js.map

@@ -0,0 +1 @@
+{"file":"p-BkBJDD6Y.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/checkbox/checkbox.css?tag=qds-checkbox&encapsulation=shadow","src/components/checkbox/checkbox.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  display: inline-block;\n  line-height: 0;\n}\n\n.qds-checkbox,\n.qds-icon {\n  grid-area: checkbox;\n  place-self: center;\n}\n\n.qds-icon {\n  display: none;\n  pointer-events: none;\n  color: var(--qds-theme-signature-color-contrast);\n}\n\n.qds-container {\n  display: grid;\n  grid-template-areas: 'checkbox';\n}\n\n.qds-label {\n  cursor: pointer;\n  display: inline-flex;\n  width: inherit;\n  border-radius: var(--qds-control-border-radius);\n  align-items: flex-start;\n  box-sizing: border-box;\n  justify-content: center;\n  background-color: var(--qds-theme-interactive-background-default);\n\n  &:hover {\n    background-color: var(--qds-theme-interactive-background-hover);\n  }\n\n  &:active {\n    background-color: var(--qds-theme-interactive-background-pressed);\n  }\n\n  &:has(.qds-checkbox:focus-visible) {\n    /* inner ring */\n    outline: var(--qds-theme-focus-border-contrast) solid\n      var(--qds-focus-light-border-width);\n    outline-offset: 0;\n\n    /* outer ring */\n    box-shadow: 0 0 0 var(--qds-focus-heavy-border-width)\n      var(--qds-theme-focus-border);\n  }\n}\n\n.qds-label-inner {\n  flex: 1 1 auto;\n  min-width: 0;\n  width: 100%;\n}\n\n.qds-checkbox {\n  appearance: none;\n  background-color: var(--qds-theme-interactive-background-default);\n  border: var(--qds-control-border-width) solid var(--qds-theme-control-border);\n  cursor: pointer;\n  margin: 0;\n  print-color-adjust: exact;\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  &:checked ~ .qds-checked,\n  &:indeterminate ~ .qds-indeterminate {\n    display: block;\n  }\n\n  &:checked,\n  &:indeterminate {\n    background-color: var(--qds-theme-control-background-contrast);\n    border-color: transparent;\n  }\n}\n\n[aria-disabled='true'] {\n  opacity: var(--qds-theme-disabled);\n  pointer-events: none;\n}\n\n[data-size='small'] {\n  /* override qds-label font design token */\n  --qds-form-small-text: var(--qds-control-small-text);\n\n  &.qds-checkbox {\n    width: var(--qds-control-toggle-small-box-size);\n    height: var(--qds-control-toggle-small-box-size);\n    border-radius: var(--qds-control-toggle-small-knob-border-radius);\n  }\n\n  &.qds-icon {\n    font-size: var(--qds-control-small-icon-size);\n  }\n\n  &.qds-label {\n    gap: var(--qds-control-small-gap-siblings-related);\n    min-height: var(--qds-control-toggle-small-height);\n    padding-block: var(--qds-control-no-inline-small-padding-vertical);\n    min-width: var(--qds-control-toggle-small-width);\n  }\n\n  &.qds-inline {\n    min-height: var(--qds-control-small-height);\n    padding: var(--qds-control-small-padding-auto-height)\n      var(--qds-control-toggle-small-padding-horizontal);\n  }\n}\n\n[data-size='standard'] {\n  /* override qds-label font design token */\n  --qds-form-standard-text: var(--qds-control-standard-text);\n\n  &.qds-checkbox {\n    width: var(--qds-control-toggle-standard-box-size);\n    height: var(--qds-control-toggle-standard-box-size);\n    border-radius: var(--qds-control-toggle-standard-knob-border-radius);\n  }\n\n  &.qds-icon {\n    font-size: var(--qds-control-standard-icon-size);\n  }\n\n  &.qds-label {\n    gap: var(--qds-control-standard-gap-siblings-related);\n    min-height: var(--qds-control-toggle-standard-height);\n    padding-block: var(--qds-control-no-inline-standard-padding-vertical);\n    min-width: var(--qds-control-toggle-standard-width);\n  }\n\n  &.qds-inline {\n    min-height: var(--qds-control-standard-height);\n    padding: var(--qds-control-standard-padding-auto-height)\n      var(--qds-control-toggle-standard-padding-horizontal);\n  }\n}\n\n[data-size='large'] {\n  /* override qds-label font design token */\n  --qds-form-large-text: var(--qds-control-large-text);\n\n  &.qds-checkbox {\n    width: var(--qds-control-toggle-large-box-size);\n    height: var(--qds-control-toggle-large-box-size);\n    border-radius: var(--qds-control-toggle-large-knob-border-radius);\n  }\n\n  &.qds-icon {\n    font-size: var(--qds-control-large-icon-size);\n  }\n\n  &.qds-label {\n    gap: var(--qds-control-large-gap-siblings-related);\n    min-height: var(--qds-control-toggle-large-height);\n    padding-block: var(--qds-control-no-inline-large-padding-vertical);\n    min-width: var(--qds-control-toggle-large-width);\n  }\n\n  &.qds-inline {\n    min-height: var(--qds-control-large-height);\n    padding: var(--qds-control-large-padding-auto-height)\n      var(--qds-control-toggle-large-padding-horizontal);\n  }\n}\n","// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ComponentInterface, EventEmitter } from '@stencil/core'\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  h,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport type { Attributes, QdsFocusEventDetail } from '../../helpers'\nimport { inheritAriaAttributes, pickFocusEventAttributes } from '../../helpers'\nimport { CUSTOM_ERROR_FLAGS, NO_ERROR_FLAGS, VALID_STATE } from '../controls'\nimport type { Size } from '../shared'\n\nexport type CheckboxValue = number | string | null\n\n/**\n * `<qds-checkbox>` elements are rendered as boxes that are checked (ticked)\n * when activated, like you might see in an official government paper form. A\n * checkbox allows you to select single values for submission in a form (or not).\n *\n * @see https://quartz.se.com/build/components/checkbox\n */\n@Component({\n  tag: 'qds-checkbox',\n  formAssociated: true,\n  shadow: { delegatesFocus: true },\n  styleUrl: 'checkbox.css',\n})\nexport class Checkbox implements ComponentInterface {\n  /**\n   * Adds vertical margin to the checkbox for alignment.\n   *\n   * This is useful when creating inline layouts so that the first lines have\n   * the correct vertical centering.\n   */\n  @Prop() public readonly inline: boolean = false\n\n  /**\n   * The checkbox's size.\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * The checkbox's text.\n   *\n   * Its value will also be used as the `aria-label` value when the\n   * `checkbox-only` attribute is specified.\n   */\n  @Prop() public readonly text!: string\n\n  /**\n   * Sets the checkbox's state.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true }) public checked?: boolean\n\n  /**\n   * Prevents the checkbox from being interacted with: it cannot be pressed or\n   * focused.\n   *\n   * @webnative\n   */\n  @Prop() public readonly disabled?: boolean\n\n  /**\n   * The [`<form>`][] element to associate the checkbox with (its form owner).\n   *\n   * The value of this attribute must be the id of a `<form>` in the same\n   * document. If this attribute is not set, the `<qds-checkbox>` is associated\n   * with its ancestor `<form>` element, if any.\n   *\n   * This attribute lets you associate `<qds-checkbox>` elements to `<form>`s\n   * anywhere in the document, not just inside a `<form>`. It can also override\n   * an ancestor `<form>` element.\n   *\n   * [`<form>`]: https://developer.mozilla.org/docs/Web/HTML/Element/form\n   *\n   * @readonly\n   * @webnative\n   */\n  // eslint-disable-next-line unicorn/no-null\n  @Prop() public readonly form: ElementInternals['form'] | string = null\n\n  /**\n   * Sets the checkbox to an indeterminate state. This is usually applied to\n   * checkboxes that represent a \"select all/none\" behavior when associated\n   * checkboxes have a mix of checked and unchecked states.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true }) public indeterminate?: boolean\n\n  /**\n   * The name of the checkbox, which is submitted with the form data.\n   *\n   * @webnative\n   */\n  @Prop() public readonly name?: string\n\n  /**\n   * A value must be specified for the checkbox before the owning form can be\n   * submitted.\n   *\n   * See\n   * [Client-side validation](https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation)\n   * and the\n   * [HTML attribute: `required`](https://developer.mozilla.org/docs/Web/HTML/Attributes/required)\n   * for more information.\n   *\n   * @webnative\n   */\n  @Prop() public readonly required?: boolean\n\n  /**\n   * The error message that would be shown to the user if the `<qds-checkbox>`\n   * was to be checked for validity.\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop()\n  public readonly validationMessage: ElementInternals['validationMessage'] = ''\n\n  /**\n   * The [`ValidityState`][] object for this `<qds-checkbox>`.\n   *\n   * [`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop() public readonly validity: ElementInternals['validity'] = VALID_STATE\n\n  /**\n   * The value of the checkbox, submitted as a name/value pair with form data.\n   *\n   * @webnative\n   */\n  @Prop() public readonly value?: CheckboxValue = 'on'\n\n  /**\n   * True if `<qds-checkbox>` will be validated when the form is submitted;\n   * false otherwise.\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop() public readonly willValidate: ElementInternals['willValidate'] = false\n\n  /**\n   * Whether or not the text is displayed.\n   */\n  @Prop() public readonly checkboxOnly: boolean = false\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  /**\n   * Emitted when the checkbox loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when a change to the checkbox's state is committed by the user.\n   */\n  @Event({ eventName: 'qdsChange', cancelable: false })\n  private readonly changeEmitter!: EventEmitter<void>\n\n  /**\n   * Emitted when the checkbox gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  @Element() private readonly host!: HTMLElement\n\n  @State() private tabIndex?: number\n\n  #inheritedAttributes: Attributes = {}\n\n  get #computedChecked(): boolean {\n    return this.checked ?? false\n  }\n\n  get #computedDisabled(): boolean {\n    return (\n      (this.host.matches(':disabled') || (this.disabled ?? false)) &&\n      this.host.getAttribute('disabled') !== 'false'\n    )\n  }\n\n  get #computedIndeterminate(): boolean {\n    return this.indeterminate ?? false\n  }\n\n  get #computedSize(): Size {\n    switch (this.size) {\n      case 'standard':\n      case 'small':\n      case 'large': {\n        return this.size\n      }\n      default: {\n        return 'standard'\n      }\n    }\n  }\n\n  get #computedValue(): string | null {\n    // eslint-disable-next-line unicorn/no-null\n    return this.value == null ? null : this.value.toString()\n  }\n\n  get #hasText(): boolean {\n    return (this.text !== '' || this.required === true) && !this.checkboxOnly\n  }\n\n  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.#computedDisabled) {\n      event.stopImmediatePropagation()\n      return\n    }\n\n    event.preventDefault()\n\n    this.checked = this.#computedIndeterminate ? true : !this.#computedChecked\n    this.changeEmitter.emit()\n    this.indeterminate = false\n  }\n\n  @Watch('checked')\n  protected checkedChanged(): void {\n    this.internals.setFormValue(\n      this.#computedChecked && !this.#computedDisabled\n        ? this.#computedValue\n        : // eslint-disable-next-line unicorn/no-null\n          null,\n    )\n  }\n\n  @Watch('disabled')\n  protected disabledChanged(): void {\n    if (this.#computedChecked && !this.#computedDisabled)\n      this.internals.setFormValue(this.#computedValue)\n    // eslint-disable-next-line unicorn/no-null\n    else this.internals.setFormValue(null)\n  }\n\n  @Watch('tabindex')\n  protected tabindexChanged(newValue: string): void {\n    const parsedValue = Number.parseInt(newValue, 10)\n    this.tabIndex =\n      parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue\n  }\n\n  @Watch('value')\n  protected valueChanged(): void {\n    if (this.#computedChecked && !this.#computedDisabled)\n      this.internals.setFormValue(this.#computedValue)\n  }\n\n  public componentWillLoad(): void {\n    this.valueChanged()\n\n    this.#defineGetter('form', () => this.internals.form)\n    this.#defineGetter('willValidate', () => this.internals.willValidate)\n    this.#defineGetter('validity', () => this.internals.validity)\n    this.#defineGetter(\n      'validationMessage',\n      () => this.internals.validationMessage,\n    )\n\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n    this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0')\n  }\n\n  public render() {\n    return (\n      // eslint-disable-next-line jsx-a11y/label-has-associated-control\n      <label\n        aria-disabled={this.#computedDisabled ? 'true' : undefined}\n        class={{\n          'qds-inline': this.inline,\n          'qds-label': true,\n        }}\n        data-size={this.#computedSize}\n      >\n        <div class=\"qds-container\">\n          <input\n            // eslint-disable-next-line jsx-a11y/no-autofocus\n            autoFocus={this.host.autofocus}\n            checked={this.#computedIndeterminate ? false : this.checked}\n            class=\"qds-checkbox\"\n            data-size={this.#computedSize}\n            disabled={this.#computedDisabled}\n            indeterminate={this.indeterminate}\n            onBlur={this.#onBlur}\n            onFocus={this.#onFocus}\n            required={this.required}\n            tabIndex={this.#computedDisabled ? undefined : this.tabIndex}\n            type=\"checkbox\"\n            aria-label={this.checkboxOnly ? this.text : undefined}\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            {...this.#inheritedAttributes}\n          />\n          <qds-icon\n            aria-hidden=\"true\"\n            class={{\n              'qds-icon': true,\n              'qds-checked': true,\n            }}\n            data-size={this.#computedSize}\n            library=\"core\"\n            name=\"checked\"\n          />\n          <qds-icon\n            aria-hidden=\"true\"\n            class={{\n              'qds-icon': true,\n              'qds-indeterminate': true,\n            }}\n            data-size={this.#computedSize}\n            library=\"core\"\n            name=\"indeterminate\"\n          />\n        </div>\n        {this.#hasText && (\n          <qds-label\n            class=\"qds-label-inner\"\n            required={this.required}\n            size={this.size}\n            text={this.text}\n            tabindex={-1}\n            tooltipTarget={this.host}\n          />\n        )}\n      </label>\n    )\n  }\n\n  public checkValidity: ElementInternals['checkValidity'] = () =>\n    this.internals.checkValidity()\n\n  public reportValidity: ElementInternals['reportValidity'] = () =>\n    this.internals.reportValidity()\n\n  public setCustomValidity: HTMLInputElement['setCustomValidity'] = (error) => {\n    if (error) this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, this.host)\n    else this.internals.setValidity(NO_ERROR_FLAGS)\n  }\n\n  readonly #onBlur = (event: FocusEvent): void => {\n    this.blurEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #onFocus = (event: FocusEvent): void => {\n    this.focusEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  #defineGetter(p: PropertyKey, get: () => unknown): void {\n    Object.defineProperty(this.host, p, { enumerable: true, get })\n  }\n}\n"],"version":3}

package/components/p-BkgfW_tl.js

@@ -0,0 +1,282 @@
+/*!
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
+ * 
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { g as getAssetPath, p as proxyCustomElement, H, c as createEvent, h } from './p-D2489VzR.js';
+import { c as inheritAriaAttributes } from './p-CXP6q9Mr.js';
+
+const checkedSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0ibTEyLjExMSAzLjUtNS45MTggOUwzLjg5IDkuMDI0Ii8+PC9zdmc+';
+
+const checkedRadioSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNOCAzQzUuMjQzIDMgMyA1LjI0MyAzIDhzMi4yNDMgNSA1IDUgNS0yLjI0MyA1LTUtMi4yNDMtNS01LTVaIi8+PC9zdmc+';
+
+const clearSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0iTTEwLjgyNyAxMC44NDYgNS4xNyA1LjE4OW01LjY2NS0uMDI3LTUuNjU3IDUuNjU3TTggLjVhNy41IDcuNSAwIDEgMCAwIDE1IDcuNSA3LjUgMCAwIDAgMC0xNVoiLz48L3N2Zz4=';
+
+const draggableSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAyMCI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNNC45NiAwYTIuMTQ4IDIuMTQ4IDAgMSAxIDAgNC4yOTcgMi4xNDggMi4xNDggMCAwIDEgMC00LjI5NlpNMi44MTIgMTcuODUyYTIuMTQ5IDIuMTQ5IDAgMSAwIDQuMjk4IDAgMi4xNDkgMi4xNDkgMCAwIDAtNC4yOTggMFptMC03Ljg1MWEyLjE0OSAyLjE0OSAwIDEgMCA0LjI5OCAwIDIuMTQ5IDIuMTQ5IDAgMCAwLTQuMjk4IDBabTEwLjA3OS03Ljg1MmEyLjE0OSAyLjE0OSAwIDEgMCA0LjI5NyAwIDIuMTQ5IDIuMTQ5IDAgMCAwLTQuMjk3IDBabTAgMTUuNzAzYTIuMTQ5IDIuMTQ5IDAgMSAwIDQuMjk3IDAgMi4xNDkgMi4xNDkgMCAwIDAtNC4yOTcgMFptMC03Ljg1MWEyLjE0OSAyLjE0OSAwIDEgMCA0LjI5NyAwIDIuMTQ5IDIuMTQ5IDAgMCAwLTQuMjk3IDBaIi8+PC9zdmc+';
+
+const dropdownSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNyAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0iTTE1LjcwNyA0LjQ0M2MtMS40NSAxLjQ1LTcuNSA3LjExMy03LjUgNy4xMTNzLTYuMDUtNS42NjMtNy41LTcuMTEzIi8+PC9zdmc+';
+
+const externalLinkSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0iTTEwLjUuNWg1bTAgMHY1bTAtNUw5LjY5NiA2LjMwNU04LjUgMy41aC04djEyaDEydi04Ii8+PC9zdmc+';
+
+const indeterminateSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0iTTMuNSA4aDkiLz48L3N2Zz4=';
+
+const inputDateSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNNy4wNiAxMS4yOTRxLjI4NS4zOC4yODQuOTM5IDAgLjc3NC0uNTY4IDEuMjMyLS41Ny40NTctMS41MzcuNDU5LS41NTIgMC0xLjA2Mi0uMTcxYTIuNiAyLjYgMCAwIDEtLjg2Ni0uNDc1LjUxNy41MTcgMCAwIDEtLjA4OS0uNzE3LjMxLjMxIDAgMCAxIC4yNTEtLjEzMnEuMDg0IDAgLjE1My4wMjl0LjE4Ny4wOThxLjM1Ny4yMzcuNjguMzY1Yy4yMjUuMDg3LjQ2NC4xMy43MDUuMTI3cS41NiAwIC44MzMtLjIyNXQuMjcyLS42ODRxMC0uNDUtLjI4NS0uNjY3Yy0uMjg1LS4yMTctLjQ4My0uMjE3LS44NzktLjIxN2gtLjQ4NGEuMzcuMzcgMCAwIDEtLjMwMi0uMTMyLjQ3LjQ3IDAgMCAxLS4xMDYtLjMwMXEwLS4xNzguMTA2LS4zMDZhLjM3LjM3IDAgMCAxIC4zMDItLjEyN2guMzM5cTEuMTY0IDAgMS4xNjQtLjg3NCAwLS40MS0uMjQ2LS42MjgtLjI0NS0uMjItLjY4LS4yMjEtLjYyIDAtMS4zMjUuNDkyYTIgMiAwIDAgMS0uMTg3LjA5OC40LjQgMCAwIDEtLjE1My4wMjkuMzEuMzEgMCAwIDEtLjI1MS0uMTMyLjUuNSAwIDAgMS0uMTA2LS4zMTguNDYuNDYgMCAwIDEgLjA0Ny0uMjE3Yy4wNDctLjA4OS4wODEtLjEyLjE0OS0uMTgzcS4zNTctLjI5Ny44NTQtLjQ3MWMuNDk3LS4xNzQuNjY5LS4xNzUgMS4wMTUtLjE3NXEuODgzIDAgMS40MDYuNDM0LjUyMi40MzMuNTIzIDEuMTU1YzAgLjMwNy0uMDkuNjA3LS4yNTkuODYyYTEuNDMgMS40MyAwIDAgMS0uNzAxLjUzOXEuNTM0LjEzNi44Mi41MTR6bTUuNzUxIDIuMTI4cTAgLjQ1LS41MDkuNDVIOS40MzFxLS41MTggMC0uNTE4LS40NSAwLS40MzQuNTE4LS40MzRoLjg4M1Y5LjExNWwtLjgxNS41MDFhLjQ1LjQ1IDAgMCAxLS4yMTMuMDY4LjM3LjM3IDAgMCAxLS4zMDEtLjE1My41My41MyAwIDAgMS0uMTIzLS4zNHEwLS4yNDYuMjIxLS4zODJsMS4zMTctLjgxNmEuOTYuOTYgMCAwIDEgLjQ4NC0uMTUzcS4yMzcgMCAuMzgyLjE0NWEuNTQuNTQgMCAwIDEgLjE0NC4zOTl2NC42MDNoLjg5MnEuNTEgMCAuNTA5LjQzNHoiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLW1pdGVybGltaXQ9IjE2IiBkPSJNMTUuNSA2LjVILjVtNi00aDVtLTUgMHYtLjc4QzYuNSAxLjIyNCA2LjI3OC41IDUuNDYzLjVoLjAyMWMtLjc1NSAwLS45ODMuNzI0LS45ODMgMS4yMnYxLjMyNGMwIC43ODYuMDc0IDEuNDU2IDEuMDY2IDEuNDU2aC0uMDY2bS45OTktMmgtNGwtLjI0Ny4wMDJBMS43NjQgMS43NjQgMCAwIDAgLjUgNC4yNjd2OS40NjljMCAuOTc1Ljc5IDEuNzY1IDEuNzY1IDEuNzY1aDExLjQ3MWMuOTc1IDAgMS43NjUtLjc5IDEuNzY1LTEuNzY1VjQuMjYzYzAtLjk3My0uNzg5LTEuNzYzLTEuNzYzLTEuNzYzaC0xLjIzN20uOTk5IDBoLTJtMCAwdi0uNzhjMC0uNDk2LS4yMjItMS4yMi0xLjAzNy0xLjIyaC4wMjFjLS43NTUgMC0uOTgzLjcyNC0uOTgzIDEuMjJ2MS4zMjRjMCAuNzg2LjA3NCAxLjQ1NiAxLjA2NiAxLjQ1NmgtLjA2NiIvPjwvc3ZnPg==';
+
+const inputDatetimeLocalSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNNy4wNiAxMS4yOTRxLjI4NS4zOC4yODQuOTM5IDAgLjc3NC0uNTY4IDEuMjMyLS41Ny40NTctMS41MzcuNDU5LS41NTIgMC0xLjA2Mi0uMTcxYTIuNiAyLjYgMCAwIDEtLjg2Ni0uNDc1LjUxNy41MTcgMCAwIDEtLjA4OS0uNzE3LjMxLjMxIDAgMCAxIC4yNTEtLjEzMnEuMDg0IDAgLjE1My4wMjl0LjE4Ny4wOThxLjM1Ny4yMzcuNjguMzY1Yy4yMjUuMDg3LjQ2NC4xMy43MDUuMTI3cS41NiAwIC44MzMtLjIyNXQuMjcyLS42ODRxMC0uNDUtLjI4NS0uNjY3Yy0uMjg1LS4yMTctLjQ4My0uMjE3LS44NzktLjIxN2gtLjQ4NGEuMzcuMzcgMCAwIDEtLjMwMi0uMTMyLjQ3LjQ3IDAgMCAxLS4xMDYtLjMwMXEwLS4xNzguMTA2LS4zMDZhLjM3LjM3IDAgMCAxIC4zMDItLjEyN2guMzM5cTEuMTY0IDAgMS4xNjQtLjg3NCAwLS40MS0uMjQ2LS42MjgtLjI0NS0uMjItLjY4LS4yMjEtLjYyIDAtMS4zMjUuNDkyYTIgMiAwIDAgMS0uMTg3LjA5OC40LjQgMCAwIDEtLjE1My4wMjkuMzEuMzEgMCAwIDEtLjI1MS0uMTMyLjUuNSAwIDAgMS0uMTA2LS4zMTguNDYuNDYgMCAwIDEgLjA0Ny0uMjE3Yy4wNDctLjA4OS4wODEtLjEyLjE0OS0uMTgzcS4zNTctLjI5Ny44NTQtLjQ3MWMuNDk3LS4xNzQuNjY5LS4xNzUgMS4wMTUtLjE3NXEuODgzIDAgMS40MDYuNDM0LjUyMi40MzMuNTIzIDEuMTU1YzAgLjMwNy0uMDkuNjA3LS4yNTkuODYyYTEuNDMgMS40MyAwIDAgMS0uNzAxLjUzOXEuNTM0LjEzNi44Mi41MTR6bTUuNzUxIDIuMTI4cTAgLjQ1LS41MDkuNDVIOS40MzFxLS41MTggMC0uNTE4LS40NSAwLS40MzQuNTE4LS40MzRoLjg4M1Y5LjExNWwtLjgxNS41MDFhLjQ1LjQ1IDAgMCAxLS4yMTMuMDY4LjM3LjM3IDAgMCAxLS4zMDEtLjE1My41My41MyAwIDAgMS0uMTIzLS4zNHEwLS4yNDYuMjIxLS4zODJsMS4zMTctLjgxNmEuOTYuOTYgMCAwIDEgLjQ4NC0uMTUzcS4yMzcgMCAuMzgyLjE0NWEuNTQuNTQgMCAwIDEgLjE0NC4zOTl2NC42MDNoLjg5MnEuNTEgMCAuNTA5LjQzNHoiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLW1pdGVybGltaXQ9IjE2IiBkPSJNMTUuNSA2LjVILjVtNi00aDVtLTUgMHYtLjc4QzYuNSAxLjIyNCA2LjI3OC41IDUuNDYzLjVoLjAyMWMtLjc1NSAwLS45ODMuNzI0LS45ODMgMS4yMnYxLjMyNGMwIC43ODYuMDc0IDEuNDU2IDEuMDY2IDEuNDU2aC0uMDY2bS45OTktMmgtNGwtLjI0Ny4wMDJBMS43NjQgMS43NjQgMCAwIDAgLjUgNC4yNjd2OS40NjljMCAuOTc1Ljc5IDEuNzY1IDEuNzY1IDEuNzY1aDExLjQ3MWMuOTc1IDAgMS43NjUtLjc5IDEuNzY1LTEuNzY1VjQuMjYzYzAtLjk3My0uNzg5LTEuNzYzLTEuNzYzLTEuNzYzaC0xLjIzN20uOTk5IDBoLTJtMCAwdi0uNzhjMC0uNDk2LS4yMjItMS4yMi0xLjAzNy0xLjIyaC4wMjFjLS43NTUgMC0uOTgzLjcyNC0uOTgzIDEuMjJ2MS4zMjRjMCAuNzg2LjA3NCAxLjQ1NiAxLjA2NiAxLjQ1NmgtLjA2NiIvPjwvc3ZnPg==';
+
+const inputEmailSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0iTTE1LjM2OSAzLjEzNyA3Ljk5IDguNS43MzQgMi43MzRtMTQuNjM1LjQwM2ExLjIgMS4yIDAgMCAwLTEuMDYtLjYzN0gxLjNhLjguOCAwIDAgMC0uNTY2LjIzNG0xNC42MzUuNDAzTDE1LjUgNS41djcuMmEuOC44IDAgMCAxLS44LjhIMS4zYS44LjggMCAwIDEtLjgtLjhWMy4zYS44LjggMCAwIDEgLjIzNC0uNTY2Ii8+PC9zdmc+';
+
+const inputMonthSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0iTTE1LjUgNi41SC41bTYtNGg1bS01IDB2LS43OEM2LjUgMS4yMjQgNi4yNzguNSA1LjQ2My41aC4wMjFjLS43NTUgMC0uOTgzLjcyNC0uOTgzIDEuMjJ2MS4zMjRjMCAuNzg2LjA3NCAxLjQ1NiAxLjA2NiAxLjQ1NmgtLjA2Nm0uOTk5LTJoLTRsLS4yNDcuMDAyQTEuNzY0IDEuNzY0IDAgMCAwIC41IDQuMjY3djkuNDY5YzAgLjk3NS43OSAxLjc2NSAxLjc2NSAxLjc2NWgxMS40NzFjLjk3NSAwIDEuNzY1LS43OSAxLjc2NS0xLjc2NVY0LjI2M2MwLS45NzMtLjc4OS0xLjc2My0xLjc2My0xLjc2M2gtMS4yMzdtLjk5OSAwaC0ybTAgMHYtLjc4YzAtLjQ5Ni0uMjIyLTEuMjItMS4wMzctMS4yMmguMDIxYy0uNzU1IDAtLjk4My43MjQtLjk4MyAxLjIydjEuMzI0YzAgLjc4Ni4wNzQgMS40NTYgMS4wNjYgMS40NTZoLS4wNjYiLz48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zIDEwYTEgMSAwIDEgMCAwLTIgMSAxIDAgMCAwIDAgMlptMyAwYTEgMSAwIDEgMCAwLTIgMSAxIDAgMCAwIDAgMlptMyAwYTEgMSAwIDEgMCAwLTIgMSAxIDAgMCAwIDAgMlptMyAwYTEgMSAwIDEgMCAwLTIgMSAxIDAgMCAwIDAgMlptLTkgNGExIDEgMCAxIDAgMC0yIDEgMSAwIDAgMCAwIDJabTMgMGExIDEgMCAxIDAgMC0yIDEgMSAwIDAgMCAwIDJabTMgMGExIDEgMCAxIDAgMC0yIDEgMSAwIDAgMCAwIDJabTMgMGExIDEgMCAxIDAgMC0yIDEgMSAwIDAgMCAwIDJaIi8+PC9zdmc+';
+
+const inputPasswordHideSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNyAxNyI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0ibS43MDcuNzA3IDE1IDE1bTAtNi42NDZjLS4zNjUtLjcwNC00LjMwMy01LjY3LTguMDg4LTUuMzg3QzQuMjA3IDMuOTMgMi4yODggNi4wNzEuNzA3IDkuMDZjMCAwIDIuODI4IDQuODUgOS4xMjYgMy40MTYgMi42NjEtLjYwNiAzLjQ3Ny0yLjM5NyA1Ljg3NC0zLjQxNVoiLz48L3N2Zz4=';
+
+const inputPasswordShowSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNyAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0iTTE1LjU3MiA4Ljg1NGMtLjM2NS0uNzA0LTQuMzA0LTUuNjctOC4wODgtNS4zODdDNC4wNyAzLjcyMiAyLjE1MyA1Ljg2NC41NzIgOC44NTNjMCAwIDIuODI4IDQuODUgOS4xMjYgMy40MTYgMi42Ni0uNjA2IDMuNDc3LTIuMzk3IDUuODc0LTMuNDE1WiIvPjwvc3ZnPg==';
+
+const inputSearchSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNyAxNyI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0ibTE1LjUwNiAxNS41LTQuMjU0LTQuMjkybTAgMGE2LjI4NCA2LjI4NCAwIDEgMC0xLjc2MyAxLjI1M2MuNzU1LS40MTIgMS4xNDMtLjY4NCAxLjc2My0xLjI1M1pNNi41NjUgMi44NDljLS45OSAwLTEuOTIzLjM4Ni0yLjYyNCAxLjA4N2EzLjY4IDMuNjggMCAwIDAtMS4wNDcgMi4xMDJjLS4wNDcuMzQtLjA0Ny42ODUtLjAwMyAxLjAyNCIvPjwvc3ZnPg==';
+
+const inputTelSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0iTTEyLjUgMTMuOTMzYzAgLjg2Ni0uNzAyIDEuNTY3LTEuNTY3IDEuNTY3SDUuMDY4YTEuNTY3IDEuNTY3IDAgMCAxLTEuNTY3LTEuNTY3VjIuMDYyQzMuNTAxIDEuMTk5IDQuMi41IDUuMDYzLjVoNS44NzZjLjg2MyAwIDEuNTYyLjY5OSAxLjU2MiAxLjU2MnoiLz48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik04LjUgMi41aC0yWm0wIDExaC0xWiIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTYiIGQ9Ik04LjUgMi41aC0ybTIgMTFoLTEiLz48L3N2Zz4=';
+
+const inputTimeSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0iTTMuOTU1IDQuNzQzIDIuODQgMy42MjdtMTAuMzMtLjAyNS0xLjYxMS0xLjYwOGEyLjI5IDIuMjkgMCAwIDEgMy45NCAxLjU4MiAyLjMgMi4zIDAgMCAxLS42NyAxLjYxN2wtLjAzMy4wMzMtMS42MzQtMS42LTEuMjQ4IDEuMjA1bS03LjI5NiA4LjM2Mi0xLjM3NCAxLjc2OU04LjI2MiAxLjJsLS4yMTcgMS42MDdNOC4yNjIgMS4ybDEuMDM3LjE4M004LjI2MiAxLjJsLS45MTgtLjE2MW00LjU0MiA2LjMyMUw4LjUgOC43ODF2Mi43MThtMy40MTQtNi42NjhhNS40MyA1LjQzIDAgMCAwLTMuODA2LTEuNTQ4QTUuNDQ1IDUuNDQ1IDAgMCAwIDIuNjYgOC43MjZhNS40NDYgNS40NDYgMCAwIDAgNS40NDggNS40NDQgNS40NDYgNS40NDYgMCAwIDAgNS40NDgtNS40NDRjLS4wMzctMS44MjUtLjM1Ny0yLjY1LTEuNjQyLTMuODk1Wm0tLjMyIDguMzYyIDEuMzc0IDEuNzY5TTQuNDM3IDEuOTk0bC0uMDMyLS4wMzRBMi4yOSAyLjI5IDAgMCAwIC41IDMuNTc2YTIuMjggMi4yOCAwIDAgMCAuNjcgMS42MTdsLjAzNC4wMzMgMS42MDktMS42MDl6Ii8+PC9zdmc+';
+
+const inputUrlSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0iTTcuOTUuNXYxNC45ODdtMC0xNC45ODhTMy42NCA0LjUyNSAzLjY0IDguOTZjMCAzLjI5NCA0LjMwOCA2LjUyOCA0LjMwOCA2LjUyOE03Ljk0OC41czQuMzM4IDQuMDI3IDQuMzM4IDguNDZjMCAzLjI5NS00LjMzOCA2LjUyOC00LjMzOCA2LjUyOG0wIDBhNy41IDcuNSAwIDAgMS01LjExNy0yLjA3NUMxLjQ1MiAxMi4wOTQuNjAyIDEwLjIwNS41IDguM203LjQ1IDcuMTg3YTcuNDk0IDcuNDk0IDAgMCAwIDcuNTM0LTYuOTc1TS41IDguM0MuNSA1IDIuMDggMy4wMjcgMy42MyAxLjkxMmE3LjQ5NCA3LjQ5NCAwIDAgMSAxMS44NTQgNi42TS41IDguM2M3Ljg5MyAyLjU0MiAxNC4zNTcuNDMgMTQuOTg0LjIxMiIvPjwvc3ZnPg==';
+
+const inputWeekSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0iTTE1LjUgNi41SC41bTYtNGg1bS01IDB2LS43OEM2LjUgMS4yMjQgNi4yNzguNSA1LjQ2My41aC4wMjFjLS43NTUgMC0uOTgzLjcyNC0uOTgzIDEuMjJ2MS4zMjRjMCAuNzg2LjA3NCAxLjQ1NiAxLjA2NiAxLjQ1NmgtLjA2Nm0uOTk5LTJoLTRsLS4yNDcuMDAyQTEuNzY0IDEuNzY0IDAgMCAwIC41IDQuMjY3djkuNDY5YzAgLjk3NS43OSAxLjc2NSAxLjc2NSAxLjc2NWgxMS40NzFjLjk3NSAwIDEuNzY1LS43OSAxLjc2NS0xLjc2NVY0LjI2M2MwLS45NzMtLjc4OS0xLjc2My0xLjc2My0xLjc2M2gtMS4yMzdtLjk5OSAwaC0ybTAgMHYtLjc4YzAtLjQ5Ni0uMjIyLTEuMjItMS4wMzctMS4yMmguMDIxYy0uNzU1IDAtLjk4My43MjQtLjk4MyAxLjIydjEuMzI0YzAgLjc4Ni4wNzQgMS40NTYgMS4wNjYgMS40NTZoLS4wNjYiLz48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0zIDEyYTEgMSAwIDEgMCAwLTIgMSAxIDAgMCAwIDAgMlptMyAwYTEgMSAwIDEgMCAwLTIgMSAxIDAgMCAwIDAgMlptMyAwYTEgMSAwIDEgMCAwLTIgMSAxIDAgMCAwIDAgMlptMyAwYTEgMSAwIDEgMCAwLTIgMSAxIDAgMCAwIDAgMloiLz48L3N2Zz4=';
+
+const navigationSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0iTTQuNDQzLjVDNS44OTMgMS45NSAxMS41NTYgOCAxMS41NTYgOHMtNS42NjMgNi4wNS03LjExMyA3LjUiLz48L3N2Zz4=';
+
+const nextSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0iTTQuNDQzLjVDNS44OTMgMS45NSAxMS41NTYgOCAxMS41NTYgOHMtNS42NjMgNi4wNS03LjExMyA3LjUiLz48L3N2Zz4=';
+
+const statusErrorSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0iTTEwLjgyNyAxMC44NDYgNS4xNyA1LjE4OW01LjY2NS0uMDI3LTUuNjU3IDUuNjU3TTggLjVhNy41IDcuNSAwIDEgMCAwIDE1IDcuNSA3LjUgMCAwIDAgMC0xNVoiLz48L3N2Zz4=';
+
+const statusErrorSolidSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNOCAwYTggOCAwIDEgMCAwIDE2QTggOCAwIDAgMCA4IDBabTMuMTgxIDEwLjQ5MmEuNS41IDAgMSAxLS43MDguNzA3TDcuOTg5IDguNzE1bC0yLjQ1NyAyLjQ1OGEuNS41IDAgMSAxLS43MDgtLjcwN2wyLjQ1Ny0yLjQ1OC0yLjQ2NS0yLjQ2NWEuNS41IDAgMCAxIC43MDctLjcwN2wyLjQ2NSAyLjQ2NSAyLjQ5Mi0yLjQ5M2EuNS41IDAgMCAxIC43MDcuNzA3TDguNjk1IDguMDA3bDIuNDg0IDIuNDg0eiIvPjwvc3ZnPg==';
+
+const statusInfoSolidSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNOCAwQzMuNTg5IDAgMCAzLjU4OSAwIDhzMy41ODkgOCA4IDggOC0zLjU4OSA4LTgtMy41ODktOC04LThabS45MjMgMTIuMDY0cTAgLjQ0LS4yMjEuNjg5LS4yMi4yNDgtLjY0OC4yNDgtLjQxNCAwLS42MzQtLjI0OC0uMjItLjI1LS4yMjEtLjY4OVY3LjAwM3EwLS40NTYuMjIxLS42OTYuMjItLjI0Mi42MzQtLjI0MmMuNDE0IDAgLjQ5LjA4MS42NDEuMjQycS4yMjguMjQyLjIyOC42OTZ6bS0uMTEtNy41MjJxLS4yNjIuMjQtLjc1OC4yNDEtLjQ4MyAwLS43NTEtLjI0MS0uMjctLjI0Mi0uMjY5LS42NjggMC0uNDQxLjI2OS0uNjc2Yy4yNjktLjIzNS40My0uMjM0Ljc1MS0uMjM0cS40OTUgMCAuNzU4LjIzNGMuMjYyLjIzNC4yNjMuMzgyLjI2My42NzZxMCAuNDI4LS4yNjMuNjY4WiIvPjwvc3ZnPg==';
+
+const statusSuccessSolidSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNOCAwYTggOCAwIDEgMCAwIDE2QTggOCAwIDAgMCA4IDBabTMuMzQxIDUuMS00LjIwOCA2LjM5OWEuNS41IDAgMCAxLS44ODItLjA4OWMtLjMxMi0uNzc4LS45NTMtMS45NzktMS40MDMtMi4yMTNhLjUuNSAwIDEgMSAuNDU5LS44ODhjLjYwMi4zMTEgMS4xNDEgMS4xOTMgMS40ODkgMS44ODNsMy43MDktNS42NDJhLjUuNSAwIDEgMSAuODM2LjU1WiIvPjwvc3ZnPg==';
+
+const statusWarningSolidSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNOCAwYTggOCAwIDEgMCAwIDE2QTggOCAwIDAgMCA4IDBabS0uNzI0IDMuMTQycS4yNzMtLjMyMy44MDMtLjMyMy41MTUgMCAuNzgyLjMyMy4yNjQuMzIzLjIyMi44NTNsLS40MyA1LjQ3OXEtLjAxNC4zMTUtLjE2NS40ODdhLjUyLjUyIDAgMCAxLS40MDkuMTcyLjUzLjUzIDAgMCAxLS40MjMtLjE3MnEtLjE1LS4xNzItLjE3OS0uNDg3bC0uNDMtNS40NzlxLS4wNDUtLjUzLjIyOS0uODUzWm0xLjU4NSA5LjY3MnEtLjI4LjMtLjc4Mi4zMDEtLjQ4NyAwLS43ODEtLjMwMS0uMjk0LS4zMDItLjI5NC0uNzc0IDAtLjQ1OS4yOTQtLjc1My4yOTQtLjI5My43ODEtLjI5NC41MDEgMCAuNzgyLjI5NC4yOC4yOTQuMjguNzUzIDAgLjQ3My0uMjguNzc0WiIvPjwvc3ZnPg==';
+
+const toggleOffSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0iTTggMy41YTQuNSA0LjUgMCAxIDEgMCA5IDQuNSA0LjUgMCAwIDEgMC05WiIvPjwvc3ZnPg==';
+
+const toggleOnSvg = 'data:image/svg+xml;base64,PCEtLSBTUERYLUZpbGVDb3B5cmlnaHRUZXh0OiDCqSAyMDI1IFNjaG5laWRlciBFbGVjdHJpYyBTUERYLUxpY2Vuc2UtSWRlbnRpZmllcjogQXBhY2hlLTIuMCAtLT4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1taXRlcmxpbWl0PSIxNiIgZD0iTTggMy41djkiLz48L3N2Zz4=';
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+const icons = {
+    /* eslint-disable @typescript-eslint/naming-convention */
+    clear: clearSvg,
+    checked: checkedSvg,
+    'checked-radio': checkedRadioSvg,
+    draggable: draggableSvg,
+    dropdown: dropdownSvg,
+    'external-link': externalLinkSvg,
+    'external-new-tab-link': externalLinkSvg,
+    indeterminate: indeterminateSvg,
+    'input-month': inputMonthSvg,
+    'input-tel': inputTelSvg,
+    'input-week': inputWeekSvg,
+    'input-url': inputUrlSvg,
+    'input-time': inputTimeSvg,
+    'input-date': inputDateSvg,
+    'input-datetime-local': inputDatetimeLocalSvg,
+    'input-email': inputEmailSvg,
+    'input-search': inputSearchSvg,
+    'input-password-hide': inputPasswordHideSvg,
+    'input-password-show': inputPasswordShowSvg,
+    navigation: navigationSvg,
+    next: nextSvg,
+    close: statusErrorSvg,
+    'status-success-solid': statusSuccessSolidSvg,
+    'status-error-solid': statusErrorSolidSvg,
+    'status-warning-solid': statusWarningSolidSvg,
+    'status-info-solid': statusInfoSolidSvg,
+    'toggle-off': toggleOffSvg,
+    'toggle-on': toggleOnSvg,
+    /* eslint-enable @typescript-eslint/naming-convention */
+};
+const coreLibrary = {
+    name: 'core',
+    resolver: (name) => icons[name] ?? '',
+};
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+const library = {
+    name: 'default',
+    resolver: (name) => getAssetPath(`/icons/${name}.svg`),
+};
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+let registry = [library, coreLibrary];
+/**
+ * Returns a library from the registry.
+ */
+const getIconLibrary = (name) => registry.find((library) => library.name === name);
+/**
+ * Removes an icon library from the registry.
+ */
+const unregisterIconLibrary = (name) => {
+    registry = registry.filter((library) => library.name !== name);
+};
+/**
+ * Adds an icon library to the registry or overrides an existing one.
+ */
+const registerIconLibrary = (name, options) => {
+    unregisterIconLibrary(name);
+    registry.push({
+        name,
+        ...options,
+    });
+};
+
+// SPDX-FileCopyrightText: © 2024 Schneider Electric
+//
+// SPDX-License-Identifier: Apache-2.0
+const cachedIconRequests = new Map();
+const requestIcon = (url) => {
+    const cachedIconRequest = cachedIconRequests.get(url);
+    if (cachedIconRequest)
+        return Promise.resolve(cachedIconRequest);
+    const iconPromise = fetch(url, { mode: 'cors' }).then(async (response) => {
+        const iconResponse = {
+            ok: response.ok,
+            status: response.status,
+            data: await response.text(),
+        };
+        if (response.ok) {
+            const div = document.createElement('div');
+            div.innerHTML = iconResponse.data;
+            const child = div.firstElementChild;
+            iconResponse.data =
+                child?.tagName.toLowerCase() === 'svg' ? child.outerHTML : '';
+        }
+        cachedIconRequests.set(url, iconResponse);
+        return iconResponse;
+    });
+    cachedIconRequests.set(url, iconPromise);
+    return iconPromise;
+};
+
+const iconCss = ":host([hidden]){display:none!important}:host{display:inline-block;height:1em;width:1em}.qds-container{position:relative}.qds-icon-wrapper{display:contents}svg{display:block;fill:currentcolor;height:100%;width:100%}.qds-click-target{height:var(--qds-experimental-icon-click-target-size);left:calc((var(--qds-experimental-icon-click-target-size) - 100%)*-1/2);position:absolute;top:calc((var(--qds-experimental-icon-click-target-size) - 100%)*-1/2);width:var(--qds-experimental-icon-click-target-size)}";
+
+// 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 _Icon_inheritedAttributes;
+let parser;
+const Icon = /*@__PURE__*/ proxyCustomElement(class Icon extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.loadEmitter = createEvent(this, "qdsLoad", 6);
+        this.errorEmitter = createEvent(this, "qdsError", 6);
+        /**
+         * The name of a registered icon library.
+         */
+        this.library = 'default';
+        this.svg = '';
+        _Icon_inheritedAttributes.set(this, {});
+    }
+    async setIcon() {
+        if (!this.name)
+            return;
+        const library = getIconLibrary(this.library);
+        if (!library)
+            return;
+        const url = library.resolver(this.name);
+        if (!url) {
+            this.svg = '';
+            return;
+        }
+        try {
+            const request = await requestIcon(url);
+            if (!request.ok) {
+                this.svg = '';
+                this.errorEmitter.emit();
+                return;
+            }
+            // Create an instance of the DOM parser. We do it here instead of at the
+            // top-level to support SSR while maintaining a single parser instance
+            // for optimal performance.
+            parser || (parser = new DOMParser());
+            const document = parser.parseFromString(request.data, 'text/html');
+            const svgElement = document.body.querySelector('svg');
+            if (svgElement === null) {
+                this.svg = '';
+                this.errorEmitter.emit();
+            }
+            else {
+                for (const [key, value] of Object.entries(__classPrivateFieldGet(this, _Icon_inheritedAttributes, "f")))
+                    if (value !== undefined)
+                        svgElement.setAttribute(key, value);
+                this.svg = svgElement.outerHTML;
+                this.loadEmitter.emit();
+            }
+        }
+        catch {
+            this.errorEmitter.emit();
+        }
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _Icon_inheritedAttributes, inheritAriaAttributes(this.host), "f");
+        await this.setIcon();
+    }
+    render() {
+        return (h("div", { key: 'fec63ded24fe49475d789744e32175930bfaaf45', class: "qds-container" }, h("span", { key: 'f70431d887b27792ecc3184004286ed0583689e5', class: "qds-icon-wrapper", innerHTML: this.svg }), h("div", { key: '2f6d366099a1a644da8d27e95be8ea2ff4af8e64', class: "qds-click-target" })));
+    }
+    get host() { return this; }
+    static get watchers() { return {
+        "name": ["setIcon"],
+        "library": ["setIcon"]
+    }; }
+    static get style() { return iconCss; }
+}, [257, "qds-icon", {
+        "name": [1],
+        "library": [1],
+        "svg": [32]
+    }, undefined, {
+        "name": ["setIcon"],
+        "library": ["setIcon"]
+    }]);
+_Icon_inheritedAttributes = new WeakMap();
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["qds-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "qds-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Icon);
+            }
+            break;
+    } });
+}
+
+export { Icon as I, defineCustomElement as d, registerIconLibrary as r, unregisterIconLibrary as u };
+//# sourceMappingURL=p-BkgfW_tl.js.map
+
+//# sourceMappingURL=p-BkgfW_tl.js.map