@baloise/ds-core 20.0.0-next.10 → 20.0.0-next.11

package/dist/collection/components/textarea/textarea.js

@@ -1,1028 +0,0 @@
-/*!
- * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
- */
-import { __decorate, __metadata } from "tslib";
-import { h, } from "@stencil/core";
-import { inheritAttributes, FormControl, debounceEvent, Logger, OneOf, Type, watchInvalidTextSlot, } from "../../utils/index";
-import { defaultConfig, ListenToConfig } from "../../global/index";
-import { Field } from "../input/field.util";
-import { INPUT_AUTOCOMPLETES, INPUT_COLORS, INPUT_INPUT_MODES, } from "../input/input.interfaces";
-import { TEXTAREA_WRAPS, } from "./textarea.interfaces";
-/**
- * Textarea renders a multi-line text input field with validation, resizing, and optional help/error messaging.
- *
- * @slot - The textarea field content and surrounding elements.
- * @slot invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`.
- * @part textarea - The native HTML textarea element.
- * @part prefix - The prefix wrapper (if used).
- * @part suffix - The suffix wrapper (if used).
- */
-export class Textarea {
-    constructor() {
-        this.inputId = `ds-textarea-${TextareaIds++}`;
-        this.inheritedAttributes = {};
-        this.control = new FormControl(this);
-        this.focused = false;
-        this.hasInvalidTextSlotContent = false;
-        this.language = defaultConfig.language;
-        this.region = defaultConfig.region;
-        /**
-         * PUBLIC PROPERTY API
-         * ─────────────────────────────────────────────────────
-         */
-        /**
-         * Indicates whether and how the text value should be automatically capitalized.
-         */
-        this.autocapitalize = 'off';
-        /**
-         * Indicates whether the value of the control can be automatically completed by the browser.
-         */
-        this.autocomplete = 'off';
-        /**
-         * This Boolean attribute lets you specify that a form control should have input focus when the page loads.
-         */
-        this.autofocus = false;
-        /**
-         * If `true`, in Angular reactive forms the control will not be set invalid.
-         */
-        this.autoInvalidOff = false;
-        /**
-         * Defines the color state of the textarea.
-         */
-        this.color = 'primary';
-        /**
-         * Set the amount of time, in milliseconds, to wait to trigger the `dsChange` event after each keystroke.
-         */
-        this.debounce = 0;
-        /**
-         * The description displayed below the textarea field.
-         */
-        this.description = '';
-        /**
-         * If `true`, the element is not mutable, focusable, or even submitted with the form.
-         */
-        this.disabled = false;
-        /**
-         * If `true` the component gets an invalid style.
-         */
-        this.invalid = false;
-        /**
-         * Text shown in the description area when `invalid` is true.
-         */
-        this.invalidText = '';
-        /**
-         * The label displayed above the textarea field.
-         */
-        this.label = '';
-        /**
-         * The name of the control, which is submitted with the form data.
-         */
-        this.name = this.inputId;
-        /**
-         * Instructional text that shows before the textarea has a value.
-         */
-        this.placeholder = '';
-        /**
-         * If `true` the element can not be mutated, meaning the user can not edit the control.
-         */
-        this.readonly = false;
-        /**
-         * If `true`, the user must fill in a value before submitting a form.
-         */
-        this.required = true;
-        /**
-         * The value of the textarea.
-         */
-        this.value = null;
-        /**
-         * EVENT HANDLERS
-         * ─────────────────────────────────────────────────────
-         */
-        this.handleClick = (ev) => {
-            this.control.onClick(ev);
-        };
-        this.handleFocus = (ev) => {
-            this.control.onFocus(ev);
-        };
-        this.handleBlur = (ev) => {
-            this.control.onBlur(ev);
-        };
-        this.handleInput = (ev) => {
-            this.control.onInput(ev);
-        };
-    }
-    createLogger(log) {
-        this.log = log;
-    }
-    debounceChanged() {
-        this.dsChange = debounceEvent(this.dsChange, this.debounce);
-    }
-    /**
-     * LIFECYCLE
-     * ─────────────────────────────────────────────────────
-     */
-    connectedCallback() {
-        this.debounceChanged();
-        this.control.connectedCallback();
-        this.disconnectInvalidTextSlotWatcher = watchInvalidTextSlot(this.el, hasContent => {
-            this.hasInvalidTextSlotContent = hasContent;
-        });
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.disconnectInvalidTextSlotWatcher) === null || _a === void 0 ? void 0 : _a.call(this);
-    }
-    componentWillLoad() {
-        this.inheritedAttributes = inheritAttributes(this.el, ['aria-label', 'tabindex', 'title', 'data-hj-allow']);
-    }
-    componentDidLoad() {
-        this.control.componentDidLoad();
-    }
-    /**
-     * PUBLIC LISTENERS
-     * ─────────────────────────────────────────────────────
-     */
-    listenToClick(ev) {
-        this.control.listenOnClick(ev);
-    }
-    listenToReset(ev) {
-        this.control.listenOnReset(ev);
-    }
-    /**
-     * PUBLIC METHODS
-     * ─────────────────────────────────────────────────────
-     */
-    /**
-     * Sets focus on the native `textarea` element.
-     */
-    async setFocus() {
-        return this.control.setFocus();
-    }
-    /**
-     * Sets blur on the native `textarea` element.
-     * @internal
-     */
-    async setBlur() {
-        return this.control.setBlur();
-    }
-    /**
-     * Returns the native `<textarea>` element used under the hood.
-     */
-    async getInputElement() {
-        return this.control.nativeEl;
-    }
-    /**
-     * @internal define config for the component
-     */
-    async configChanged(state) {
-        this.language = state.language;
-        this.region = state.region;
-    }
-    /**
-     * RENDER
-     * ─────────────────────────────────────────────────────
-     */
-    render() {
-        const isInvalid = this.invalid || this.hasInvalidTextSlotContent;
-        const value = (this.value || '').toString();
-        return (h(Field, { key: 'a94ad46d6f2393d9ff41ce195afbd6f76994965d', inputId: 'textarea', disabled: this.disabled, color: this.color, invalid: isInvalid, label: this.label, description: this.description, invalidText: this.invalidText, required: this.required, language: this.language }, h("textarea", Object.assign({ key: 'ec8dc2465342a4bc2f257e9200674ed562f15d26', id: "textarea", part: "textarea", name: this.name, ref: el => (this.control.nativeEl = el), "aria-describedby": "description", "aria-invalid": isInvalid ? 'true' : 'false', disabled: this.disabled, autoCapitalize: this.autocapitalize, autocomplete: this.autocomplete, autofocus: this.autofocus, minLength: this.minLength, maxLength: this.maxLength, placeholder: this.placeholder || '', readonly: this.readonly, required: this.required, inputMode: this.inputmode, cols: this.cols, rows: this.rows, wrap: this.wrap ? this.wrap : undefined, value: value, onClick: ev => this.handleClick(ev), onFocus: ev => this.handleFocus(ev), onBlur: ev => this.handleBlur(ev), onInput: ev => this.handleInput(ev), onKeyPress: ev => this.dsKeyPress.emit(ev) }, this.inheritedAttributes))));
-    }
-    static get is() { return "ds-textarea"; }
-    static get encapsulation() { return "shadow"; }
-    static get formAssociated() { return true; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["textarea.host.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["textarea.host.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "autocapitalize": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Indicates whether and how the text value should be automatically capitalized."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "autocapitalize",
-                "defaultValue": "'off'"
-            },
-            "autocomplete": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "InputAutocomplete",
-                    "resolved": "\"additional-name\" | \"address-level1\" | \"address-level2\" | \"address-level3\" | \"address-level4\" | \"address-line1\" | \"address-line2\" | \"address-line3\" | \"bday\" | \"bday-day\" | \"bday-month\" | \"bday-year\" | \"cc-additional-name\" | \"cc-csc\" | \"cc-exp\" | \"cc-exp-month\" | \"cc-exp-year\" | \"cc-family-name\" | \"cc-given-name\" | \"cc-name\" | \"cc-number\" | \"cc-type\" | \"country\" | \"country-name\" | \"current-password\" | \"email\" | \"family-name\" | \"given-name\" | \"honorific-prefix\" | \"honorific-suffix\" | \"impp\" | \"language\" | \"name\" | \"new-password\" | \"nickname\" | \"off\" | \"on\" | \"one-time-code\" | \"organization\" | \"organization-title\" | \"photo\" | \"postal-code\" | \"sex\" | \"street-address\" | \"tel\" | \"tel-area-code\" | \"tel-country-code\" | \"tel-extension\" | \"tel-local\" | \"tel-national\" | \"transaction-amount\" | \"transaction-currency\" | \"url\" | \"username\"",
-                    "references": {
-                        "InputAutocomplete": {
-                            "location": "import",
-                            "path": "../input/input.interfaces",
-                            "id": "src/components/input/input.interfaces.ts::InputAutocomplete",
-                            "referenceLocation": "InputAutocomplete"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Indicates whether the value of the control can be automatically completed by the browser."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "autocomplete",
-                "defaultValue": "'off'"
-            },
-            "autofocus": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "This Boolean attribute lets you specify that a form control should have input focus when the page loads."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "autofocus",
-                "defaultValue": "false"
-            },
-            "autoInvalidOff": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If `true`, in Angular reactive forms the control will not be set invalid."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "auto-invalid-off",
-                "defaultValue": "false"
-            },
-            "color": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "InputColor",
-                    "resolved": "\"danger\" | \"primary\" | \"success\" | \"warning\"",
-                    "references": {
-                        "InputColor": {
-                            "location": "import",
-                            "path": "../input/input.interfaces",
-                            "id": "src/components/input/input.interfaces.ts::InputColor",
-                            "referenceLocation": "InputColor"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Defines the color state of the textarea."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "color",
-                "defaultValue": "'primary'"
-            },
-            "cols": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The visible width of the text control, in average character widths."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "cols"
-            },
-            "debounce": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Set the amount of time, in milliseconds, to wait to trigger the `dsChange` event after each keystroke."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "debounce",
-                "defaultValue": "0"
-            },
-            "description": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The description displayed below the textarea field."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "description",
-                "defaultValue": "''"
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If `true`, the element is not mutable, focusable, or even submitted with the form."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "disabled",
-                "defaultValue": "false"
-            },
-            "inputmode": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "TextareaInputMode",
-                    "resolved": "\"decimal\" | \"email\" | \"none\" | \"numeric\" | \"search\" | \"tel\" | \"text\" | \"url\" | undefined",
-                    "references": {
-                        "TextareaInputMode": {
-                            "location": "import",
-                            "path": "./textarea.interfaces",
-                            "id": "src/components/textarea/textarea.interfaces.ts::TextareaInputMode",
-                            "referenceLocation": "TextareaInputMode"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "A hint to the browser for which keyboard to display."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "inputmode"
-            },
-            "invalid": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If `true` the component gets an invalid style."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "invalid",
-                "defaultValue": "false"
-            },
-            "invalidText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Text shown in the description area when `invalid` is true."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "invalid-text",
-                "defaultValue": "''"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The label displayed above the textarea field."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label",
-                "defaultValue": "''"
-            },
-            "maxLength": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Specifies the maximum number of characters that the user can enter."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "max-length"
-            },
-            "minLength": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Specifies the minimum number of characters that the user can enter."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "min-length"
-            },
-            "name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The name of the control, which is submitted with the form data."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "name",
-                "defaultValue": "this.inputId"
-            },
-            "placeholder": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Instructional text that shows before the textarea has a value."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "placeholder",
-                "defaultValue": "''"
-            },
-            "readonly": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If `true` the element can not be mutated, meaning the user can not edit the control."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "readonly",
-                "defaultValue": "false"
-            },
-            "required": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If `true`, the user must fill in a value before submitting a form."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "required",
-                "defaultValue": "true"
-            },
-            "rows": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The number of visible text lines for the control."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "rows"
-            },
-            "value": {
-                "type": "string",
-                "mutable": true,
-                "complexType": {
-                    "original": "string | null",
-                    "resolved": "null | string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The value of the textarea."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "value",
-                "defaultValue": "null"
-            },
-            "wrap": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "TextareaWrap",
-                    "resolved": "\"hard\" | \"off\" | \"soft\" | undefined",
-                    "references": {
-                        "TextareaWrap": {
-                            "location": "import",
-                            "path": "./textarea.interfaces",
-                            "id": "src/components/textarea/textarea.interfaces.ts::TextareaWrap",
-                            "referenceLocation": "TextareaWrap"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Indicates how the control wraps text."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "wrap"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "focused": {},
-            "hasInvalidTextSlotContent": {},
-            "language": {},
-            "region": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "dsBlur",
-                "name": "dsBlur",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when a keyboard input occurred."
-                },
-                "complexType": {
-                    "original": "TextareaBlurDetail",
-                    "resolved": "FocusEvent",
-                    "references": {
-                        "TextareaBlurDetail": {
-                            "location": "import",
-                            "path": "./textarea.interfaces",
-                            "id": "src/components/textarea/textarea.interfaces.ts::TextareaBlurDetail",
-                            "referenceLocation": "TextareaBlurDetail"
-                        }
-                    }
-                }
-            }, {
-                "method": "dsChange",
-                "name": "dsChange",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when the textarea value has changed."
-                },
-                "complexType": {
-                    "original": "TextareaChangeDetail",
-                    "resolved": "null | string",
-                    "references": {
-                        "TextareaChangeDetail": {
-                            "location": "import",
-                            "path": "./textarea.interfaces",
-                            "id": "src/components/textarea/textarea.interfaces.ts::TextareaChangeDetail",
-                            "referenceLocation": "TextareaChangeDetail"
-                        }
-                    }
-                }
-            }, {
-                "method": "dsClick",
-                "name": "dsClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when the textarea has been clicked."
-                },
-                "complexType": {
-                    "original": "TextareaClickDetail",
-                    "resolved": "MouseEvent",
-                    "references": {
-                        "TextareaClickDetail": {
-                            "location": "import",
-                            "path": "./textarea.interfaces",
-                            "id": "src/components/textarea/textarea.interfaces.ts::TextareaClickDetail",
-                            "referenceLocation": "TextareaClickDetail"
-                        }
-                    }
-                }
-            }, {
-                "method": "dsFocus",
-                "name": "dsFocus",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when the textarea has focus."
-                },
-                "complexType": {
-                    "original": "TextareaFocusDetail",
-                    "resolved": "FocusEvent",
-                    "references": {
-                        "TextareaFocusDetail": {
-                            "location": "import",
-                            "path": "./textarea.interfaces",
-                            "id": "src/components/textarea/textarea.interfaces.ts::TextareaFocusDetail",
-                            "referenceLocation": "TextareaFocusDetail"
-                        }
-                    }
-                }
-            }, {
-                "method": "dsInput",
-                "name": "dsInput",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when a keyboard input occurred."
-                },
-                "complexType": {
-                    "original": "TextareaInputDetail",
-                    "resolved": "null | string",
-                    "references": {
-                        "TextareaInputDetail": {
-                            "location": "import",
-                            "path": "./textarea.interfaces",
-                            "id": "src/components/textarea/textarea.interfaces.ts::TextareaInputDetail",
-                            "referenceLocation": "TextareaInputDetail"
-                        }
-                    }
-                }
-            }, {
-                "method": "dsKeyPress",
-                "name": "dsKeyPress",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Emitted when a keyboard key has been pressed."
-                },
-                "complexType": {
-                    "original": "TextareaKeyPressDetail",
-                    "resolved": "KeyboardEvent",
-                    "references": {
-                        "TextareaKeyPressDetail": {
-                            "location": "import",
-                            "path": "./textarea.interfaces",
-                            "id": "src/components/textarea/textarea.interfaces.ts::TextareaKeyPressDetail",
-                            "referenceLocation": "TextareaKeyPressDetail"
-                        }
-                    }
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "setFocus": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Sets focus on the native `textarea` element.",
-                    "tags": []
-                }
-            },
-            "setBlur": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Sets blur on the native `textarea` element.",
-                    "tags": [{
-                            "name": "internal",
-                            "text": undefined
-                        }]
-                }
-            },
-            "getInputElement": {
-                "complexType": {
-                    "signature": "() => Promise<HTMLTextAreaElement>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "HTMLTextAreaElement": {
-                            "location": "global",
-                            "id": "global::HTMLTextAreaElement"
-                        }
-                    },
-                    "return": "Promise<HTMLTextAreaElement>"
-                },
-                "docs": {
-                    "text": "Returns the native `<textarea>` element used under the hood.",
-                    "tags": []
-                }
-            },
-            "configChanged": {
-                "complexType": {
-                    "signature": "(state: DsConfigState) => Promise<void>",
-                    "parameters": [{
-                            "name": "state",
-                            "type": "DsConfigState",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "DsConfigState": {
-                            "location": "import",
-                            "path": "@global",
-                            "id": "src/global/index.ts::DsConfigState",
-                            "referenceLocation": "DsConfigState"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": [{
-                            "name": "internal",
-                            "text": "define config for the component"
-                        }]
-                }
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "debounce",
-                "methodName": "debounceChanged"
-            }];
-    }
-    static get listeners() {
-        return [{
-                "name": "click",
-                "method": "listenToClick",
-                "target": "document",
-                "capture": true,
-                "passive": false
-            }, {
-                "name": "reset",
-                "method": "listenToReset",
-                "target": "document",
-                "capture": true,
-                "passive": false
-            }];
-    }
-    static get attachInternalsMemberName() { return "internals"; }
-}
-__decorate([
-    Logger('textarea'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Function]),
-    __metadata("design:returntype", void 0)
-], Textarea.prototype, "createLogger", null);
-__decorate([
-    Type('string'),
-    __metadata("design:type", String)
-], Textarea.prototype, "autocapitalize", void 0);
-__decorate([
-    OneOf(INPUT_AUTOCOMPLETES),
-    __metadata("design:type", String)
-], Textarea.prototype, "autocomplete", void 0);
-__decorate([
-    Type('boolean'),
-    __metadata("design:type", Boolean)
-], Textarea.prototype, "autofocus", void 0);
-__decorate([
-    Type('boolean'),
-    __metadata("design:type", Boolean)
-], Textarea.prototype, "autoInvalidOff", void 0);
-__decorate([
-    OneOf(INPUT_COLORS),
-    __metadata("design:type", String)
-], Textarea.prototype, "color", void 0);
-__decorate([
-    Type('number'),
-    __metadata("design:type", Number)
-], Textarea.prototype, "cols", void 0);
-__decorate([
-    Type('number'),
-    __metadata("design:type", Number)
-], Textarea.prototype, "debounce", void 0);
-__decorate([
-    Type('string'),
-    __metadata("design:type", String)
-], Textarea.prototype, "description", void 0);
-__decorate([
-    Type('boolean'),
-    __metadata("design:type", Boolean)
-], Textarea.prototype, "disabled", void 0);
-__decorate([
-    OneOf(INPUT_INPUT_MODES),
-    __metadata("design:type", String)
-], Textarea.prototype, "inputmode", void 0);
-__decorate([
-    Type('boolean'),
-    __metadata("design:type", Boolean)
-], Textarea.prototype, "invalid", void 0);
-__decorate([
-    Type('string'),
-    __metadata("design:type", String)
-], Textarea.prototype, "invalidText", void 0);
-__decorate([
-    Type('string'),
-    __metadata("design:type", String)
-], Textarea.prototype, "label", void 0);
-__decorate([
-    Type('number'),
-    __metadata("design:type", Number)
-], Textarea.prototype, "maxLength", void 0);
-__decorate([
-    Type('number'),
-    __metadata("design:type", Number)
-], Textarea.prototype, "minLength", void 0);
-__decorate([
-    Type('string'),
-    __metadata("design:type", String)
-], Textarea.prototype, "name", void 0);
-__decorate([
-    Type('string'),
-    __metadata("design:type", String)
-], Textarea.prototype, "placeholder", void 0);
-__decorate([
-    Type('boolean'),
-    __metadata("design:type", Boolean)
-], Textarea.prototype, "readonly", void 0);
-__decorate([
-    Type('boolean'),
-    __metadata("design:type", Boolean)
-], Textarea.prototype, "required", void 0);
-__decorate([
-    Type('number'),
-    __metadata("design:type", Number)
-], Textarea.prototype, "rows", void 0);
-__decorate([
-    Type('string'),
-    __metadata("design:type", Object)
-], Textarea.prototype, "value", void 0);
-__decorate([
-    OneOf(TEXTAREA_WRAPS),
-    __metadata("design:type", String)
-], Textarea.prototype, "wrap", void 0);
-__decorate([
-    ListenToConfig(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
-    __metadata("design:returntype", Promise)
-], Textarea.prototype, "configChanged", null);
-let TextareaIds = 0;