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

package/dist/cjs/qds-textarea.cjs.entry.js

@@ -1,169 +1,316 @@
 /*!
- * SPDX-FileCopyrightText: © 2023 Schneider Electric
+ * SPDX-FileCopyrightText: © 2026 Schneider Electric
  * 
- * SPDX-License-Identifier: LGPL-2.1-only
+ * SPDX-License-Identifier: Apache-2.0
  */
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-DIY7gpXM.js');
+var helpers = require('./helpers-BIL8yXqA.js');
+var controls = require('./controls-DKGeNyr5.js');
 
-const index = require('./index-d181f952.js');
-const helpers = require('./helpers-452256e8.js');
+const textareaCss = ":host([hidden]){display:none!important}:host{display:inline-block;resize:both}slot{display:none}.qds-textarea{background-color:var(--qds-theme-form-input-background-active);border:var(--qds-form-input-border-width-default) solid var(--qds-theme-form-input-border-default);border-radius:var(--qds-form-input-border-radius);box-sizing:border-box;color:var(--qds-theme-control-text-standard);height:100%;padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%}.qds-textarea:hover{background-color:var(--qds-theme-form-input-background-hover);border-color:var(--qds-theme-form-input-border-hover)}.qds-textarea:disabled{background-color:var(--qds-theme-form-input-background-default);opacity:var(--qds-theme-disabled);pointer-events:none}.qds-textarea:read-only{background-color:var(--qds-theme-form-input-background-default);border-color:var(--qds-theme-form-input-border-disabled)}.qds-textarea: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-textarea:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-textarea:not(:focus):user-invalid{border-color:var(--qds-theme-form-input-border-error)}.qds-textarea[data-status=success]{border-color:var(--qds-theme-form-input-border-success)}.qds-textarea[data-status=warning]{border-color:var(--qds-theme-form-input-border-warning)}.qds-textarea[data-status=error]{border-color:var(--qds-theme-form-input-border-error)}[data-size=small]{font:var(--qds-control-small-text);padding-block:var(--qds-control-small-padding-auto-height)}[data-size=standard]{font:var(--qds-control-standard-text);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size=large]{font:var(--qds-control-large-text);padding-block:var(--qds-control-large-padding-auto-height)}";
 
-const textareaCss = ".sc-qds-textarea-h{box-sizing:border-box}[hidden].sc-qds-textarea-h{display:none !important}.sc-qds-textarea-h *.sc-qds-textarea,.sc-qds-textarea-h *.sc-qds-textarea::before,.sc-qds-textarea-h *.sc-qds-textarea::after{box-sizing:inherit}.sc-qds-textarea-h{display:inline-block;resize:both}.textarea.sc-qds-textarea{background-color:var(--qds-theme-control-input-background);border:var(--qds-control-border-width) solid var(--qds-theme-control-border);border-radius:var(--qds-control-border-radius);color:var(--qds-theme-control-text-standard);padding-inline:var(--qds-control-input-padding-horizontal);resize:inherit;width:100%;height:100%}.textarea[aria-invalid='true'].sc-qds-textarea:not(:focus){border-color:var(--qds-theme-feedback-result-failure)}.textarea.sc-qds-textarea:disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.textarea.sc-qds-textarea:focus-visible{outline:var(--qds-theme-focus-border) solid var(--qds-focus-border-width);outline-offset:var(--qds-focus-border-offset)}.textarea.sc-qds-textarea:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}[data-size='small'].sc-qds-textarea{font:var(--qds-control-small-text);padding-block:var(--qds-control-small-padding-auto-height)}[data-size='standard'].sc-qds-textarea{font:var(--qds-control-standard-text);padding-block:var(--qds-control-standard-padding-auto-height)}[data-size='large'].sc-qds-textarea{font:var(--qds-control-large-text);padding-block:var(--qds-control-large-padding-auto-height)}";
-
-let autoIncrementingId = 1;
+// 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 _TextArea_instances, _TextArea_inheritedAttributes, _TextArea_textarea, _TextArea_computedDisabled_get, _TextArea_computedValue_get, _TextArea_computedStatus_get, _TextArea_getSelectionDirection, _TextArea_getSelectionStart, _TextArea_getSelectionEnd, _TextArea_ref, _TextArea_onBlur, _TextArea_onChange, _TextArea_onFocus, _TextArea_onInput, _TextArea_onSlotchange, _TextArea_defineGetter;
 const TextArea = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.blurEmitter = index.createEvent(this, "qdsBlur", 2);
