@quartzds/core 1.0.0-beta.81 → 1.0.0-beta.83

package/components/qds-textarea.js

@@ -3,11 +3,11 @@
  * 
  * SPDX-License-Identifier: Apache-2.0
  */
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-7b04d43e.js';
-import { b as invariant, p as pickFocusEventAttributes, h as pickInputEventAttributes, i as inheritAriaAttributes } from './p-4141d6ed.js';
-import { C as CUSTOM_ERROR_FLAGS, N as NO_ERROR_FLAGS, V as VALID_STATE } from './p-d107c90c.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-002e77af.js';
+import { c as invariant, p as pickFocusEventAttributes, h as pickInputEventAttributes, i as inheritAriaAttributes } from './p-efdb8fa2.js';
+import { V as VALID_STATE, C as CUSTOM_ERROR_FLAGS, N as NO_ERROR_FLAGS } from './p-d107c90c.js';
 
-const textareaCss = ":host([hidden]){display:none!important}:host{display:inline-block;resize:both}slot{display:none}.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);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[aria-invalid=true]:not(:focus){border-color:var(--qds-theme-feedback-result-failure)}.qds-textarea:disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-textarea:focus-visible{outline:var(--qds-control-input-focus-border-width) solid var(--qds-theme-control-input-focus-border)}.qds-textarea:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}[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 = ":host([hidden]){display:none!important}:host{display:inline-block;resize:both}slot{display:none}.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);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:disabled{opacity:var(--qds-theme-disabled);pointer-events:none}.qds-textarea:focus-visible{outline:var(--qds-control-input-focus-border-width) solid var(--qds-theme-control-input-focus-border)}.qds-textarea:placeholder-shown{color:var(--qds-theme-control-text-placeholder)}.qds-textarea:not(:focus):user-invalid{border-color:var(--qds-theme-feedback-result-failure)}[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 QdsTextareaStyle0 = textareaCss;
 
 // SPDX-FileCopyrightText: © 2024 Schneider Electric
@@ -41,16 +41,103 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
         this.inputEmitter = createEvent(this, "qdsInput", 6);
         this.internals = this.attachInternals();
         _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 = 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) => {
+            invariant(__classPrivateFieldGet(this, _TextArea_textarea, "f"));
+            __classPrivateFieldGet(this, _TextArea_textarea, "f").setCustomValidity(error);
             if (error)
                 this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, __classPrivateFieldGet(this, _TextArea_textarea, "f"));
             else
                 this.internals.setValidity(NO_ERROR_FLAGS);
-            this.invalid = !!error;
         };
         this.select = () => {
             invariant(__classPrivateFieldGet(this, _TextArea_textarea, "f"));
@@ -102,33 +189,6 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
             invariant(__classPrivateFieldGet(this, _TextArea_textarea, "f"));
             __classPrivateFieldGet(this, _TextArea_textarea, "f").innerHTML = this.host.innerHTML;
         });
