@wssto2/vue-core 0.4.19 → 0.4.21

package/dist/{TextField.vue_vue_type_script_setup_true_lang-BslHroDP.js → TextField.vue_vue_type_script_setup_true_lang-CP2WeU36.js}

@@ -1,36 +1,36 @@
-import { defineComponent as K, useTemplateRef as N, computed as v, watch as ee, nextTick as te, openBlock as n, createElementBlock as l, withModifiers as oe, normalizeStyle as se, unref as a, createElementVNode as f, toDisplayString as r, createCommentVNode as p, Fragment as R, renderList as ne, normalizeClass as L, createBlock as P, renderSlot as x, createTextVNode as E, useModel as ae, ref as ie, mergeProps as le, createSlots as re, withCtx as w, withDirectives as de, vModelDynamic as ce, mergeModels as H, mergeDefaults as ue } from "vue";
+import { defineComponent as K, useTemplateRef as N, computed as v, watch as te, nextTick as oe, openBlock as n, createElementBlock as l, withModifiers as se, normalizeStyle as ne, unref as i, createElementVNode as m, toDisplayString as r, createCommentVNode as p, Fragment as R, renderList as ae, normalizeClass as B, createBlock as P, renderSlot as b, createTextVNode as E, useModel as ie, ref as le, mergeProps as re, createSlots as ce, withCtx as w, withDirectives as de, vModelDynamic as ue, mergeModels as H, mergeDefaults as pe } from "vue";
 import { useI18n as G } from "vue-i18n";
