@vonage/vivid 5.15.0 → 5.16.0

package/text-area/index.js

@@ -1,258 +1,153 @@
-import { O as p, D as d, V as b, a as l, n as i, o as x, h, c as m, d as f } from "../bundled/vivid-element.js";
-import { W as _, f as y } from "../bundled/mixins.js";
-import { v as g } from "../bundled/definition14.js";
-import { c as w } from "../bundled/definition13.js";
-import { D as k, d as C } from "../bundled/delegates-aria.js";
-import { F as $ } from "../bundled/form-associated.js";
-import { W as T } from "../bundled/with-contextual-help.js";
-import { W as z } from "../bundled/char-count.js";
-import { W as A } from "../bundled/with-error-text.js";
-import { W as H } from "../bundled/with-success-text.js";
-import { F as E } from "../bundled/form-element.js";
-import { w as u } from "../bundled/when.js";
-import { s as D } from "../bundled/slotted.js";
-import { r as O } from "../bundled/ref.js";
-import { c as W } from "../bundled/class-names.js";
-const L = ".label-wrapper{display:flex;flex-direction:row;align-items:center;gap:var(--label-wrapper-gap, 4px)}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 1 auto}:host{display:inline-block}.base{--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-500)}.base.appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media (hover: hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-700)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-canvas);--_appearance-color-outline: var(--vvd-color-neutral-700)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.base:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base:disabled.appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-100);--_appearance-color-outline: var(--vvd-color-neutral-300)}.base.disabled.appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--vvd-color-canvas-text);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: var(--vvd-color-neutral-400)}.base.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: var(--vvd-color-neutral-600);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.base.error:where(:not(.disabled,:disabled)){--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-alert-50);--_appearance-color-outline: var(--vvd-color-alert-500)}.base.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-alert-50);--_appearance-color-outline: transparent}.base.success:where(:not(.disabled,:disabled)){--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-success-50);--_appearance-color-outline: var(--vvd-color-success-500)}.base.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text: notSet;--_appearance-color-fill: var(--vvd-color-success-50);--_appearance-color-outline: transparent}.base.connotation-success{--_connotation-color-primary: var(--vvd-text-area-success-primary, var(--vvd-color-success-500));--_connotation-color-primary-text: var(--vvd-text-area-success-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-text-area-success-primary-increment, var(--vvd-color-success-600));--_connotation-color-intermediate: var(--vvd-text-area-success-intermediate, var(--vvd-color-success-500));--_connotation-color-firm: var(--vvd-text-area-success-firm, var(--vvd-color-success-600));--_connotation-color-fierce: var(--vvd-text-area-success-fierce, var(--vvd-color-success-700));--_connotation-color-faint: var(--vvd-text-area-success-faint, var(--vvd-color-success-50));--_connotation-color-soft: var(--vvd-text-area-success-soft, var(--vvd-color-success-100))}.base.connotation-alert{--_connotation-color-primary: var(--vvd-text-area-alert-primary, var(--vvd-color-alert-500));--_connotation-color-primary-text: var(--vvd-text-area-alert-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-text-area-alert-primary-increment, var(--vvd-color-alert-600));--_connotation-color-intermediate: var(--vvd-text-area-alert-intermediate, var(--vvd-color-alert-500));--_connotation-color-firm: var(--vvd-text-area-alert-firm, var(--vvd-color-alert-600));--_connotation-color-fierce: var(--vvd-text-area-alert-fierce, var(--vvd-color-alert-700));--_connotation-color-faint: var(--vvd-text-area-alert-faint, var(--vvd-color-alert-50));--_connotation-color-soft: var(--vvd-text-area-alert-soft, var(--vvd-color-alert-100))}.base:not(.connotation-success,.connotation-alert){--_connotation-color-primary: var(--vvd-text-area-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-text-area-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-text-area-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-intermediate: var(--vvd-text-area-accent-intermediate, var(--vvd-color-neutral-500));--_connotation-color-firm: var(--vvd-text-area-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-fierce: var(--vvd-text-area-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-faint: var(--vvd-text-area-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-text-area-accent-soft, var(--vvd-color-neutral-100))}.base{display:inline-grid;grid-template-columns:1fr max-content;inline-size:100%;row-gap:4px}@supports (user-select: none){.base{user-select:none}}.base:not(.disabled){--_low-ink-color: var(--vvd-color-neutral-600)}.base.disabled{--_low-ink-color: var(--_appearance-color-text);cursor:not-allowed}.label{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);line-height:20px}.label-wrapper{grid-column:1/2;grid-row:1}.char-count{color:var(--_low-ink-color);font:var(--vvd-typography-base);grid-column:2/-1}.control{--scrollbar-track-color: transparent;--scrollbar-thumb-color: color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%)}.control{scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.control ::-webkit-scrollbar{width:4px}.control ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.control ::-webkit-scrollbar-thumb{border:0;border-radius:4px;background-color:var(--scrollbar-fallback-track-color, var(--scrollbar-thumb-color))}.control{box-sizing:border-box;padding:8px 16px;border:0 none;border-radius:8px;appearance:none;background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base);grid-column:1/-1;min-block-size:calc(1px*(32 + 4*clamp(-1,var(--vvd-size-density, 0),2)));resize:none;transition:box-shadow .2s,background-color .2s,color .2s}@supports selector(::-webkit-resizer){.control::-webkit-resizer{background-image:linear-gradient(315deg,transparent 0,transparent 2px,var(--vvd-color-canvas-text) 2px,var(--vvd-color-canvas-text) 3px,transparent 3px,transparent 5px,var(--vvd-color-canvas-text) 5px,var(--vvd-color-canvas-text) 6px,transparent 6px,transparent 8px,transparent 100%);background-repeat:no-repeat;background-size:10px 10px;block-size:10px;inline-size:10px}}.control:disabled{opacity:1;pointer-events:none;-webkit-text-fill-color:var(--_appearance-color-text)}.control::placeholder,.control:disabled::placeholder{opacity:1;pointer-events:none;-webkit-text-fill-color:var(--_low-ink-color)}.control:focus-visible{--focus-stroke-gap-color: transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}:host([resize=both]) .control{resize:both}:host([resize=horizontal]) .control{resize:horizontal}:host([resize=vertical]) .control{resize:vertical}";
-class M {
-  #e = /* @__PURE__ */ new Map();
-  #r;
-  #a;
-  constructor(e, a) {
-    this.#r = e, this.#a = a;
-  }
-  attribute(e, a) {
-    this.#o(e, {
-      type: "attribute",
-      destination: a
-    });
-  }
-  booleanAttribute(e, a) {
-    this.#o(e, {
-      type: "boolean-attribute",
-      destination: a
-    });
-  }
-  property(e, a, n = !1) {
-    this.#o(e, {
-      type: "property",
-      destination: a,
-      skipIfEqual: n
-    });
-  }
-  destroy() {
-    const e = p.getNotifier(this.#r);
-    for (const a of this.#e.keys())
-      e.unsubscribe(this.#t, a);
-    this.#e.clear();
-  }
-  #o(e, a) {
-    this.#e.set(e, a), p.getNotifier(this.#r).subscribe(this.#t, e), this.#t.handleChange(this.#r, e);
-  }
-  #t = {
-    handleChange: (e, a) => {
-      const n = this.#e.get(a), o = e[a];
-      switch (n.type) {
-        case "boolean-attribute":
-          d.setBooleanAttribute(
-            this.#a,
-            n.destination,
-            !!o
-          );
-          break;
-        case "attribute":
-          d.setAttribute(this.#a, n.destination, o);
-          break;
-        case "property":
-          if (n.skipIfEqual && this.#a[n.destination] === o)
-            return;
-          this.#a[n.destination] = o;
-          break;
-      }
-    }
-  };
-}
-var F = Object.defineProperty, t = (c, e, a, n) => {
-  for (var o = void 0, s = c.length - 1, v; s >= 0; s--)
-    (v = c[s]) && (o = v(e, a, o) || o);
-  return o && F(e, a, o), o;
-};
-const B = {
-  /**
-   * No resize.
-   */
-  none: "none"
+import { T as e, d as t, k as n, l as r, o as i, s as a, t as o, u as s, w as c } from "../bundled/vivid-element.js";
+import { t as l } from "../bundled/ref.js";
+import { t as u } from "../bundled/when.js";
+import { t as d } from "../bundled/slotted.js";
+import { n as f } from "../bundled/definition.js";
+import "../bundled/definition2.js";
+import { t as p } from "../bundled/decorate.js";
+import { t as m } from "../bundled/class-names.js";
+import { n as h, t as g } from "../bundled/delegates-aria.js";
+import { n as _ } from "../bundled/form-associated.js";
+import { t as v } from "../bundled/form-element.js";
+import { t as y } from "../bundled/with-success-text.js";
+import { t as b } from "../bundled/with-error-text.js";
+import { t as x } from "../bundled/with-contextual-help.js";
+import { t as S } from "../bundled/char-count.js";
+import { a as C, t as w } from "../bundled/mixins.js";
+import { t as T } from "../bundled/definition14.js";
+//#region src/lib/text-area/text-area.scss?inline
+var E = ".label-wrapper{align-items:center;gap:var(--label-wrapper-gap,4px);flex-direction:row;display:flex}.label-wrapper[hidden]{display:none}.label:not(slot),.label::slotted(label){flex:0 auto}:host{display:inline-block}.base{--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-500)}.base.appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}@media (hover:hover){.base:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}}.base.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-canvas);--_appearance-color-outline:var(--vvd-color-neutral-700)}.base.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost{--_appearance-color-text:var(--_connotation-color-firm);--_appearance-color-fill:var(--_connotation-color-faint);--_appearance-color-outline:transparent}.base:disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base:disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.disabled{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:var(--vvd-color-neutral-100);--_appearance-color-outline:var(--vvd-color-neutral-300)}.base.disabled.appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-300);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.readonly:where(:not(.disabled,:disabled)){--_appearance-color-text:var(--vvd-color-canvas-text);--_appearance-color-fill:var(--vvd-color-neutral-200);--_appearance-color-outline:var(--vvd-color-neutral-400)}.base.readonly:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:var(--vvd-color-neutral-600);--_appearance-color-fill:transparent;--_appearance-color-outline:transparent}.base.error:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:var(--vvd-color-alert-500)}.base.error:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-alert-50);--_appearance-color-outline:transparent}.base.success:where(:not(.disabled,:disabled)){--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:var(--vvd-color-success-500)}.base.success:where(:not(.disabled,:disabled)).appearance-ghost{--_appearance-color-text:notSet;--_appearance-color-fill:var(--vvd-color-success-50);--_appearance-color-outline:transparent}.base.connotation-success{--_connotation-color-primary:var(--vvd-text-area-success-primary,var(--vvd-color-success-500));--_connotation-color-primary-text:var(--vvd-text-area-success-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-text-area-success-primary-increment,var(--vvd-color-success-600));--_connotation-color-intermediate:var(--vvd-text-area-success-intermediate,var(--vvd-color-success-500));--_connotation-color-firm:var(--vvd-text-area-success-firm,var(--vvd-color-success-600));--_connotation-color-fierce:var(--vvd-text-area-success-fierce,var(--vvd-color-success-700));--_connotation-color-faint:var(--vvd-text-area-success-faint,var(--vvd-color-success-50));--_connotation-color-soft:var(--vvd-text-area-success-soft,var(--vvd-color-success-100))}.base.connotation-alert{--_connotation-color-primary:var(--vvd-text-area-alert-primary,var(--vvd-color-alert-500));--_connotation-color-primary-text:var(--vvd-text-area-alert-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-text-area-alert-primary-increment,var(--vvd-color-alert-600));--_connotation-color-intermediate:var(--vvd-text-area-alert-intermediate,var(--vvd-color-alert-500));--_connotation-color-firm:var(--vvd-text-area-alert-firm,var(--vvd-color-alert-600));--_connotation-color-fierce:var(--vvd-text-area-alert-fierce,var(--vvd-color-alert-700));--_connotation-color-faint:var(--vvd-text-area-alert-faint,var(--vvd-color-alert-50));--_connotation-color-soft:var(--vvd-text-area-alert-soft,var(--vvd-color-alert-100))}.base:not(.connotation-success,.connotation-alert){--_connotation-color-primary:var(--vvd-text-area-accent-primary,var(--vvd-color-canvas-text));--_connotation-color-primary-text:var(--vvd-text-area-accent-primary-text,var(--vvd-color-canvas));--_connotation-color-primary-increment:var(--vvd-text-area-accent-primary-increment,var(--vvd-color-neutral-800));--_connotation-color-intermediate:var(--vvd-text-area-accent-intermediate,var(--vvd-color-neutral-500));--_connotation-color-firm:var(--vvd-text-area-accent-firm,var(--vvd-color-canvas-text));--_connotation-color-fierce:var(--vvd-text-area-accent-fierce,var(--vvd-color-neutral-700));--_connotation-color-faint:var(--vvd-text-area-accent-faint,var(--vvd-color-neutral-50));--_connotation-color-soft:var(--vvd-text-area-accent-soft,var(--vvd-color-neutral-100))}.base{grid-template-columns:1fr max-content;row-gap:4px;inline-size:100%;display:inline-grid}@supports (user-select:none){.base{user-select:none}}.base:not(.disabled){--_low-ink-color:var(--vvd-color-neutral-600)}.base.disabled{--_low-ink-color:var(--_appearance-color-text);cursor:not-allowed}.label{color:var(--vvd-color-canvas-text);font:var(--vvd-typography-base);line-height:20px}.label-wrapper{grid-area:1/1/auto/2}.char-count{color:var(--_low-ink-color);font:var(--vvd-typography-base);grid-column:2/-1}.control{--scrollbar-track-color:transparent;--scrollbar-thumb-color:color-mix(in srgb, var(--vvd-color-neutral-950), transparent 70%);scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color);scrollbar-width:thin}.control ::-webkit-scrollbar{width:4px}.control ::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.control ::-webkit-scrollbar-thumb{background-color:var(--scrollbar-fallback-track-color,var(--scrollbar-thumb-color));border:0;border-radius:4px}.control{box-sizing:border-box;appearance:none;background-color:var(--_appearance-color-fill);box-shadow:inset 0 0 0 1px var(--_appearance-color-outline);color:var(--_appearance-color-text);font:var(--vvd-typography-base);min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) - 8));resize:none;border:0;border-radius:8px;grid-column:1/-1;padding:8px 16px;transition:box-shadow .2s,background-color .2s,color .2s}@supports selector(::-webkit-resizer){.control::-webkit-resizer{background-image:linear-gradient(315deg, transparent 0, transparent 2px, var(--vvd-color-canvas-text) 2px, var(--vvd-color-canvas-text) 3px, transparent 3px, transparent 5px, var(--vvd-color-canvas-text) 5px, var(--vvd-color-canvas-text) 6px, transparent 6px, transparent 8px, transparent 100%);background-repeat:no-repeat;background-size:10px 10px;block-size:10px;inline-size:10px}}.control:disabled{opacity:1;pointer-events:none;-webkit-text-fill-color:var(--_appearance-color-text)}.control::placeholder,.control:disabled::placeholder{opacity:1;pointer-events:none;-webkit-text-fill-color:var(--_low-ink-color)}.control:focus-visible{--focus-stroke-gap-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb, var(--focus-stroke-color,var(--vvd-color-cta-500)), transparent 85%), inset 0 0 0 3px var(--focus-stroke-gap-color,currentColor);outline:1px solid var(--focus-stroke-color,var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset,0px))}:host([resize=both]) .control{resize:both}:host([resize=horizontal]) .control{resize:horizontal}:host([resize=vertical]) .control{resize:vertical}", D = class {
+	#e = /* @__PURE__ */ new Map();
+	#t;
+	#n;
+	constructor(e, t) {
+		this.#t = e, this.#n = t;
+	}
+	attribute(e, t) {
+		this.#r(e, {
+			type: "attribute",
+			destination: t
+		});
+	}
+	booleanAttribute(e, t) {
+		this.#r(e, {
+			type: "boolean-attribute",
+			destination: t
+		});
+	}
+	property(e, t, n = !1) {
+		this.#r(e, {
+			type: "property",
+			destination: t,
+			skipIfEqual: n
+		});
+	}
+	destroy() {
+		let e = c.getNotifier(this.#t);
+		for (let t of this.#e.keys()) e.unsubscribe(this.#i, t);
+		this.#e.clear();
+	}
+	#r(e, t) {
+		this.#e.set(e, t), c.getNotifier(this.#t).subscribe(this.#i, e), this.#i.handleChange(this.#t, e);
+	}
+	#i = { handleChange: (e, t) => {
+		let r = this.#e.get(t), i = e[t];
+		switch (r.type) {
+			case "boolean-attribute":
+				n.setBooleanAttribute(this.#n, r.destination, !!i);
+				break;
+			case "attribute":
+				n.setAttribute(this.#n, r.destination, i);
+				break;
+			case "property":
+				if (r.skipIfEqual && this.#n[r.destination] === i) return;
+				this.#n[r.destination] = i;
+				break;
+		}
+	} };
+}, O = {
+	none: "none",
+	both: "both",
+	horizontal: "horizontal",
+	vertical: "vertical"
+}, k = class extends x(w(S(b(y(v(g(_(o)))))))) {
+	constructor(...e) {
+		super(...e), this.proxy = document.createElement("textarea"), this.resize = O.none, this.cols = 20, this.handleTextInput = () => {
+			this.value = this.control.value;
+		};
+	}
+	readOnlyChanged() {
+		/* v8 ignore if -- @preserve */
+		this.proxy instanceof HTMLTextAreaElement && (this.proxy.readOnly = this.readOnly);
+	}
+	autofocusChanged() {
+		/* v8 ignore if -- @preserve */
+		this.proxy instanceof HTMLTextAreaElement && (this.proxy.autofocus = this.autofocus);
+	}
+	listChanged() {
+		/* v8 ignore if -- @preserve */
+		this.proxy instanceof HTMLTextAreaElement && this.proxy.setAttribute("list", this.list);
+	}
+	maxlengthChanged() {
+		/* v8 ignore if -- @preserve */
+		this.proxy instanceof HTMLTextAreaElement && (this.proxy.maxLength = this.maxlength);
+	}
+	minlengthChanged() {
+		/* v8 ignore if -- @preserve */
+		this.proxy instanceof HTMLTextAreaElement && (this.proxy.minLength = this.minlength);
+	}
+	spellcheckChanged() {
+		/* v8 ignore if -- @preserve */
+		this.proxy instanceof HTMLTextAreaElement && (this.proxy.spellcheck = this.spellcheck);
+	}
+	select() {
+		this.control.select();
+	}
+	valueChanged(e, t) {
+		super.valueChanged(e, t), this.charCount && this.maxlength && this._updateCharCountRemaining();
+	}
+	handleChange() {
+		this.$emit("change");
+	}
+	validate() {
+		super.validate(this.control);
+	}
+	#e;
+	connectedCallback() {
+		super.connectedCallback(), this.#e = new D(this, this.control), this.#e.property("value", "value", !0), this._renderCharCountRemaining();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.#e.destroy();
+	}
 };
-class r extends T(
-  _(
-    z(
-      A(
-        H(
-          E(k($(b)))
-        )
-      )
-    )
-  )
-) {
-  constructor() {
-    super(...arguments), this.proxy = document.createElement("textarea"), this.resize = B.none, this.cols = 20, this.handleTextInput = () => {
-      this.value = this.control.value;
-    };
-  }
-  /**
-   * @internal
-   */
-  readOnlyChanged() {
-    /* v8 ignore if -- @preserve */
-    this.proxy instanceof HTMLTextAreaElement && (this.proxy.readOnly = this.readOnly);
-  }
-  /**
-   * @internal
-   */
-  autofocusChanged() {
-    /* v8 ignore if -- @preserve */
-    this.proxy instanceof HTMLTextAreaElement && (this.proxy.autofocus = this.autofocus);
-  }
-  /**
-   * @internal
-   */
-  listChanged() {
-    /* v8 ignore if -- @preserve */
-    this.proxy instanceof HTMLTextAreaElement && this.proxy.setAttribute("list", this.list);
-  }
-  /**
-   * @internal
-   */
-  maxlengthChanged() {
-    /* v8 ignore if -- @preserve */
-    this.proxy instanceof HTMLTextAreaElement && (this.proxy.maxLength = this.maxlength);
-  }
-  /**
-   * @internal
-   */
-  minlengthChanged() {
-    /* v8 ignore if -- @preserve */
-    this.proxy instanceof HTMLTextAreaElement && (this.proxy.minLength = this.minlength);
-  }
-  /**
-   * @internal
-   */
-  spellcheckChanged() {
-    /* v8 ignore if -- @preserve */
-    this.proxy instanceof HTMLTextAreaElement && (this.proxy.spellcheck = this.spellcheck);
-  }
-  /**
-   * Selects all the text in the text area
-   *
-   * @public
-   */
-  select() {
-    this.control.select();
-  }
-  /**
-   * @internal
-   */
-  valueChanged(e, a) {
-    super.valueChanged(e, a), this.charCount && this.maxlength && this._updateCharCountRemaining();
-  }
-  /**
-   * Change event handler for inner control.
-   * @remarks
-   * "Change" events are not `composable` so they will not
-   * permeate the shadow DOM boundary. This fn effectively proxies
-   * the change event, emitting a `change` event whenever the internal
-   * control emits a `change` event
-   * @internal
-   */
-  handleChange() {
-    this.$emit("change");
-  }
-  /** {@inheritDoc (FormAssociated:interface).validate} */
-  validate() {
-    super.validate(this.control);
-  }
-  #e;
-  connectedCallback() {
-    super.connectedCallback(), this.#e = new M(this, this.control), this.#e.property("value", "value", !0), this._renderCharCountRemaining();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.#e.destroy();
-  }
-}
-t([
-  l({ mode: "boolean" })
-], r.prototype, "readOnly");
-t([
-  l
-], r.prototype, "resize");
-t([
-  l({ mode: "boolean" })
-], r.prototype, "autofocus");
-t([
-  l({ attribute: "form" })
-], r.prototype, "formId");
-t([
-  l
-], r.prototype, "list");
-t([
-  l({ converter: i })
-], r.prototype, "maxlength");
-t([
-  l({ converter: i })
-], r.prototype, "minlength");
-t([
-  l
-], r.prototype, "placeholder");
-t([
-  l({ converter: i, mode: "fromView" })
-], r.prototype, "cols");
-t([
-  l({ converter: i, mode: "fromView" })
-], r.prototype, "rows");
-t([
-  l({ mode: "boolean" })
-], r.prototype, "spellcheck");
-t([
-  x
-], r.prototype, "defaultSlottedNodes");
-t([
-  l
-], r.prototype, "wrap");
-const S = ({
-  value: c,
-  errorValidationMessage: e,
-  disabled: a,
-  placeholder: n,
-  readOnly: o,
-  successText: s
-}) => W(
-  "base",
-  ["readonly", o],
-  ["placeholder", !!n],
-  ["disabled", a],
-  ["error", !!e],
-  ["has-value", !!c],
-  ["success", !!s]
-);
-function R() {
-  return h` <label for="control" class="label">
-		${(c) => c.label}
+p([r({ mode: "boolean" })], k.prototype, "readOnly", void 0), p([r], k.prototype, "resize", void 0), p([r({ mode: "boolean" })], k.prototype, "autofocus", void 0), p([r({ attribute: "form" })], k.prototype, "formId", void 0), p([r], k.prototype, "list", void 0), p([r({ converter: s })], k.prototype, "maxlength", void 0), p([r({ converter: s })], k.prototype, "minlength", void 0), p([r], k.prototype, "placeholder", void 0), p([r({
+	converter: s,
+	mode: "fromView"
+})], k.prototype, "cols", void 0), p([r({
+	converter: s,
+	mode: "fromView"
+})], k.prototype, "rows", void 0), p([r({ mode: "boolean" })], k.prototype, "spellcheck", void 0), p([e], k.prototype, "defaultSlottedNodes", void 0), p([r], k.prototype, "wrap", void 0);
+//#endregion
+//#region src/lib/text-area/text-area.template.ts
+var A = ({ value: e, errorValidationMessage: t, disabled: n, placeholder: r, readOnly: i, successText: a }) => m("base", ["readonly", i], ["placeholder", !!r], ["disabled", n], ["error", !!t], ["has-value", !!e], ["success", !!a]);
+function j() {
+	return t` <label for="control" class="label">
+		${(e) => e.label}
 	</label>`;
 }
-const P = (c) => h`
-		<div class="${S}">
-			${u(
-  (e) => e.charCount && e.maxlength,
-  (e) => e._getCharCountTemplate(c)
-)}
+//#endregion
+//#region src/lib/text-area/index.ts
+a(i("text-area", k, (e) => t`
+		<div class="${A}">
+			${u((e) => e.charCount && e.maxlength, (t) => t._getCharCountTemplate(e))}
 			<div
 				class="label-wrapper"
 				?hidden=${(e) => !e.label && !e._hasContextualHelp}
 			>
-				${u((e) => e.label, R())}
+				${u((e) => e.label, j())}
 				<slot
 					name="contextual-help"
-					${D("_contextualHelpSlottedContent")}
+					${d("_contextualHelpSlottedContent")}
 				></slot>
 			</div>
 			<textarea
@@ -272,28 +167,20 @@ const P = (c) => h`
 				?required="${(e) => e.required}"
 				?spellcheck="${(e) => e.spellcheck}"
 				aria-describedby="${(e) => e._feedbackDescribedBy} ${(e) => e.charCount && e.maxlength ? e._charCountDescribedBy : null}"
-				${C()}
+				${h()}
 				@input="${(e) => e.handleTextInput()}"
 				@change="${(e) => e.handleChange()}"
-				${O("control")}
+				${l("control")}
 			>
 			</textarea>
-			${(e) => e._getFeedbackTemplate(c)}
+			${(t) => t._getFeedbackTemplate(e)}
 		</div>
-	`, V = f(
-  "text-area",
-  r,
-  P,
-  [
-    y,
-    g,
-    w
-  ],
-  {
-    styles: L,
-    shadowOptions: {
-      delegatesFocus: !0
-    }
-  }
-), I = m(V);
-I();
+	`, [
+	C,
+	f,
+	T
+], {
+	styles: E,
+	shadowOptions: { delegatesFocus: !0 }
+}))();
+//#endregion