@haiilo/catalyst 4.1.2 → 5.0.1

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

@@ -1,7 +1,7 @@
-import { Component, Element, Event, h, Host, Method, Prop, State, Watch } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import autosize from 'autosize';
 import log from 'loglevel';
-import { buildHintSection } from '../cat-form-hint/cat-form-hint-utils';
+import { CatFormHint } from '../cat-form-hint/cat-form-hint';
 import { catI18nRegistry as i18n } from '../cat-i18n/cat-i18n-registry';
 let nextUniqueId = 0;
 /**
@@ -17,40 +17,26 @@ export class CatTextarea {
   constructor() {
     this._id = `cat-textarea-${nextUniqueId++}`;
     this.hasSlottedLabel = false;
-    /**
-     * Whether the label need a marker to shown if the textarea is required or optional.
-     */
+    this.hasSlottedHint = false;
+    this.errorMap = undefined;
     this.requiredMarker = 'optional';
-    /**
-     * Whether the textarea is disabled.
-     */
+    this.horizontal = false;
     this.disabled = false;
-    /**
-     * The label for the textarea.
-     */
+    this.hint = undefined;
+    this.identifier = undefined;
     this.label = '';
-    /**
-     * Visually hide the label, but still show it to assistive technologies like screen readers.
-     */
     this.labelHidden = false;
-    /**
-     * The value is not editable.
-     */
+    this.maxLength = undefined;
+    this.minLength = undefined;
+    this.name = undefined;
+    this.placeholder = undefined;
     this.readonly = false;
-    /**
-     * A value is required or must be check for the form to be submittable.
-     */
     this.required = false;
-    /**
-     * Specifies the initial number of lines in the textarea.
-     */
     this.rows = 3;
-    /**
-     * Fine-grained control over when the errors are shown. Can be `false` to
-     * never show errors, `true` to show errors on blur, or a number to show
-     * errors on change with the given delay in milliseconds.
-     */
+    this.value = undefined;
+    this.errors = undefined;
     this.errorUpdate = 0;
