@db-ux/wc-core-components 1.0.0-test-13b991d

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

@@ -0,0 +1,956 @@
+import { cls, delay, getHideProp, hasVoiceOver, stringPropVisible, uuid, } from "../../utils";
+import { DEFAULT_INVALID_MESSAGE, DEFAULT_INVALID_MESSAGE_ID_SUFFIX, DEFAULT_LABEL, DEFAULT_MESSAGE_ID_SUFFIX, DEFAULT_PLACEHOLDER, DEFAULT_ROWS, DEFAULT_VALID_MESSAGE, DEFAULT_VALID_MESSAGE_ID_SUFFIX, } from "../../shared/constants";
+import { h } from "@stencil/core";
+/**
+ * @slot children - This is a default/unnamed slot
+
+ */
+export class DBTextarea {
+    constructor() {
+        this._id = undefined;
+        this._messageId = undefined;
+        this._validMessageId = undefined;
+        this._invalidMessageId = undefined;
+        this._descByIds = "";
+        this._value = "";
+        this._voiceOverFallback = "";
+    }
+    handleInput(event) {
+        if (this.onInput) {
+            this.onInput.emit(event);
+        }
+        if (this.input) {
+            this.input(event);
+        }
+    }
+    handleChange(event) {
+        var _a, _b, _c, _d, _e, _f;
+        if (this.onChange) {
+            this.onChange.emit(event);
+        }
+        if (this.change) {
+            this.change(event);
+        }
+        /* For a11y reasons we need to map the correct message with the textarea */
+        if (!((_a = this._ref) === null || _a === void 0 ? void 0 : _a.validity.valid) || this.validation === "invalid") {
+            this._descByIds = this._invalidMessageId;
+            if (hasVoiceOver()) {
+                this._voiceOverFallback =
+                    (_d = (_b = this.invalidMessage) !== null && _b !== void 0 ? _b : (_c = this._ref) === null || _c === void 0 ? void 0 : _c.validationMessage) !== null && _d !== void 0 ? _d : DEFAULT_INVALID_MESSAGE;
+                delay(() => (this._voiceOverFallback = ""), 1000);
+            }
+        }
+        else if (this.validation === "valid" ||
+            (((_e = this._ref) === null || _e === void 0 ? void 0 : _e.validity.valid) &&
+                (this.required || this.minLength || this.maxLength))) {
+            this._descByIds = this._validMessageId;
+            if (hasVoiceOver()) {
+                this._voiceOverFallback = (_f = this.validMessage) !== null && _f !== void 0 ? _f : DEFAULT_VALID_MESSAGE;
+                delay(() => (this._voiceOverFallback = ""), 1000);
+            }
+        }
+        else if (stringPropVisible(this.message, this.showMessage)) {
+            this._descByIds = this._messageId;
+        }
+        else {
+            this._descByIds = "";
+        }
+    }
+    handleBlur(event) {
+        if (this.onBlur) {
+            this.onBlur.emit(event);
+        }
+        if (this.blur) {
+            this.blur(event);
+        }
+    }
+    handleFocus(event) {
+        if (this.onFocus) {
+            this.onFocus.emit(event);
+        }
+        if (this.focus) {
+            this.focus(event);
+        }
+    }
+    /**
+     * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.
+     * @param element  the ref for the component
+     * @param customElementSelector  the custom element like `my-component`
+     */
+    enableAttributePassing(element, customElementSelector) {
+        const parent = element === null || element === void 0 ? void 0 : element.closest(customElementSelector);
+        if (element && parent) {
+            const attributes = parent.attributes;
+            for (let i = 0; i < attributes.length; i++) {
+                const attr = attributes.item(i);
+                if (attr &&
+                    (attr.name.startsWith("data-") || attr.name.startsWith("aria-"))) {
+                    element.setAttribute(attr.name, attr.value);
+                    parent.removeAttribute(attr.name);
+                }
+                if (attr && attr.name === "class") {
+                    const isWebComponent = attr.value.includes("hydrated");
+                    const value = attr.value.replace("hydrated", "").trim();
+                    const currentClass = element.getAttribute("class");
+                    element.setAttribute(attr.name, `${currentClass ? `${currentClass} ` : ""}${value}`);
+                    if (isWebComponent) {
+                        // Stencil is using this class for lazy loading component
+                        parent.setAttribute("class", "hydrated");
+                    }
+                    else {
+                        parent.removeAttribute(attr.name);
+                    }
+                }
+            }
+        }
+    }
+    componentDidLoad() {
+        var _a;
+        this.enableAttributePassing(this._ref, "db-textarea");
+        const mId = (_a = this.id) !== null && _a !== void 0 ? _a : `textarea-${uuid()}`;
+        this._id = mId;
+        this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;
+        this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;
+        this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;
+    }
+    componentDidUpdate() {
+        if (this._id) {
+            const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;
+            this._messageId = messageId;
+            this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;
+            this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;
+            if (stringPropVisible(this.message, this.showMessage)) {
+                this._descByIds = messageId;
+            }
+        }
+        this._value = this.value;
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        return (h("div", { key: '00e7421cc95291ae0b42e710f7e0dab15abf83f4', class: cls("db-textarea", this.className), "data-variant": this.variant, "data-hide-label": getHideProp(this.showLabel) }, h("label", { key: '038acbf2c0f722961956c4ab35f5ea05aece9f1d', htmlFor: this._id }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL), h("textarea", { key: 'a4cd136c1b4067bbd057c0e1460894c69f398fff', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, ref: (el) => {
+                this._ref = el;
+            }, id: this._id, "data-resize": this.resize, disabled: this.disabled, required: this.required, readOnly: this.readOnly, form: this.form, maxLength: this.maxLength, minLength: this.minLength, name: this.name, wrap: this.wrap, spellcheck: this.spellCheck, autocomplete: this.autocomplete, onInput: (event) => this.handleInput(event), onChange: (event) => this.handleChange(event), onBlur: (event) => this.handleBlur(event), onFocus: (event) => this.handleFocus(event), value: (_b = this.value) !== null && _b !== void 0 ? _b : this._value, "aria-describedby": this._descByIds, placeholder: (_c = this.placeholder) !== null && _c !== void 0 ? _c : DEFAULT_PLACEHOLDER, rows: (_d = this.rows) !== null && _d !== void 0 ? _d : DEFAULT_ROWS, cols: this.cols }), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, h("db-infotext", { key: 'cd978d641857528de8f5b45e5c835a5e5e40d2f6', size: "small", semantic: "successful", id: this._validMessageId }, (_e = this.validMessage) !== null && _e !== void 0 ? _e : DEFAULT_VALID_MESSAGE), h("db-infotext", { key: '29176035e95cc91274d6ee06384ee4e131af6da3', size: "small", semantic: "critical", id: this._invalidMessageId }, (_h = (_f = this.invalidMessage) !== null && _f !== void 0 ? _f : (_g = this._ref) === null || _g === void 0 ? void 0 : _g.validationMessage) !== null && _h !== void 0 ? _h : DEFAULT_INVALID_MESSAGE), h("span", { key: '42a703d938ea2c635b23372a8dd782a1e1ea34ef', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
+    }
+    static get is() { return "db-textarea"; }
+    static get properties() {
+        return {
+            "id": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"id\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "id",
+                "reflect": false
+            },
+            "message": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"message\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "message",
+                "reflect": false
+            },
+            "showMessage": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"showMessage\"]",
+                    "resolved": "boolean",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show-message",
+                "reflect": false
+            },
+            "value": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"value\"]",
+                    "resolved": "any",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "value",
+                "reflect": false
+            },
+            "input": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"input\"]",
+                    "resolved": "(event: Event) => void",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "change": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"change\"]",
+                    "resolved": "(event: Event) => void",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "validation": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"validation\"]",
+                    "resolved": "\"invalid\" | \"no-validation\" | \"valid\"",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "validation",
+                "reflect": false
+            },
+            "invalidMessage": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"invalidMessage\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "invalid-message",
+                "reflect": false
+            },
+            "required": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"required\"]",
+                    "resolved": "boolean",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "required",
+                "reflect": false
+            },
+            "minLength": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"minLength\"]",
+                    "resolved": "number",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "min-length",
+                "reflect": false
+            },
+            "maxLength": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"maxLength\"]",
+                    "resolved": "number",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "max-length",
+                "reflect": false
+            },
+            "validMessage": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"validMessage\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "valid-message",
+                "reflect": false
+            },
+            "blur": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"blur\"]",
+                    "resolved": "(event: FocusEvent) => void",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "focus": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"focus\"]",
+                    "resolved": "(event: FocusEvent) => void",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "className": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"className\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "classname",
+                "reflect": false
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"variant\"]",
+                    "resolved": "\"above\" | \"floating\"",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "variant",
+                "reflect": false
+            },
+            "showLabel": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"showLabel\"]",
+                    "resolved": "boolean",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show-label",
+                "reflect": false
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"label\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "label",
+                "reflect": false
+            },
+            "resize": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"resize\"]",
+                    "resolved": "\"both\" | \"horizontal\" | \"none\" | \"vertical\"",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "resize",
+                "reflect": false
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"disabled\"]",
+                    "resolved": "boolean",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "disabled",
+                "reflect": false
+            },
+            "readOnly": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"readOnly\"]",
+                    "resolved": "boolean",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "read-only",
+                "reflect": false
+            },
+            "form": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"form\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "form",
+                "reflect": false
+            },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"name\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "name",
+                "reflect": false
+            },
+            "wrap": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"wrap\"]",
+                    "resolved": "\"hard\" | \"off\" | \"soft\"",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "wrap",
+                "reflect": false
+            },
+            "spellCheck": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"spellCheck\"]",
+                    "resolved": "boolean",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "spell-check",
+                "reflect": false
+            },
+            "autocomplete": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"autocomplete\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "autocomplete",
+                "reflect": false
+            },
+            "placeholder": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"placeholder\"]",
+                    "resolved": "string",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "placeholder",
+                "reflect": false
+            },
+            "rows": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"rows\"]",
+                    "resolved": "number",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "rows",
+                "reflect": false
+            },
+            "cols": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"cols\"]",
+                    "resolved": "number",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "cols",
+                "reflect": false
+            },
+            "messageIcon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DBTextareaProps[\"messageIcon\"]",
+                    "resolved": "BaseIconTypes | LooseAutocomplete",
+                    "references": {
+                        "DBTextareaProps": {
+                            "location": "import",
+                            "path": "./model",
+                            "id": "src/components/textarea/model.ts::DBTextareaProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "message-icon",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "_id": {},
+            "_messageId": {},
+            "_validMessageId": {},
+            "_invalidMessageId": {},
+            "_descByIds": {},
+            "_value": {},
+            "_voiceOverFallback": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "onInput",
+                "name": "onInput",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "onChange",
+                "name": "onChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "onBlur",
+                "name": "onBlur",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "onFocus",
+                "name": "onFocus",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=textarea.js.map