@stonecrop/aform 0.16.1 → 0.16.2

package/README.md

@@ -20,7 +20,7 @@ Schema-driven form components for the Stonecrop framework. Renders a `ResolvedFi
 | `AFormLink` | Linked document selector with search dropdown and navigation arrow |
 | `ANumericInput` | Numeric input with type-specific formatting |
 | `ATextInput` | Single-line text input |
-| `ATextarea` | Multi-line text input |
+| `ATextboxInput` | Multi-line long-text input |
 
 ## Installation
 

package/dist/aform.d.ts

@@ -14,7 +14,7 @@ import AFormLoading from './components/AFormLoading.vue';
 import ANumericInput from './components/form/ANumericInput.vue';
 import type { App } from 'vue';
 import AQuantityInput from './components/form/AQuantityInput.vue';
-import ATextarea from './components/form/ATextarea.vue';
+import ATextboxInput from './components/form/ATextboxInput.vue';
 import ATextInput from './components/form/ATextInput.vue';
 import type { ColumnSchema } from '@stonecrop/schema';
 import type { FieldValidation } from '@stonecrop/schema';
@@ -75,7 +75,7 @@ export { ANumericInput }
 
 export { AQuantityInput }
 
-export { ATextarea }
+export { ATextboxInput }
 
 export { ATextInput }
 

package/dist/aform.js

@@ -1,4 +1,4 @@
-import { defineComponent as ne, useTemplateRef as we, ref as L, computed as D, onMounted as Le, openBlock as y, createElementBlock as k, unref as P, normalizeClass as ie, normalizeStyle as Ce, createBlock as me, resolveDynamicComponent as Ne, mergeProps as at, toDisplayString as H, createElementVNode as h, withModifiers as te, withDirectives as j, Fragment as z, renderList as ge, vShow as pe, createCommentVNode as Z, renderSlot as Te, createTextVNode as It, watch as oe, onBeforeUnmount as hn, nextTick as st, toValue as V, shallowRef as ye, getCurrentScope as Tt, onScopeDispose as $t, reactive as rt, vModelText as he, vModelCheckbox as Kt, vModelSelect as Xt, getCurrentInstance as Dt, watchEffect as Ct, useCssVars as pn, onUnmounted as gn, useModel as Me, inject as wt, createVNode as je, withCtx as qt, mergeModels as be, isRef as yn, toRefs as wn, customRef as At, toRef as Yt, readonly as St, withKeys as se, provide as bn } from "vue";
+import { defineComponent as ne, useTemplateRef as be, ref as L, computed as D, onMounted as Le, openBlock as y, createElementBlock as k, unref as P, normalizeClass as ie, normalizeStyle as Ce, createBlock as me, resolveDynamicComponent as Ne, mergeProps as at, toDisplayString as H, createElementVNode as h, withModifiers as te, withDirectives as j, Fragment as z, renderList as ge, vShow as pe, createCommentVNode as Z, renderSlot as Te, createTextVNode as It, watch as oe, onBeforeUnmount as hn, nextTick as st, toValue as V, shallowRef as we, getCurrentScope as Tt, onScopeDispose as $t, reactive as rt, vModelText as he, vModelCheckbox as Kt, vModelSelect as Xt, getCurrentInstance as Dt, watchEffect as Ct, useCssVars as pn, onUnmounted as gn, useModel as Me, inject as wt, createVNode as je, withCtx as qt, mergeModels as xe, isRef as yn, toRefs as wn, customRef as At, toRef as Yt, readonly as St, withKeys as se, provide as bn } from "vue";
 import { defineStore as xn } from "pinia";
 import './assets/index.css';function bt(e) {
   return Function(`"use strict"; return (${e})`)();
@@ -48,7 +48,7 @@ function ze(...e) {
 }
 // @__NO_SIDE_EFFECTS__
 function Cn() {
-  const e = ye(!1), t = Dt();
+  const e = we(!1), t = Dt();
   return t && Le(() => {
     e.value = !0;
   }, t), e;
@@ -111,7 +111,7 @@ function Rn(e = {}) {
     if (a)
       for (var p; i?.shadowRoot; ) i = i == null || (p = i.shadowRoot) === null || p === void 0 ? void 0 : p.activeElement;
     return i;
-  }, d = ye(), r = () => {
+  }, d = we(), r = () => {
     d.value = s();
   };
   if (o) {
@@ -127,7 +127,7 @@ function Rn(e = {}) {
 }
 const En = "focusin", Hn = "focusout", Bn = ":focus-within";
 function Vn(e, t = {}) {
-  const { window: o = Ge } = t, a = D(() => Ze(e)), n = ye(!1), l = D(() => n.value);
+  const { window: o = Ge } = t, a = D(() => Ze(e)), n = we(!1), l = D(() => n.value);
   if (!o || !(/* @__PURE__ */ Rn(t)).value) return { focused: l };
   const s = { passive: !0 };
   return ze(a, En, () => n.value = !0, s), ze(a, Hn, () => {
@@ -575,7 +575,7 @@ function xt(e, t, o = {}) {
 }
 // @__NO_SIDE_EFFECTS__
 function Qn() {
-  const e = ye(!1), t = Dt();
+  const e = we(!1), t = Dt();
   return t && Le(() => {
     e.value = !0;
   }, t), e;
@@ -741,7 +741,7 @@ function ot(e, t, o = {}) {
   };
 }
 function _e(e, t = {}) {
-  const { reset: o = !0, windowResize: a = !0, windowScroll: n = !0, immediate: l = !0, updateTiming: s = "sync" } = t, d = ye(0), r = ye(0), i = ye(0), p = ye(0), v = ye(0), b = ye(0), x = ye(0), m = ye(0);
+  const { reset: o = !0, windowResize: a = !0, windowScroll: n = !0, immediate: l = !0, updateTiming: s = "sync" } = t, d = we(0), r = we(0), i = we(0), p = we(0), v = we(0), b = we(0), x = we(0), m = we(0);
   function g() {
     const c = De(e);
     if (!c) {
@@ -776,7 +776,7 @@ function ct(e) {
 }
 const vt = /* @__PURE__ */ new WeakMap();
 function eo(e, t = !1) {
-  const o = ye(t);
+  const o = we(t);
   let a = "";
   oe(Zn(e), (s) => {
     const d = ct(V(s));
@@ -804,7 +804,7 @@ function eo(e, t = !1) {
 }
 const on = {
   ATextInput: "text",
-  ATextarea: "text",
+  ATextboxInput: "text",
   ANumericInput: "number",
   ACheckbox: "boolean",
   ADate: "date",
@@ -1223,7 +1223,7 @@ const so = (e) => {
     debounce: { default: 300 }
   },
   setup(e, { expose: t }) {
-    const o = we("cell"), a = e.store.getCellData(e.colIndex, e.rowIndex), n = L(""), l = L(!1), s = e.store.columns[e.colIndex], d = e.store.rows[e.rowIndex], r = s.align || "center", i = s.width || "40ch", p = D(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), v = L(null);
+    const o = be("cell"), a = e.store.getCellData(e.colIndex, e.rowIndex), n = L(""), l = L(!1), s = e.store.columns[e.colIndex], d = e.store.rows[e.rowIndex], r = s.align || "center", i = s.width || "40ch", p = D(() => e.store.getCellDisplayValue(e.colIndex, e.rowIndex)), v = L(null);
     Le(() => {
       if (!s.linkDoctype) return;
       const E = e.store.getCellData(e.colIndex, e.rowIndex);
@@ -1373,7 +1373,7 @@ const so = (e) => {
       v564d6da1: n.value,
       v4f540c19: O.colspan
     }));
-    const a = o, n = L(e.color.length >= 6 ? e.color : "#cccccc"), l = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, s = we("container"), d = we("bar"), r = we("leftResizeHandle"), i = we("rightResizeHandle"), p = we("leftConnectionHandle"), v = we("rightConnectionHandle"), { width: b } = _e(s), { left: x, right: m } = _e(d), g = L(e.start), u = L(e.end || g.value + e.colspan), c = L(!1), T = L(!1), C = L(!1), I = L(!1), M = L(!1), S = L({ startX: 0, startY: 0, endX: 0, endY: 0 }), _ = D(() => $e.value || le.value || ue.value), E = D(() => e.colspan > 0 ? b.value / e.colspan : 0), F = D(() => {
+    const a = o, n = L(e.color.length >= 6 ? e.color : "#cccccc"), l = `gantt-bar-row-${e.rowIndex}-col-${e.colIndex}`, s = be("container"), d = be("bar"), r = be("leftResizeHandle"), i = be("rightResizeHandle"), p = be("leftConnectionHandle"), v = be("rightConnectionHandle"), { width: b } = _e(s), { left: x, right: m } = _e(d), g = L(e.start), u = L(e.end || g.value + e.colspan), c = L(!1), T = L(!1), C = L(!1), I = L(!1), M = L(!1), S = L({ startX: 0, startY: 0, endX: 0, endY: 0 }), _ = D(() => $e.value || le.value || ue.value), E = D(() => e.colspan > 0 ? b.value / e.colspan : 0), F = D(() => {
       const O = g.value / e.colspan * 100, G = u.value / e.colspan * 100;
       return {
         left: `${O}%`,
@@ -1697,7 +1697,7 @@ const so = (e) => {
   },
   emits: ["action"],
   setup(e, { emit: t }) {
-    const o = e, a = t, n = we("actionsCell"), l = we("toggleButton"), s = L(0), d = L(!1), r = L(!1), i = L({ top: 0, left: 0 }), p = {
+    const o = e, a = t, n = be("actionsCell"), l = be("toggleButton"), s = L(0), d = L(!1), r = L(!1), i = L({ top: 0, left: 0 }), p = {
       add: "Add Record",
       delete: "Delete Record",
       duplicate: "Duplicate Record",
@@ -1829,7 +1829,7 @@ const so = (e) => {
   },
   emits: ["row:action", "row:click"],
   setup(e, { emit: t }) {
-    const o = t, a = we("rowEl"), n = D(() => e.store.isRowVisible(e.rowIndex)), l = D(() => e.store.getRowExpandSymbol(e.rowIndex)), s = D(() => e.store.config.clickable ?? !1), d = D(() => e.store.config.rowActions || { enabled: !1 }), r = D(() => d.value.enabled), i = D(() => d.value.position || "before-index"), p = D(() => e.store.config.view === "list-expansion" && !!e.store.display[e.rowIndex]?.expanded), v = D(() => {
+    const o = t, a = be("rowEl"), n = D(() => e.store.isRowVisible(e.rowIndex)), l = D(() => e.store.getRowExpandSymbol(e.rowIndex)), s = D(() => e.store.config.clickable ?? !1), d = D(() => e.store.config.rowActions || { enabled: !1 }), r = D(() => d.value.enabled), i = D(() => d.value.position || "before-index"), p = D(() => e.store.config.view === "list-expansion" && !!e.store.display[e.rowIndex]?.expanded), v = D(() => {
       const g = e.store.config.view === "uncounted" ? 0 : 1, u = r.value ? 1 : 0;
       return e.store.columns.length + g + u;
     }), b = (g, u, c) => {
@@ -1940,7 +1940,7 @@ const so = (e) => {
 } };
 function Uo() {
   let e = !1;
-  const t = ye(!1);
+  const t = we(!1);
   return (o, a) => {
     if (t.value = a.value, e) return;
     e = !0;
@@ -2265,7 +2265,7 @@ const Zo = { class: "gantt-connection-overlay" }, Go = {
     store: {}
   },
   setup(e) {
-    const t = we("amodal"), { width: o, height: a } = _e(t), n = D(() => {
+    const t = be("amodal"), { width: o, height: a } = _e(t), n = D(() => {
       if (!(e.store.modal.height && e.store.modal.width && e.store.modal.left && e.store.modal.bottom)) return {};
       const l = e.store.modal.cell?.closest("table");
       if (!l) return {};
@@ -2311,7 +2311,7 @@ const vl = {
   style: { position: "relative" }
 }, fl = /* @__PURE__ */ ne({
   __name: "ATable",
-  props: /* @__PURE__ */ be({
+  props: /* @__PURE__ */ xe({
     id: { default: "" },
     config: { default: () => new Object() },
     schema: { default: () => [] },
@@ -2322,9 +2322,9 @@ const vl = {
     columns: {},
     columnsModifiers: {}
   }),
-  emits: /* @__PURE__ */ be(["cellUpdate", "gantt:drag", "connection:event", "columns:update", "row:add", "row:click", "row:delete", "row:duplicate", "row:insert-above", "row:insert-below", "row:move", "row:open"], ["update:rows", "update:columns"]),
+  emits: /* @__PURE__ */ xe(["cellUpdate", "gantt:drag", "connection:event", "columns:update", "row:add", "row:click", "row:delete", "row:duplicate", "row:insert-above", "row:insert-below", "row:move", "row:open"], ["update:rows", "update:columns"]),
   setup(e, { expose: t, emit: o }) {
-    const a = Me(e, "rows"), n = Me(e, "columns"), l = o, s = we("table"), d = n.value?.length ? n.value : cl(e.schema ?? []), r = wt("aformLinkResolver", null), i = so({
+    const a = Me(e, "rows"), n = Me(e, "columns"), l = o, s = be("table"), d = n.value?.length ? n.value : cl(e.schema ?? []), r = wt("aformLinkResolver", null), i = so({
       columns: d,
       rows: a.value,
       id: e.id,
@@ -2580,7 +2580,7 @@ function Tl(e) {
 }
 const $l = { class: "aform_form-element" }, Dl = { class: "aform_field-label" }, Cl = { class: "aform_display-value" }, Al = ["for"], Sl = { class: "aform_checkbox-container aform_input-field" }, Ll = ["id", "disabled", "required"], Rl = ["innerHTML"], El = /* @__PURE__ */ ne({
   __name: "ACheckbox",
-  props: /* @__PURE__ */ be({
+  props: /* @__PURE__ */ xe({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -2627,12 +2627,12 @@ const $l = { class: "aform_form-element" }, Dl = { class: "aform_field-label" },
       ], 64))
     ]));
   }
-}), xe = (e, t) => {
+}), ye = (e, t) => {
   const o = e.__vccOpts || e;
   for (const [a, n] of t)
     o[a] = n;
   return o;
-}, Hl = /* @__PURE__ */ xe(El, [["__scopeId", "data-v-ca06741d"]]);
+}, Hl = /* @__PURE__ */ ye(El, [["__scopeId", "data-v-ca06741d"]]);
 function dn(e, t) {
   return Tt() ? ($t(e, t), !0) : !1;
 }
@@ -2819,7 +2819,7 @@ function pt(e) {
 }
 const gt = /* @__PURE__ */ new WeakMap();
 function Zl(e, t = !1) {
-  const o = ye(t);
+  const o = we(t);
   let a = "";
   oe(Pl(e), (s) => {
     const d = pt(V(s));
@@ -2854,7 +2854,7 @@ const Gl = { class: "aform_display-value" }, Wl = { key: 0 }, jl = ["innerHTML"]
   tabindex: -1
 }, Xl = { key: 0 }, Yl = { colspan: "7" }, Ql = { class: "date-input" }, Jl = ["value"], ea = ["value"], ta = ["onClick", "onKeydown", "onMouseover"], na = ["innerHTML"], oa = 6, zt = 7, la = /* @__PURE__ */ ne({
   __name: "ADatePicker",
-  props: /* @__PURE__ */ be({
+  props: /* @__PURE__ */ xe({
     schema: {},
     label: {},
     selectRange: { type: Boolean, default: !1 },
@@ -2868,9 +2868,9 @@ const Gl = { class: "aform_display-value" }, Wl = { key: 0 }, jl = ["innerHTML"]
     modelValue: { default: /* @__PURE__ */ new Date() },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ be(["get-date"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ xe(["get-date"], ["update:modelValue"]),
   setup(e, { expose: t, emit: o }) {
-    const a = D(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = Me(e, "modelValue"), l = L(new Date(n.value)), s = L(l.value.getMonth()), d = L(l.value.getFullYear()), r = L([]), i = L(new Date(n.value)), p = L(null), v = L(null), b = we("start-date-input"), x = we("end-date-input"), m = o, g = D(() => new Date(d.value, s.value, 1).toLocaleDateString(void 0, {
+    const a = D(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = Me(e, "modelValue"), l = L(new Date(n.value)), s = L(l.value.getMonth()), d = L(l.value.getFullYear()), r = L([]), i = L(new Date(n.value)), p = L(null), v = L(null), b = be("start-date-input"), x = be("end-date-input"), m = o, g = D(() => new Date(d.value, s.value, 1).toLocaleDateString(void 0, {
       year: "numeric",
       month: "long"
     })), u = D(() => p.value != null ? T(p.value) : ""), c = D(() => v.value != null ? T(v.value) : ""), T = ($) => fe($) ? $.getMonth() + 1 + "/" + $.getDate() + "/" + $.getFullYear() : "", C = ($) => {
@@ -3030,7 +3030,7 @@ const Gl = { class: "aform_display-value" }, Wl = { key: 0 }, jl = ["innerHTML"]
       ])
     ], 64));
   }
-}), fn = /* @__PURE__ */ xe(la, [["__scopeId", "data-v-51c0c73a"]]), aa = { class: "adate_time" }, sa = { class: "adate_time_fields" }, ra = ["onKeydown"], ia = ["onKeydown"], ua = {
+}), fn = /* @__PURE__ */ ye(la, [["__scopeId", "data-v-51c0c73a"]]), aa = { class: "adate_time" }, sa = { class: "adate_time_fields" }, ra = ["onKeydown"], ia = ["onKeydown"], ua = {
   key: 0,
   class: "colon"
 }, da = ["onKeydown"], ca = /* @__PURE__ */ ne({
@@ -3045,7 +3045,7 @@ const Gl = { class: "aform_display-value" }, Wl = { key: 0 }, jl = ["innerHTML"]
   },
   emits: ["get-time"],
   setup(e, { emit: t }) {
-    const o = t, a = we("meridiem-selector"), n = rt({
+    const o = t, a = be("meridiem-selector"), n = rt({
       hours: String(e.defaultHours).padStart(2, "0"),
       minutes: String(e.defaultMinutes).padStart(2, "0"),
       seconds: String(e.defaultSeconds).padStart(2, "0")
@@ -3179,7 +3179,7 @@ const Gl = { class: "aform_display-value" }, Wl = { key: 0 }, jl = ["innerHTML"]
       ])
     ]));
   }
-}), Mt = /* @__PURE__ */ xe(ca, [["__scopeId", "data-v-959a3e41"]]), va = { class: "adate-selection" }, fa = {
+}), Mt = /* @__PURE__ */ ye(ca, [["__scopeId", "data-v-959a3e41"]]), va = { class: "adate-selection" }, fa = {
   key: 3,
   class: "empty"
 }, ma = /* @__PURE__ */ ne({
@@ -3255,9 +3255,9 @@ const Gl = { class: "aform_display-value" }, Wl = { key: 0 }, jl = ["innerHTML"]
       !e.showTime && !e.showDate ? (y(), k("p", fa, "empty")) : Z("", !0)
     ]));
   }
-}), it = /* @__PURE__ */ xe(ma, [["__scopeId", "data-v-eeadb3e2"]]), ha = { class: "aform_display-value" }, pa = ["id", "value", "disabled", "required"], ga = ["for"], ya = ["innerHTML"], wa = /* @__PURE__ */ ne({
+}), it = /* @__PURE__ */ ye(ma, [["__scopeId", "data-v-eeadb3e2"]]), ha = { class: "aform_display-value" }, pa = ["id", "value", "disabled", "required"], ga = ["for"], ya = ["innerHTML"], wa = /* @__PURE__ */ ne({
   __name: "ADate",
-  props: /* @__PURE__ */ be({
+  props: /* @__PURE__ */ xe({
     schema: {},
     label: { default: "Date" },
     selectRange: { type: Boolean },
@@ -3278,7 +3278,7 @@ const Gl = { class: "aform_display-value" }, Wl = { key: 0 }, jl = ["innerHTML"]
       set: (r) => {
         a.value = new Date(r), o.value = r;
       }
-    }), l = we("picker"), s = L(!1);
+    }), l = be("picker"), s = L(!1);
     lt(l, () => s.value = !1), oe(
       () => o.value,
       (r) => {
@@ -3326,7 +3326,7 @@ const Gl = { class: "aform_display-value" }, Wl = { key: 0 }, jl = ["innerHTML"]
       ], 64))
     ]));
   }
-}), ba = /* @__PURE__ */ xe(wa, [["__scopeId", "data-v-a73c275b"]]), yt = /* @__PURE__ */ new WeakMap(), Ft = {
+}), ba = /* @__PURE__ */ ye(wa, [["__scopeId", "data-v-a73c275b"]]), yt = /* @__PURE__ */ new WeakMap(), Ft = {
   mounted(e, t) {
     const o = !t.modifiers.bubble;
     let a;
@@ -3344,7 +3344,7 @@ const Gl = { class: "aform_display-value" }, Wl = { key: 0 }, jl = ["innerHTML"]
 };
 function xa() {
   let e = !1;
-  const t = ye(!1);
+  const t = we(!1);
   return (o, a) => {
     if (t.value = a.value, e) return;
     e = !0;
@@ -3364,7 +3364,7 @@ const ka = {
   class: "loading autocomplete-result"
 }, Aa = ["onClick"], Sa = ["innerHTML"], La = /* @__PURE__ */ ne({
   __name: "ADropdown",
-  props: /* @__PURE__ */ be({
+  props: /* @__PURE__ */ xe({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -3482,12 +3482,12 @@ const ka = {
       [P(Ft), l]
     ]);
   }
-}), Ra = /* @__PURE__ */ xe(La, [["__scopeId", "data-v-0f2bf458"]]), Ea = { class: "aduration" }, Ha = { class: "aform_display-value" }, Ba = { class: "aduration__footer" }, Va = {
+}), Ra = /* @__PURE__ */ ye(La, [["__scopeId", "data-v-2b75e2d5"]]), Ea = { class: "aduration" }, Ha = { class: "aform_display-value" }, Ba = { class: "aduration__footer" }, Va = {
   key: 0,
   class: "aduration__summary"
 }, Fa = { class: "aduration__value" }, Pa = { class: "aduration__ms" }, _a = /* @__PURE__ */ ne({
   __name: "ADuration",
-  props: /* @__PURE__ */ be({
+  props: /* @__PURE__ */ xe({
     label: { default: "Duration" },
     mode: { default: "edit" },
     allowMilitaryTime: { type: Boolean, default: !1 },
@@ -3544,9 +3544,9 @@ const ka = {
       ], 64))
     ]));
   }
-}), qa = /* @__PURE__ */ xe(_a, [["__scopeId", "data-v-22611dd6"]]), Na = { class: "adaterange" }, Oa = { class: "aform_display-value" }, Ua = ["id", "value", "disabled"], Za = ["for"], Ga = ["innerHTML"], Wa = /* @__PURE__ */ ne({
+}), qa = /* @__PURE__ */ ye(_a, [["__scopeId", "data-v-22611dd6"]]), Na = { class: "adaterange" }, Oa = { class: "aform_display-value" }, Ua = ["id", "value", "disabled"], Za = ["for"], Ga = ["innerHTML"], Wa = /* @__PURE__ */ ne({
   __name: "ADateRange",
-  props: /* @__PURE__ */ be({
+  props: /* @__PURE__ */ xe({
     schema: {},
     label: { default: "Date Range" },
     selectRange: { type: Boolean },
@@ -3622,7 +3622,7 @@ const ka = {
       ], 64))
     ]));
   }
-}), ja = /* @__PURE__ */ xe(Wa, [["__scopeId", "data-v-b5838478"]]), za = { class: "aform" }, Ka = {
+}), ja = /* @__PURE__ */ ye(Wa, [["__scopeId", "data-v-b5838478"]]), za = { class: "aform" }, Ka = {
   key: 0,
   class: "aform-nested-section"
 }, Xa = {
@@ -3630,7 +3630,7 @@ const ka = {
   class: "aform-nested-label"
 }, Ya = /* @__PURE__ */ ne({
   __name: "AForm",
-  props: /* @__PURE__ */ be({
+  props: /* @__PURE__ */ xe({
     schema: {},
     mode: { default: "edit" },
     errors: {}
@@ -3638,7 +3638,7 @@ const ka = {
     data: { required: !0 },
     dataModifiers: {}
   }),
-  emits: /* @__PURE__ */ be(["update:schema", "update:data"], ["update:data"]),
+  emits: /* @__PURE__ */ xe(["update:schema", "update:data"], ["update:data"]),
   setup(e, { emit: t }) {
     const o = t, a = Me(e, "data"), n = (x) => (x.kind === "link" || x.kind === "fieldset") && "schema" in x && Array.isArray(x.schema) && x.schema.length > 0, l = L({});
     oe(
@@ -3705,7 +3705,7 @@ const ka = {
       ], 64))), 128))
     ]));
   }
-}), mn = /* @__PURE__ */ xe(Ya, [["__scopeId", "data-v-039be29e"]]), Qa = /* @__PURE__ */ ne({
+}), mn = /* @__PURE__ */ ye(Ya, [["__scopeId", "data-v-bb17171c"]]), Qa = /* @__PURE__ */ ne({
   __name: "CollapseButton",
   props: {
     collapsed: { type: Boolean }
@@ -3715,7 +3715,7 @@ const ka = {
       class: ie(["collapse-button", e.collapsed ? "rotated" : "unrotated"])
     }, "×", 2));
   }
-}), Ja = /* @__PURE__ */ xe(Qa, [["__scopeId", "data-v-6f1c1b45"]]), es = /* @__PURE__ */ ne({
+}), Ja = /* @__PURE__ */ ye(Qa, [["__scopeId", "data-v-6f1c1b45"]]), es = /* @__PURE__ */ ne({
   __name: "AFieldset",
   props: {
     schema: {},
@@ -3753,7 +3753,7 @@ const ka = {
       ], !0)
     ]));
   }
-}), ts = /* @__PURE__ */ xe(es, [["__scopeId", "data-v-162e7317"]]), ns = { class: "aform_form-element aform_file-attach aform__grid--full" }, os = {
+}), ts = /* @__PURE__ */ ye(es, [["__scopeId", "data-v-162e7317"]]), ns = { class: "aform_form-element aform_file-attach aform__grid--full" }, os = {
   key: 0,
   class: "aform_file-attach-feedback"
 }, ls = {
@@ -3815,7 +3815,7 @@ const ka = {
       ], 64))
     ]));
   }
-}), us = /* @__PURE__ */ xe(is, [["__scopeId", "data-v-8eefd179"]]), ds = { class: "aform_form-element" }, cs = {
+}), us = /* @__PURE__ */ ye(is, [["__scopeId", "data-v-8eefd179"]]), ds = { class: "aform_form-element" }, cs = {
   key: 0,
   class: "aform_display-value"
 }, vs = { class: "aform_form-link-wrapper" }, fs = { class: "input-group" }, ms = ["disabled", "onKeydown"], hs = ["onKeydown"], ps = {
@@ -3829,7 +3829,7 @@ const ka = {
   class: "aform_field-label"
 }, bs = /* @__PURE__ */ ne({
   __name: "AFormLink",
-  props: /* @__PURE__ */ be({
+  props: /* @__PURE__ */ xe({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -3951,9 +3951,9 @@ const ka = {
       ], 64))
     ]));
   }
-}), xs = /* @__PURE__ */ xe(bs, [["__scopeId", "data-v-4b68886b"]]), ks = { class: "aform_form-element" }, Ms = { class: "aform_display-value" }, Is = { class: "aform_field-label" }, Ts = ["id", "disabled", "required"], $s = ["for"], Ds = ["innerHTML"], Cs = /* @__PURE__ */ ne({
+}), xs = /* @__PURE__ */ ye(bs, [["__scopeId", "data-v-4b68886b"]]), ks = { class: "aform_form-element" }, Ms = { class: "aform_display-value" }, Is = { class: "aform_field-label" }, Ts = ["id", "disabled", "required"], $s = ["for"], Ds = ["innerHTML"], Cs = /* @__PURE__ */ ne({
   __name: "ANumericInput",
-  props: /* @__PURE__ */ be({
+  props: /* @__PURE__ */ xe({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -4000,7 +4000,7 @@ const ka = {
   }
 }), As = { class: "aform_form-element aquantity" }, Ss = { class: "aform_display-value" }, Ls = { class: "aform_field-label" }, Rs = { class: "aquantity__row" }, Es = { class: "aquantity__field aquantity__field--qty" }, Hs = { class: "aquantity__group" }, Bs = ["id", "disabled", "required"], Vs = { class: "aquantity__uom" }, Fs = ["id", "disabled", "aria-expanded", "aria-activedescendant", "onKeydown"], Ps = { class: "aquantity__uom-value" }, _s = ["aria-label"], qs = ["id", "aria-selected", "onMouseenter", "onClick"], Ns = ["for"], Os = { class: "aquantity__row aquantity__row--stock" }, Us = { class: "aquantity__field aquantity__field--stock-uom" }, Zs = ["value"], Gs = { class: "aform_field-label" }, Ws = { class: "aquantity__field aquantity__field--stock-qty" }, js = ["value"], zs = { class: "aform_field-label" }, Ks = { class: "aquantity__field aquantity__field--conversion" }, Xs = ["value"], Ys = { class: "aform_field-label" }, Qs = ["innerHTML"], Js = /* @__PURE__ */ ne({
   __name: "AQuantityInput",
-  props: /* @__PURE__ */ be({
+  props: /* @__PURE__ */ xe({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -4206,7 +4206,7 @@ const ka = {
       ], 64))
     ]));
   }
-}), er = /* @__PURE__ */ xe(Js, [["__scopeId", "data-v-75e7ebee"]]);
+}), er = /* @__PURE__ */ ye(Js, [["__scopeId", "data-v-75e7ebee"]]);
 function tr(e) {
   try {
     return bt(e);
@@ -4254,7 +4254,7 @@ function ar(e, t) {
 }
 const sr = { class: "aform_form-element" }, rr = { class: "aform_display-value" }, ir = { class: "aform_field-label" }, ur = ["id", "disabled", "maxlength", "required"], dr = ["for"], cr = ["innerHTML"], vr = /* @__PURE__ */ ne({
   __name: "ATextInput",
-  props: /* @__PURE__ */ be({
+  props: /* @__PURE__ */ xe({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -4300,9 +4300,9 @@ const sr = { class: "aform_form-element" }, rr = { class: "aform_display-value"
       ], 64))
     ]));
   }
-}), fr = { class: "aform_form-element" }, mr = { class: "aform_display-value" }, hr = { class: "aform_field-label" }, pr = ["id", "disabled", "required"], gr = ["for"], yr = ["innerHTML"], wr = /* @__PURE__ */ ne({
-  __name: "ATextarea",
-  props: /* @__PURE__ */ be({
+}), fr = { class: "aform_form-element" }, mr = { class: "aform_display-value aform_textbox-display" }, hr = { class: "aform_field-label" }, pr = ["id", "placeholder", "rows", "maxlength", "disabled", "required"], gr = ["for"], yr = ["innerHTML"], wr = /* @__PURE__ */ ne({
+  __name: "ATextboxInput",
+  props: /* @__PURE__ */ xe({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -4311,7 +4311,10 @@ const sr = { class: "aform_form-element" }, rr = { class: "aform_display-value"
     mode: {},
     uuid: {},
     validation: { default: () => ({ errorMessage: "" }) },
-    errors: {}
+    errors: {},
+    placeholder: { default: "" },
+    rows: { default: 4 },
+    maxlength: {}
   }, {
     modelValue: {},
     modelModifiers: {}
@@ -4327,7 +4330,10 @@ const sr = { class: "aform_form-element" }, rr = { class: "aform_display-value"
         j(h("textarea", {
           id: e.uuid,
           "onUpdate:modelValue": n[0] || (n[0] = (l) => o.value = l),
-          class: "aform_input-field aform_textarea",
+          class: "aform_input-field aform_textbox",
+          placeholder: e.placeholder,
+          rows: e.rows,
+          maxlength: e.maxlength,
           disabled: e.mode === "read",
           required: e.required
         }, null, 8, pr), [
@@ -4346,10 +4352,10 @@ const sr = { class: "aform_form-element" }, rr = { class: "aform_display-value"
       ], 64))
     ]));
   }
-}), br = { class: "login-container" }, xr = { class: "account-container" }, kr = { class: "account-header" }, Mr = { id: "account-title" }, Ir = { id: "account-subtitle" }, Tr = { class: "login-form-container" }, $r = { class: "login-form-email aform_form-element" }, Dr = ["disabled"], Cr = { class: "login-form-password aform_form-element" }, Ar = ["disabled"], Sr = ["disabled"], Lr = {
+}), br = /* @__PURE__ */ ye(wr, [["__scopeId", "data-v-2a9c793b"]]), xr = { class: "login-container" }, kr = { class: "account-container" }, Mr = { class: "account-header" }, Ir = { id: "account-title" }, Tr = { id: "account-subtitle" }, $r = { class: "login-form-container" }, Dr = { class: "login-form-email aform_form-element" }, Cr = ["disabled"], Ar = { class: "login-form-password aform_form-element" }, Sr = ["disabled"], Lr = ["disabled"], Rr = {
   key: 0,
   class: "material-symbols-outlined loading-icon"
-}, Rr = /* @__PURE__ */ ne({
+}, Er = /* @__PURE__ */ ne({
   __name: "Login",
   props: {
     headerTitle: { default: "Login" },
@@ -4365,16 +4371,16 @@ const sr = { class: "aform_form-element" }, rr = { class: "aform_display-value"
       }
       l.value = !1, o("loginSuccess");
     }
-    return (r, i) => (y(), k("div", br, [
+    return (r, i) => (y(), k("div", xr, [
       h("div", null, [
-        h("div", xr, [
-          h("div", kr, [
-            h("h1", Mr, H(e.headerTitle), 1),
-            h("p", Ir, H(e.headerSubtitle), 1)
+        h("div", kr, [
+          h("div", Mr, [
+            h("h1", Ir, H(e.headerTitle), 1),
+            h("p", Tr, H(e.headerSubtitle), 1)
           ]),
           h("form", { onSubmit: d }, [
-            h("div", Tr, [
-              h("div", $r, [
+            h("div", $r, [
+              h("div", Dr, [
                 i[2] || (i[2] = h("label", {
                   id: "login-email",
                   for: "email",
@@ -4391,11 +4397,11 @@ const sr = { class: "aform_form-element" }, rr = { class: "aform_display-value"
                   "auto-complete": "email",
                   "auto-correct": "off",
                   disabled: l.value
-                }, null, 8, Dr), [
+                }, null, 8, Cr), [
                   [he, a.value]
                 ])
               ]),
-              h("div", Cr, [
+              h("div", Ar, [
                 i[3] || (i[3] = h("label", {
                   id: "login-password",
                   for: "password",
@@ -4408,7 +4414,7 @@ const sr = { class: "aform_form-element" }, rr = { class: "aform_display-value"
                   name: "password",
                   type: "password",
                   disabled: l.value
-                }, null, 8, Ar), [
+                }, null, 8, Sr), [
                   [he, n.value]
                 ])
               ]),
@@ -4417,9 +4423,9 @@ const sr = { class: "aform_form-element" }, rr = { class: "aform_display-value"
                 disabled: l.value || !a.value || !n.value,
                 onClick: d
               }, [
-                l.value ? (y(), k("span", Lr, "progress_activity")) : Z("", !0),
+                l.value ? (y(), k("span", Rr, "progress_activity")) : Z("", !0),
                 i[4] || (i[4] = h("span", { id: "login-form-button" }, "Login", -1))
-              ], 8, Sr)
+              ], 8, Lr)
             ])
           ], 32),
           i[5] || (i[5] = h("button", { class: "btn" }, [
@@ -4429,18 +4435,18 @@ const sr = { class: "aform_form-element" }, rr = { class: "aform_display-value"
       ])
     ]));
   }
-}), qr = /* @__PURE__ */ xe(Rr, [["__scopeId", "data-v-2c0f0634"]]), Er = {}, Hr = { class: "aform-loading" }, Br = { class: "aform-loading__label" };
-function Vr(e, t) {
-  return y(), k("div", Hr, [
-    h("div", Br, [
+}), Nr = /* @__PURE__ */ ye(Er, [["__scopeId", "data-v-2c0f0634"]]), Hr = {}, Br = { class: "aform-loading" }, Vr = { class: "aform-loading__label" };
+function Fr(e, t) {
+  return y(), k("div", Br, [
+    h("div", Vr, [
       Te(e.$slots, "default", {}, void 0, !0)
     ]),
     t[0] || (t[0] = h("div", { class: "aform-loading__bar" }, null, -1))
   ]);
 }
-const Fr = /* @__PURE__ */ xe(Er, [["render", Vr], ["__scopeId", "data-v-274f5ba3"]]);
-function Nr(e) {
-  e.use(Tl), e.component("ACheckbox", Hl), e.component("ADate", ba), e.component("ADropdown", Ra), e.component("ADatePicker", fn), e.component("ADateTime", Mt), e.component("ADateRange", ja), e.component("ADateSelection", it), e.component("AFieldset", ts), e.component("AFileAttach", us), e.component("AForm", mn), e.component("AFormLink", xs), e.component("ANumericInput", Cs), e.component("AQuantityInput", er), e.component("ATextInput", vr), e.component("ATextarea", wr), e.component("ADuration", qa), e.component("AFormLoading", Fr);
+const Pr = /* @__PURE__ */ ye(Hr, [["render", Fr], ["__scopeId", "data-v-274f5ba3"]]);
+function Or(e) {
+  e.use(Tl), e.component("ACheckbox", Hl), e.component("ADate", ba), e.component("ADropdown", Ra), e.component("ADatePicker", fn), e.component("ADateTime", Mt), e.component("ADateRange", ja), e.component("ADateSelection", it), e.component("AFieldset", ts), e.component("AFileAttach", us), e.component("AForm", mn), e.component("AFormLink", xs), e.component("ANumericInput", Cs), e.component("AQuantityInput", er), e.component("ATextInput", vr), e.component("ATextboxInput", br), e.component("ADuration", qa), e.component("AFormLoading", Pr);
 }
 export {
   Hl as ACheckbox,
@@ -4455,13 +4461,13 @@ export {
   us as AFileAttach,
   mn as AForm,
   xs as AFormLink,
-  Fr as AFormLoading,
+  Pr as AFormLoading,
   Cs as ANumericInput,
   er as AQuantityInput,
   vr as ATextInput,
-  wr as ATextarea,
-  qr as Login,
+  br as ATextboxInput,
+  Nr as Login,
   bt as deserializeFunction,
-  Nr as install
+  Or as install
 };
 //# sourceMappingURL=aform.js.map