+    this.nativeAttributes = undefined;
   }
   get id() {
     return this.identifier || this._id;
@@ -58,6 +44,7 @@ export class CatTextarea {
   componentWillRender() {
     this.watchErrorsHandler(this.errors);
     this.hasSlottedLabel = !!this.hostElement.querySelector('[slot="label"]');
+    this.hasSlottedHint = !!this.hostElement.querySelector('[slot="hint"]');
     if (!this.label && !this.hasSlottedLabel) {
       log.warn('[A11y] Missing ARIA label on textarea', this);
     }
@@ -94,7 +81,7 @@ export class CatTextarea {
     }
     else {
       this.errorMapSrc = Array.isArray(value)
-        ? value.map(error => ({ [error]: undefined }))
+        ? value.reduce((acc, err) => (Object.assign(Object.assign({}, acc), { [err]: undefined })), {})
         : value === true
           ? {}
           : value || undefined;
@@ -102,26 +89,17 @@ export class CatTextarea {
   }
   render() {
     var _a;
-    return (h(Host, null,
-      (this.hasSlottedLabel || this.label) && (h("label", { htmlFor: this.id, class: { hidden: this.labelHidden } },
-        h("span", { part: "label" },
-          (this.hasSlottedLabel && h("slot", { name: "label" })) || this.label,
-          !this.required && this.requiredMarker.startsWith('optional') && (h("span", { class: "label-optional", "aria-hidden": "true" },
-            "(",
-            i18n.t('input.optional'),
-            ")")),
-          this.required && this.requiredMarker.startsWith('required') && (h("span", { class: "label-optional", "aria-hidden": "true" },
-            "(",
-            i18n.t('input.required'),
-            ")"))))),
-      h("div", { class: {
-          'textarea-wrapper': true,
-          'textarea-disabled': this.disabled,
-          'textarea-invalid': this.invalid
-        } },
-        h("textarea", Object.assign({}, this.nativeAttributes, { ref: el => (this.textarea = el), id: this.id, disabled: this.disabled, maxlength: this.maxLength, minlength: this.minLength, name: this.name, placeholder: this.placeholder, readonly: this.readonly, required: this.required, rows: this.rows, value: this.value, onInput: this.onInput.bind(this), onFocus: this.onFocus.bind(this), onBlur: this.onBlur.bind(this), "aria-invalid": this.invalid ? 'true' : undefined, "aria-describedby": ((_a = this.hint) === null || _a === void 0 ? void 0 : _a.length) ? this.id + '-hint' : undefined })),
-        this.invalid && (h("cat-icon", { icon: "alert-circle-outlined", class: "icon-suffix cat-text-danger", size: "l", onClick: () => this.textarea.focus() }))),
-      buildHintSection(this.hostElement, this.id, this.hint, this.errorMap)));
+    return (h(Host, null, h("div", { class: {
+        'textarea-field': true,
+        'textarea-horizontal': this.horizontal
+      } }, h("div", { class: {
+        hidden: this.labelHidden,
+        'label-container': true
+      } }, (this.hasSlottedLabel || this.label) && (h("label", { htmlFor: this.id, class: { hidden: this.labelHidden } }, h("span", { part: "label" }, (this.hasSlottedLabel && h("slot", { name: "label" })) || this.label, !this.required && this.requiredMarker.startsWith('optional') && (h("span", { class: "label-optional", "aria-hidden": "true" }, "(", i18n.t('input.optional'), ")")), this.required && this.requiredMarker.startsWith('required') && (h("span", { class: "label-optional", "aria-hidden": "true" }, "(", i18n.t('input.required'), ")")))))), h("div", { class: "textarea-container" }, h("div", { class: {
+        'textarea-wrapper': true,
+        'textarea-disabled': this.disabled,
+        'textarea-invalid': this.invalid
+      } }, h("textarea", Object.assign({}, this.nativeAttributes, { ref: el => (this.textarea = el), id: this.id, disabled: this.disabled, maxlength: this.maxLength, minlength: this.minLength, name: this.name, placeholder: this.placeholder, readonly: this.readonly, required: this.required, rows: this.rows, value: this.value, onInput: this.onInput.bind(this), onFocus: this.onFocus.bind(this), onBlur: this.onBlur.bind(this), "aria-invalid": this.invalid ? 'true' : undefined, "aria-describedby": ((_a = this.hint) === null || _a === void 0 ? void 0 : _a.length) ? this.id + '-hint' : undefined })), this.invalid && (h("cat-icon", { icon: "alert-circle-outlined", class: "icon-suffix cat-text-danger", size: "l", onClick: () => this.textarea.focus() }))), (this.hint || this.hasSlottedHint || !!Object.keys(this.errorMap || {}).length) && (h(CatFormHint, { id: this.id, hint: this.hint, slottedHint: this.hasSlottedHint && h("slot", { name: "hint" }), errorMap: this.errorMap }))))));
   }
   get invalid() {
     return !!this.errorMap;
@@ -145,438 +123,471 @@ export class CatTextarea {
   }
   static get is() { return "cat-textarea"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["cat-textarea.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["cat-textarea.css"]
-  }; }
-  static get properties() { return {
-    "requiredMarker": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'none' | 'required' | 'optional' | 'none!' | 'optional!' | 'required!'",
-        "resolved": "\"none!\" | \"none\" | \"optional!\" | \"optional\" | \"required!\" | \"required\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Whether the label need a marker to shown if the textarea is required or optional."
-      },
-      "attribute": "required-marker",
-      "reflect": false,
-      "defaultValue": "'optional'"
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Whether the textarea is disabled."
-      },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "hint": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string | string[]",
-        "resolved": "string | string[] | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Optional hint text(s) to be displayed with the textarea."
-      },
-      "attribute": "hint",
-      "reflect": false
-    },
-    "identifier": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "A unique identifier for the input."
-      },
-      "attribute": "identifier",
-      "reflect": false
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The label for the textarea."
-      },
-      "attribute": "label",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "labelHidden": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Visually hide the label, but still show it to assistive technologies like screen readers."
-      },
-      "attribute": "label-hidden",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "maxLength": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "A maximum length (number of characters) for textual values."
-      },
-      "attribute": "max-length",
-      "reflect": false
-    },
-    "minLength": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "A minimum length (number of characters) for textual values."
-      },
-      "attribute": "min-length",
-      "reflect": false
-    },
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The name of the form control. Submitted with the form as part of a name/value pair."
-      },
-      "attribute": "name",
-      "reflect": false
-    },
-    "placeholder": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The placeholder text to display within the input."
-      },
-      "attribute": "placeholder",
-      "reflect": false
-    },
-    "readonly": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The value is not editable."
-      },
-      "attribute": "readonly",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "required": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "A value is required or must be check for the form to be submittable."
-      },
-      "attribute": "required",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "rows": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Specifies the initial number of lines in the textarea."
-      },
-      "attribute": "rows",
-      "reflect": false,
-      "defaultValue": "3"
-    },
-    "value": {
-      "type": "any",
-      "mutable": true,
-      "complexType": {
-        "original": "string | number",
-        "resolved": "number | string | undefined",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The initial value of the control."
-      },
-      "attribute": "value",
-      "reflect": false
-    },
-    "errors": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean | string[] | ErrorMap",
-        "resolved": "boolean | string[] | undefined | { [key: string]: any; }",
-        "references": {
-          "ErrorMap": {
-            "location": "import",
-            "path": "../cat-form-hint/cat-form-hint-utils"
+  static get originalStyleUrls() {
+    return {
+      "$": ["cat-textarea.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["cat-textarea.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "requiredMarker": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'none' | 'required' | 'optional' | 'none!' | 'optional!' | 'required!'",
+          "resolved": "\"none!\" | \"none\" | \"optional!\" | \"optional\" | \"required!\" | \"required\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Whether the label need a marker to shown if the textarea is required or optional."
+        },
+        "attribute": "required-marker",
+        "reflect": false,
+        "defaultValue": "'optional'"
+      },
+      "horizontal": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Whether the label is on top or left."
+        },
+        "attribute": "horizontal",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Whether the textarea is disabled."
+        },
+        "attribute": "disabled",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "hint": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string | string[]",
+          "resolved": "string | string[] | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Optional hint text(s) to be displayed with the textarea."
+        },
+        "attribute": "hint",
+        "reflect": false
+      },
+      "identifier": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "A unique identifier for the input."
+        },
+        "attribute": "identifier",
+        "reflect": false
+      },
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The label for the textarea."
+        },
+        "attribute": "label",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "labelHidden": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Visually hide the label, but still show it to assistive technologies like screen readers."
+        },
+        "attribute": "label-hidden",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "maxLength": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "A maximum length (number of characters) for textual values."
+        },
+        "attribute": "max-length",
+        "reflect": false
+      },
+      "minLength": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "A minimum length (number of characters) for textual values."
+        },
+        "attribute": "min-length",
+        "reflect": false
+      },
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The name of the form control. Submitted with the form as part of a name/value pair."
+        },
+        "attribute": "name",
+        "reflect": false
+      },
+      "placeholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The placeholder text to display within the input."
+        },
+        "attribute": "placeholder",
+        "reflect": false
+      },
+      "readonly": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The value is not editable."
+        },
+        "attribute": "readonly",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "required": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "A value is required or must be check for the form to be submittable."
+        },
+        "attribute": "required",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "rows": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Specifies the initial number of lines in the textarea."
+        },
+        "attribute": "rows",
+        "reflect": false,
+        "defaultValue": "3"
+      },
+      "value": {
+        "type": "any",
+        "mutable": true,
+        "complexType": {
+          "original": "string | number",
+          "resolved": "number | string | undefined",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The initial value of the control."
+        },
+        "attribute": "value",
+        "reflect": false
+      },
+      "errors": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean | string[] | ErrorMap",
+          "resolved": "boolean | string[] | undefined | { [key: string]: any; }",
+          "references": {
+            "ErrorMap": {
+              "location": "import",
+              "path": "../cat-form-hint/cat-form-hint"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "The validation errors for this input. Will render a hint under the input\nwith the translated error message(s) `error.${key}`. If an object is\npassed, the keys will be used as error keys and the values translation\nparameters.\nIf the value is `true`, the input will be marked as invalid without any\nhints under the input."
+        },
+        "attribute": "errors",
+        "reflect": false
+      },
+      "errorUpdate": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean | number",
+          "resolved": "boolean | number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Fine-grained control over when the errors are shown. Can be `false` to\nnever show errors, `true` to show errors on blur, or a number to show\nerrors on change with the given delay in milliseconds."
+        },
+        "attribute": "error-update",
+        "reflect": false,
+        "defaultValue": "0"
+      },
+      "nativeAttributes": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "{ [key: string]: string }",
+          "resolved": "undefined | { [key: string]: string; }",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Attributes that will be added to the native HTML textarea element."
         }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "The validation errors for this input. Will render a hint under the input\nwith the translated error message(s) `error.${key}`. If an object is\npassed, the keys will be used as error keys and the values translation\nparameters.\nIf the value is `true`, the input will be marked as invalid without any\nhints under the input."
