@moni-labs/moni-ui 0.4.13 → 0.4.14

package/dist/components/moni-textarea.d.ts

@@ -4,9 +4,9 @@
  * @license MIT
  * @contributors Moni Labs & Contributors
  */
-import { MoniElement } from './_base/index.js';
-import './moni-icon.js';
-import './moni-progress.js';
+import { MoniElement } from "./_base/index.js";
+import "./moni-icon.js";
+import "./moni-progress.js";
 /**
  * Componente Material Design 3 Textarea (Área de texto).
  *
@@ -72,19 +72,19 @@ export declare class MoniTextarea extends MoniElement {
      * @type {'filled' | 'outlined'}
      * @default 'filled'
      */
-    variant: 'filled' | 'outlined';
+    variant: "filled" | "outlined";
     /**
      * Define las dimensiones del área de texto.
      * @type {'small' | 'medium' | 'large' | 'extra'}
      * @default 'medium'
      */
-    size: 'small' | 'medium' | 'large' | 'extra';
+    size: "small" | "medium" | "large" | "extra";
     /**
      * Forma del radio del borde (border-radius) del campo.
      * @type {'round' | 'small-round' | 'square' | 'no-round'}
      * @default 'no-round'
      */
-    shape: 'round' | 'small-round' | 'square' | 'no-round';
+    shape: "round" | "small-round" | "square" | "no-round";
     /**
      * Nombre del icono inicial (leading) (Material Symbols).
      * @type {string}
@@ -186,12 +186,12 @@ export declare class MoniTextarea extends MoniElement {
      * `required` se pintaría pero no detendría el envío.
      */
     /**
-         * API de validación equivalente a la de un control nativo.
-         *
-         * Los elementos form-associated participan en la validación del formulario,
-         * pero no reciben estos miembros automáticamente: hay que exponerlos para que
-         * un `moni-textarea` se pueda interrogar igual que un `<input>`.
-         */
+     * API de validación equivalente a la de un control nativo.
+     *
+     * Los elementos form-associated participan en la validación del formulario,
+     * pero no reciben estos miembros automáticamente: hay que exponerlos para que
+     * un `moni-textarea` se pueda interrogar igual que un `<input>`.
+     */
     get validity(): ValidityState;
     get validationMessage(): string;
     checkValidity(): boolean;
@@ -215,7 +215,7 @@ export declare class MoniTextarea extends MoniElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'moni-textarea': MoniTextarea;
+        "moni-textarea": MoniTextarea;
     }
 }
 export default MoniTextarea;

