@db-ux/wc-core-components 2.0.0-0-custom-select-16b8cce → 2.0.0

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

@@ -1,4 +1,4 @@
-import { cls, delay, getHideProp, hasVoiceOver, stringPropVisible, uuid, } from "../../utils";
+import { cls, delay, getBoolean, getHideProp, getNumber, 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";
 /**
@@ -11,41 +11,35 @@ export class DBTextarea {
         this._messageId = undefined;
         this._validMessageId = undefined;
         this._invalidMessageId = undefined;
+        this._invalidMessage = undefined;
         this._descByIds = "";
         this._value = "";
         this._voiceOverFallback = "";
     }
-    handleInput(event) {
-        if (this.onInput) {
-            this.onInput.emit(event);
-        }
-        if (this.input) {
-            this.input(event);
-        }
+    hasValidState() {
+        var _a;
+        return !!((_a = this.validMessage) !== null && _a !== void 0 ? _a : this.validation === "valid");
     }
-    handleChange(event) {
-        var _a, _b, _c, _d, _e, _f;
-        if (this.onChange) {
-            this.onChange.emit(event);
-        }
-        if (this.change) {
-            this.change(event);
-        }
+    handleValidation() {
+        var _a, _b, _c, _d;
         /* 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;
+            this._invalidMessage =
+                this.invalidMessage ||
+                    ((_b = this._ref) === null || _b === void 0 ? void 0 : _b.validationMessage) ||
+                    DEFAULT_INVALID_MESSAGE;
             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;
+                this._voiceOverFallback = this._invalidMessage;
                 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))) {
+        else if (this.hasValidState() &&
+            ((_c = this._ref) === null || _c === void 0 ? void 0 : _c.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;
+                this._voiceOverFallback = (_d = this.validMessage) !== null && _d !== void 0 ? _d : DEFAULT_VALID_MESSAGE;
                 delay(() => (this._voiceOverFallback = ""), 1000);
             }
         }
@@ -56,20 +50,26 @@ export class DBTextarea {
             this._descByIds = "";
         }
     }
-    handleBlur(event) {
-        if (this.onBlur) {
-            this.onBlur.emit(event);
+    handleInput(event) {
+        if (this.input) {
+            this.input.emit(event);
         }
+        this.handleValidation();
+    }
+    handleChange(event) {
+        if (this.change) {
+            this.change.emit(event);
+        }
+        this.handleValidation();
+    }
+    handleBlur(event) {
         if (this.blur) {
-            this.blur(event);
+            this.blur.emit(event);
         }
     }
     handleFocus(event) {
-        if (this.onFocus) {
-            this.onFocus.emit(event);
-        }
         if (this.focus) {
-            this.focus(event);
+            this.focus.emit(event);
         }
     }
     /**
@@ -105,6 +105,16 @@ export class DBTextarea {
         }
     }
     watch0Fn() {
+        var _a;
+        this._invalidMessage =
+            this.invalidMessage ||
+                ((_a = this._ref) === null || _a === void 0 ? void 0 : _a.validationMessage) ||
+                DEFAULT_INVALID_MESSAGE;
+    }
+    watch0() {
+        this.watch0Fn();
+    }
+    watch1Fn() {
         if (this._id) {
             const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;
             this._messageId = messageId;
@@ -115,14 +125,14 @@ export class DBTextarea {
             }
         }
     }
-    watch0() {
-        this.watch0Fn();
+    watch1() {
+        this.watch1Fn();
     }
-    watch1Fn() {
+    watch2Fn() {
         this._value = this.value;
     }
-    watch1() {
-        this.watch1Fn();
+    watch2() {
+        this.watch2Fn();
     }
     componentDidLoad() {
         var _a;
@@ -132,20 +142,24 @@ export class DBTextarea {
         this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;
         this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;
         this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;
+        this._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;
         this.watch0Fn();
         this.watch1Fn();
+        this.watch2Fn();
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        return (h("div", { key: 'e4ef4e666ccb942a36d351bc222778301f19d683', class: cls("db-textarea", this.className), "data-variant": this.variant, "data-hide-label": getHideProp(this.showLabel) }, h("label", { key: 'f6789ed822b101611cc4faa8ab80811f5a28dac1', htmlFor: this._id }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL), h("textarea", { key: '765275e4d10aa51e836709ad88eb4797387f2d90', "aria-invalid": this.validation === "invalid", "data-custom-validity": this.validation, ref: (el) => {
+        var _a, _b, _c;
+        return (h("div", { key: 'c4cb30285eb559a4a189603e4612a5db99d419e7', class: cls("db-textarea", this.className), "data-variant": this.variant, "data-hide-label": getHideProp(this.showLabel) }, h("label", { key: '462381d033db0e1279ac4727a7b47a7c40f20d36', htmlFor: this._id }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL), h("textarea", { key: 'fb683dba57fbd656e3847d9440fe704e39623991', "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: '3bb51e0be90600f665b64caff82e89b5f2adaf07', size: "small", semantic: "successful", id: this._validMessageId }, (_e = this.validMessage) !== null && _e !== void 0 ? _e : DEFAULT_VALID_MESSAGE), h("db-infotext", { key: '7b1a8a41ff41a8fe2a60f00536203ac28a4e10c2', size: "small", semantic: "critical", id: this._invalidMessageId }, (_f = this.invalidMessage) !== null && _f !== void 0 ? _f : (((_g = this._ref) === null || _g === void 0 ? void 0 : _g.validationMessage) || DEFAULT_INVALID_MESSAGE)), h("span", { key: 'a83bda55727b2262e3e28b6bb664558afc4cac88', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
+            }, id: this._id, "data-resize": this.resize, disabled: getBoolean(this.disabled, "disabled"), required: getBoolean(this.required, "required"), readOnly: getBoolean(this.readOnly, "readOnly") ||
+                getBoolean(this.readonly, "readonly"), form: this.form, maxLength: getNumber(this.maxLength, this.maxlength), minLength: getNumber(this.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: getNumber(this.rows, DEFAULT_ROWS), cols: getNumber(this.cols) }), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '9195e63cdc73b8a07400c5ae35dcfdf60300b8c0', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '67de9f51077ca34ed7fa6b88649cb7b22686ac75', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
     }
     static get is() { return "db-textarea"; }
     static get properties() {
         return {
             "id": {
                 "type": "string",
+                "attribute": "id",
                 "mutable": false,
                 "complexType": {
                     "original": "DBTextareaProps[\"id\"]",
@@ -166,14 +180,14 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "id",
                 "reflect": false
             },
-            "message": {
+            "invalidMessage": {
                 "type": "string",
+                "attribute": "invalid-message",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBTextareaProps[\"message\"]",
+                    "original": "DBTextareaProps[\"invalidMessage\"]",
                     "resolved": "string",
                     "references": {
                         "DBTextareaProps": {
@@ -191,15 +205,15 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "message",
                 "reflect": false
             },
-            "showMessage": {
-                "type": "boolean",
+            "message": {
+                "type": "string",
+                "attribute": "message",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBTextareaProps[\"showMessage\"]",
-                    "resolved": "boolean",
+                    "original": "DBTextareaProps[\"message\"]",
+                    "resolved": "string",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",
@@ -216,15 +230,15 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "show-message",
                 "reflect": false
             },
-            "value": {
+            "showMessage": {
                 "type": "any",
+                "attribute": "show-message",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBTextareaProps[\"value\"]",
-                    "resolved": "any",
+                    "original": "DBTextareaProps[\"showMessage\"]",
+                    "resolved": "boolean | string",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",
@@ -241,38 +255,15 @@ export class DBTextarea {
                 },
                 "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",
+            "value": {
+                "type": "any",
+                "attribute": "value",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBTextareaProps[\"change\"]",
-                    "resolved": "(event: Event) => void",
+                    "original": "DBTextareaProps[\"value\"]",
+                    "resolved": "any",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",
@@ -288,14 +279,16 @@ export class DBTextarea {
                     "text": ""
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "reflect": false
             },
-            "validation": {
+            "validMessage": {
                 "type": "string",
+                "attribute": "valid-message",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBTextareaProps[\"validation\"]",
-                    "resolved": "\"invalid\" | \"no-validation\" | \"valid\"",
+                    "original": "DBTextareaProps[\"validMessage\"]",
+                    "resolved": "string",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",
@@ -312,15 +305,15 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "validation",
                 "reflect": false
             },
-            "invalidMessage": {
+            "validation": {
                 "type": "string",
+                "attribute": "validation",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBTextareaProps[\"invalidMessage\"]",
-                    "resolved": "string",
+                    "original": "DBTextareaProps[\"validation\"]",
+                    "resolved": "\"invalid\" | \"no-validation\" | \"valid\"",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",
@@ -337,15 +330,15 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "invalid-message",
                 "reflect": false
             },
             "required": {
-                "type": "boolean",
+                "type": "any",
+                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "DBTextareaProps[\"required\"]",
-                    "resolved": "boolean",
+                    "resolved": "boolean | string",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",
@@ -362,15 +355,15 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": false
             },
             "minLength": {
-                "type": "number",
+                "type": "any",
+                "attribute": "min-length",
                 "mutable": false,
                 "complexType": {
                     "original": "DBTextareaProps[\"minLength\"]",
-                    "resolved": "number",
+                    "resolved": "number | string",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",
@@ -387,15 +380,15 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "min-length",
                 "reflect": false
             },
             "maxLength": {
-                "type": "number",
+                "type": "any",
+                "attribute": "max-length",
                 "mutable": false,
                 "complexType": {
                     "original": "DBTextareaProps[\"maxLength\"]",
-                    "resolved": "number",
+                    "resolved": "number | string",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",
@@ -412,14 +405,14 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "max-length",
                 "reflect": false
             },
-            "validMessage": {
+            "className": {
                 "type": "string",
+                "attribute": "classname",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBTextareaProps[\"validMessage\"]",
+                    "original": "DBTextareaProps[\"className\"]",
                     "resolved": "string",
                     "references": {
                         "DBTextareaProps": {
@@ -437,15 +430,15 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "valid-message",
                 "reflect": false
             },
-            "blur": {
-                "type": "unknown",
+            "variant": {
+                "type": "string",
+                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBTextareaProps[\"blur\"]",
-                    "resolved": "(event: FocusEvent) => void",
+                    "original": "DBTextareaProps[\"variant\"]",
+                    "resolved": "\"above\" | \"floating\"",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",
@@ -461,14 +454,16 @@ export class DBTextarea {
                     "text": ""
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "reflect": false
             },
-            "focus": {
-                "type": "unknown",
+            "showLabel": {
+                "type": "any",
+                "attribute": "show-label",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBTextareaProps[\"focus\"]",
-                    "resolved": "(event: FocusEvent) => void",
+                    "original": "DBTextareaProps[\"showLabel\"]",
+                    "resolved": "boolean | string",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",
@@ -484,13 +479,15 @@ export class DBTextarea {
                     "text": ""
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "reflect": false
             },
-            "className": {
+            "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBTextareaProps[\"className\"]",
+                    "original": "DBTextareaProps[\"label\"]",
                     "resolved": "string",
                     "references": {
                         "DBTextareaProps": {
@@ -508,15 +505,15 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "classname",
                 "reflect": false
             },
-            "variant": {
+            "resize": {
                 "type": "string",
+                "attribute": "resize",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBTextareaProps[\"variant\"]",
-                    "resolved": "\"above\" | \"floating\"",
+                    "original": "DBTextareaProps[\"resize\"]",
+                    "resolved": "\"both\" | \"horizontal\" | \"none\" | \"vertical\"",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",
@@ -533,15 +530,15 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
                 "reflect": false
             },
-            "showLabel": {
-                "type": "boolean",
+            "disabled": {
+                "type": "any",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBTextareaProps[\"showLabel\"]",
-                    "resolved": "boolean",
+                    "original": "DBTextareaProps[\"disabled\"]",
+                    "resolved": "boolean | string",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",
@@ -558,15 +555,15 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "show-label",
                 "reflect": false
             },
-            "label": {
-                "type": "string",
+            "readOnly": {
+                "type": "any",
+                "attribute": "read-only",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBTextareaProps[\"label\"]",
-                    "resolved": "string",
+                    "original": "DBTextareaProps[\"readOnly\"]",
+                    "resolved": "boolean | string",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",
@@ -583,15 +580,15 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false
             },
-            "resize": {
-                "type": "string",
+            "readonly": {
+                "type": "any",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBTextareaProps[\"resize\"]",
-                    "resolved": "\"both\" | \"horizontal\" | \"none\" | \"vertical\"",
+                    "original": "DBTextareaProps[\"readonly\"]",
+                    "resolved": "boolean | string",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",
@@ -608,15 +605,15 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "resize",
                 "reflect": false
             },
-            "disabled": {
-                "type": "boolean",
+            "form": {
+                "type": "string",
+                "attribute": "form",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBTextareaProps[\"disabled\"]",
-                    "resolved": "boolean",
+                    "original": "DBTextareaProps[\"form\"]",
+                    "resolved": "string",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",
@@ -633,15 +630,15 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false
             },
-            "readOnly": {
-                "type": "boolean",
+            "maxlength": {
+                "type": "any",
+                "attribute": "maxlength",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBTextareaProps[\"readOnly\"]",
-                    "resolved": "boolean",
+                    "original": "DBTextareaProps[\"maxlength\"]",
+                    "resolved": "number | string",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",
@@ -658,15 +655,15 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "read-only",
                 "reflect": false
             },
-            "form": {
-                "type": "string",
+            "minlength": {
+                "type": "any",
+                "attribute": "minlength",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBTextareaProps[\"form\"]",
-                    "resolved": "string",
+                    "original": "DBTextareaProps[\"minlength\"]",
+                    "resolved": "number | string",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",
@@ -683,11 +680,11 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "form",
                 "reflect": false
             },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "DBTextareaProps[\"name\"]",
@@ -708,11 +705,11 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": false
             },
             "wrap": {
                 "type": "string",
+                "attribute": "wrap",
                 "mutable": false,
                 "complexType": {
                     "original": "DBTextareaProps[\"wrap\"]",
@@ -733,11 +730,11 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "wrap",
                 "reflect": false
             },
             "spellCheck": {
                 "type": "boolean",
+                "attribute": "spell-check",
                 "mutable": false,
                 "complexType": {
                     "original": "DBTextareaProps[\"spellCheck\"]",
@@ -758,11 +755,11 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "spell-check",
                 "reflect": false
             },
             "autocomplete": {
                 "type": "string",
+                "attribute": "autocomplete",
                 "mutable": false,
                 "complexType": {
                     "original": "DBTextareaProps[\"autocomplete\"]",
@@ -783,11 +780,11 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "autocomplete",
                 "reflect": false
             },
             "placeholder": {
                 "type": "string",
+                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "DBTextareaProps[\"placeholder\"]",
@@ -808,15 +805,15 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "placeholder",
                 "reflect": false
             },
             "rows": {
-                "type": "number",
+                "type": "any",
+                "attribute": "rows",
                 "mutable": false,
                 "complexType": {
                     "original": "DBTextareaProps[\"rows\"]",
-                    "resolved": "number",
+                    "resolved": "number | string",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",
@@ -833,15 +830,15 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "rows",
                 "reflect": false
             },
             "cols": {
-                "type": "number",
+                "type": "any",
+                "attribute": "cols",
                 "mutable": false,
                 "complexType": {
                     "original": "DBTextareaProps[\"cols\"]",
-                    "resolved": "number",
+                    "resolved": "number | string",
                     "references": {
                         "DBTextareaProps": {
                             "location": "import",
@@ -858,11 +855,11 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "cols",
                 "reflect": false
             },
             "messageIcon": {
                 "type": "string",
+                "attribute": "message-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "DBTextareaProps[\"messageIcon\"]",
@@ -883,7 +880,6 @@ export class DBTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "message-icon",
                 "reflect": false
             }
         };
@@ -894,6 +890,7 @@ export class DBTextarea {
             "_messageId": {},
             "_validMessageId": {},
             "_invalidMessageId": {},
+            "_invalidMessage": {},
             "_descByIds": {},
             "_value": {},
             "_voiceOverFallback": {}
@@ -901,8 +898,8 @@ export class DBTextarea {
     }
     static get events() {
         return [{
-                "method": "onInput",
-                "name": "onInput",
+                "method": "input",
+                "name": "input",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -916,8 +913,8 @@ export class DBTextarea {
                     "references": {}
                 }
             }, {
-                "method": "onChange",
-                "name": "onChange",
+                "method": "change",
+                "name": "change",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -931,8 +928,8 @@ export class DBTextarea {
                     "references": {}
                 }
             }, {
-                "method": "onBlur",
-                "name": "onBlur",
+                "method": "blur",
+                "name": "blur",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -946,8 +943,8 @@ export class DBTextarea {
                     "references": {}
                 }
             }, {
-                "method": "onFocus",
-                "name": "onFocus",
+                "method": "focus",
+                "name": "focus",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -964,11 +961,17 @@ export class DBTextarea {
     }
     static get watchers() {
         return [{
-                "propName": "_id",
+                "propName": "_ref",
                 "methodName": "watch0"
             }, {
-                "propName": "value",
+                "propName": "invalidMessage",
+                "methodName": "watch0"
+            }, {
+                "propName": "_id",
                 "methodName": "watch1"
+            }, {
+                "propName": "value",
+                "methodName": "watch2"
             }];
     }
 }