-        this.size = 'standard';
-        this.autoCapitalize = undefined;
-        this.autoComplete = undefined;
-        this.autoFocus = undefined;
-        this.cols = undefined;
-        this.disabled = undefined;
-        this.enterkeyhint = undefined;
-        this.form = null;
-        this.inputmode = undefined;
-        this.labels = {};
-        this.maxLength = undefined;
-        this.minLength = undefined;
-        this.name = undefined;
-        this.placeholder = undefined;
-        this.required = undefined;
-        this.rows = undefined;
-        this.selectionDirection = null;
-        this.selectionEnd = null;
-        this.selectionStart = null;
-        this.spellCheck = undefined;
-        this.validationMessage = '';
-        this.validity = VALID_STATE;
-        this.value = undefined;
-        this.willValidate = false;
-        this.wrap = undefined;
-        this.invalid = false;
-        this.tabIndex = undefined;
     }
     onClick(event) {
         if (__classPrivateFieldGet(this, _TextArea_instances, "a", _TextArea_computedDisabled_get))
@@ -176,7 +236,6 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
             this.internals.setValidity(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"));
-        this.invalid = !valid;
     }
     valueChanged() {
         if (!__classPrivateFieldGet(this, _TextArea_instances, "a", _TextArea_computedDisabled_get))
@@ -200,9 +259,9 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
         this.valueChanged();
     }
     render() {
-        return (h(Host, { key: 'c000b86a97a59517b30ea0431865df129597f7d5' }, h("textarea", { key: '16e2d8caffe0fad26a6232b78bae3bdebae164d6', "aria-invalid": this.invalid.toString(), autoCapitalize: this.autoCapitalize, autoComplete: this.autoComplete,
+        return (h(Host, { key: 'e7dce6854082dbf81ce04f551493abd12fd02de6' }, h("textarea", { key: '9d856c94923ea96e4cbd21639fd3bc759c778206', autoCapitalize: this.host.autocapitalize, autoComplete: this.autoComplete,
             // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: this.autoFocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', 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"), rows: this.rows, spellcheck: this.spellCheck, tabIndex: __classPrivateFieldGet(this, _TextArea_instances, "a", _TextArea_computedDisabled_get) ? undefined : this.tabIndex, wrap: this.wrap, ...__classPrivateFieldGet(this, _TextArea_inheritedAttributes, "f") }), h("slot", { key: '12d1c6bc9b9bb0df7deb661fbf6a0b718c143aeb', onSlotchange: __classPrivateFieldGet(this, _TextArea_onSlotchange, "f") })));
+            autoFocus: this.host.autofocus, class: "qds-textarea", cols: this.cols, "data-size": this.size ?? 'standard', 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"), 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") }), h("slot", { key: '11e0afeab02ff5041ee39fc53747952ccd994911', onSlotchange: __classPrivateFieldGet(this, _TextArea_onSlotchange, "f") })));
     }
     static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
@@ -221,9 +280,7 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
     static get style() { return QdsTextareaStyle0; }
 }, [81, "qds-textarea", {
         "size": [1],
-        "autoCapitalize": [1, "autocapitalize"],
         "autoComplete": [1, "autocomplete"],
-        "autoFocus": [4, "autofocus"],
         "cols": [2],
         "disabled": [4],
         "enterkeyhint": [1],
@@ -239,13 +296,11 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
         "selectionDirection": [1025, "selection-direction"],
         "selectionEnd": [1026, "selection-end"],
         "selectionStart": [1026, "selection-start"],
-        "spellCheck": [4, "spellcheck"],
         "validationMessage": [1, "validation-message"],
         "validity": [16],
         "value": [1032],
         "willValidate": [4, "will-validate"],
         "wrap": [1],
-        "invalid": [32],
         "tabIndex": [32]
     }, [[0, "click", "onClick"]], {
         "disabled": ["disabledChanged"],

package/components/qds-textarea.js.map

@@ -1 +1 @@
-{"file":"qds-textarea.js","mappings":";;;;;;;;;AAAA,MAAM,WAAW,GAAG,sqCAAsqC,CAAC;AAC3rC,0BAAe,WAAW;;ACD1B;AACA;AACA;;;;;;;;;;;;;;;;;;MAqDa,QAAQ;;;;;;;;;;;QA0VnB,wCAAmC,EAAE,EAAA;QAErC,qCAA+B;QAsJxB,kBAAa,GAAsC,MACxD,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,CAAA;QAEzB,mBAAc,GAAuC,MAC1D,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,CAAA;QAE1B,sBAAiB,GAA6C,CACnE,KAAK;YAEL,IAAI,KAAK;gBACP,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,kBAAkB,EAAE,KAAK,EAAE,uBAAA,IAAI,0BAAU,CAAC,CAAA;;gBAClE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,cAAc,CAAC,CAAA;YAC/C,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,KAAK,CAAA;SACvB,CAAA;QAEM,WAAM,GAAkC;YAC7C,SAAS,CAAC,uBAAA,IAAI,0BAAU,CAAC,CAAA;YAEzB,uBAAA,IAAI,0BAAU,CAAC,MAAM,EAAE,CAAA;SACxB,CAAA;QAEM,iBAAY,GAAG,CACpB,WAAmB,EACnB,KAAa,EACb,GAAW,EACX,aAA6B;YAE7B,SAAS,CAAC,uBAAA,IAAI,0BAAU,CAAC,CAAA;YAEzB,uBAAA,IAAI,0BAAU,CAAC,YAAY,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,aAAa,CAAC,CAAA;YAEnE,IAAI,IAAI,CAAC,KAAK,KAAK,uBAAA,IAAI,0BAAU,CAAC,KAAK,EAAE;gBACvC,IAAI,CAAC,KAAK,GAAG,uBAAA,IAAI,0BAAU,CAAC,KAAK,CAAA;gBACjC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA;gBACxB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAA;aAC1B;SACF,CAAA;QAEM,sBAAiB,GAA6C,CACnE,KAAK,EACL,GAAG,EACH,SAAS;YAET,SAAS,CAAC,uBAAA,IAAI,0BAAU,CAAC,CAAA;YAEzB,uBAAA,IAAI,0BAAU,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,CAAC,CAAA;SACxD,CAAA;QAEQ,0CACP;YACE,SAAS,CAAC,uBAAA,IAAI,0BAAU,CAAC,CAAA;YAEzB,OAAO,uBAAA,IAAI,0BAAU,CAAC,kBAAkB,CAAA;SACzC,EAAA;QAEM,sCACP;YACE,SAAS,CAAC,uBAAA,IAAI,0BAAU,CAAC,CAAA;YAEzB,OAAO,uBAAA,IAAI,0BAAU,CAAC,cAAc,CAAA;SACrC,EAAA;QAEM,oCAA8D;YACrE,SAAS,CAAC,uBAAA,IAAI,0BAAU,CAAC,CAAA;YAEzB,OAAO,uBAAA,IAAI,0BAAU,CAAC,YAAY,CAAA;SACnC,EAAA;QAEQ,wBAAO,CAAC,QAA8B;YAC7C,uBAAA,IAAI,sBAAa,QAAQ,MAAA,CAAA;SAC1B,EAAA;QAEQ,2BAAU,CAAC,KAAiB;YACnC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAA;SACvD,EAAA;QAEQ,6BAAY;YACnB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAA;SAC1B,EAAA;QAEQ,4BAAW,CAAC,KAAiB;YACpC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAA;SACxD,EAAA;QAEQ,4BAAW,CAAC,KAAiB;YACpC,SAAS,CAAC,uBAAA,IAAI,0BAAU,CAAC,CAAA;YAEzB,IAAI,CAAC,KAAK,GAAG,uBAAA,IAAI,0BAAU,CAAC,KAAK,CAAA;YACjC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAA;SACxD,EAAA;QAEQ,iCAAgB;YACvB,SAAS,CAAC,uBAAA,IAAI,0BAAU,CAAC,CAAA;YACzB,uBAAA,IAAI,0BAAU,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAA;SAC/C,EAAA;oBAvkBqC,UAAU;;;;;;;oBA4GkB,IAAI;;sBAqBpE,EAAgC;;;;;;;kCAuFkC,IAAI;4BAYhB,IAAI;8BAYA,IAAI;;iCAiBW,EAAE;wBAUZ,WAAW;;4BAgBH,KAAK;;uBAkDnD,KAAK;;;IAsBtB,OAAO,CAAC,KAAiB;QACjC,IAAI,uBAAA,IAAI,2DAAkB;YAAE,KAAK,CAAC,wBAAwB,EAAE,CAAA;KAC7D;IAGS,eAAe;QACvB,IAAI,uBAAA,IAAI,2DAAkB;;YAExB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;;YAC9B,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,uBAAA,IAAI,wDAAe,CAAC,CAAA;KACtD;IAGS,yBAAyB;QACjC,SAAS,CAAC,uBAAA,IAAI,0BAAU,CAAC,CAAA;;QAGzB,uBAAA,IAAI,0BAAU,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAA;KAC5D;IAGS,mBAAmB;QAC3B,SAAS,CAAC,uBAAA,IAAI,0BAAU,CAAC,CAAA;;QAGzB,uBAAA,IAAI,0BAAU,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAA;KAChD;IAGS,qBAAqB;QAC7B,SAAS,CAAC,uBAAA,IAAI,0BAAU,CAAC,CAAA;;QAGzB,uBAAA,IAAI,0BAAU,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAA;KACpD;IAGS,eAAe,CAAC,QAAgB;QACxC,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;QACjD,IAAI,CAAC,QAAQ;YACX,WAAW,KAAK,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,SAAS,GAAG,WAAW,CAAA;KAC3E;IAMS,iBAAiB;QACzB,SAAS,CAAC,uBAAA,IAAI,0BAAU,CAAC,CAAA;QAEzB,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS;YAAE,uBAAA,IAAI,0BAAU,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;QAC3E,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS;YAAE,uBAAA,IAAI,0BAAU,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;QAC3E,uBAAA,IAAI,0BAAU,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAA;;QAEhD,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI;YAAE,uBAAA,IAAI,0BAAU,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAA;QAEpE,MAAM,EAAE,KAAK,EAAE,GAAG,uBAAA,IAAI,0BAAU,CAAC,QAAQ,CAAA;QACzC,IAAI,KAAK;YACP,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,cAAc,EAAE,SAAS,EAAE,uBAAA,IAAI,0BAAU,CAAC,CAAA;;YAErE,IAAI,CAAC,SAAS,CAAC,WAAW,CACxB,uBAAA,IAAI,0BAAU,CAAC,QAAQ,EACvB,uBAAA,IAAI,0BAAU,CAAC,iBAAiB,EAChC,uBAAA,IAAI,0BAAU,CACf,CAAA;QACH,IAAI,CAAC,OAAO,GAAG,CAAC,KAAK,CAAA;KACtB;IAGS,YAAY;QACpB,IAAI,CAAC,uBAAA,IAAI,2DAAkB;YACzB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,uBAAA,IAAI,wDAAe,CAAC,CAAA;KACnD;IAEM,iBAAiB;QACtB,uBAAA,IAAI,mDAAc,MAAlB,IAAI,EAAe,MAAM,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;QACrD,uBAAA,IAAI,mDAAc,MAAlB,IAAI,EAAe,cAAc,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAA;QACrE,uBAAA,IAAI,mDAAc,MAAlB,IAAI,EAAe,UAAU,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;QAC7D,uBAAA,IAAI,mDAAc,MAAlB,IAAI,EACF,mBAAmB,EACnB,MAAM,IAAI,CAAC,SAAS,CAAC,iBAAiB,CACvC,CAAA;QACD,uBAAA,IAAI,mDAAc,MAAlB,IAAI,EAAe,QAAQ,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;QAEzD,uBAAA,IAAI,mDAAc,MAAlB,IAAI,EAAe,oBAAoB,EAAE,uBAAA,IAAI,uCAAuB,CAAC,CAAA;QACrE,uBAAA,IAAI,mDAAc,MAAlB,IAAI,EAAe,gBAAgB,EAAE,uBAAA,IAAI,mCAAmB,CAAC,CAAA;QAC7D,uBAAA,IAAI,mDAAc,MAAlB,IAAI,EAAe,cAAc,EAAE,uBAAA,IAAI,iCAAiB,CAAC,CAAA;QAEzD,uBAAA,IAAI,iCAAwB,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,MAAA,CAAA;QAC5D,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC,CAAA;KAChE;IAEM,gBAAgB;QACrB,SAAS,CAAC,uBAAA,IAAI,0BAAU,CAAC,CAAA;QAEzB,IAAI,CAAC,iBAAiB,EAAE,CAAA;QACxB,IAAI,CAAC,YAAY,EAAE,CAAA;KACpB;IAEM,MAAM;QACX,QACE,EAAC,IAAI,uDACH,iFACgB,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,EACrC,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,YAAY,EAAE,IAAI,CAAC,YAAY;;YAE/B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,IAAI,CAAC,IAAI,eACJ,IAAI,CAAC,IAAI,IAAI,UAAU,EAClC,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,uBAAA,IAAI,wBAAQ,EACpB,QAAQ,EAAE,uBAAA,IAAI,0BAAU,EACxB,OAAO,EAAE,uBAAA,IAAI,yBAAS,EACtB,OAAO,EAAE,uBAAA,IAAI,yBAAS,EACtB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,GAAG,EAAE,uBAAA,IAAI,qBAAK,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,QAAQ,EAAE,uBAAA,IAAI,2DAAkB,GAAG,SAAS,GAAG,IAAI,CAAC,QAAQ,EAC5D,IAAI,EAAE,IAAI,CAAC,IAAI,KAEX,uBAAA,IAAI,qCAAqB,GAC7B,EACF,6DAAM,YAAY,EAAE,uBAAA,IAAI,8BAAc,GAAI,CACrC,EACR;KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAjJC,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,EAC/C;AACH,CAAC;IAGC,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAA;;IAEhE,OAAO,IAAI,CAAC,KAAK,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,CAAC,KAAK,CAAA;AACrD,CAAC,2DAyOa,CAAc,EAAE,GAAkB;IAC9C,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAA;AAChE,CAAC;;;;;;;;;;;;;;;;;;;;","names":[],"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-control-input-background);\n  border-radius: var(--qds-control-border-radius);\n  border: var(--qds-control-border-width) solid var(--qds-theme-control-border);\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  &:not(:focus)[aria-invalid='true'] {\n    border-color: var(--qds-theme-feedback-result-failure);\n  }\n\n  &:disabled {\n    opacity: var(--qds-theme-disabled);\n    pointer-events: none;\n  }\n\n  &:focus-visible {\n    outline: var(--qds-control-input-focus-border-width) solid\n      var(--qds-theme-control-input-focus-border);\n  }\n\n  &:placeholder-shown {\n    color: var(--qds-theme-control-text-placeholder);\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 {\n  AutoCapitalize,\n  EnterKeyHint,\n  InputMode,\n  Value,\n} from '../controls'\nimport { CUSTOM_ERROR_FLAGS, NO_ERROR_FLAGS, VALID_STATE } from '../controls'\nimport type { Size } from '../shared'\n\nexport type TextAreaAutoComplete = 'off' | 'on'\n// TODO: `hard` value isn't supported by Firefox or Safari\nexport type Wrap = 'off' | 'soft'\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   * Controls whether and how input is automatically capitalized as it is\n   * entered/edited by the user. Possible values:\n   *\n   * - `\"off\"` or `\"none\"`: No auto-capitalization is applied (all letters\n   * default to lowercase).\n   * - `\"on\"` or `\"sentences\"`: The first letter of each sentence defaults to a\n   * capital letter; all other letters default to lowercase.\n   * - `\"words\"`: The first letter of each word defaults to a capital letter;\n   * all other letters default to lowercase.\n   * - `\"characters\"`: All letters default to uppercase.\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'autocapitalize' })\n  public readonly autoCapitalize?: AutoCapitalize\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   * Specify whether the input should have focus when the page loads.\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'autofocus' }) public readonly autoFocus?: boolean\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   * 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   * Defines whether the textarea may be checked for spelling errors.\n   *\n   * @webnative\n   */\n  @Prop({ attribute: 'spellcheck' }) public readonly spellCheck?: boolean\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!: HTMLQdsTextareaElement\n\n  @State() private invalid = false\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  @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    this.invalid = !valid\n  }\n\n  @Watch('value')\n  protected valueChanged(): void {\n    if (!this.#computedDisabled)\n      this.internals.setFormValue(this.#computedValue)\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  }\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          aria-invalid={this.invalid.toString()}\n          autoCapitalize={this.autoCapitalize}\n          autoComplete={this.autoComplete}\n          // eslint-disable-next-line jsx-a11y/no-autofocus\n          autoFocus={this.autoFocus}\n          class=\"qds-textarea\"\n          cols={this.cols}\n          data-size={this.size ?? 'standard'}\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          rows={this.rows}\n          spellcheck={this.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    if (error)\n      this.internals.setValidity(CUSTOM_ERROR_FLAGS, error, this.#textarea)\n    else this.internals.setValidity(NO_ERROR_FLAGS)\n    this.invalid = !!error\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"],"version":3}
+{"file":"qds-textarea.js","mappings":"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","names":[],"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-control-input-background);\n  border-radius: var(--qds-control-border-radius);\n  border: var(--qds-control-border-width) solid var(--qds-theme-control-border);\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  &:disabled {\n    opacity: var(--qds-theme-disabled);\n    pointer-events: none;\n  }\n\n  &:focus-visible {\n    outline: var(--qds-control-input-focus-border-width) solid\n      var(--qds-theme-control-input-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-feedback-result-failure);\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 } from '../shared'\n\nexport type TextAreaAutoComplete = 'off' | 'on'\n// TODO: `hard` value isn't supported by Firefox or Safari\nexport type Wrap = 'off' | 'soft'\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   * 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   * 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  @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  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  }\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          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          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"],"version":3}

package/components/qds-title.js

@@ -3,7 +3,7 @@
  * 
  * SPDX-License-Identifier: Apache-2.0
  */
-import { T as Title, d as defineCustomElement$1 } from './p-7f6e797a.js';
+import { T as Title, d as defineCustomElement$1 } from './p-252b0946.js';
 
 const QdsTitle = Title;
 const defineCustomElement = defineCustomElement$1;

package/components/qds-tooltip.js

@@ -3,7 +3,7 @@
  * 
  * SPDX-License-Identifier: Apache-2.0
  */
-import { T as Tooltip, d as defineCustomElement$1 } from './p-f5ba28ff.js';
+import { T as Tooltip, d as defineCustomElement$1 } from './p-ae6eda4e.js';
 
 const QdsTooltip = Tooltip;
 const defineCustomElement = defineCustomElement$1;

package/dist/cjs/helpers-cdd65bd0.js.map

@@ -1 +1 @@
-{"file":"helpers-cdd65bd0.js","mappings":"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","names":[],"sources":["src/helpers.ts"],"sourcesContent":["// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type {\n  MiddlewareState,\n  OffsetOptions as LibraryOffsetOptions,\n  ReferenceElement,\n} from '@floating-ui/dom'\nimport type { Except, Replace } from 'type-fest'\n\nimport type { LinkIcon } from './components/shared'\n\nexport type Attributes = Record<string, string | undefined>\n\nconst inheritAttributes = (\n  element: Element,\n  attributes: string[] = [],\n): Attributes => {\n  const attributeObject: Attributes = {}\n\n  for (const attribute of attributes) {\n    const value = element.getAttribute(attribute)\n    if (value !== null) {\n      attributeObject[attribute] = value\n      element.removeAttribute(attribute)\n    }\n  }\n\n  return attributeObject\n}\n\ntype ARIAAttribute =\n  | Replace<Lowercase<keyof ARIAMixin>, 'aria', 'aria-'>\n  | 'aria-activedescendant'\n  | 'aria-braillelabel'\n  | 'aria-brailleroledescription'\n  | 'aria-colindextext'\n  | 'aria-controls'\n  | 'aria-describedby'\n  | 'aria-description'\n  | 'aria-details'\n  | 'aria-errormessage'\n  | 'aria-flowto'\n  | 'aria-labelledby'\n  | 'aria-owns'\n  | 'aria-relevant'\n  | 'aria-rowindextext'\n\nconst ariaAttributes: ARIAAttribute[] = [\n  'aria-activedescendant',\n  'aria-atomic',\n  'aria-autocomplete',\n  'aria-braillelabel',\n  'aria-brailleroledescription',\n  'aria-busy',\n  'aria-checked',\n  'aria-colcount',\n  'aria-colindex',\n  'aria-colindextext',\n  'aria-colspan',\n  'aria-controls',\n  'aria-current',\n  'aria-describedby',\n  'aria-description',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-flowto',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-level',\n  'aria-live',\n  'aria-multiline',\n  'aria-multiselectable',\n  'aria-orientation',\n  'aria-owns',\n  'aria-placeholder',\n  'aria-posinset',\n  'aria-pressed',\n  'aria-readonly',\n  'aria-relevant',\n  'aria-required',\n  'aria-roledescription',\n  'aria-rowcount',\n  'aria-rowindex',\n  'aria-rowindextext',\n  'aria-rowspan',\n  'aria-selected',\n  'aria-setsize',\n  'aria-sort',\n  'aria-valuemax',\n  'aria-valuemin',\n  'aria-valuenow',\n  'aria-valuetext',\n  'role',\n]\n\n/**\n * Returns an array of aria attributes that should be copied from\n * the shadow host element to a target within the light DOM.\n *\n * @param element The element that the attributes should be copied from.\n */\nexport const inheritAriaAttributes = (\n  element: Element,\n): ReturnType<typeof inheritAttributes> =>\n  inheritAttributes(element, ariaAttributes)\n\nconst isProduction = process.env.NODE_ENV === 'production'\nconst prefix = 'Invariant failed'\n\n/**\n * Throws an error if the value is falsy.\n *\n * @param value Value to test.\n * @param message Optional message to display in development builds.\n */\nexport function invariant(value: unknown, message?: string): asserts value {\n  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions\n  if (value) return\n  if (isProduction) throw new Error(prefix)\n\n  const error = message === undefined ? prefix : `${prefix}: ${message}`\n  throw new Error(error)\n}\n\n/**\n * From an object pick a set of keys.\n *\n * @param object Object to pick from.\n * @param keys They keys to pick.\n * @returns New object with only the picked keys.\n */\nexport const pick = <T, K extends keyof T>(\n  object: T,\n  ...keys: K[]\n): Pick<T, K> => {\n  const returnValue: Partial<Pick<T, K>> = {}\n  for (const key of keys) returnValue[key] = object[key]\n  return returnValue as Pick<T, K>\n}\n\nexport type QdsFocusEventDetail = Pick<FocusEvent, 'relatedTarget'>\nexport type QdsInputEventDetail = Pick<\n  InputEvent,\n  'data' | 'inputType' | 'isComposing'\n>\nexport const pickFocusEventAttributes = (\n  event: FocusEvent,\n): QdsFocusEventDetail => pick(event, 'relatedTarget')\nexport const pickInputEventAttributes = (\n  event: InputEvent,\n): QdsInputEventDetail => pick(event, 'data', 'inputType', 'isComposing')\n\nconst getConversionFactor = (\n  element: Element,\n  unit: string,\n): number | undefined => {\n  switch (unit) {\n    case 'cm': {\n      return 96 / 2.54\n    }\n    case 'em': {\n      return Number.parseFloat(\n        globalThis.getComputedStyle(\n          element.parentElement ?? document.documentElement,\n        ).fontSize,\n      )\n    }\n    case 'in': {\n      return 96\n    }\n    case 'mm': {\n      return 96 / 25.4\n    }\n    case 'pc': {\n      return 16\n    }\n    case 'pt': {\n      return 96 / 72\n    }\n    case 'px': {\n      return 1\n    }\n    case 'rem': {\n      return Number.parseFloat(\n        globalThis.getComputedStyle(document.documentElement).fontSize,\n      )\n    }\n    default: {\n      return undefined\n    }\n  }\n}\n\nexport const propertyToPx = (\n  element: Element,\n  property: string,\n): number | undefined => {\n  const value = globalThis.getComputedStyle(element).getPropertyValue(property)\n  const number = Number.parseFloat(value)\n  if (Number.isNaN(number)) return undefined\n  const unit = /\\s*[\\d+.-]*\\s*(.*)/.exec(value)?.[1] ?? ''\n\n  const conversionFactor = getConversionFactor(element, unit) ?? 1\n  return number * conversionFactor\n}\n\nexport const ignorePromise = <T>(promise: Promise<T>): void => {\n  promise.catch(() => {\n    invariant(false)\n  })\n}\n\nexport const isTouchDevice = (): boolean =>\n  'ontouchstart' in globalThis ||\n  ('maxTouchPoints' in globalThis && globalThis.navigator.maxTouchPoints > 0)\n\nexport const roundByDPR = (value: number): number => {\n  const dpr = devicePixelRatio || 1\n  return Math.round(value * dpr) / dpr\n}\n\n/**\n * Checks if an element's content is overflowing.\n *\n * @param element The element to check.\n * @returns `true` if overflowing, `false` otherwise.\n */\nexport const isOverflowing = (element: Element): boolean => {\n  const { clientHeight, clientWidth, scrollHeight, scrollWidth } = element\n  return scrollHeight > clientHeight || scrollWidth > clientWidth\n}\n\nexport const determineLinkIcon = (\n  href?: URL | string,\n  target?: string,\n): LinkIcon | undefined => {\n  if (href === undefined) return undefined\n\n  let link\n  try {\n    link = new URL(href, globalThis.location.href)\n  } catch {\n    return undefined\n  }\n  const isExternalLink = link.origin !== globalThis.location.origin\n  const opensInNewTab = target === '_blank'\n\n  if (isExternalLink)\n    return opensInNewTab ? 'external-new-tab-link' : 'external-link'\n  return opensInNewTab ? 'new-tab-link' : undefined\n}\n\nexport function attachInternals(this: unknown): ElementInternals {\n  // @ts-expect-error: This is very unsafe but it's not possible to do this in\n  //                   Stencil.js without creating a form-associated custom\n  //                   element.\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-return\n  return this.attachInternals()\n}\n\nexport const resolveTarget = (\n  target?: ReferenceElement | string | (() => ReferenceElement | string),\n): ReferenceElement | undefined => {\n  const resolvedTarget = typeof target === 'function' ? target() : target\n  if (typeof resolvedTarget !== 'string') return resolvedTarget\n\n  const element = document.querySelector(resolvedTarget)\n  if (element === null) throw new Error('String must resolve to an Element.')\n  return element\n}\n\nexport type OffsetValue = Except<\n  Exclude<\n    LibraryOffsetOptions,\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    Function | number\n  >,\n  'mainAxis'\n>\nexport type OffsetFunction = (state: MiddlewareState) => OffsetValue\nexport type OffsetOptions = OffsetFunction | OffsetValue\n"],"version":3}
+{"file":"helpers-cdd65bd0.js","mappings":"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","names":[],"sources":["src/helpers.ts"],"sourcesContent":["// SPDX-FileCopyrightText: © 2024 Schneider Electric\n//\n// SPDX-License-Identifier: Apache-2.0\n\nimport type {\n  MiddlewareState,\n  OffsetOptions as LibraryOffsetOptions,\n  ReferenceElement,\n} from '@floating-ui/dom'\nimport type { Except, Replace } from 'type-fest'\n\nimport type { LinkIcon } from './components/shared'\n\nexport type Attributes = Record<string, string | undefined>\n\nconst inheritAttributes = (\n  element: Element,\n  attributes: string[] = [],\n): Attributes => {\n  const attributeObject: Attributes = {}\n\n  for (const attribute of attributes) {\n    const value = element.getAttribute(attribute)\n    if (value !== null) {\n      attributeObject[attribute] = value\n      element.removeAttribute(attribute)\n    }\n  }\n\n  return attributeObject\n}\n\ntype ARIAAttribute =\n  | Replace<Lowercase<keyof ARIAMixin>, 'aria', 'aria-'>\n  | 'aria-activedescendant'\n  | 'aria-braillelabel'\n  | 'aria-brailleroledescription'\n  | 'aria-colindextext'\n  | 'aria-controls'\n  | 'aria-describedby'\n  | 'aria-description'\n  | 'aria-details'\n  | 'aria-errormessage'\n  | 'aria-flowto'\n  | 'aria-labelledby'\n  | 'aria-owns'\n  | 'aria-relevant'\n  | 'aria-rowindextext'\n\nconst ariaAttributes: ARIAAttribute[] = [\n  'aria-activedescendant',\n  'aria-atomic',\n  'aria-autocomplete',\n  'aria-braillelabel',\n  'aria-brailleroledescription',\n  'aria-busy',\n  'aria-checked',\n  'aria-colcount',\n  'aria-colindex',\n  'aria-colindextext',\n  'aria-colspan',\n  'aria-controls',\n  'aria-current',\n  'aria-describedby',\n  'aria-description',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-flowto',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-level',\n  'aria-live',\n  'aria-multiline',\n  'aria-multiselectable',\n  'aria-orientation',\n  'aria-owns',\n  'aria-placeholder',\n  'aria-posinset',\n  'aria-pressed',\n  'aria-readonly',\n  'aria-relevant',\n  'aria-required',\n  'aria-roledescription',\n  'aria-rowcount',\n  'aria-rowindex',\n  'aria-rowindextext',\n  'aria-rowspan',\n  'aria-selected',\n  'aria-setsize',\n  'aria-sort',\n  'aria-valuemax',\n  'aria-valuemin',\n  'aria-valuenow',\n  'aria-valuetext',\n  'role',\n]\n\n/**\n * Returns an array of aria attributes that should be copied from\n * the shadow host element to a target within the light DOM.\n *\n * @param element The element that the attributes should be copied from.\n */\nexport const inheritAriaAttributes = (\n  element: Element,\n): ReturnType<typeof inheritAttributes> =>\n  inheritAttributes(element, ariaAttributes)\n\nconst isProduction = process.env.NODE_ENV === 'production'\nconst prefix = 'Invariant failed'\n\n/**\n * Throws an error if the value is falsy.\n *\n * @param value Value to test.\n * @param message Optional message to display in development builds.\n */\nexport function invariant(value: unknown, message?: string): asserts value {\n  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions\n  if (value) return\n  if (isProduction) throw new Error(prefix)\n\n  const error = message === undefined ? prefix : `${prefix}: ${message}`\n  throw new Error(error)\n}\n\n/**\n * From an object pick a set of keys.\n *\n * @param object Object to pick from.\n * @param keys They keys to pick.\n * @returns New object with only the picked keys.\n */\nexport const pick = <T, K extends keyof T>(\n  object: T,\n  ...keys: K[]\n): Pick<T, K> => {\n  const returnValue: Partial<Pick<T, K>> = {}\n  for (const key of keys) returnValue[key] = object[key]\n  return returnValue as Pick<T, K>\n}\n\nexport type QdsFocusEventDetail = Pick<FocusEvent, 'relatedTarget'>\nexport type QdsInputEventDetail = Pick<\n  InputEvent,\n  'data' | 'inputType' | 'isComposing'\n>\nexport const pickFocusEventAttributes = (\n  event: FocusEvent,\n): QdsFocusEventDetail => pick(event, 'relatedTarget')\nexport const pickInputEventAttributes = (\n  event: InputEvent,\n): QdsInputEventDetail => pick(event, 'data', 'inputType', 'isComposing')\n\nconst getConversionFactor = (\n  element: Element,\n  unit: string,\n): number | undefined => {\n  switch (unit) {\n    case 'cm': {\n      return 96 / 2.54\n    }\n    case 'em': {\n      return Number.parseFloat(\n        globalThis.getComputedStyle(\n          element.parentElement ?? document.documentElement,\n        ).fontSize,\n      )\n    }\n    case 'in': {\n      return 96\n    }\n    case 'mm': {\n      return 96 / 25.4\n    }\n    case 'pc': {\n      return 16\n    }\n    case 'pt': {\n      return 96 / 72\n    }\n    case 'px': {\n      return 1\n    }\n    case 'rem': {\n      return Number.parseFloat(\n        globalThis.getComputedStyle(document.documentElement).fontSize,\n      )\n    }\n    default: {\n      return undefined\n    }\n  }\n}\n\nexport const propertyToPx = (\n  element: Element,\n  property: string,\n): number | undefined => {\n  const value = globalThis.getComputedStyle(element).getPropertyValue(property)\n  const number = Number.parseFloat(value)\n  if (Number.isNaN(number)) return undefined\n  const unit = /\\s*[\\d+.-]*\\s*(.*)/.exec(value)?.[1] ?? ''\n\n  const conversionFactor = getConversionFactor(element, unit) ?? 1\n  return number * conversionFactor\n}\n\nexport const ignorePromise = <T>(promise: Promise<T>): void => {\n  promise.catch(() => {\n    invariant(false)\n  })\n}\n\nexport const isTouchDevice = (): boolean =>\n  'ontouchstart' in globalThis ||\n  ('maxTouchPoints' in globalThis && globalThis.navigator.maxTouchPoints > 0)\n\nexport const roundByDPR = (value: number): number => {\n  const dpr = devicePixelRatio || 1\n  return Math.round(value * dpr) / dpr\n}\n\n/**\n * Checks if an element's content is overflowing.\n *\n * @param element The element to check.\n * @returns `true` if overflowing, `false` otherwise.\n */\nexport const isOverflowing = (element: Element): boolean => {\n  const { clientHeight, clientWidth, scrollHeight, scrollWidth } = element\n  return scrollHeight > clientHeight || scrollWidth > clientWidth\n}\n\nexport const determineLinkIcon = (\n  href?: URL | string,\n  target?: string,\n): LinkIcon | undefined => {\n  if (href === undefined) return undefined\n\n  let link\n  try {\n    link = new URL(href, globalThis.location.href)\n  } catch {\n    return undefined\n  }\n  const isExternalLink = link.origin !== globalThis.location.origin\n  const opensInNewTab = target === '_blank'\n\n  if (isExternalLink)\n    return opensInNewTab ? 'external-new-tab-link' : 'external-link'\n  return opensInNewTab ? 'new-tab-link' : undefined\n}\n\nexport function attachInternals(this: unknown): ElementInternals {\n  // @ts-expect-error: This is very unsafe but it's not possible to do this in\n  //                   Stencil.js without creating a form-associated custom\n  //                   element.\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-return\n  return this.attachInternals()\n}\n\nexport const resolveTarget = (\n  target?: ReferenceElement | string | (() => ReferenceElement | string),\n): ReferenceElement | undefined => {\n  const resolvedTarget = typeof target === 'function' ? target() : target\n  if (typeof resolvedTarget !== 'string') return resolvedTarget\n\n  const element = document.querySelector(resolvedTarget)\n  if (element === null) throw new Error('String must resolve to an Element.')\n  return element\n}\n\nexport type OffsetValue = Except<\n  Exclude<\n    LibraryOffsetOptions,\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    Function | number\n  >,\n  'mainAxis'\n>\nexport type OffsetFunction = (state: MiddlewareState) => OffsetValue\nexport type OffsetOptions = OffsetFunction | OffsetValue\n"],"version":3}