package/dist/components/moni-textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"moni-textarea.d.ts","sourceRoot":"","sources":["../../src/components/moni-textarea.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,EAAE,WAAW,EAA6B,MAAM,kBAAkB,CAAC;AAC1E,OAAO,gBAAgB,CAAC;AACxB,OAAO,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,qBACa,YAAa,SAAQ,WAAW;IAC5C,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAAmB;;IAOrC;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;OAGG;IAC0B,KAAK,SAAM;IAExC;;;;OAIG;IAC0B,OAAO,EAAE,QAAQ,GAAG,UAAU,CAAY;IAEvE;;;;OAIG;IAEH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAY;IAExD;;;;OAIG;IAEH,KAAK,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAc;IAEpE;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;OAGG;IACsD,YAAY,SAAM;IAE3E;;;OAGG;IAC0B,MAAM,SAAM;IAEzC;;;OAGG;IAC0B,MAAM,SAAM;IAEzC;;;;OAIG;IACwC,IAAI,SAAK;IAEpD,mEAAmE;IACvB,QAAQ,UAAS;IAE7D,4FAA4F;IAC1B,OAAO,SAAK;IAE9E;;;;OAIG;IACwC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAQ3E,oFAAoF;IACxC,QAAQ,UAAS;IAE7D,iFAAiF;IACrC,QAAQ,UAAS;IAE7D,sCAAsC;IACK,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE3E,6CAA6C;IAChB,YAAY,SAAM;IAE/C;;;OAGG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IACyC,OAAO,UAAS;IAE5D;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IAC0B,MAAM,SAAM;IAEzC;;;;OAIG;IACmD,SAAS,SAAM;IAErE;;;OAGG;IACyC,KAAK,UAAS;IAE1D;;;OAGG;IAC0B,KAAK,SAAM;IAExC;;;OAGG;IAC0B,WAAW,SAAM;IAE3B,OAAO,CAAC,MAAM,CAAuB;IACxD,OAAO,CAAC,eAAe,CAAC,CAAiB;IAEhC,iBAAiB;IAKjB,oBAAoB;IAMpB,YAAY;IAKrB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,eAAe;IAyBd,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAoB9C;;;;;;OAMG;IACJ;;;;;;WAMI;IACH,IAAI,QAAQ,IAAI,aAAa,CAE5B;IAED,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,aAAa,IAAI,OAAO;IAIxB,cAAc,IAAI,OAAO;IAIzB,OAAO,CAAC,aAAa;IASrB,OAAgB,MAAM,4BAEnB;IAEH;;;;;;;;;;;;OAYG;IACM,MAAM;CA0Gf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"moni-textarea.d.ts","sourceRoot":"","sources":["../../src/components/moni-textarea.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,EAAE,WAAW,EAA6B,MAAM,kBAAkB,CAAC;AAC1E,OAAO,gBAAgB,CAAC;AACxB,OAAO,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,qBACa,YAAa,SAAQ,WAAW;IAC3C,MAAM,CAAC,cAAc,UAAQ;IAC7B,OAAO,CAAC,UAAU,CAAmB;;IAOrC;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;OAGG;IAC0B,KAAK,SAAM;IAExC;;;;OAIG;IAC0B,OAAO,EAAE,QAAQ,GAAG,UAAU,CAAY;IAEvE;;;;OAIG;IAEH,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAY;IAExD;;;;OAIG;IAEH,KAAK,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAc;IAEpE;;;OAGG;IAC0B,IAAI,SAAM;IAEvC;;;OAGG;IACsD,YAAY,SAAM;IAE3E;;;OAGG;IAC0B,MAAM,SAAM;IAEzC;;;OAGG;IAC0B,MAAM,SAAM;IAEzC;;;;OAIG;IACwC,IAAI,SAAK;IAEpD,mEAAmE;IACvB,QAAQ,UAAS;IAE7D,4FAA4F;IAC1B,OAAO,SAAK;IAE9E;;;;OAIG;IACwC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAQ3E,oFAAoF;IACxC,QAAQ,UAAS;IAE7D,iFAAiF;IACrC,QAAQ,UAAS;IAE7D,sCAAsC;IACK,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE3E,6CAA6C;IAChB,YAAY,SAAM;IAE/C;;;OAGG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IACyC,OAAO,UAAS;IAE5D;;;OAGG;IACyC,QAAQ,UAAS;IAE7D;;;OAGG;IAC0B,MAAM,SAAM;IAEzC;;;;OAIG;IACmD,SAAS,SAAM;IAErE;;;OAGG;IACyC,KAAK,UAAS;IAE1D;;;OAGG;IAC0B,KAAK,SAAM;IAExC;;;OAGG;IAC0B,WAAW,SAAM;IAE3B,OAAO,CAAC,MAAM,CAAuB;IACxD,OAAO,CAAC,eAAe,CAAC,CAAiB;IAEhC,iBAAiB;IAKjB,oBAAoB;IAMpB,YAAY;IAKrB,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,eAAe;IAkCd,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAqB9C;;;;;;OAMG;IACH;;;;;;OAMG;IACH,IAAI,QAAQ,IAAI,aAAa,CAE5B;IAED,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,aAAa,IAAI,OAAO;IAIxB,cAAc,IAAI,OAAO;IAIzB,OAAO,CAAC,aAAa;IASrB,OAAgB,MAAM,4BAQpB;IAEF;;;;;;;;;;;;OAYG;IACM,MAAM;CA0GhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF;AAED,eAAe,YAAY,CAAC"}

package/dist/components/moni-textarea.js

@@ -10,13 +10,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { css, html, nothing } from 'lit';
-import { customElement, property, query } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { MoniElement, sharedStyles, fieldStyles } from './_base/index.js';
-import './moni-icon.js';
-import './moni-progress.js';
+import { css, html, nothing } from "lit";
+import { customElement, property, query } from "lit/decorators.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { classMap } from "lit/directives/class-map.js";
+import { MoniElement, sharedStyles, fieldStyles } from "./_base/index.js";
+import "./moni-icon.js";
+import "./moni-progress.js";
 /**
  * Componente Material Design 3 Textarea (Área de texto).
  *
@@ -71,50 +71,50 @@ let MoniTextarea = class MoniTextarea extends MoniElement {
          * El nombre del textarea, enviado con los datos del formulario.
          * @type {string}
          */
-        this.name = '';
+        this.name = "";
         /**
          * El texto de la etiqueta flotante.
          * @type {string}
          */
-        this.label = '';
+        this.label = "";
         /**
          * Variante visual del área de texto.
          * @type {'filled' | 'outlined'}
          * @default 'filled'
          */
-        this.variant = 'filled';
+        this.variant = "filled";
         /**
          * Define las dimensiones del área de texto.
          * @type {'small' | 'medium' | 'large' | 'extra'}
          * @default 'medium'
          */
-        this.size = 'medium';
+        this.size = "medium";
         /**
          * Forma del radio del borde (border-radius) del campo.
          * @type {'round' | 'small-round' | 'square' | 'no-round'}
          * @default 'no-round'
          */
-        this.shape = 'no-round';
+        this.shape = "no-round";
         /**
          * Nombre del icono inicial (leading) (Material Symbols).
          * @type {string}
          */
-        this.icon = '';
+        this.icon = "";
         /**
          * Nombre del icono final (trailing) (Material Symbols).
          * @type {string}
          */
-        this.trailingIcon = '';
+        this.trailingIcon = "";
         /**
          * Prefijo de texto corto mostrado antes del valor del input.
          * @type {string}
          */
-        this.prefix = '';
+        this.prefix = "";
         /**
          * Sufijo de texto corto mostrado después del valor del input.
          * @type {string}
          */
-        this.suffix = '';
+        this.suffix = "";
         /**
          * Número por defecto de líneas de texto visibles.
          * @type {number}
@@ -143,7 +143,7 @@ let MoniTextarea = class MoniTextarea extends MoniElement {
         /** Mínimo de caracteres aceptados. */
         this.minlength = null;
         /** Pista de autocompletado del navegador. */
-        this.autocomplete = '';
+        this.autocomplete = "";
         /**
          * Oculta la visualización del contador de caracteres cuando se establece `maxlength`.
          * @type {boolean}
@@ -163,13 +163,13 @@ let MoniTextarea = class MoniTextarea extends MoniElement {
          * Texto de ayuda mostrado debajo del campo.
          * @type {string}
          */
-        this.helper = '';
+        this.helper = "";
         /**
          * Texto de error mostrado debajo del campo cuando `error` es true.
          * Sobrescribe el texto de ayuda.
          * @type {string}
          */
-        this.errorText = '';
+        this.errorText = "";
         /**
          * Si es true, establece el campo en un estado de error.
          * @type {boolean}
@@ -179,12 +179,12 @@ let MoniTextarea = class MoniTextarea extends MoniElement {
          * El valor actual del área de texto.
          * @type {string}
          */
-        this.value = '';
+        this.value = "";
         /**
          * Texto de marcador de posición (placeholder) mostrado cuando el textarea está vacío y la etiqueta es flotante.
          * @type {string}
          */
-        this.placeholder = '';
+        this.placeholder = "";
         this._internals = this.attachInternals();
     }
     connectedCallback() {
@@ -211,38 +211,41 @@ let MoniTextarea = class MoniTextarea extends MoniElement {
         if (!input)
             return;
         if (!this.autosize) {
-            input.style.removeProperty('block-size');
-            input.style.removeProperty('overflow-y');
+            input.style.removeProperty("block-size");
+            input.style.removeProperty("overflow-y");
             return;
         }
         const styles = getComputedStyle(input);
         const lineHeight = Number.parseFloat(styles.lineHeight) || 24;
-        const padding = Number.parseFloat(styles.paddingTop) + Number.parseFloat(styles.paddingBottom);
-        const border = Number.parseFloat(styles.borderTopWidth) + Number.parseFloat(styles.borderBottomWidth);
+        const padding = Number.parseFloat(styles.paddingTop) +
+            Number.parseFloat(styles.paddingBottom);
+        const border = Number.parseFloat(styles.borderTopWidth) +
+            Number.parseFloat(styles.borderBottomWidth);
         const minimum = lineHeight * Math.max(1, this.rows) + padding + border;
         const maximum = this.maxRows > 0
             ? lineHeight * Math.max(this.rows, this.maxRows) + padding + border
             : Number.POSITIVE_INFINITY;
-        input.style.blockSize = 'auto';
+        input.style.blockSize = "auto";
         const height = Math.min(maximum, Math.max(minimum, input.scrollHeight + border));
         input.style.blockSize = `${height}px`;
-        input.style.overflowY = input.scrollHeight + border > maximum ? 'auto' : 'hidden';
+        input.style.overflowY =
+            input.scrollHeight + border > maximum ? "auto" : "hidden";
     }
     updated(changed) {
         if (this._input) {
-            if (changed.has('value')) {
+            if (changed.has("value")) {
                 this._input.value = this.value;
                 this._internals?.setFormValue?.(this.value);
             }
-            if (changed.has('disabled'))
+            if (changed.has("disabled"))
                 this._input.disabled = this.disabled;
-            if (changed.has('maxlength') && this.maxlength != null) {
+            if (changed.has("maxlength") && this.maxlength != null) {
                 this._input.maxLength = this.maxlength;
             }
-            if (changed.has('value') ||
-                changed.has('autosize') ||
-                changed.has('rows') ||
-                changed.has('maxRows'))
+            if (changed.has("value") ||
+                changed.has("autosize") ||
+                changed.has("rows") ||
+                changed.has("maxRows"))
                 this._resizeTextarea();
         }
         this._syncValidity();
@@ -255,12 +258,12 @@ let MoniTextarea = class MoniTextarea extends MoniElement {
      * `required` se pintaría pero no detendría el envío.
      */
     /**
-         * API de validación equivalente a la de un control nativo.
-         *
-         * Los elementos form-associated participan en la validación del formulario,
-         * pero no reciben estos miembros automáticamente: hay que exponerlos para que
-         * un `moni-textarea` se pueda interrogar igual que un `<input>`.
-         */
+     * API de validación equivalente a la de un control nativo.
+     *
+     * Los elementos form-associated participan en la validación del formulario,
+     * pero no reciben estos miembros automáticamente: hay que exponerlos para que
+     * un `moni-textarea` se pueda interrogar igual que un `<input>`.
+     */
     get validity() {
         return this._internals.validity;
     }
@@ -278,9 +281,15 @@ let MoniTextarea = class MoniTextarea extends MoniElement {
             return;
         this._internals.setValidity(this._input.validity, this._input.validationMessage, this._input);
     }
-    static { this.styles = [sharedStyles, fieldStyles, css `
-		:host([autosize]) textarea { resize: none; }
-	`]; }
+    static { this.styles = [
+        sharedStyles,
+        fieldStyles,
+        css `
+      :host([autosize]) textarea {
+        resize: none;
+      }
+    `,
+    ]; }
     /**
      * Renderiza el campo del área de texto con etiqueta, iconos de prefijo/sufijo y contador de caracteres.
      *
@@ -296,103 +305,99 @@ let MoniTextarea = class MoniTextarea extends MoniElement {
      */
     render() {
         const hasLeading = Boolean(this.icon) || Boolean(this.prefix);
-        const hasTrailing = Boolean(this.trailingIcon) ||
-            Boolean(this.suffix) ||
-            this.loading;
+        const hasTrailing = Boolean(this.trailingIcon) || Boolean(this.suffix) || this.loading;
         const isActive = Boolean(this.value) || Boolean(this.placeholder);
         const showCounter = !this.noCounter && this.maxlength != null && this.maxlength > 0;
         const fieldClasses = {
             field: true,
             label: Boolean(this.label),
-            fill: this.variant === 'filled',
-            border: this.variant === 'outlined',
-            small: this.size === 'small',
-            large: this.size === 'large',
-            extra: this.size === 'extra',
+            fill: this.variant === "filled",
+            border: this.variant === "outlined",
+            small: this.size === "small",
+            large: this.size === "large",
+            extra: this.size === "extra",
             prefix: hasLeading,
             suffix: hasTrailing,
             invalid: this.error,
-            round: this.shape === 'round',
-            'small-round': this.shape === 'small-round',
-            square: this.shape === 'no-round'
+            round: this.shape === "round",
+            "small-round": this.shape === "small-round",
+            square: this.shape === "no-round",
         };
-        const placeholder = this.placeholder || (this.label ? ' ' : '');
+        const placeholder = this.placeholder || (this.label ? " " : "");
         const leading = this.icon
-            ? html `<i class="leading-icon" part="leading-icon"
-					><moni-icon name="${this.icon}"></moni-icon
-				></i>`
+            ? html `<i class="leading-icon" part="leading-icon"
+          ><moni-icon name="${this.icon}"></moni-icon
+        ></i>`
             : this.prefix
-                ? html `<span class="leading-icon" part="prefix"
-						>${this.prefix}</span
-					>`
+                ? html `<span class="leading-icon" part="prefix">${this.prefix}</span>`
                 : nothing;
         const trailing = this.loading
-            ? html `<i class="trailing-icon" part="trailing-icon"
-					><moni-progress
-						variant="circular"
-						indeterminate
-						size="small"
-						style="inline-size: 1.25rem; block-size: 1.25rem; color: currentColor;"
-					></moni-progress
-				></i>`
+            ? html `<i class="trailing-icon" part="trailing-icon"
+          ><moni-progress
+            variant="circular"
+            indeterminate
+            size="small"
+            style="inline-size: 1.25rem; block-size: 1.25rem; color: currentColor;"
+          ></moni-progress
+        ></i>`
             : this.trailingIcon
-                ? html `<i class="trailing-icon" part="trailing-icon"
-						><moni-icon name="${this.trailingIcon}"></moni-icon
-					></i>`
+                ? html `<i class="trailing-icon" part="trailing-icon"
+            ><moni-icon name="${this.trailingIcon}"></moni-icon
+          ></i>`
                 : this.suffix
-                    ? html `<span class="trailing-icon" part="suffix"
-							>${this.suffix}</span
-						>`
+                    ? html `<span class="trailing-icon" part="suffix"
+              >${this.suffix}</span
+            >`
                     : nothing;
         // Especificación M3: texto de soporte a la izquierda, contador de caracteres a la derecha.
         const counter = showCounter
-            ? html `<output part="counter" class="counter"
-						>${this.value.length} / ${this.maxlength}</output
-					>`
+            ? html `<output part="counter" class="counter"
+          >${this.value.length} / ${this.maxlength}</output
+        >`
             : nothing;
         const helperText = this.error
-            ? html `<output part="helper" class="invalid"
-						>${this.errorText || this.helper}</output
-					>`
+            ? html `<output part="helper" class="invalid"
+          >${this.errorText || this.helper}</output
+        >`
             : this.helper
                 ? html `<output part="helper">${this.helper}</output>`
                 : nothing;
         const hasFooter = helperText || counter;
-        return html `<div class=${classMap(fieldClasses)} part="field">
-			${leading}
-			<textarea
-				id="input"
-				part="input"
-				rows=${this.rows}
-				maxlength=${ifDefined(this.maxlength ?? undefined)}
-				minlength=${ifDefined(this.minlength ?? undefined)}
-				placeholder=${placeholder}
-				?disabled=${this.disabled}
-				?required=${this.required}
-				?readonly=${this.readonly}
-				autocomplete=${ifDefined(this.autocomplete || undefined)}
-				.value=${this.value}
-				name=${ifDefined(this.name || undefined)}
-				class=${isActive ? 'active' : ''}
-				@input=${this._handleInput}
-			></textarea>
-			${this.label
-            ? html `<label
-						for="input"
-						part="label"
-						class=${classMap({ active: isActive })}
-						>${this.label}</label
-					>`
-            : nothing}
-			${trailing}
-			${hasFooter
-            ? html `<div class="footer" part="footer">
-						${helperText}
-						<div class="spacer"></div>
-						${counter}
-					</div>`
-            : nothing}
-		</div>`;
+        return html `<div class=${classMap(fieldClasses)} part="field">
+      ${leading}
+      <textarea
+        id="input"
+        part="input"
+        rows=${this.rows}
+        maxlength=${ifDefined(this.maxlength ?? undefined)}
+        minlength=${ifDefined(this.minlength ?? undefined)}
+        placeholder=${placeholder}
+        ?disabled=${this.disabled}
+        ?required=${this.required}
+        ?readonly=${this.readonly}
+        autocomplete=${ifDefined(this.autocomplete || undefined)}
+        .value=${this.value}
+        name=${ifDefined(this.name || undefined)}
+        class=${isActive ? "active" : ""}
+        @input=${this._handleInput}
+      ></textarea>
+      ${this.label
+            ? html `<label
+              for="input"
+              part="label"
+              class=${classMap({ active: isActive })}
+              >${this.label}</label
+            >`
+            : nothing}
+      ${trailing}
+      ${hasFooter
+            ? html `<div class="footer" part="footer">
+              ${helperText}
+              <div class="spacer"></div>
+              ${counter}
+            </div>`
+            : nothing}
+    </div>`;
     }
 };
 __decorate([
@@ -414,7 +419,7 @@ __decorate([
     property({ reflect: true })
 ], MoniTextarea.prototype, "icon", void 0);
 __decorate([
-    property({ reflect: true, attribute: 'trailing-icon' })
+    property({ reflect: true, attribute: "trailing-icon" })
 ], MoniTextarea.prototype, "trailingIcon", void 0);
 __decorate([
     property({ reflect: true })
@@ -429,7 +434,7 @@ __decorate([
     property({ type: Boolean, reflect: true })
 ], MoniTextarea.prototype, "autosize", void 0);
 __decorate([
-    property({ type: Number, reflect: true, attribute: 'max-rows' })
+    property({ type: Number, reflect: true, attribute: "max-rows" })
 ], MoniTextarea.prototype, "maxRows", void 0);
 __decorate([
     property({ type: Number, reflect: true })
@@ -447,7 +452,7 @@ __decorate([
     property({ reflect: true })
 ], MoniTextarea.prototype, "autocomplete", void 0);
 __decorate([
-    property({ type: Boolean, reflect: true, attribute: 'no-counter' })
+    property({ type: Boolean, reflect: true, attribute: "no-counter" })
 ], MoniTextarea.prototype, "noCounter", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
@@ -459,7 +464,7 @@ __decorate([
     property({ reflect: true })
 ], MoniTextarea.prototype, "helper", void 0);
 __decorate([
-    property({ reflect: true, attribute: 'error-text' })
+    property({ reflect: true, attribute: "error-text" })
 ], MoniTextarea.prototype, "errorText", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
@@ -471,10 +476,10 @@ __decorate([
     property({ reflect: true })
 ], MoniTextarea.prototype, "placeholder", void 0);
 __decorate([
-    query('textarea')
+    query("textarea")
 ], MoniTextarea.prototype, "_input", void 0);
 MoniTextarea = __decorate([
-    customElement('moni-textarea')
+    customElement("moni-textarea")
 ], MoniTextarea);
 export { MoniTextarea };
 export default MoniTextarea;