-    this.changeEmitter = index.createEvent(this, "qdsChange", 6);
-    this.focusEmitter = index.createEvent(this, "qdsFocus", 2);
-    this.inputEmitter = index.createEvent(this, "qdsInput", 6);
-    this.inheritedAttributes = {};
-    this.ref = (textarea) => {
-      this.textarea = textarea;
-    };
-    this.onBlur = (event) => {
-      this.blurEmitter.emit(helpers.pickFocusEventAttributes(event));
-    };
-    this.onChange = () => {
-      helpers.invariant(this.textarea);
-      this.value = this.textarea.value;
-      this.changeEmitter.emit();
-    };
-    this.onClick = (event) => {
-      if (this.computedDisabled) {
-        event.preventDefault();
-        event.stopPropagation();
-      }
-    };
-    this.onFocus = (event) => {
-      this.focusEmitter.emit(helpers.pickFocusEventAttributes(event));
-    };
-    this.onInput = (event) => {
-      helpers.invariant(this.textarea);
-      this.value = this.textarea.value;
-      this.inputEmitter.emit(helpers.pickInputEventAttributes(event));
-    };
-    this.onInvalid = () => {
-      this.invalid = true;
-    };
-    this.invalid = undefined;
-    this.size = 'standard';
-    this.autoCapitalize = undefined;
-    this.autoComplete = undefined;
-    this.autoFocus = undefined;
-    this.cols = undefined;
-    this.disabled = undefined;
-    this.enterkeyhint = undefined;
-    this.form = undefined;
-    this.inputmode = undefined;
-    this.maxLength = undefined;
-    this.minLength = undefined;
-    this.name = `qds-textarea-${autoIncrementingId}`;
-    this.placeholder = undefined;
-    this.readOnly = undefined;
-    this.required = undefined;
-    this.rows = undefined;
-    this.spellCheck = undefined;
-    this.value = undefined;
-    this.wrap = undefined;
-  }
-  get computedDisabled() {
-    return this.disabled ?? false;
-  }
-  /**
-   * Returns true if the element's value passes validity checks; otherwise,
-   * returns false, fires an invalid event at the element, and (if the event
-   * isn't canceled) reports the problem to the user.
-   */
-  async reportValidity() {
-    helpers.invariant(this.textarea);
-    return this.textarea.reportValidity();
-  }
-  /**
-   * Selects the entire content of the `<qds-textarea>` element if the
-   * element's content is selectable.
-   */
-  async select() {
-    helpers.invariant(this.textarea);
-    this.textarea.select();
-  }
-  /**
-   * Sets a custom validity message for the textarea. If this message is not
-   * the empty string, then the element is considered invalid.
-   */
-  async setCustomValidity(message) {
-    helpers.invariant(this.textarea);
-    this.textarea.setCustomValidity(message);
-    this.invalid = !this.textarea.checkValidity();
-  }
-  /**
-   * Sets the contents of the specified range of characters in the textarea
-   * element to a given string.
-   *
-   * @param replacement The string to insert.
-   * @param start The 0-based index of the first character to replace. Defaults to the current selectionStart value (the start of the user's current selection).
-   * @param end The 0-based index of the character _after_ the last character to replace. Defaults to the current selectionEnd value (the end of the user's current selection).
-   * @param selectionMode A string defining how the selection should be set after the text has been replaced. Possible values:
-   *
-   * - `"select"` selects the newly inserted text.
-   * - `"start"` moves the selection to just before the inserted text.
-   * - `"end"` moves the selection to just after the inserted text.
-   * - `"preserve"` attempts to preserve the selection.
-   */
-  async setRangeText(replacement, start, end, selectionMode = 'preserve') {
-    helpers.invariant(this.textarea);
-    this.textarea.setRangeText(replacement, start, end, selectionMode);
-    if (this.value !== this.textarea.value) {
-      this.value = this.textarea.value;
-      this.inputEmitter.emit();
-      this.changeEmitter.emit();
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.blurEmitter = index.createEvent(this, "qdsBlur", 2);
+        this.changeEmitter = index.createEvent(this, "qdsChange", 6);
+        this.focusEmitter = index.createEvent(this, "qdsFocus", 2);
+        this.inputEmitter = index.createEvent(this, "qdsInput", 6);
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+        _TextArea_instances.add(this);
+        /**
+         * The textarea's size.
+         *
+         * > **_NOTE:_** The native [`size` HTML attribute][] is not supported. CSS
+         * `width` should be used instead if this functionality is needed.
+         *
+         * [`size` HTML attribute]: https://developer.mozilla.org/docs/Web/HTML/Attributes/size
+         */
+        this.size = 'standard';
+        /**
+         * The [`<form>`][] element to associate the input 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-textarea>` is associated
+         * with its ancestor `<form>` element, if any.
+         *
+         * This attribute lets you associate `<qds-textarea>` 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;
+        /**
+         * Returns a list of the [`<label>`][] elements associated with the
+         * `qds-textarea` element.
+         *
+         * [`<label>`]: https://developer.mozilla.org/docs/Web/HTML/Element/label
+         *
+         * @readonly
+         * @webnative
+         */
+        this.labels = {};
+        /**
+         * Get or set the selection direction of a text selection.
+         *
+         * > **_NOTE:_** This property has no effect when used as an attribute.
+         *
+         * @webnative
+         */
+        this.selectionDirection = null;
+        /**
+         * Get or set the ending position or offset of a text selection.
+         *
+         * > **_NOTE:_** This property has no effect when used as an attribute.
+         *
+         * @webnative
+         */
+        this.selectionEnd = null;
+        /**
+         * Get or set the starting position or offset of a text selection.
+         *
+         * > **_NOTE:_** This property has no effect when used as an attribute.
+         *
+         * @webnative
+         */
+        this.selectionStart = null;
+        /**
+         * The error message that would be shown to the user if the `<qds-select>`
+         * was to be checked for validity.
+         *
+         * @readonly
+         * @webnative
+         */
+        this.validationMessage = '';
+        /**
+         * The [`ValidityState`][] object for this `<qds-select>`.
+         *
+         * [`ValidityState`]: https://developer.mozilla.org/docs/Web/API/ValidityState
+         *
+         * @readonly
+         * @webnative
+         */
+        this.validity = controls.VALID_STATE;
+        /**
+         * True if `<qds-textarea>` will be validated when the form is submitted;
+         * false otherwise.
+         *
+         * @readonly
+         * @webnative
+         */
+        this.willValidate = false;
+        _TextArea_inheritedAttributes.set(this, {});
+        _TextArea_textarea.set(this, void 0);
+        this.checkValidity = () => this.internals.checkValidity();
+        this.reportValidity = () => this.internals.reportValidity();
+        this.setCustomValidity = (error) => {
+            helpers.invariant(__classPrivateFieldGet(this, _TextArea_textarea, "f"));
+            __classPrivateFieldGet(this, _TextArea_textarea, "f").setCustomValidity(error);
+            if (error)
+                this.internals.setValidity(controls.CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet(this, _TextArea_textarea, "f"));
+            else
+                this.internals.setValidity(controls.NO_ERROR_FLAGS);
+        };
+        this.select = () => {
+            helpers.invariant(__classPrivateFieldGet(this, _TextArea_textarea, "f"));
+            __classPrivateFieldGet(this, _TextArea_textarea, "f").select();
+        };
+        this.setRangeText = (replacement, start, end, selectionMode) => {
+            helpers.invariant(__classPrivateFieldGet(this, _TextArea_textarea, "f"));
+            __classPrivateFieldGet(this, _TextArea_textarea, "f").setRangeText(replacement, start, end, selectionMode);
+            if (this.value !== __classPrivateFieldGet(this, _TextArea_textarea, "f").value) {
+                this.value = __classPrivateFieldGet(this, _TextArea_textarea, "f").value;
+                this.inputEmitter.emit();
+                this.changeEmitter.emit();
+            }
+        };
+        this.setSelectionRange = (start, end, direction) => {
+            helpers.invariant(__classPrivateFieldGet(this, _TextArea_textarea, "f"));
+            __classPrivateFieldGet(this, _TextArea_textarea, "f").setSelectionRange(start, end, direction);
+        };
+        _TextArea_getSelectionDirection.set(this, () => {
+            helpers.invariant(__classPrivateFieldGet(this, _TextArea_textarea, "f"));
+            return __classPrivateFieldGet(this, _TextArea_textarea, "f").selectionDirection;
+        });
+        _TextArea_getSelectionStart.set(this, () => {
+            helpers.invariant(__classPrivateFieldGet(this, _TextArea_textarea, "f"));
+            return __classPrivateFieldGet(this, _TextArea_textarea, "f").selectionStart;
+        });
+        _TextArea_getSelectionEnd.set(this, () => {
+            helpers.invariant(__classPrivateFieldGet(this, _TextArea_textarea, "f"));
+            return __classPrivateFieldGet(this, _TextArea_textarea, "f").selectionEnd;
+        });
+        _TextArea_ref.set(this, (textarea) => {
+            __classPrivateFieldSet(this, _TextArea_textarea, textarea, "f");
+        });
+        _TextArea_onBlur.set(this, (event) => {
+            this.blurEmitter.emit(helpers.pickFocusEventAttributes(event));
+        });
+        _TextArea_onChange.set(this, () => {
+            this.changeEmitter.emit();
+        });
+        _TextArea_onFocus.set(this, (event) => {
+            this.focusEmitter.emit(helpers.pickFocusEventAttributes(event));
+        });
+        _TextArea_onInput.set(this, (event) => {
+            helpers.invariant(__classPrivateFieldGet(this, _TextArea_textarea, "f"));
+            this.value = __classPrivateFieldGet(this, _TextArea_textarea, "f").value;
+            this.inputEmitter.emit(helpers.pickInputEventAttributes(event));
+        });
+        _TextArea_onSlotchange.set(this, () => {
+            helpers.invariant(__classPrivateFieldGet(this, _TextArea_textarea, "f"));
+            __classPrivateFieldGet(this, _TextArea_textarea, "f").innerHTML = this.host.innerHTML;
+        });
+    }
+    onClick(event) {
+        if (__classPrivateFieldGet(this, _TextArea_instances, "a", _TextArea_computedDisabled_get))
+            event.stopImmediatePropagation();
+    }
+    disabledChanged() {
+        if (__classPrivateFieldGet(this, _TextArea_instances, "a", _TextArea_computedDisabled_get))
+            // eslint-disable-next-line unicorn/no-null
+            this.internals.setFormValue(null);
+        else
+            this.internals.setFormValue(__classPrivateFieldGet(this, _TextArea_instances, "a", _TextArea_computedValue_get));
+    }
+    selectionDirectionChanged() {
+        helpers.invariant(__classPrivateFieldGet(this, _TextArea_textarea, "f"));
+        // @ts-expect-error: `null` is a valid value according to the HTML spec.
+        __classPrivateFieldGet(this, _TextArea_textarea, "f").selectionDirection = this.selectionDirection;
+    }
+    selectionEndChanged() {
+        helpers.invariant(__classPrivateFieldGet(this, _TextArea_textarea, "f"));
+        // @ts-expect-error: `null` is a valid value according to the HTML spec.
+        __classPrivateFieldGet(this, _TextArea_textarea, "f").selectionEnd = this.selectionEnd;
+    }
+    selectionStartChanged() {
+        helpers.invariant(__classPrivateFieldGet(this, _TextArea_textarea, "f"));
+        // @ts-expect-error: `null` is a valid value according to the HTML spec.
+        __classPrivateFieldGet(this, _TextArea_textarea, "f").selectionStart = this.selectionStart;
+    }
+    tabindexChanged(newValue) {
+        const parsedValue = Number.parseInt(newValue, 10);
+        this.tabIndex =
+            parsedValue === 0 || Number.isNaN(parsedValue) ? undefined : parsedValue;
     }
-  }
-  /**
-   * Selects the specified range of characters within the textarea.
-   *
-   * @param start The offset into the input for the start of the selection.
-   * @param end The offset into the input for the end of the selection.
-   * @param direction The direction in which the selection is performed.
-   */
-  async setSelectionRange(start, end, direction) {
-    helpers.invariant(this.textarea);
-    this.textarea.setSelectionRange(start, end, direction);
-  }
-  disabledChanged() {
-    helpers.invariant(this.textarea);
-    // Disabled inputs are always valid, so we need to recheck validity when
-    // the state changes.
-    this.textarea.disabled = this.computedDisabled;
-    this.invalid = !this.textarea.checkValidity();
-  }
-  valueChanged() {
-    helpers.invariant(this.textarea);
-    this.invalid = !this.textarea.checkValidity();
-  }
-  componentWillLoad() {
-    autoIncrementingId += 1;
-    this.inheritedAttributes = {
-      ...helpers.inheritAriaAttributes(this.element),
-      ...helpers.inheritAttributes(this.element, ['tabindex']),
-    };
-  }
-  render() {
-    return (index.h("textarea", { "aria-invalid": this.invalid ?? false ? 'true' : 'false', autoCapitalize: this.autoCapitalize, autoComplete: this.autoComplete,
-      // eslint-disable-next-line jsx-a11y/no-autofocus
-      autoFocus: this.autoFocus, class: "textarea", cols: this.cols, "data-size": this.size, disabled: this.disabled, enterKeyHint: this.enterkeyhint, form: this.form, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.onBlur, onChange: this.onChange, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, onInvalid: this.onInvalid, placeholder: this.placeholder, readOnly: this.readOnly, ref: this.ref, required: this.required, rows: this.rows, spellcheck: this.spellCheck, value: this.value ?? undefined, wrap: this.wrap, ...this.inheritedAttributes }));
-  }
-  get element() { return index.getElement(this); }
-  static get watchers() { return {
-    "disabled": ["disabledChanged"],
-    "value": ["valueChanged"]
-  }; }
+    validationChanged() {
+        helpers.invariant(__classPrivateFieldGet(this, _TextArea_textarea, "f"));
+        if (this.maxLength !== undefined)
+            __classPrivateFieldGet(this, _TextArea_textarea, "f").maxLength = this.maxLength;
+        if (this.minLength !== undefined)
+            __classPrivateFieldGet(this, _TextArea_textarea, "f").minLength = this.minLength;
+        __classPrivateFieldGet(this, _TextArea_textarea, "f").required = this.required ?? false;
+        // eslint-disable-next-line unicorn/no-null
+        if (this.value != null)
+            __classPrivateFieldGet(this, _TextArea_textarea, "f").value = this.value.toString();
+        const { valid } = __classPrivateFieldGet(this, _TextArea_textarea, "f").validity;
+        if (valid)
+            this.internals.setValidity(controls.NO_ERROR_FLAGS, undefined, __classPrivateFieldGet(this, _TextArea_textarea, "f"));
+        else
+            this.internals.setValidity(__classPrivateFieldGet(this, _TextArea_textarea, "f").validity, __classPrivateFieldGet(this, _TextArea_textarea, "f").validationMessage, __classPrivateFieldGet(this, _TextArea_textarea, "f"));
+    }
+    valueChanged() {
+        if (!__classPrivateFieldGet(this, _TextArea_instances, "a", _TextArea_computedDisabled_get))
+            this.internals.setFormValue(__classPrivateFieldGet(this, _TextArea_instances, "a", _TextArea_computedValue_get));
+    }
+    statusChanged() {
+        this.internals.ariaInvalid = (__classPrivateFieldGet(this, _TextArea_instances, "a", _TextArea_computedStatus_get) === 'error').toString();
+    }
+    componentWillLoad() {
+        __classPrivateFieldGet(this, _TextArea_instances, "m", _TextArea_defineGetter).call(this, 'form', () => this.internals.form);
+        __classPrivateFieldGet(this, _TextArea_instances, "m", _TextArea_defineGetter).call(this, 'willValidate', () => this.internals.willValidate);
+        __classPrivateFieldGet(this, _TextArea_instances, "m", _TextArea_defineGetter).call(this, 'validity', () => this.internals.validity);
+        __classPrivateFieldGet(this, _TextArea_instances, "m", _TextArea_defineGetter).call(this, 'validationMessage', () => this.internals.validationMessage);
+        __classPrivateFieldGet(this, _TextArea_instances, "m", _TextArea_defineGetter).call(this, 'labels', () => this.internals.labels);
+        __classPrivateFieldGet(this, _TextArea_instances, "m", _TextArea_defineGetter).call(this, 'selectionDirection', __classPrivateFieldGet(this, _TextArea_getSelectionDirection, "f"));
+        __classPrivateFieldGet(this, _TextArea_instances, "m", _TextArea_defineGetter).call(this, 'selectionStart', __classPrivateFieldGet(this, _TextArea_getSelectionStart, "f"));
+        __classPrivateFieldGet(this, _TextArea_instances, "m", _TextArea_defineGetter).call(this, 'selectionEnd', __classPrivateFieldGet(this, _TextArea_getSelectionEnd, "f"));
+        __classPrivateFieldSet(this, _TextArea_inheritedAttributes, helpers.inheritAriaAttributes(this.host), "f");
+        this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0');
+        this.statusChanged();
+    }
+    componentDidLoad() {
+        helpers.invariant(__classPrivateFieldGet(this, _TextArea_textarea, "f"));
+        this.validationChanged();
+        this.valueChanged();
+    }
+    render() {
+        return (index.h(index.Host, { key: 'd3fb4b50124d583054365845989dd4a267a7c878' }, index.h("textarea", { key: 'e92506a523021d0f3e7f280bf24e9a095443109e', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
+            // eslint-disable-next-line jsx-a11y/no-autofocus
+            autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', "data-status": __classPrivateFieldGet(this, _TextArea_instances, "a", _TextArea_computedStatus_get), disabled: this.disabled, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, maxLength: this.maxLength, minLength: this.minLength, onBlur: __classPrivateFieldGet(this, _TextArea_onBlur, "f"), onChange: __classPrivateFieldGet(this, _TextArea_onChange, "f"), onFocus: __classPrivateFieldGet(this, _TextArea_onFocus, "f"), onInput: __classPrivateFieldGet(this, _TextArea_onInput, "f"), placeholder: this.placeholder, ref: __classPrivateFieldGet(this, _TextArea_ref, "f"), readOnly: this.readonly, rows: this.rows, spellcheck: this.host.spellcheck, tabIndex: __classPrivateFieldGet(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet(this, _TextArea_inheritedAttributes, "f") }), index.h("slot", { key: '2a6775f2cd7e90c03dc93e8b3c72a05fb17fb61a', onSlotchange: __classPrivateFieldGet(this, _TextArea_onSlotchange, "f") })));
+    }
+    static get delegatesFocus() { return true; }
+    static get formAssociated() { return true; }
+    get host() { return index.getElement(this); }
+    static get watchers() { return {
+        "disabled": ["disabledChanged"],
+        "selectionDirection": ["selectionDirectionChanged"],
+        "selectionEnd": ["selectionEndChanged"],
+        "selectionStart": ["selectionStartChanged"],
+        "tabindex": ["tabindexChanged"],
+        "maxLength": ["validationChanged"],
+        "minLength": ["validationChanged"],
+        "required": ["validationChanged"],
+        "value": ["validationChanged", "valueChanged"],
+        "status": ["statusChanged"]
+    }; }
+};
+_TextArea_inheritedAttributes = new WeakMap(), _TextArea_textarea = new WeakMap(), _TextArea_getSelectionDirection = new WeakMap(), _TextArea_getSelectionStart = new WeakMap(), _TextArea_getSelectionEnd = new WeakMap(), _TextArea_ref = new WeakMap(), _TextArea_onBlur = new WeakMap(), _TextArea_onChange = new WeakMap(), _TextArea_onFocus = new WeakMap(), _TextArea_onInput = new WeakMap(), _TextArea_onSlotchange = new WeakMap(), _TextArea_instances = new WeakSet(), _TextArea_computedDisabled_get = function _TextArea_computedDisabled_get() {
+    return ((this.host.matches(':disabled') || (this.disabled ?? false)) &&
+        this.host.getAttribute('disabled') !== 'false');
+}, _TextArea_computedValue_get = function _TextArea_computedValue_get() {
+    if (typeof this.value === 'number')
+        return this.value.toString();
+    // eslint-disable-next-line unicorn/no-null
+    return this.value === undefined ? null : this.value;
+}, _TextArea_computedStatus_get = function _TextArea_computedStatus_get() {
+    switch (this.status) {
+        case 'error':
+        case 'success':
+        case 'warning': {
+            return this.status;
+        }
+        default: {
+            return undefined;
+        }
+    }
+}, _TextArea_defineGetter = function _TextArea_defineGetter(p, get) {
+    Object.defineProperty(this.host, p, { enumerable: true, get });
 };
 TextArea.style = textareaCss;
 
 exports.qds_textarea = TextArea;
-
-//# sourceMappingURL=qds-textarea.cjs.entry.js.map
+//# sourceMappingURL=qds-textarea.entry.cjs.js.map

package/dist/cjs/qds-textarea.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"qds-textarea.entry.cjs.js","sources":["src/components/textarea/textarea.css?tag=qds-textarea&encapsulation=shadow","src/components/textarea/textarea.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  resize: both;\n}\n\nslot {\n  display: none;\n}\n\n.qds-textarea {\n  background-color: var(--qds-theme-form-input-background-active);\n  border-radius: var(--qds-form-input-border-radius);\n  border: var(--qds-form-input-border-width-default) solid\n    var(--qds-theme-form-input-border-default);\n  box-sizing: border-box;\n  color: var(--qds-theme-control-text-standard);\n  height: 100%;\n  padding-inline: var(--qds-control-input-padding-horizontal);\n  resize: inherit;\n  width: 100%;\n\n  &:hover {\n    background-color: var(--qds-theme-form-input-background-hover);\n    border-color: var(--qds-theme-form-input-border-hover);\n  }\n\n  &:disabled {\n    background-color: var(--qds-theme-form-input-background-default);\n    opacity: var(--qds-theme-disabled);\n    pointer-events: none;\n  }\n\n  &:read-only {\n    background-color: var(--qds-theme-form-input-background-default);\n    border-color: var(--qds-theme-form-input-border-disabled);\n  }\n\n  &: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  &:placeholder-shown {\n    color: var(--qds-theme-control-text-placeholder);\n  }\n\n  &:not(:focus):user-invalid {\n    border-color: var(--qds-theme-form-input-border-error);\n  }\n\n  &[data-status='success'] {\n    border-color: var(--qds-theme-form-input-border-success);\n  }\n\n  &[data-status='warning'] {\n    border-color: var(--qds-theme-form-input-border-warning);\n  }\n\n  &[data-status='error'] {\n    border-color: var(--qds-theme-form-input-border-error);\n  }\n}\n\n[data-size='small'] {\n  font: var(--qds-control-small-text);\n  padding-block: var(--qds-control-small-padding-auto-height);\n}\n\n[data-size='standard'] {\n  font: var(--qds-control-standard-text);\n  padding-block: var(--qds-control-standard-padding-auto-height);\n}\n\n[data-size='large'] {\n  font: var(--qds-control-large-text);\n  padding-block: var(--qds-control-large-padding-auto-height);\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  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport type {\n  Attributes,\n  QdsFocusEventDetail,\n  QdsInputEventDetail,\n} from '../../helpers'\nimport {\n  inheritAriaAttributes,\n  invariant,\n  pickFocusEventAttributes,\n  pickInputEventAttributes,\n} from '../../helpers'\nimport type { EnterKeyHint, InputMode, Value } from '../controls'\nimport { CUSTOM_ERROR_FLAGS, NO_ERROR_FLAGS, VALID_STATE } from '../controls'\nimport type { Size, Status } from '../shared'\n\nexport type TextAreaAutoComplete = 'off' | 'on'\n// TODO: `hard` value isn't supported by Firefox or Safari\nexport type Wrap = 'off' | 'soft'\nexport type TextAreaStatus = Exclude<Status, 'info'>\n\n/**\n * The `<qds-textarea>` element represents a multi-line plain-text editing\n * control, useful when you want to allow users to enter a sizeable amount of\n * free-form text, for example a comment on a review or feedback form.\n *\n * @see https://quartz.se.com/build/components/textarea\n */\n@Component({\n  tag: 'qds-textarea',\n  formAssociated: true,\n  shadow: { delegatesFocus: true },\n  styleUrl: 'textarea.css',\n})\nexport class TextArea implements ComponentInterface {\n  /**\n   * The textarea's size.\n   *\n   * > **_NOTE:_** The native [`size` HTML attribute][] is not supported. CSS\n   * `width` should be used instead if this functionality is needed.\n   *\n   * [`size` HTML attribute]: https://developer.mozilla.org/docs/Web/HTML/Attributes/size\n   */\n  @Prop() public readonly size?: Size = 'standard'\n\n  /**\n   * The textarea's status.\n   */\n  @Prop() public readonly status?: TextAreaStatus\n\n  /**\n   * Indicates whether the value of the textarea can be automatically completed\n   * by the browser. Possible values:\n   *\n   * `off`: The user must explicitly enter a value into this field for every\n   * use, or the document provides its own auto-completion method; the browser\n   * does not automatically complete the entry.\n   * `on`: The browser can automatically complete the value based on values\n   * that the user has entered during previous uses.\n   *\n   * If the `autocomplete` attribute is not specified on a `<qds-textarea>`\n   * element, then the browser uses the `autocomplete` attribute value of the\n   * `<qds-textarea>` element's form owner. The form owner is either the\n   * [`<form>`][] element that this `<qds-textarea>` element is a descendant of\n   * or the form element whose `id` is specified by the `form` attribute of the\n   * `qds-textarea` element. For more information, see the [`autocomplete`]\n   * attribute in [`<form>`][].\n   *\n   * [`<form>`]: https://developer.mozilla.org/docs/Web/HTML/Element/form\n   * [`autocomplete`]: https://developer.mozilla.org/docs/Web/HTML/Element/form#autocomplete\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'autocomplete' })\n  public readonly autoComplete?: TextAreaAutoComplete\n\n  /**\n   * The visible width of the text control, in average character widths. If it\n   * is specified, it must be a positive integer. If it is not specified, the\n   * default value is `20`.\n   *\n   * @webnative\n   */\n  @Prop() public readonly cols?: number\n\n  /**\n   * Prevents the textarea from being interacted with: it cannot be pressed or\n   * focused.\n   *\n   * @webnative\n   */\n  @Prop() public disabled?: boolean\n\n  /**\n   * Prevents the user from changing the value of the textarea.\n   */\n  @Prop() public readonly readonly?: boolean\n\n  /**\n   * What action label (or icon) to present for the enter key on virtual\n   * keyboards. Possible values:\n   *\n   * - `\"done\"`: Typically meaning there is nothing more to input and the input\n   * method editor (IME) will be closed.\n   * - `\"enter\"`:\tTypically inserting a new line.\n   * - `\"go\"`: \tTypically meaning to take the user to the target of the text\n   * they typed.\n   * - `\"next\"`: \tTypically taking the user to the next field that will accept\n   * text.\n   * - `\"previous\"`: Typically taking the user to the previous field that will\n   * accept text.\n   * - `\"search\"`: Typically taking the user to the results of searching for\n   * the text they have typed.\n   * - `\"send\"`: Typically delivering the text to its target.\n   *\n   * @webnative\n   */\n  // FIXME: Can't use `attribute` option here to name this `enterKeyHint` instead.\n  @Prop() public readonly enterkeyhint?: EnterKeyHint\n\n  /**\n   * The [`<form>`][] element to associate the input 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-textarea>` is associated\n   * with its ancestor `<form>` element, if any.\n   *\n   * This attribute lets you associate `<qds-textarea>` 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   * Provide a hint to browsers as to the type of virtual keyboard\n   * configuration to use when editing this element or its contents.\n   *\n   * @webnative\n   */\n  // FIXME: Can't use `attribute` option here to name this `inputMode` instead.\n  @Prop() public readonly inputmode?: InputMode\n\n  /**\n   * Returns a list of the [`<label>`][] elements associated with the\n   * `qds-textarea` element.\n   *\n   * [`<label>`]: https://developer.mozilla.org/docs/Web/HTML/Element/label\n   *\n   * @readonly\n   * @webnative\n   */\n  @Prop() public readonly labels: ElementInternals['labels'] =\n    {} as ElementInternals['labels']\n\n  /**\n   * The maximum number of characters (as UTF-16 code units) the user can enter\n   * into the textarea. This must be an non-negative integer value. If no\n   * `maxlength` is specified, or an invalid value is specified, the textarea\n   * has no maximum length.\n   *\n   * The textarea will fail [constraint validation][] if the length of the text\n   * entered into the field is greater than `maxlength` UTF-16 code units long.\n   * By default, browsers prevent users from entering more characters than\n   * allowed by the `maxlength` attribute. See [Client-side validation][] for\n   * more information.\n   *\n   * [constraint validation]: https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation\n   * [Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'maxlength' }) public readonly maxLength?: number\n\n  /**\n   * The minimum number of characters (as UTF-16 code units) the user can enter\n   * into the textarea. This must be an non-negative integer value smaller than\n   * or equal to the value specified by `maxlength`. If no `minlength` is\n   * specified, or an invalid value is specified, the textarea has no minimum\n   * length.\n   *\n   * The textarea will fail [constraint validation][] if the length of the text\n   * entered into the field is fewer than `minlength` UTF-16 code units long,\n   * preventing form submission. See [Client-side validation][] for more\n   * information.\n   *\n   * [constraint validation]: https://developer.mozilla.org/docs/Web/Guide/HTML/Constraint_validation\n   * [Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'minlength' }) public readonly minLength?: number\n\n  /**\n   * The name of the textarea, which is submitted with the form data.\n   *\n   * @webnative\n   */\n  @Prop() public readonly name?: string\n\n  /**\n   * Text that appears in the textarea when it has no value set.\n   *\n   * @webnative\n   */\n  @Prop() public readonly placeholder?: string\n\n  /**\n   * A value must be specified for the textarea before the owning form can be\n   * submitted.\n   *\n   * See [Client-side validation][] and the [HTML attribute: `required`][] for\n   * more information.\n   *\n   * [Client-side validation]: https://developer.mozilla.org/docs/Web/HTML/Element/input#client-side_validation\n   * [HTML attribute: `required`]: https://developer.mozilla.org/docs/Web/HTML/Attributes/required\n   *\n   * @webnative\n   */\n  @Prop() public readonly required?: boolean\n\n  /**\n   * The number of visible text lines for the control. If it is specified, it\n   * must be a positive integer. If it is not specified, the default value is\n   * `2`.\n   *\n   * @webnative\n   */\n  @Prop() public readonly rows?: number\n\n  /**\n   * Get or set the selection direction of a text selection.\n   *\n   * > **_NOTE:_** This property has no effect when used as an attribute.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true })\n  // FIXME: Use `HTMLTextAreaElement['selectionDirection']` instead.\n  // eslint-disable-next-line unicorn/no-null\n  public selectionDirection: HTMLInputElement['selectionDirection'] = null\n\n  /**\n   * Get or set the ending position or offset of a text selection.\n   *\n   * > **_NOTE:_** This property has no effect when used as an attribute.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true })\n  // FIXME: Use `HTMLTextAreaElement['selectionEnd']` instead.\n  // eslint-disable-next-line unicorn/no-null\n  public selectionEnd: HTMLInputElement['selectionEnd'] = null\n\n  /**\n   * Get or set the starting position or offset of a text selection.\n   *\n   * > **_NOTE:_** This property has no effect when used as an attribute.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true })\n  // FIXME: Use `HTMLTextAreaElement['selectionStart']` instead.\n  // eslint-disable-next-line unicorn/no-null\n  public selectionStart: HTMLInputElement['selectionStart'] = null\n\n  /**\n   * The error message that would be shown to the user if the `<qds-select>`\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-select>`.\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 textarea.\n   *\n   * @webnative\n   */\n  @Prop({ mutable: true }) public value?: Value\n\n  /**\n   * True if `<qds-textarea>` 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   * Indicates how the control should wrap the value for form submission.\n   * Possible values are:\n   *\n   * - `hard`: The browser automatically inserts line breaks (`CR+LF`) so that\n   * each line is no longer than the width of the control; the `cols` attribute\n   * must be specified for this to take effect\n   * - `soft`: The browser ensures that all line breaks in the entered value\n   * are a `CR+LF` pair, but no additional line breaks are added to the value.\n   * - `off`: Like `soft` but changes appearance to `white-space: pre` so line\n   * segments exceeding `cols` are not wrapped and the `<qds-textarea>` becomes\n   * horizontally scrollable.\n   *\n   * If this attribute is not specified, `soft` is its default value.\n   *\n   * @webnative\n   */\n  @Prop() public readonly wrap?: Wrap\n\n  @AttachInternals() private readonly internals!: ElementInternals\n\n  /**\n   * Emitted when the textarea loses focus.\n   */\n  @Event({ eventName: 'qdsBlur', bubbles: false, cancelable: false })\n  private readonly blurEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when an alteration to the textarea's value is committed by the\n   * user.\n   */\n  @Event({ eventName: 'qdsChange', cancelable: false })\n  private readonly changeEmitter!: EventEmitter<void>\n\n  /**\n   * Emitted when the textarea gains focus.\n   */\n  @Event({ eventName: 'qdsFocus', bubbles: false, cancelable: false })\n  private readonly focusEmitter!: EventEmitter<QdsFocusEventDetail>\n\n  /**\n   * Emitted when the textarea's value changes.\n   */\n  @Event({ eventName: 'qdsInput', cancelable: false })\n  private readonly inputEmitter!: EventEmitter<QdsInputEventDetail>\n\n  @Element() private readonly host!: HTMLElement\n\n  @State() private tabIndex?: number\n\n  #inheritedAttributes: Attributes = {}\n\n  #textarea?: HTMLTextAreaElement\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 #computedValue(): Parameters<ElementInternals['setFormValue']>[0] {\n    if (typeof this.value === 'number') return this.value.toString()\n    // eslint-disable-next-line unicorn/no-null\n    return this.value === undefined ? null : this.value\n  }\n\n  get #computedStatus(): TextAreaStatus | undefined {\n    switch (this.status) {\n      case 'error':\n      case 'success':\n      case 'warning': {\n        return this.status\n      }\n      default: {\n        return undefined\n      }\n    }\n  }\n\n  @Listen('click')\n  protected onClick(event: MouseEvent): void {\n    if (this.#computedDisabled) event.stopImmediatePropagation()\n  }\n\n  @Watch('disabled')\n  protected disabledChanged(): void {\n    if (this.#computedDisabled)\n      // eslint-disable-next-line unicorn/no-null\n      this.internals.setFormValue(null)\n    else this.internals.setFormValue(this.#computedValue)\n  }\n\n  @Watch('selectionDirection')\n  protected selectionDirectionChanged(): void {\n    invariant(this.#textarea)\n\n    // @ts-expect-error: `null` is a valid value according to the HTML spec.\n    this.#textarea.selectionDirection = this.selectionDirection\n  }\n\n  @Watch('selectionEnd')\n  protected selectionEndChanged(): void {\n    invariant(this.#textarea)\n\n    // @ts-expect-error: `null` is a valid value according to the HTML spec.\n    this.#textarea.selectionEnd = this.selectionEnd\n  }\n\n  @Watch('selectionStart')\n  protected selectionStartChanged(): void {\n    invariant(this.#textarea)\n\n    // @ts-expect-error: `null` is a valid value according to the HTML spec.\n    this.#textarea.selectionStart = this.selectionStart\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('maxLength')\n  @Watch('minLength')\n  @Watch('required')\n  @Watch('value')\n  protected validationChanged(): void {\n    invariant(this.#textarea)\n\n    if (this.maxLength !== undefined) this.#textarea.maxLength = this.maxLength\n    if (this.minLength !== undefined) this.#textarea.minLength = this.minLength\n    this.#textarea.required = this.required ?? false\n    // eslint-disable-next-line unicorn/no-null\n    if (this.value != null) this.#textarea.value = this.value.toString()\n\n    const { valid } = this.#textarea.validity\n    if (valid)\n      this.internals.setValidity(NO_ERROR_FLAGS, undefined, this.#textarea)\n    else\n      this.internals.setValidity(\n        this.#textarea.validity,\n        this.#textarea.validationMessage,\n        this.#textarea,\n      )\n  }\n\n  @Watch('value')\n  protected valueChanged(): void {\n    if (!this.#computedDisabled)\n      this.internals.setFormValue(this.#computedValue)\n  }\n\n  @Watch('status')\n  protected statusChanged(): void {\n    this.internals.ariaInvalid = (this.#computedStatus === 'error').toString()\n  }\n\n  public componentWillLoad(): void {\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    this.#defineGetter('labels', () => this.internals.labels)\n\n    this.#defineGetter('selectionDirection', this.#getSelectionDirection)\n    this.#defineGetter('selectionStart', this.#getSelectionStart)\n    this.#defineGetter('selectionEnd', this.#getSelectionEnd)\n\n    this.#inheritedAttributes = inheritAriaAttributes(this.host)\n    this.tabindexChanged(this.host.getAttribute('tabindex') ?? '0')\n    this.statusChanged()\n  }\n\n  public componentDidLoad(): void {\n    invariant(this.#textarea)\n\n    this.validationChanged()\n    this.valueChanged()\n  }\n\n  public render() {\n    return (\n      <Host>\n        <textarea\n          autoCapitalize={this.host.autocapitalize}\n          autoComplete={this.autoComplete}\n          // eslint-disable-next-line jsx-a11y/no-autofocus\n          autoFocus={this.host.autofocus}\n          class=\"qds-textarea\"\n          cols={this.cols}\n          data-size={this.size ?? 'standard'}\n          data-status={this.#computedStatus}\n          disabled={this.disabled}\n          enterKeyHint={this.enterkeyhint}\n          inputMode={this.inputmode}\n          maxLength={this.maxLength}\n          minLength={this.minLength}\n          onBlur={this.#onBlur}\n          onChange={this.#onChange}\n          onFocus={this.#onFocus}\n          onInput={this.#onInput}\n          placeholder={this.placeholder}\n          ref={this.#ref}\n          readOnly={this.readonly}\n          rows={this.rows}\n          spellcheck={this.host.spellcheck}\n          tabIndex={this.#computedDisabled ? undefined : this.tabIndex}\n          wrap={this.wrap}\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          {...this.#inheritedAttributes}\n        />\n        <slot onSlotchange={this.#onSlotchange} />\n      </Host>\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: HTMLTextAreaElement['setCustomValidity'] = (\n    error,\n  ) => {\n    invariant(this.#textarea)\n\n    this.#textarea.setCustomValidity(error)\n    if (error)\n      this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, this.#textarea)\n    else this.internals.setValidity(NO_ERROR_FLAGS)\n  }\n\n  public select: HTMLTextAreaElement['select'] = () => {\n    invariant(this.#textarea)\n\n    this.#textarea.select()\n  }\n\n  public setRangeText = (\n    replacement: string,\n    start: number,\n    end: number,\n    selectionMode?: SelectionMode,\n  ): void => {\n    invariant(this.#textarea)\n\n    this.#textarea.setRangeText(replacement, start, end, selectionMode)\n\n    if (this.value !== this.#textarea.value) {\n      this.value = this.#textarea.value\n      this.inputEmitter.emit()\n      this.changeEmitter.emit()\n    }\n  }\n\n  public setSelectionRange: HTMLTextAreaElement['setSelectionRange'] = (\n    start,\n    end,\n    direction,\n  ) => {\n    invariant(this.#textarea)\n\n    this.#textarea.setSelectionRange(start, end, direction)\n  }\n\n  readonly #getSelectionDirection: () => HTMLTextAreaElement['selectionDirection'] =\n    () => {\n      invariant(this.#textarea)\n\n      return this.#textarea.selectionDirection\n    }\n\n  readonly #getSelectionStart: () => HTMLTextAreaElement['selectionStart'] =\n    () => {\n      invariant(this.#textarea)\n\n      return this.#textarea.selectionStart\n    }\n\n  readonly #getSelectionEnd: () => HTMLTextAreaElement['selectionEnd'] = () => {\n    invariant(this.#textarea)\n\n    return this.#textarea.selectionEnd\n  }\n\n  readonly #ref = (textarea?: HTMLTextAreaElement): void => {\n    this.#textarea = textarea\n  }\n\n  readonly #onBlur = (event: FocusEvent): void => {\n    this.blurEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #onChange = (): void => {\n    this.changeEmitter.emit()\n  }\n\n  readonly #onFocus = (event: FocusEvent): void => {\n    this.focusEmitter.emit(pickFocusEventAttributes(event))\n  }\n\n  readonly #onInput = (event: InputEvent): void => {\n    invariant(this.#textarea)\n\n    this.value = this.#textarea.value\n    this.inputEmitter.emit(pickInputEventAttributes(event))\n  }\n\n  readonly #onSlotchange = (): void => {\n    invariant(this.#textarea)\n    this.#textarea.innerHTML = this.host.innerHTML\n  }\n\n  #defineGetter(p: PropertyKey, get: () => unknown): void {\n    Object.defineProperty(this.host, p, { enumerable: true, get })\n  }\n}\n"],"names":["VALID_STATE","invariant","CUSTOM_ERROR_FLAGS","NO_ERROR_FLAGS","pickFocusEventAttributes","pickInputEventAttributes","inheritAriaAttributes","h","Host"],"mappings":";;;;;;;;;;;AAAA,MAAM,WAAW,GAAG,03DAA03D;;ACA94D;AACA;AACA;;;;;;;;;;;;;;;;;;MAiDa,QAAQ,GAAA,MAAA;AANrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;;;;;;;;;;;AAOE;;;;;;;AAOG;AACqB,QAAA,IAAI,CAAA,IAAA,GAAU,UAAU;AA6EhD;;;;;;;;;;;;;;;AAeG;;AAEqB,QAAA,IAAI,CAAA,IAAA,GAAsC,IAAI;AAWtE;;;;;;;;AAQG;AACqB,QAAA,IAAM,CAAA,MAAA,GAC5B,EAAgC;AA6ElC;;;;;;AAMG;AAII,QAAA,IAAkB,CAAA,kBAAA,GAA2C,IAAI;AAExE;;;;;;AAMG;AAII,QAAA,IAAY,CAAA,YAAA,GAAqC,IAAI;AAE5D;;;;;;AAMG;AAII,QAAA,IAAc,CAAA,cAAA,GAAuC,IAAI;AAEhE;;;;;;AAMG;AAEa,QAAA,IAAiB,CAAA,iBAAA,GAA0C,EAAE;AAE7E;;;;;;;AAOG;AACqB,QAAA,IAAQ,CAAA,QAAA,GAAiCA,oBAAW;AAS5E;;;;;;AAMG;AACqB,QAAA,IAAY,CAAA,YAAA,GAAqC,KAAK;AAoD9E,QAAA,6BAAA,CAAA,GAAA,CAAA,IAAA,EAAmC,EAAE,CAAA;QAErC,kBAA+B,CAAA,GAAA,CAAA,IAAA,EAAA,MAAA,CAAA;AAyKxB,QAAA,IAAa,CAAA,aAAA,GAAsC,MACxD,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE;AAEzB,QAAA,IAAc,CAAA,cAAA,GAAuC,MAC1D,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE;AAE1B,QAAA,IAAA,CAAA,iBAAiB,GAA6C,CACnE,KAAK,KACH;YACFC,iBAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;AAEzB,YAAA,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,iBAAiB,CAAC,KAAK,CAAC;AACvC,YAAA,IAAI,KAAK;AACP,gBAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CAACC,2BAAkB,EAAE,KAAK,EAAE,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;;AAClE,gBAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CAACC,uBAAc,CAAC;AACjD,SAAC;AAEM,QAAA,IAAM,CAAA,MAAA,GAAkC,MAAK;YAClDF,iBAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;YAEzB,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC,MAAM,EAAE;AACzB,SAAC;AAEM,QAAA,IAAY,CAAA,YAAA,GAAG,CACpB,WAAmB,EACnB,KAAa,EACb,GAAW,EACX,aAA6B,KACrB;YACRA,iBAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;AAEzB,YAAA,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC,YAAY,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,CAAC;AAEnE,YAAA,IAAI,IAAI,CAAC,KAAK,KAAK,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,KAAK,EAAE;AACvC,gBAAA,IAAI,CAAC,KAAK,GAAG,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,KAAK;AACjC,gBAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;AACxB,gBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;;AAE7B,SAAC;QAEM,IAAiB,CAAA,iBAAA,GAA6C,CACnE,KAAK,EACL,GAAG,EACH,SAAS,KACP;YACFA,iBAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;AAEzB,YAAA,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,CAAC;AACzD,SAAC;AAEQ,QAAA,+BAAA,CAAA,GAAA,CAAA,IAAA,EACP,MAAK;YACHA,iBAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;YAEzB,OAAO,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,kBAAkB;AAC1C,SAAC,CAAA;AAEM,QAAA,2BAAA,CAAA,GAAA,CAAA,IAAA,EACP,MAAK;YACHA,iBAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;YAEzB,OAAO,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,cAAc;AACtC,SAAC,CAAA;AAEM,QAAA,yBAAA,CAAA,GAAA,CAAA,IAAA,EAA8D,MAAK;YAC1EA,iBAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;YAEzB,OAAO,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,YAAY;AACpC,SAAC,CAAA;QAEQ,aAAO,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,QAA8B,KAAU;YACvD,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAa,QAAQ,EAAA,GAAA,CAAA;AAC3B,SAAC,CAAA;QAEQ,gBAAU,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,KAAiB,KAAU;YAC7C,IAAI,CAAC,WAAW,CAAC,IAAI,CAACG,gCAAwB,CAAC,KAAK,CAAC,CAAC;AACxD,SAAC,CAAA;AAEQ,QAAA,kBAAA,CAAA,GAAA,CAAA,IAAA,EAAY,MAAW;AAC9B,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE;AAC3B,SAAC,CAAA;QAEQ,iBAAW,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,KAAiB,KAAU;YAC9C,IAAI,CAAC,YAAY,CAAC,IAAI,CAACA,gCAAwB,CAAC,KAAK,CAAC,CAAC;AACzD,SAAC,CAAA;QAEQ,iBAAW,CAAA,GAAA,CAAA,IAAA,EAAA,CAAC,KAAiB,KAAU;YAC9CH,iBAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;AAEzB,YAAA,IAAI,CAAC,KAAK,GAAG,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,KAAK;YACjC,IAAI,CAAC,YAAY,CAAC,IAAI,CAACI,gCAAwB,CAAC,KAAK,CAAC,CAAC;AACzD,SAAC,CAAA;AAEQ,QAAA,sBAAA,CAAA,GAAA,CAAA,IAAA,EAAgB,MAAW;YAClCJ,iBAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;AACzB,YAAA,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS;AAChD,SAAC,CAAA;AAKF;AAjPW,IAAA,OAAO,CAAC,KAAiB,EAAA;QACjC,IAAI,sBAAA,CAAA,IAAI,EAAkB,mBAAA,EAAA,GAAA,EAAA,8BAAA,CAAA;YAAE,KAAK,CAAC,wBAAwB,EAAE;;IAIpD,eAAe,GAAA;QACvB,IAAI,sBAAA,CAAA,IAAI,EAAkB,mBAAA,EAAA,GAAA,EAAA,8BAAA,CAAA;;AAExB,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC;;AAC9B,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,sBAAA,CAAA,IAAI,EAAe,mBAAA,EAAA,GAAA,EAAA,2BAAA,CAAA,CAAC;;IAI7C,yBAAyB,GAAA;QACjCA,iBAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;;AAGzB,QAAA,sBAAA,CAAA,IAAI,0BAAU,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB;;IAInD,mBAAmB,GAAA;QAC3BA,iBAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;;AAGzB,QAAA,sBAAA,CAAA,IAAI,0BAAU,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY;;IAIvC,qBAAqB,GAAA;QAC7BA,iBAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;;AAGzB,QAAA,sBAAA,CAAA,IAAI,0BAAU,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc;;AAI3C,IAAA,eAAe,CAAC,QAAgB,EAAA;QACxC,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;AACjD,QAAA,IAAI,CAAC,QAAQ;AACX,YAAA,WAAW,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,SAAS,GAAG,WAAW;;IAOlE,iBAAiB,GAAA;QACzBA,iBAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;AAEzB,QAAA,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS;AAAE,YAAA,sBAAA,CAAA,IAAI,0BAAU,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS;AAC3E,QAAA,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS;AAAE,YAAA,sBAAA,CAAA,IAAI,0BAAU,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS;AAC3E,QAAA,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,KAAK;;AAEhD,QAAA,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI;AAAE,YAAA,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AAEpE,QAAA,MAAM,EAAE,KAAK,EAAE,GAAG,uBAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC,QAAQ;AACzC,QAAA,IAAI,KAAK;AACP,YAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CAACE,uBAAc,EAAE,SAAS,EAAE,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;;AAErE,YAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CACxB,sBAAA,CAAA,IAAI,0BAAU,CAAC,QAAQ,EACvB,sBAAA,CAAA,IAAI,0BAAU,CAAC,iBAAiB,EAChC,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,CACf;;IAIK,YAAY,GAAA;QACpB,IAAI,CAAC,sBAAA,CAAA,IAAI,EAAkB,mBAAA,EAAA,GAAA,EAAA,8BAAA,CAAA;AACzB,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,sBAAA,CAAA,IAAI,EAAe,mBAAA,EAAA,GAAA,EAAA,2BAAA,CAAA,CAAC;;IAI1C,aAAa,GAAA;QACrB,IAAI,CAAC,SAAS,CAAC,WAAW,GAAG,CAAC,sBAAA,CAAA,IAAI,EAAA,mBAAA,EAAA,GAAA,EAAA,4BAAA,CAAgB,KAAK,OAAO,EAAE,QAAQ,EAAE;;IAGrE,iBAAiB,GAAA;QACtB,sBAAA,CAAA,IAAI,EAAc,mBAAA,EAAA,GAAA,EAAA,sBAAA,CAAA,CAAA,IAAA,CAAlB,IAAI,EAAe,MAAM,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;QACrD,sBAAA,CAAA,IAAI,EAAc,mBAAA,EAAA,GAAA,EAAA,sBAAA,CAAA,CAAA,IAAA,CAAlB,IAAI,EAAe,cAAc,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;QACrE,sBAAA,CAAA,IAAI,EAAc,mBAAA,EAAA,GAAA,EAAA,sBAAA,CAAA,CAAA,IAAA,CAAlB,IAAI,EAAe,UAAU,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;QAC7D,sBAAA,CAAA,IAAI,EAAc,mBAAA,EAAA,GAAA,EAAA,sBAAA,CAAA,CAAA,IAAA,CAAlB,IAAI,EACF,mBAAmB,EACnB,MAAM,IAAI,CAAC,SAAS,CAAC,iBAAiB,CACvC;QACD,sBAAA,CAAA,IAAI,EAAc,mBAAA,EAAA,GAAA,EAAA,sBAAA,CAAA,CAAA,IAAA,CAAlB,IAAI,EAAe,QAAQ,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;QAEzD,sBAAA,CAAA,IAAI,EAAc,mBAAA,EAAA,GAAA,EAAA,sBAAA,CAAA,CAAA,IAAA,CAAlB,IAAI,EAAe,oBAAoB,EAAE,sBAAA,CAAA,IAAI,EAAuB,+BAAA,EAAA,GAAA,CAAA,CAAC;QACrE,sBAAA,CAAA,IAAI,EAAc,mBAAA,EAAA,GAAA,EAAA,sBAAA,CAAA,CAAA,IAAA,CAAlB,IAAI,EAAe,gBAAgB,EAAE,sBAAA,CAAA,IAAI,EAAmB,2BAAA,EAAA,GAAA,CAAA,CAAC;QAC7D,sBAAA,CAAA,IAAI,EAAc,mBAAA,EAAA,GAAA,EAAA,sBAAA,CAAA,CAAA,IAAA,CAAlB,IAAI,EAAe,cAAc,EAAE,sBAAA,CAAA,IAAI,EAAiB,yBAAA,EAAA,GAAA,CAAA,CAAC;AAEzD,QAAA,sBAAA,CAAA,IAAI,iCAAwBG,6BAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAA,GAAA,CAAA;AAC5D,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC;QAC/D,IAAI,CAAC,aAAa,EAAE;;IAGf,gBAAgB,GAAA;QACrBL,iBAAS,CAAC,sBAAA,CAAA,IAAI,EAAA,kBAAA,EAAA,GAAA,CAAU,CAAC;QAEzB,IAAI,CAAC,iBAAiB,EAAE;QACxB,IAAI,CAAC,YAAY,EAAE;;IAGd,MAAM,GAAA;AACX,QAAA,QACEM,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,cAAc,EAAE,IAAI,CAAC,IAAI,CAAC,cAAc,EACxC,YAAY,EAAE,IAAI,CAAC,YAAY;;YAE/B,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAC9B,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,WAAA,EACJ,IAAI,CAAC,IAAI,IAAI,UAAU,EACrB,aAAA,EAAA,sBAAA,CAAA,IAAI,EAAA,mBAAA,EAAA,GAAA,EAAA,4BAAA,CAAgB,EACjC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,MAAM,EAAE,sBAAA,CAAA,IAAI,EAAA,gBAAA,EAAA,GAAA,CAAQ,EACpB,QAAQ,EAAE,sBAAA,CAAA,IAAI,EAAU,kBAAA,EAAA,GAAA,CAAA,EACxB,OAAO,EAAE,sBAAA,CAAA,IAAI,EAAS,iBAAA,EAAA,GAAA,CAAA,EACtB,OAAO,EAAE,sBAAA,CAAA,IAAI,EAAS,iBAAA,EAAA,GAAA,CAAA,EACtB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,GAAG,EAAE,sBAAA,CAAA,IAAI,EAAA,aAAA,EAAA,GAAA,CAAK,EACd,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,EAChC,QAAQ,EAAE,sBAAA,CAAA,IAAI,EAAkB,mBAAA,EAAA,GAAA,EAAA,8BAAA,CAAA,GAAG,SAAS,GAAG,IAAI,CAAC,QAAQ,EAC5D,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,GAEX,sBAAA,CAAA,IAAI,qCAAqB,EAC7B,CAAA,EACFA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAY,EAAE,sBAAA,CAAA,IAAI,8BAAc,EAAI,CAAA,CACrC;;;;;;;;;;;;;;;;;;;AAlKT,IAAA,QACE,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC;QAC3D,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,OAAO;AAElD,CAAC,EAAA,2BAAA,GAAA,SAAA,2BAAA,GAAA;AAGC,IAAA,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;AAAE,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;;AAEhE,IAAA,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC,KAAK;AACrD,CAAC,EAAA,4BAAA,GAAA,SAAA,4BAAA,GAAA;AAGC,IAAA,QAAQ,IAAI,CAAC,MAAM;AACjB,QAAA,KAAK,OAAO;AACZ,QAAA,KAAK,SAAS;QACd,KAAK,SAAS,EAAE;YACd,OAAO,IAAI,CAAC,MAAM;;QAEpB,SAAS;AACP,YAAA,OAAO,SAAS;;;AAGtB,CAAC,EAAA,sBAAA,GAAA,SAAA,sBAAA,CAiPa,CAAc,EAAE,GAAkB,EAAA;AAC9C,IAAA,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;AAChE,CAAC;;;;;"}