-import { b as pe } from "./controlSurface-t7OEFESJ.js";
-import { a as me, c as fe, _ as he, f as ve, b as ge } from "./control-B4SdblL6.js";
-import { _ as ye } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { u as xe, N as be } from "./anchored-DpuUwf-9.js";
-import { l as U, m as ke, u as _e, c as we } from "./suggestions-DHJFKB26.js";
-const $e = ["id", "aria-busy"], Me = { class: "min-h-0 flex-1 overflow-y-auto p-1.5" }, qe = {
+import { b as me } from "./controlSurface-t7OEFESJ.js";
+import { a as fe, c as he, _ as ve, f as ge, b as ye } from "./control-B4SdblL6.js";
+import { _ as xe } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { u as be, N as ke } from "./anchored-DpuUwf-9.js";
+import { l as U, m as _e, u as we, c as $e } from "./suggestions-DHJFKB26.js";
+const Me = ["id", "aria-busy"], qe = { class: "min-h-0 flex-1 overflow-y-auto p-1.5" }, Be = {
   key: 0,
   class: "px-2.5 pb-1 pt-1.5 text-caption font-semibold uppercase text-content-disabled",
   role: "presentation"
-}, Be = ["id", "aria-selected", "aria-disabled", "onMouseenter", "onClick"], Le = { class: "min-w-0 flex-1" }, Se = { class: "block truncate text-body text-content-strong" }, Ce = {
+}, Le = ["id", "aria-selected", "aria-disabled", "onMouseenter", "onClick"], Se = { class: "min-w-0 flex-1" }, Ce = { class: "block truncate text-body text-content-strong" }, Ve = {
   key: 0,
   class: "font-semibold"
-}, Ve = {
+}, We = {
   key: 0,
   class: "block truncate text-footnote text-content-muted"
-}, We = {
+}, De = {
   key: 2,
   class: "px-3 py-2 text-footnote text-content-muted",
   role: "status"
-}, De = {
+}, Te = {
   key: 3,
   class: "px-3 py-2 text-footnote text-content-destructive",
   role: "alert"
-}, Te = {
+}, Re = {
   key: 4,
   class: "px-3 py-2 text-footnote text-content-muted"
-}, Re = {
+}, Ee = {
   key: 0,
   class: "mx-1.5 mb-1.5 mt-0.5 border-t border-border-separator px-2.5 pb-0.5 pt-2 text-caption text-content-muted compact:hidden",
   "aria-hidden": "true"
-}, Ee = /* @__PURE__ */ K({
+}, Ne = /* @__PURE__ */ K({
   __name: "SuggestionList",
   props: {
     id: {},
@@ -46,85 +46,85 @@ const $e = ["id", "aria-busy"], Me = { class: "min-h-0 flex-1 overflow-y-auto p-
     selected: { default: null }
   },
   emits: ["pick", "hover"],
-  setup($, { emit: S }) {
-    const o = $, t = S, { t: d } = G(), b = N("panel"), k = v(() => U(o.open, o.items.length, o.status, o.emptyMessage)), _ = v(() => o.status === "loading"), M = (u) => u, g = (u) => ke(u.label, o.query), { style: C } = xe(b, {
+  setup($, { emit: L }) {
+    const o = $, t = L, { t: c } = G(), f = N("panel"), k = v(() => U(o.open, o.items.length, o.status, o.emptyMessage)), _ = v(() => o.status === "loading"), M = (u) => u, g = (u) => _e(u.label, o.query), { style: S } = be(f, {
       reference: () => o.anchor,
       placement: () => "bottom-start",
       offset: 4,
       padding: 8,
       fit: (u, h) => {
-        const s = window.innerWidth < be;
+        const s = window.innerWidth < ke;
         u.style.width = `${s ? window.innerWidth - 16 : o.anchor?.offsetWidth ?? 0}px`, u.style.minWidth = s ? "" : "min(20rem, calc(100vw - 16px))", u.style.maxHeight = `${Math.max(120, Math.min(320, h.height))}px`;
       }
     });
-    return ee(() => o.highlighted, () => void te(() => b.value?.querySelector("[aria-selected='true']")?.scrollIntoView?.({ block: "nearest" }))), (u, h) => k.value ? (n(), l("div", {
+    return te(() => o.highlighted, () => void oe(() => f.value?.querySelector("[aria-selected='true']")?.scrollIntoView?.({ block: "nearest" }))), (u, h) => k.value ? (n(), l("div", {
       key: 0,
       id: `${o.id}-list`,
       ref_key: "panel",
-      ref: b,
+      ref: f,
       role: "listbox",
       "aria-busy": _.value || void 0,
-      style: se(a(C)),
+      style: ne(i(S)),
       "data-test": "suggestion-list",
       class: "z-1000 flex flex-col overflow-hidden rounded-menu bg-surface-overlay shadow-float",
-      onMousedown: h[0] || (h[0] = oe(() => {
+      onMousedown: h[0] || (h[0] = se(() => {
       }, ["prevent"]))
     }, [
-      f("div", Me, [
-        o.recent ? (n(), l("p", qe, r(a(d)("core.form.suggestions.recent")), 1)) : p("", !0),
-        o.items.length > 0 ? (n(!0), l(R, { key: 1 }, ne(o.items, (s, i) => (n(), l("div", {
-          id: `${o.id}-option-${i}`,
+      m("div", qe, [
+        o.recent ? (n(), l("p", Be, r(i(c)("core.form.suggestions.recent")), 1)) : p("", !0),
+        o.items.length > 0 ? (n(!0), l(R, { key: 1 }, ae(o.items, (s, a) => (n(), l("div", {
+          id: `${o.id}-option-${a}`,
           key: String(s.value),
           role: "option",
-          "aria-selected": i === o.highlighted,
+          "aria-selected": a === o.highlighted,
           "aria-disabled": s.disabled || void 0,
           "data-test": "suggestion-option",
-          class: L(["flex cursor-pointer items-center gap-2.5 rounded-control px-2.5 py-2", [i === o.highlighted ? "bg-tint-soft" : "hover:bg-fill", s.disabled ? "cursor-not-allowed opacity-45" : "", _.value ? "opacity-60" : ""]]),
-          onMouseenter: (c) => t("hover", i),
-          onClick: (c) => !s.disabled && t("pick", s)
+          class: B(["flex cursor-pointer items-center gap-2.5 rounded-control px-2.5 py-2", [a === o.highlighted ? "bg-tint-soft" : "hover:bg-fill", s.disabled ? "cursor-not-allowed opacity-45" : "", _.value ? "opacity-60" : ""]]),
+          onMouseenter: (d) => t("hover", a),
+          onClick: (d) => !s.disabled && t("pick", s)
         }, [
-          o.recent ? (n(), P(a(ye), {
+          o.recent ? (n(), P(i(xe), {
             key: 0,
             name: "history",
             size: 16,
             class: "shrink-0 text-content-disabled"
           })) : p("", !0),
-          x(u.$slots, "option", {
+          b(u.$slots, "option", {
             option: M(s),
-            active: i === o.highlighted,
+            active: a === o.highlighted,
             selected: o.selected === s.value
           }, () => [
-            f("span", Le, [
-              f("span", Se, [
+            m("span", Se, [
+              m("span", Ce, [
                 o.recent ? (n(), l(R, { key: 0 }, [
                   E(r(s.label), 1)
                 ], 64)) : (n(), l(R, { key: 1 }, [
                   E(r(g(s).before), 1),
-                  g(s).match ? (n(), l("strong", Ce, r(g(s).match), 1)) : p("", !0),
+                  g(s).match ? (n(), l("strong", Ve, r(g(s).match), 1)) : p("", !0),
                   E(r(g(s).after), 1)
                 ], 64))
               ]),
-              s.description ? (n(), l("span", Ve, r(s.description), 1)) : p("", !0)
+              s.description ? (n(), l("span", We, r(s.description), 1)) : p("", !0)
             ])
           ])
-        ], 42, Be))), 128)) : o.status === "loading" ? (n(), l("p", We, r(a(d)("core.form.select.loading")), 1)) : o.status === "failed" ? (n(), l("p", De, r(a(d)("core.form.select.failed")), 1)) : (n(), l("p", Te, r(a(d)("core.form.select.no_matches")), 1))
+        ], 42, Le))), 128)) : o.status === "loading" ? (n(), l("p", De, r(i(c)("core.form.select.loading")), 1)) : o.status === "failed" ? (n(), l("p", Te, r(i(c)("core.form.select.failed")), 1)) : (n(), l("p", Re, r(i(c)("core.form.select.no_matches")), 1))
       ]),
-      o.hint && o.items.length > 0 ? (n(), l("p", Re, r(o.hint), 1)) : p("", !0)
-    ], 44, $e)) : p("", !0);
+      o.hint && o.items.length > 0 ? (n(), l("p", Ee, r(o.hint), 1)) : p("", !0)
+    ], 44, Me)) : p("", !0);
   }
-}), Ne = {
+}), Pe = {
   key: 0,
   class: "flex shrink-0 items-center",
   "data-test": "field-prefix"
-}, Pe = {
+}, Ae = {
   key: 1,
   class: "shrink-0 text-footnote text-content-muted"
-}, Ae = { class: "relative min-w-0 flex-1" }, Fe = ["id", "type", "name", "placeholder", "maxlength", "autocomplete", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby", "role", "aria-autocomplete", "aria-expanded", "aria-controls", "aria-activedescendant"], ze = { class: "invisible" }, Ie = { class: "text-content-disabled" }, Oe = {
+}, Fe = { class: "relative min-w-0 flex-1" }, ze = ["id", "type", "name", "placeholder", "maxlength", "autocomplete", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby", "role", "aria-autocomplete", "aria-expanded", "aria-controls", "aria-activedescendant"], Ie = { class: "invisible" }, Oe = { class: "text-content-disabled" }, He = {
   key: 2,
   class: "shrink-0 text-footnote text-content-muted"
-}, Xe = /* @__PURE__ */ K({
+}, Ye = /* @__PURE__ */ K({
   __name: "TextField",
-  props: /* @__PURE__ */ H(/* @__PURE__ */ ue({
+  props: /* @__PURE__ */ H(/* @__PURE__ */ pe({
     label: {},
     labelHidden: { type: Boolean },
     hint: {},
@@ -149,7 +149,7 @@ const $e = ["id", "aria-busy"], Me = { class: "min-h-0 flex-1 overflow-y-auto p-
     suggestionsLimit: {},
     recents: {}
   }, {
-    ...ge,
+    ...ye,
     type: "text",
     placeholder: void 0,
     maxLength: void 0,
@@ -167,112 +167,115 @@ const $e = ["id", "aria-busy"], Me = { class: "min-h-0 flex-1 overflow-y-auto p-
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ H(["picked"], ["update:modelValue"]),
-  setup($, { expose: S, emit: o }) {
-    const t = $, d = ae($, "modelValue"), b = o, k = N("input"), _ = N("anchor"), M = !!me(), g = fe("text", () => t.error ? "error" : t.disabled ? "locked" : "rest"), C = v(() => M ? pe(t.width) : "w-full"), { t: u } = G(), h = (e) => typeof e == "string" ? { value: e, label: e } : { value: e.text, label: e.text, ...e.detail !== void 0 ? { description: e.detail } : {} }, s = v(() => {
+  emits: /* @__PURE__ */ H(["picked", "focus", "blur"], ["update:modelValue"]),
+  setup($, { expose: L, emit: o }) {
+    const t = $, c = ie($, "modelValue"), f = o, k = N("input"), _ = N("anchor"), M = !!fe(), g = he("text", () => t.error ? "error" : t.disabled ? "locked" : "rest"), S = v(() => M ? me(t.width) : "w-full"), { t: u } = G(), h = (e) => typeof e == "string" ? { value: e, label: e } : { value: e.text, label: e.text, ...e.detail !== void 0 ? { description: e.detail } : {} }, s = v(() => {
       const e = t.suggestions;
       if (e)
-        return typeof e == "function" ? async (m, y) => (await e(m, y)).map(h) : e.map(h);
-    }), i = v(() => s.value !== void 0), c = _e({
+        return typeof e == "function" ? async (y, x) => (await e(y, x)).map(h) : e.map(h);
+    }), a = v(() => s.value !== void 0), d = we({
       source: () => s.value,
       minLength: () => t.suggestionsMinLength,
       debounce: () => t.suggestionsDebounce,
       limit: () => t.suggestionsLimit,
       listAllWhenEmpty: !1,
       recents: () => t.recents
-    }), { items: V, open: W, status: A, highlighted: F, showingRecent: z } = c, I = ie(!0), D = () => {
+    }), { items: C, open: V, status: A, highlighted: F, showingRecent: z } = d, I = le(!0), W = () => {
       const e = k.value;
       I.value = !e || e.selectionStart === e.value.length && e.selectionEnd === e.value.length;
-    }, q = v(() => i.value && W.value && !z.value && I.value && c.current.value ? we(d.value, c.current.value.label) : ""), O = v(() => U(W.value, V.value.length, A.value, !1));
+    }, q = v(() => a.value && V.value && !z.value && I.value && d.current.value ? $e(c.value, d.current.value.label) : ""), O = v(() => U(V.value, C.value.length, A.value, !1));
     function j(e) {
-      D(), i.value && c.ask(e.target.value);
+      W(), a.value && d.ask(e.target.value);
+    }
+    function D(e) {
+      c.value = e.value, d.remember(e), d.close(), f("picked", { text: e.value, ...e.description !== void 0 ? { detail: e.description } : {} });
     }
-    function T(e) {
-      d.value = e.value, c.remember(e), c.close(), b("picked", { text: e.value, ...e.description !== void 0 ? { detail: e.description } : {} });
+    function J(e) {
+      f("focus", e), a.value && c.value === "" && d.show("");
     }
-    function J() {
-      i.value && d.value === "" && c.show("");
+    function Q(e) {
+      d.close(), f("blur", e);
     }
-    function Q() {
-      const e = c.current.value;
-      return !q.value || !e ? !1 : (T(e), !0);
+    function X() {
+      const e = d.current.value;
+      return !q.value || !e ? !1 : (D(e), !0);
     }
-    const X = (e) => {
-      i.value && c.keydown(e, { pick: T, enterNeedsMove: !0, complete: Q });
+    const Y = (e) => {
+      a.value && d.keydown(e, { pick: D, enterNeedsMove: !0, complete: X });
     };
-    return S({ focus: () => k.value?.focus() }), (e, m) => (n(), P(he, le(a(ve)(t), {
-      value: d.value,
+    return L({ focus: () => k.value?.focus() }), (e, y) => (n(), P(ve, re(i(ge)(t), {
+      value: c.value,
       prefix: t.prefix,
       suffix: t.suffix,
       "value-style": t.mono ? "mono" : void 0
-    }), re({
-      default: w(({ id: y, describedby: Y, invalid: Z }) => [
-        f("div", {
+    }), ce({
+      default: w(({ id: x, describedby: Z, invalid: ee }) => [
+        m("div", {
           ref_key: "anchor",
           ref: _,
-          class: L(["flex items-center gap-1.5", [a(g), C.value]])
+          class: B(["flex items-center gap-1.5", [i(g), S.value]])
         }, [
-          e.$slots.prefix ? (n(), l("span", Ne, [
-            x(e.$slots, "prefix")
+          e.$slots.prefix ? (n(), l("span", Pe, [
+            b(e.$slots, "prefix")
           ])) : p("", !0),
-          t.prefix ? (n(), l("span", Pe, r(t.prefix), 1)) : p("", !0),
-          f("div", Ae, [
-            de(f("input", {
-              id: y,
+          t.prefix ? (n(), l("span", Ae, r(t.prefix), 1)) : p("", !0),
+          m("div", Fe, [
+            de(m("input", {
+              id: x,
               ref_key: "input",
               ref: k,
-              "onUpdate:modelValue": m[0] || (m[0] = (B) => d.value = B),
+              "onUpdate:modelValue": y[0] || (y[0] = (T) => c.value = T),
               type: t.type,
               name: t.name,
               placeholder: t.placeholder,
               maxlength: t.maxLength,
-              autocomplete: i.value ? "off" : t.autocomplete,
+              autocomplete: a.value ? "off" : t.autocomplete,
               disabled: t.disabled,
               required: t.required,
               "aria-required": t.required || void 0,
-              "aria-invalid": Z || void 0,
-              "aria-describedby": Y,
-              role: i.value ? "combobox" : void 0,
-              "aria-autocomplete": i.value ? "both" : void 0,
-              "aria-expanded": i.value ? O.value : void 0,
-              "aria-controls": i.value ? `${y}-list` : void 0,
-              "aria-activedescendant": i.value && O.value && a(V).length > 0 ? `${y}-option-${a(F)}` : void 0,
-              class: L(["block w-full min-w-0 border-0 bg-transparent px-0 py-1 text-body text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed", [t.mono ? "font-mono" : "", M && !i.value ? "compact:text-right" : ""]]),
+              "aria-invalid": ee || void 0,
+              "aria-describedby": Z,
+              role: a.value ? "combobox" : void 0,
+              "aria-autocomplete": a.value ? "both" : void 0,
+              "aria-expanded": a.value ? O.value : void 0,
+              "aria-controls": a.value ? `${x}-list` : void 0,
+              "aria-activedescendant": a.value && O.value && i(C).length > 0 ? `${x}-option-${i(F)}` : void 0,
+              class: B(["block w-full min-w-0 border-0 bg-transparent px-0 py-1 text-body text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed", [t.mono ? "font-mono" : "", M && !a.value ? "compact:text-right" : ""]]),
               onInput: j,
-              onKeyup: D,
-              onClick: D,
-              onKeydown: X,
+              onKeyup: W,
+              onClick: W,
+              onKeydown: Y,
               onFocus: J,
-              onBlur: m[1] || (m[1] = (B) => a(c).close())
-            }, null, 42, Fe), [
-              [ce, d.value]
+              onBlur: Q
+            }, null, 42, ze), [
+              [ue, c.value]
             ]),
             q.value ? (n(), l("span", {
               key: 0,
               "aria-hidden": "true",
-              class: L(["pointer-events-none absolute inset-0 flex items-center overflow-hidden whitespace-pre py-1 text-body", t.mono ? "font-mono" : ""]),
+              class: B(["pointer-events-none absolute inset-0 flex items-center overflow-hidden whitespace-pre py-1 text-body", t.mono ? "font-mono" : ""]),
               "data-test": "completion"
             }, [
-              f("span", ze, r(d.value), 1),
-              f("span", Ie, r(q.value), 1)
+              m("span", Ie, r(c.value), 1),
+              m("span", Oe, r(q.value), 1)
             ], 2)) : p("", !0)
           ]),
-          t.suffix ? (n(), l("span", Oe, r(t.suffix), 1)) : p("", !0)
+          t.suffix ? (n(), l("span", He, r(t.suffix), 1)) : p("", !0)
         ], 2),
-        i.value ? (n(), P(Ee, {
+        a.value ? (n(), P(Ne, {
           key: 0,
-          id: y,
+          id: x,
           anchor: _.value,
-          open: a(W),
-          items: a(V),
-          highlighted: a(F),
-          query: d.value,
-          status: a(A),
-          recent: a(z),
+          open: i(V),
+          items: i(C),
+          highlighted: i(F),
+          query: c.value,
+          status: i(A),
+          recent: i(z),
           "empty-message": !1,
-          hint: q.value ? a(u)("core.form.suggestions.keys_complete") : a(u)("core.form.suggestions.keys_pick"),
-          onPick: T,
-          onHover: m[2] || (m[2] = (B) => a(c).highlight(B))
+          hint: q.value ? i(u)("core.form.suggestions.keys_complete") : i(u)("core.form.suggestions.keys_pick"),
+          onPick: D,
+          onHover: y[1] || (y[1] = (T) => i(d).highlight(T))
         }, null, 8, ["id", "anchor", "open", "items", "highlighted", "query", "status", "recent", "hint"])) : p("", !0)
       ]),
       _: 2
@@ -280,28 +283,28 @@ const $e = ["id", "aria-busy"], Me = { class: "min-h-0 flex-1 overflow-y-auto p-
       e.$slots.prefix ? {
         name: "prefix",
         fn: w(() => [
-          x(e.$slots, "prefix")
+          b(e.$slots, "prefix")
         ]),
         key: "0"
       } : void 0,
       e.$slots.trailing ? {
         name: "trailing",
         fn: w(() => [
-          x(e.$slots, "trailing")
+          b(e.$slots, "trailing")
         ]),
         key: "1"
       } : void 0,
       e.$slots.labelTrailing ? {
         name: "labelTrailing",
         fn: w(() => [
-          x(e.$slots, "labelTrailing")
+          b(e.$slots, "labelTrailing")
         ]),
         key: "2"
       } : void 0,
       e.$slots.readonly ? {
         name: "readonly",
         fn: w(() => [
-          x(e.$slots, "readonly")
+          b(e.$slots, "readonly")
         ]),
         key: "3"
       } : void 0
@@ -309,6 +312,6 @@ const $e = ["id", "aria-busy"], Me = { class: "min-h-0 flex-1 overflow-y-auto p-
   }
 });
 export {
-  Xe as _,
-  Ee as a
+  Ye as _,
+  Ne as a
 };

package/dist/TextareaField.vue_vue_type_script_setup_true_lang-BJ4__cvJ.js

@@ -0,0 +1,93 @@
+import { defineComponent as V, useModel as L, useTemplateRef as M, computed as i, openBlock as p, createBlock as D, mergeProps as F, unref as f, createSlots as S, withCtx as n, createElementVNode as v, normalizeClass as b, withDirectives as z, vModelText as E, createElementBlock as P, toDisplayString as R, createCommentVNode as N, renderSlot as d, mergeModels as y, mergeDefaults as _ } from "vue";
+import { u as j } from "./mediaQuery-CygcXmFW.js";
+import { a as G, u as H, c as U, _ as A, f as I, b as J } from "./control-B4SdblL6.js";
+const K = ["id", "name", "rows", "placeholder", "maxlength", "autocomplete", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], O = {
+  key: 0,
+  class: "mt-1 self-end text-footnote tabular-nums text-content-muted"
+}, Y = /* @__PURE__ */ V({
+  __name: "TextareaField",
+  props: /* @__PURE__ */ y(/* @__PURE__ */ _({
+    label: {},
+    labelHidden: { type: Boolean },
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    placeholder: {},
+    maxLength: {},
+    rows: {},
+    autocomplete: {},
+    stacked: { type: Boolean }
+  }, { ...J, placeholder: void 0, maxLength: void 0, rows: 3, autocomplete: void 0, stacked: !1 }), {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ y(["focus", "blur"], ["update:modelValue"]),
+  setup(u, { expose: g, emit: h }) {
+    const e = u, t = L(u, "modelValue"), m = h, c = M("area"), k = !!G(), w = j(), { editable: x } = H(e), s = i(() => k && !e.stacked && !w.value && x.value && !!e.label), r = i(() => e.maxLength ? `${t.value.length} / ${e.maxLength}` : void 0), B = i(() => s.value && r.value ? [e.hint, r.value].filter(Boolean).join(" · ") : e.hint), $ = U("area", () => e.error ? "error" : e.disabled ? "locked" : "rest");
+    return g({ focus: () => c.value?.focus() }), (o, a) => (p(), D(A, F({ ...f(I)(e), hint: B.value }, {
+      value: t.value,
+      "row-layout": s.value ? "entry" : "stacked",
+      "row-label-align": "top"
+    }), S({
+      default: n(({ id: q, describedby: C, invalid: T }) => [
+        v("div", {
+          class: b(["w-full", f($)])
+        }, [
+          z(v("textarea", {
+            id: q,
+            ref_key: "area",
+            ref: c,
+            "onUpdate:modelValue": a[0] || (a[0] = (l) => t.value = l),
+            name: e.name,
+            rows: e.rows,
+            placeholder: e.placeholder,
+            maxlength: e.maxLength,
+            autocomplete: e.autocomplete,
+            disabled: e.disabled,
+            required: e.required,
+            "aria-required": e.required || void 0,
+            "aria-invalid": T || void 0,
+            "aria-describedby": C,
+            class: b(["block w-full border-0 bg-transparent px-0 py-1 text-body text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed", e.disabled ? "resize-none" : "resize-y"]),
+            onFocus: a[1] || (a[1] = (l) => m("focus", l)),
+            onBlur: a[2] || (a[2] = (l) => m("blur", l))
+          }, null, 42, K), [
+            [E, t.value]
+          ])
+        ], 2),
+        !s.value && r.value ? (p(), P("p", O, R(r.value), 1)) : N("", !0)
+      ]),
+      _: 2
+    }, [
+      o.$slots.trailing ? {
+        name: "trailing",
+        fn: n(() => [
+          d(o.$slots, "trailing")
+        ]),
+        key: "0"
+      } : void 0,
+      o.$slots.labelTrailing ? {
+        name: "labelTrailing",
+        fn: n(() => [
+          d(o.$slots, "labelTrailing")
+        ]),
+        key: "1"
+      } : void 0,
+      o.$slots.readonly ? {
+        name: "readonly",
+        fn: n(() => [
+          d(o.$slots, "readonly")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["value", "row-layout"]));
+  }
+});
+export {
+  Y as _
+};