-      },
-      "attribute": "errors",
-      "reflect": false
-    },
-    "errorUpdate": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean | number",
-        "resolved": "boolean | number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Fine-grained control over when the errors are shown. Can be `false` to\nnever show errors, `true` to show errors on blur, or a number to show\nerrors on change with the given delay in milliseconds."
-      },
-      "attribute": "error-update",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "nativeAttributes": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "{ [key: string]: string }",
-        "resolved": "undefined | { [key: string]: string; }",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Attributes that will be added to the native HTML textarea element."
-      }
-    }
-  }; }
-  static get states() { return {
-    "hasSlottedLabel": {},
-    "errorMap": {}
-  }; }
-  static get events() { return [{
-      "method": "catChange",
-      "name": "catChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the value is changed."
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
       }
-    }, {
-      "method": "catFocus",
-      "name": "catFocus",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the textarea received focus."
-      },
-      "complexType": {
-        "original": "FocusEvent",
-        "resolved": "FocusEvent",
-        "references": {
-          "FocusEvent": {
-            "location": "global"
+    };
+  }
+  static get states() {
+    return {
+      "hasSlottedLabel": {},
+      "hasSlottedHint": {},
+      "errorMap": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "catChange",
+        "name": "catChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the value is changed."
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "catFocus",
+        "name": "catFocus",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the textarea received focus."
+        },
+        "complexType": {
+          "original": "FocusEvent",
+          "resolved": "FocusEvent",
+          "references": {
+            "FocusEvent": {
+              "location": "global"
+            }
           }
         }
-      }
-    }, {
-      "method": "catBlur",
-      "name": "catBlur",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitted when the textarea loses focus."
-      },
-      "complexType": {
-        "original": "FocusEvent",
-        "resolved": "FocusEvent",
-        "references": {
-          "FocusEvent": {
-            "location": "global"
+      }, {
+        "method": "catBlur",
+        "name": "catBlur",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted when the textarea loses focus."
+        },
+        "complexType": {
+          "original": "FocusEvent",
+          "resolved": "FocusEvent",
+          "references": {
+            "FocusEvent": {
+              "location": "global"
+            }
           }
         }
-      }
-    }]; }
-  static get methods() { return {
-    "doFocus": {
-      "complexType": {
-        "signature": "(options?: FocusOptions | undefined) => Promise<void>",
-        "parameters": [{
-            "tags": [{
-                "name": "param",
-                "text": "options An optional object providing options to control aspects of\nthe focusing process."
-              }],
-            "text": "An optional object providing options to control aspects of\nthe focusing process."
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+      }];
+  }
+  static get methods() {
+    return {
+      "doFocus": {
+        "complexType": {
+          "signature": "(options?: FocusOptions) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "options An optional object providing options to control aspects of\nthe focusing process."
+                }],
+              "text": "An optional object providing options to control aspects of\nthe focusing process."
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "FocusOptions": {
+              "location": "global"
+            }
           },
-          "FocusOptions": {
-            "location": "global"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Programmatically move focus to the textarea. Use this method instead of\n`textarea.focus()`.",
+          "tags": [{
+              "name": "param",
+              "text": "options An optional object providing options to control aspects of\nthe focusing process."
+            }]
+        }
       },
-      "docs": {
-        "text": "Programmatically move focus to the textarea. Use this method instead of\n`textarea.focus()`.",
-        "tags": [{
-            "name": "param",
-            "text": "options An optional object providing options to control aspects of\nthe focusing process."
-          }]
-      }
-    },
-    "doBlur": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "doBlur": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Programmatically remove focus from the textarea. Use this method instead of\n`textarea.blur()`.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Programmatically remove focus from the textarea. Use this method instead of\n`textarea.blur()`.",
-        "tags": []
-      }
-    },
-    "doClick": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "doClick": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Programmatically simulate a click on the textarea.",
-        "tags": []
+        "docs": {
+          "text": "Programmatically simulate a click on the textarea.",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "hostElement"; }
-  static get watchers() { return [{
-      "propName": "errors",
-      "methodName": "watchErrorsHandler"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "errors",
+        "methodName": "watchErrorsHandler"
+      }];
+  }
 }
-//# sourceMappingURL=cat-textarea.js.map
+//# sourceMappingURL=cat-textarea.js.map