@stonecrop/aform 0.19.0 → 0.21.0

package/dist/aform.js

@@ -1,11 +1,11 @@
-import { install as pe } from "@stonecrop/atable";
-import { defineComponent as V, computed as I, useModel as G, openBlock as u, createElementBlock as m, Fragment as L, createElementVNode as a, toDisplayString as g, withDirectives as p, vModelCheckbox as Le, vShow as P, mergeModels as Q, useId as qe, ref as A, inject as re, watch as X, normalizeClass as O, withKeys as _, withModifiers as R, vModelText as Y, createCommentVNode as B, renderList as j, renderSlot as fe, createTextVNode as ne, unref as J, createVNode as oe, withCtx as Fe, useTemplateRef as le, onMounted as we, nextTick as _e, reactive as ve, vModelSelect as Ce, provide as Be, createBlock as ee, watchEffect as Re, resolveDynamicComponent as $e, mergeProps as Ve } from "vue";
+import { install as Le } from "@stonecrop/atable";
+import { defineComponent as V, computed as A, useModel as G, openBlock as u, createElementBlock as m, Fragment as L, createElementVNode as a, toDisplayString as g, withDirectives as p, vModelCheckbox as qe, vShow as P, mergeModels as Q, useId as Fe, ref as I, inject as re, watch as Z, normalizeClass as O, withKeys as _, withModifiers as R, vModelText as Y, createCommentVNode as B, renderList as j, renderSlot as fe, createTextVNode as ne, unref as J, createVNode as oe, withCtx as _e, useTemplateRef as le, onMounted as we, nextTick as Ce, reactive as ve, vModelSelect as Be, provide as Re, createBlock as ee, watchEffect as Ve, resolveDynamicComponent as $e, mergeProps as Ne } from "vue";
 import { vOnClickOutside as ye } from "@vueuse/components";
-import { onClickOutside as De, useFileDialog as Ne } from "@vueuse/core";
+import { onClickOutside as De, useFileDialog as Ue } from "@vueuse/core";
 import './assets/index.css';function ce(e) {
   return Function(`"use strict"; return (${e})`)();
 }
-const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" }, Ee = { class: "aform_display-value" }, Ke = ["for"], Pe = { class: "aform_checkbox-container aform_input-field" }, Qe = ["id", "disabled", "required"], Ye = ["innerHTML"], Ge = /* @__PURE__ */ V({
+const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" }, Ke = { class: "aform_display-value" }, Pe = ["for"], Qe = { class: "aform_checkbox-container aform_input-field" }, Ye = ["id", "disabled", "required"], Ge = ["innerHTML"], ze = /* @__PURE__ */ V({
   __name: "ACheckbox",
   props: /* @__PURE__ */ Q({
     schema: {},
@@ -23,17 +23,17 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const s = I(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = G(e, "modelValue");
+    const s = A(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = G(e, "modelValue");
     return (c, t) => (u(), m("div", He, [
       e.mode === "display" ? (u(), m(L, { key: 0 }, [
-        a("label", Ue, g(e.label), 1),
-        a("span", Ee, g(n.value ? "✓" : "✗"), 1)
+        a("label", Ee, g(e.label), 1),
+        a("span", Ke, g(n.value ? "✓" : "✗"), 1)
       ], 64)) : (u(), m(L, { key: 1 }, [
         a("label", {
           class: "aform_field-label",
           for: e.uuid
-        }, g(e.label), 9, Ke),
-        a("span", Pe, [
+        }, g(e.label), 9, Pe),
+        a("span", Qe, [
           p(a("input", {
             id: e.uuid,
             "onUpdate:modelValue": t[0] || (t[0] = (d) => n.value = d),
@@ -41,34 +41,34 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
             class: "aform_checkbox",
             disabled: e.mode === "read",
             required: e.required
-          }, null, 8, Qe), [
-            [Le, n.value]
+          }, null, 8, Ye), [
+            [qe, n.value]
           ])
         ]),
         p(a("p", {
           class: "aform_error",
           innerHTML: s.value
-        }, null, 8, Ye), [
+        }, null, 8, Ge), [
           [P, s.value]
         ])
       ], 64))
     ]));
   }
-}), U = (e, s) => {
+}), H = (e, s) => {
   const n = e.__vccOpts || e;
   for (const [c, t] of s)
     n[c] = t;
   return n;
-}, ze = /* @__PURE__ */ U(Ge, [["__scopeId", "data-v-ca06741d"]]), We = {
+}, We = /* @__PURE__ */ H(ze, [["__scopeId", "data-v-ca06741d"]]), Je = {
   key: 0,
   class: "aform_display-value"
-}, Je = { class: "aform_form-link-wrapper" }, Xe = { class: "input-group" }, Ze = ["placeholder", "aria-label", "required", "aria-expanded", "aria-controls", "aria-activedescendant", "disabled", "onKeydown"], Oe = ["onKeydown"], je = ["aria-label"], et = {
+}, Xe = { class: "aform_form-link-wrapper" }, Ze = { class: "input-group" }, Oe = ["placeholder", "aria-label", "required", "aria-expanded", "aria-controls", "aria-activedescendant", "disabled", "onKeydown"], je = ["onKeydown"], et = ["aria-label"], tt = {
   key: 0,
   class: "autocomplete-result loading"
-}, tt = ["id", "aria-selected", "onMousedown"], at = {
+}, at = ["id", "aria-selected", "onMousedown"], lt = {
   key: 0,
   class: "aform_field-label"
-}, lt = /* @__PURE__ */ V({
+}, nt = /* @__PURE__ */ V({
   __name: "AFormLink",
   props: /* @__PURE__ */ Q({
     schema: {},
@@ -98,10 +98,10 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const s = `${e.uuid ?? `aform-link-${qe()}`}-listbox`, n = G(e, "modelValue"), c = I(() => T(n.value) !== void 0), t = I(() => {
+    const s = `${e.uuid ?? `aform-link-${Fe()}`}-listbox`, n = G(e, "modelValue"), c = A(() => T(n.value) !== void 0), t = A(() => {
       const D = T(n.value);
       return D === void 0 ? "—" : e.formatter ? e.formatter(l(n.value)) : f(n.value) ?? D;
-    }), d = A(c.value ? t.value : ""), y = A(!1), k = A(!1), v = A([]), h = A(null), x = re("aformLinkNavigator", null), $ = re("aformLinkResolver", null);
+    }), d = I(c.value ? t.value : ""), y = I(!1), k = I(!1), v = I([]), h = I(null), x = re("aformLinkNavigator", null), $ = re("aformLinkResolver", null);
     function T(D) {
       if (D == null) return;
       if (typeof D == "string") return D === "" ? void 0 : D;
@@ -120,7 +120,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
       const C = T(D);
       return C !== void 0 ? { id: C } : { id: "" };
     }
-    X(
+    Z(
       () => T(n.value),
       async (D) => {
         if (!(!D || f(n.value)))
@@ -129,8 +129,8 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
             if (e.filterFunction ? (C = (await (typeof e.filterFunction == "string" ? ce(e.filterFunction) : e.filterFunction)(String(D))).find((ue) => String(ue.id) === String(D)), E = C?.displayText, E === void 0 && console.warn(
               `[AFormLink] filterFunction returned no matching result for id "${D}". The function must return an item whose \`id\` exactly matches the search string.`
             )) : $ && e.doctype && (E = await $(e.doctype, D.toString()) ?? void 0), E) {
-              const Z = { ...l(n.value), ...C, id: D, displayText: E };
-              d.value = e.formatter ? e.formatter(Z) : E, n.value = Z;
+              const X = { ...l(n.value), ...C, id: D, displayText: E };
+              d.value = e.formatter ? e.formatter(X) : E, n.value = X;
             }
           } catch {
           }
@@ -171,9 +171,9 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
     return (D, C) => (u(), m("div", {
       class: O(["aform_form-element", { "aform_form-element--embedded": e.embedded }])
     }, [
-      e.mode === "display" ? (u(), m("span", We, g(t.value), 1)) : (u(), m(L, { key: 1 }, [
-        p((u(), m("div", Je, [
-          a("div", Xe, [
+      e.mode === "display" ? (u(), m("span", Je, g(t.value), 1)) : (u(), m(L, { key: 1 }, [
+        p((u(), m("div", Xe, [
+          a("div", Ze, [
             p(a("input", {
               "onUpdate:modelValue": C[0] || (C[0] = (E) => d.value = E),
               type: "text",
@@ -197,7 +197,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
                 _(w, ["esc"]),
                 _(w, ["tab"])
               ]
-            }, null, 42, Ze), [
+            }, null, 42, Oe), [
               [Y, d.value]
             ]),
             c.value && !e.disabled && !e.embedded ? (u(), m("button", {
@@ -208,7 +208,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
               onKeydown: _(R(o, ["prevent"]), ["enter"])
             }, [
               a("span", null, g(e.icon === "chevron-right" ? "›" : "→"), 1)
-            ], 40, Oe)) : B("", !0)
+            ], 40, je)) : B("", !0)
           ]),
           y.value ? (u(), m("ul", {
             key: 0,
@@ -217,27 +217,27 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
             role: "listbox",
             "aria-label": e.ariaLabel
           }, [
-            k.value ? (u(), m("li", et, "Loading…")) : (u(!0), m(L, { key: 1 }, j(v.value, (E, Z) => (u(), m("li", {
-              id: `${s}-opt-${Z}`,
+            k.value ? (u(), m("li", tt, "Loading…")) : (u(!0), m(L, { key: 1 }, j(v.value, (E, X) => (u(), m("li", {
+              id: `${s}-opt-${X}`,
               key: String(E.id),
               role: "option",
-              "aria-selected": Z === h.value,
-              class: O(["autocomplete-result", { "is-active": Z === h.value }]),
+              "aria-selected": X === h.value,
+              class: O(["autocomplete-result", { "is-active": X === h.value }]),
               onMousedown: R((ie) => q(E), ["prevent"])
             }, [
               fe(D.$slots, "option", { option: E }, () => [
                 ne(g(E.displayText ?? String(E.id)), 1)
               ], !0)
-            ], 42, tt))), 128))
-          ], 8, je)) : B("", !0)
+            ], 42, at))), 128))
+          ], 8, et)) : B("", !0)
         ])), [
           [J(ye), r]
         ]),
-        e.label && !e.embedded ? (u(), m("label", at, g(e.label), 1)) : B("", !0)
+        e.label && !e.embedded ? (u(), m("label", lt, g(e.label), 1)) : B("", !0)
       ], 64))
     ], 2));
   }
-}), Me = /* @__PURE__ */ U(lt, [["__scopeId", "data-v-154d79c9"]]), nt = { class: "aform_form-element acurrency" }, ot = { class: "aform_display-value" }, st = { class: "aform_field-label" }, it = { class: "acurrency__row" }, ut = { class: "acurrency__field acurrency__field--amount" }, dt = { class: "acurrency__group" }, rt = { class: "acurrency__currency" }, ct = { class: "acurrency__amount-wrap" }, mt = ["id", "disabled", "required"], ft = ["for"], vt = { class: "acurrency__row acurrency__row--base" }, yt = { class: "acurrency__field acurrency__field--base-currency" }, ht = ["value"], bt = { class: "aform_field-label" }, gt = { class: "acurrency__field acurrency__field--base-amount" }, $t = ["value"], kt = { class: "aform_field-label" }, xt = { class: "acurrency__field acurrency__field--exchange-rate" }, wt = ["value"], Dt = { class: "aform_field-label" }, Mt = ["innerHTML"], ke = 6, Tt = /* @__PURE__ */ V({
+}), Me = /* @__PURE__ */ H(nt, [["__scopeId", "data-v-154d79c9"]]), ot = { class: "aform_form-element acurrency" }, st = { class: "aform_display-value" }, it = { class: "aform_field-label" }, ut = { class: "acurrency__row" }, dt = { class: "acurrency__field acurrency__field--amount" }, rt = { class: "acurrency__group" }, ct = { class: "acurrency__currency" }, mt = { class: "acurrency__amount-wrap" }, ft = ["id", "disabled", "required"], vt = ["for"], yt = { class: "acurrency__row acurrency__row--base" }, ht = { class: "acurrency__field acurrency__field--base-currency" }, bt = ["value"], gt = { class: "aform_field-label" }, $t = { class: "acurrency__field acurrency__field--base-amount" }, kt = ["value"], xt = { class: "aform_field-label" }, wt = { class: "acurrency__field acurrency__field--exchange-rate" }, Dt = ["value"], Mt = { class: "aform_field-label" }, Tt = ["innerHTML"], ke = 6, St = /* @__PURE__ */ V({
   __name: "ACurrencyInput",
   props: /* @__PURE__ */ Q({
     schema: {},
@@ -268,11 +268,11 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const s = (r) => r.symbol ?? r.displayText ?? String(r.id), n = G(e, "modelValue"), c = I(() => {
+    const s = (r) => r.symbol ?? r.displayText ?? String(r.id), n = G(e, "modelValue"), c = A(() => {
       const r = e.options.baseCurrency ?? n.value?.baseCurrency;
       return r ? typeof r == "string" ? { id: r } : r : { id: "" };
-    }), t = re("aformLinkResolver", null), d = A(c.value);
-    X(
+    }), t = re("aformLinkResolver", null), d = I(c.value);
+    Z(
       c,
       async (r) => {
         if (!r.id || r.displayText || !t || !e.options.doctype) {
@@ -288,13 +288,13 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
       },
       { immediate: !0 }
     );
-    const y = I(() => {
+    const y = A(() => {
       const r = d.value;
       return r?.id ? r.displayText ?? String(r.id) : "";
     }), k = (r) => {
       const F = d.value.id;
       return !r || String(r) === String(F) ? 1 : String(r) === String(n.value?.currency?.id) ? n.value?.exchangeRate ?? e.options.exchangeRates?.[String(r)] ?? 1 : e.options.exchangeRates?.[String(r)] ?? 1;
-    }, v = I(() => {
+    }, v = A(() => {
       const { precision: r } = e.options;
       return r === void 0 ? ke : Number.isInteger(r) && r >= 0 && r <= 100 ? r : ke;
     }), h = (r) => Number(r.toFixed(v.value)), x = (r, F) => {
@@ -306,10 +306,10 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
         baseCurrency: d.value,
         baseAmount: h(r * b)
       };
-    }, $ = I({
+    }, $ = A({
       get: () => n.value?.amount ?? 0,
       set: (r) => x(r, n.value?.currency ?? { id: "" })
-    }), T = I({
+    }), T = A({
       get: () => n.value?.currency ?? { id: "" },
       set: (r) => x(n.value?.amount ?? 0, r)
     }), f = /* @__PURE__ */ new Set([
@@ -331,10 +331,10 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
     }, o = (r) => {
       const F = r.clipboardData?.getData("text") ?? "";
       /^-?\d*\.?\d*$/.test(F) || r.preventDefault();
-    }, i = I(() => {
+    }, i = A(() => {
       const r = n.value;
       return !!r?.baseCurrency?.id && (r.currency?.id !== r.baseCurrency?.id || r.amount !== r.baseAmount);
-    }), w = I(() => {
+    }), w = A(() => {
       const r = n.value;
       if (!r || !r.currency?.id) return "—";
       const F = r.currency.displayText ?? String(r.currency.id), b = `${r.amount} ${F}`;
@@ -342,15 +342,15 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
       const q = r.baseCurrency.displayText ?? String(r.baseCurrency.id);
       return `${b} (${r.baseAmount} ${q})`;
     });
-    return (r, F) => (u(), m("div", nt, [
+    return (r, F) => (u(), m("div", ot, [
       e.mode === "display" ? (u(), m(L, { key: 0 }, [
-        a("span", ot, g(w.value), 1),
-        a("label", st, g(e.label), 1)
+        a("span", st, g(w.value), 1),
+        a("label", it, g(e.label), 1)
       ], 64)) : (u(), m(L, { key: 1 }, [
-        a("div", it, [
-          a("div", ut, [
-            a("div", dt, [
-              a("div", rt, [
+        a("div", ut, [
+          a("div", dt, [
+            a("div", rt, [
+              a("div", ct, [
                 oe(Me, {
                   modelValue: T.value,
                   "onUpdate:modelValue": F[0] || (F[0] = (b) => T.value = b),
@@ -364,13 +364,13 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
                   "filter-function": e.options.filterFunction,
                   "is-async": e.options.isAsync
                 }, {
-                  option: Fe(({ option: b }) => [
+                  option: _e(({ option: b }) => [
                     ne(g(b.symbol ? `${b.symbol} — ` : "") + g(b.displayText ?? b.id), 1)
                   ]),
                   _: 1
                 }, 8, ["modelValue", "mode", "placeholder", "aria-label", "required", "doctype", "filter-function", "is-async"])
               ]),
-              a("div", ct, [
+              a("div", mt, [
                 p(a("input", {
                   id: e.uuid,
                   "onUpdate:modelValue": F[1] || (F[1] = (b) => $.value = b),
@@ -380,7 +380,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
                   required: e.required,
                   onKeydown: l,
                   onPaste: o
-                }, null, 40, mt), [
+                }, null, 40, ft), [
                   [
                     Y,
                     $.value,
@@ -391,57 +391,57 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
                 a("label", {
                   class: "aform_field-label",
                   for: e.uuid
-                }, g(e.label), 9, ft)
+                }, g(e.label), 9, vt)
               ])
             ])
           ])
         ]),
-        a("div", vt, [
-          a("div", yt, [
+        a("div", yt, [
+          a("div", ht, [
             a("input", {
               value: y.value,
               class: "aform_input-field acurrency__base-field",
               type: "text",
               disabled: ""
-            }, null, 8, ht),
-            a("label", bt, g(e.baseCurrencyLabel), 1)
+            }, null, 8, bt),
+            a("label", gt, g(e.baseCurrencyLabel), 1)
           ]),
-          a("div", gt, [
+          a("div", $t, [
             a("input", {
               value: n.value.baseAmount,
               class: "aform_input-field acurrency__base-field",
               type: "number",
               disabled: ""
-            }, null, 8, $t),
-            a("label", kt, g(e.baseAmountLabel), 1)
+            }, null, 8, kt),
+            a("label", xt, g(e.baseAmountLabel), 1)
           ]),
-          a("div", xt, [
+          a("div", wt, [
             a("input", {
               value: n.value.exchangeRate,
               class: "aform_input-field acurrency__base-field",
               type: "number",
               disabled: ""
-            }, null, 8, wt),
-            a("label", Dt, g(e.exchangeRateLabel), 1)
+            }, null, 8, Dt),
+            a("label", Mt, g(e.exchangeRateLabel), 1)
           ])
         ]),
         p(a("p", {
           class: "aform_error",
           innerHTML: e.validation.errorMessage
-        }, null, 8, Mt), [
+        }, null, 8, Tt), [
           [P, e.validation.errorMessage]
         ])
       ], 64))
     ]));
   }
-}), St = /* @__PURE__ */ U(Tt, [["__scopeId", "data-v-15bec6ef"]]), At = { class: "aform_display-value" }, It = { key: 0 }, pt = ["innerHTML"], Lt = {
+}), It = /* @__PURE__ */ H(St, [["__scopeId", "data-v-15bec6ef"]]), At = { class: "aform_display-value" }, pt = { key: 0 }, Lt = ["innerHTML"], qt = {
   ref: "datepicker",
   class: "adatepicker",
   tabindex: "0"
-}, qt = {
+}, Ft = {
   colspan: "5",
   tabindex: -1
-}, Ft = { key: 0 }, _t = { colspan: "7" }, Ct = { class: "date-input" }, Bt = ["value"], Rt = ["value"], Vt = ["onClick", "onKeydown", "onMouseover"], Nt = ["innerHTML"], Ht = 6, xe = 7, Ut = /* @__PURE__ */ V({
+}, _t = { key: 0 }, Ct = { colspan: "7" }, Bt = { class: "date-input" }, Rt = ["value"], Vt = ["value"], Nt = ["onClick", "onKeydown", "onMouseover"], Ut = ["innerHTML"], Ht = 6, xe = 7, Et = /* @__PURE__ */ V({
   __name: "ADatePicker",
   props: /* @__PURE__ */ Q({
     schema: {},
@@ -459,10 +459,10 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
   }),
   emits: /* @__PURE__ */ Q(["get-date"], ["update:modelValue"]),
   setup(e, { expose: s, emit: n }) {
-    const c = I(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), t = G(e, "modelValue"), d = A(new Date(t.value)), y = A(d.value.getMonth()), k = A(d.value.getFullYear()), v = A([]), h = A(new Date(t.value)), x = A(null), $ = A(null), T = le("start-date-input"), f = le("end-date-input"), l = n, o = I(() => new Date(k.value, y.value, 1).toLocaleDateString(void 0, {
+    const c = A(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), t = G(e, "modelValue"), d = I(new Date(t.value)), y = I(d.value.getMonth()), k = I(d.value.getFullYear()), v = I([]), h = I(new Date(t.value)), x = I(null), $ = I(null), T = le("start-date-input"), f = le("end-date-input"), l = n, o = A(() => new Date(k.value, y.value, 1).toLocaleDateString(void 0, {
       year: "numeric",
       month: "long"
-    })), i = I(() => x.value != null ? r(x.value) : ""), w = I(() => $.value != null ? r($.value) : ""), r = (M) => z(M) ? M.getMonth() + 1 + "/" + M.getDate() + "/" + M.getFullYear() : "", F = (M) => {
+    })), i = A(() => x.value != null ? r(x.value) : ""), w = A(() => $.value != null ? r($.value) : ""), r = (M) => z(M) ? M.getMonth() + 1 + "/" + M.getDate() + "/" + M.getFullYear() : "", F = (M) => {
       const S = /* @__PURE__ */ new Date();
       return y.value !== S.getMonth() ? !1 : S.toDateString() === new Date(M).toDateString();
     }, b = (M) => new Date(M).toDateString() === new Date(d.value).toDateString(), q = (M) => {
@@ -474,19 +474,21 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
     }, W = (M, S) => (M - 1) * xe + S, te = (M) => {
       const S = x.value;
       if (!z(S)) return !1;
-      const H = new Date(M), K = $.value, ae = z(K) ? K : new Date(h.value);
-      return H.getTime() > S.getTime() && H.getTime() < ae.getTime();
+      const U = new Date(M), K = $.value, ae = z(K) ? K : new Date(h.value);
+      return U.getTime() > S.getTime() && U.getTime() < ae.getTime();
     }, D = (M, S) => v.value[W(M, S)], C = (M) => {
       h.value = new Date(v.value[M]);
-    }, E = () => {
+    }, E = (M) => {
+      M.target?.tagName !== "INPUT" && M.preventDefault();
+    }, X = () => {
       v.value = [];
-      const M = new Date(k.value, y.value, 1), S = M.getDay(), H = M.setDate(M.getDate() - S);
+      const M = new Date(k.value, y.value, 1), S = M.getDay(), U = M.setDate(M.getDate() - S);
       for (const K of Array(43).keys())
-        v.value.push(H + K * 864e5);
-    }, Z = () => k.value -= 1, ie = () => k.value += 1, ue = () => {
-      y.value == 0 ? (y.value = 11, Z()) : y.value -= 1;
+        v.value.push(U + K * 864e5);
+    }, ie = () => k.value -= 1, ue = () => k.value += 1, Ie = () => {
+      y.value == 0 ? (y.value = 11, ie()) : y.value -= 1;
     }, Ae = () => {
-      y.value == 11 ? (y.value = 0, ie()) : y.value += 1;
+      y.value == 11 ? (y.value = 0, ue()) : y.value += 1;
     }, he = (M) => {
       M.key === "Enter" && de();
     }, be = (M) => {
@@ -495,7 +497,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
         S == null || $.value != null ? (x.value = t.value, $.value = null) : z(S) && d.value.getTime() < S.getTime() ? ($.value = null, x.value = t.value) : $.value = t.value, T.value && (T.value.value = r(x.value) ?? ""), f.value && (f.value.value = r($.value) ?? "");
       }
       ge();
-    }, Ie = () => {
+    }, pe = () => {
       const M = x.value, S = $.value;
       z(S) && z(M) && S.getTime() < M.getTime() && ([x.value, $.value] = [S, M]);
     }, z = (M) => M instanceof Date && !isNaN(M.getTime()), de = () => {
@@ -511,7 +513,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
         const M = new Date(f.value.value);
         $.value = z(M) ? M : null;
       }
-      z(x.value) && (z($.value) && Ie(), d.value = x.value), ge();
+      z(x.value) && (z($.value) && pe(), d.value = x.value), ge();
     }, ge = () => {
       l("get-date", {
         start: e.selectRange ? x.value : null,
@@ -520,7 +522,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
       });
     };
     return we(async () => {
-      E(), await _e();
+      X(), await Ce();
       const M = document.getElementsByClassName("selectedDate");
       if (M.length > 0)
         M[0].focus();
@@ -528,44 +530,44 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
         const S = document.getElementsByClassName("todaysDate");
         S.length > 0 && S[0].focus();
       }
-    }), X([y, k], E), s({ currentMonth: y, currentYear: k, selectedDate: d }), (M, S) => e.mode === "display" || e.mode === "read" ? (u(), m(L, { key: 0 }, [
+    }), Z([y, k], X), s({ currentMonth: y, currentYear: k, selectedDate: d }), (M, S) => e.mode === "display" || e.mode === "read" ? (u(), m(L, { key: 0 }, [
       a("span", At, g(t.value ? new Date(t.value).toLocaleDateString() : ""), 1),
-      e.label ? (u(), m("label", It, g(e.label), 1)) : B("", !0),
+      e.label ? (u(), m("label", pt, g(e.label), 1)) : B("", !0),
       p(a("p", {
         class: "aform_error",
         innerHTML: c.value
-      }, null, 8, pt), [
+      }, null, 8, Lt), [
         [P, c.value]
       ])
     ], 64)) : (u(), m(L, { key: 1 }, [
-      a("div", Lt, [
-        a("table", null, [
+      a("div", qt, [
+        a("table", { onMousedown: E }, [
           a("tbody", null, [
             a("tr", null, [
               a("td", {
                 id: "previous-month-btn",
                 tabindex: -1,
-                onClick: ue
+                onClick: Ie
               }, "<"),
-              a("th", qt, g(o.value), 1),
+              a("th", Ft, g(o.value), 1),
               a("td", {
                 id: "next-month-btn",
                 tabindex: -1,
                 onClick: Ae
               }, ">")
             ]),
-            e.selectRange ? (u(), m("tr", Ft, [
-              a("td", _t, [
-                a("div", Ct, [
+            e.selectRange ? (u(), m("tr", _t, [
+              a("td", Ct, [
+                a("div", Bt, [
                   a("input", {
                     ref: "start-date-input",
                     value: i.value,
                     class: "date-input-start aform_input-field",
                     type: "text",
                     placeholder: "start date",
-                    onBlur: S[0] || (S[0] = (H) => de()),
+                    onBlur: S[0] || (S[0] = (U) => de()),
                     onKeydown: he
-                  }, null, 40, Bt),
+                  }, null, 40, Rt),
                   S[2] || (S[2] = a("div", null, "-", -1)),
                   a("input", {
                     ref: "end-date-input",
@@ -573,9 +575,9 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
                     class: "date-input-end aform_input-field",
                     type: "text",
                     placeholder: "end date",
-                    onBlur: S[1] || (S[1] = (H) => de()),
+                    onBlur: S[1] || (S[1] = (U) => de()),
                     onKeydown: he
-                  }, null, 40, Rt)
+                  }, null, 40, Vt)
                 ])
               ])
             ])) : B("", !0),
@@ -588,41 +590,41 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
               a("td", null, "S"),
               a("td", null, "S")
             ], -1)),
-            (u(), m(L, null, j(Ht, (H) => a("tr", { key: H }, [
+            (u(), m(L, null, j(Ht, (U) => a("tr", { key: U }, [
               (u(), m(L, null, j(xe, (K) => a("td", {
                 ref_for: !0,
                 ref: "celldate",
-                key: W(H, K),
+                key: W(U, K),
                 class: O(["date-cell", {
-                  todaysDate: F(D(H, K)),
-                  selectedDate: b(D(H, K)),
-                  withinRange: e.selectRange ? te(D(H, K)) : !1,
-                  startDate: e.selectRange ? q(D(H, K)) : !1,
-                  endDate: e.selectRange ? N(D(H, K)) : !1
+                  todaysDate: F(D(U, K)),
+                  selectedDate: b(D(U, K)),
+                  withinRange: e.selectRange ? te(D(U, K)) : !1,
+                  startDate: e.selectRange ? q(D(U, K)) : !1,
+                  endDate: e.selectRange ? N(D(U, K)) : !1
                 }]),
                 contenteditable: !1,
                 spellcheck: !1,
                 tabindex: 0,
-                onClick: R((ae) => be(W(H, K)), ["prevent", "stop"]),
-                onKeydown: _((ae) => be(W(H, K)), ["enter"]),
-                onMouseover: (ae) => C(W(H, K))
-              }, g(new Date(D(H, K)).getDate()), 43, Vt)), 64))
+                onClick: R((ae) => be(W(U, K)), ["prevent", "stop"]),
+                onKeydown: _((ae) => be(W(U, K)), ["enter"]),
+                onMouseover: (ae) => C(W(U, K))
+              }, g(new Date(D(U, K)).getDate()), 43, Nt)), 64))
             ])), 64))
           ])
-        ])
+        ], 32)
       ], 512),
       p(a("p", {
         class: "aform_error",
         innerHTML: c.value
-      }, null, 8, Nt), [
+      }, null, 8, Ut), [
         [P, c.value]
       ])
     ], 64));
   }
-}), Te = /* @__PURE__ */ U(Ut, [["__scopeId", "data-v-9e85c95a"]]), Et = { class: "adate_time" }, Kt = { class: "adate_time_fields" }, Pt = ["onKeydown"], Qt = ["onKeydown"], Yt = {
+}), Te = /* @__PURE__ */ H(Et, [["__scopeId", "data-v-322c2ceb"]]), Kt = { class: "adate_time" }, Pt = { class: "adate_time_fields" }, Qt = ["onKeydown"], Yt = ["onKeydown"], Gt = {
   key: 0,
   class: "colon"
-}, Gt = ["onKeydown"], zt = /* @__PURE__ */ V({
+}, zt = ["onKeydown"], Wt = /* @__PURE__ */ V({
   __name: "ADateTime",
   props: {
     allowMilitaryTime: { type: Boolean, default: !1 },
@@ -638,7 +640,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
       hours: String(e.defaultHours).padStart(2, "0"),
       minutes: String(e.defaultMinutes).padStart(2, "0"),
       seconds: String(e.defaultSeconds).padStart(2, "0")
-    }), d = A(e.defaultMeridiem == "AM" ? "AM" : "PM");
+    }), d = I(e.defaultMeridiem == "AM" ? "AM" : "PM");
     we(() => {
       k();
     });
@@ -669,17 +671,17 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
       const r = Number(t.hours);
       !e.allowMilitaryTime && r !== w && (w === 11 && r === 12 || w === 12 && r === 11) && $(), t.hours = String(x(Number(t.hours), i, o)).padStart(2, "0"), t.minutes = String(x(Number(t.minutes), 0, 59)).padStart(2, "0"), t.seconds = String(x(Number(t.seconds), 0, 59)).padStart(2, "0");
     };
-    X(
+    Z(
       () => t.hours,
       (f, l) => {
         t.hours = Number(f) > 99 ? l : f;
       }
-    ), X(
+    ), Z(
       () => t.minutes,
       (f, l) => {
         t.minutes = Number(f) > 99 ? l : f;
       }
-    ), X(
+    ), Z(
       () => t.seconds,
       (f, l) => {
         t.seconds = Number(f) > 99 ? l : f;
@@ -703,8 +705,8 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
         w instanceof HTMLInputElement && (w.value = i, w.dispatchEvent(new Event("input")));
       }
     };
-    return (f, l) => (u(), m("div", Et, [
-      a("div", Kt, [
+    return (f, l) => (u(), m("div", Kt, [
+      a("div", Pt, [
         p(a("input", {
           "onUpdate:modelValue": l[0] || (l[0] = (o) => t.hours = o),
           type: "text",
@@ -717,7 +719,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
             l[2] || (l[2] = _(R((o) => h("hours"), ["prevent"]), ["up"])),
             l[3] || (l[3] = _(R((o) => h("hours", -1), ["prevent"]), ["down"]))
           ]
-        }, null, 40, Pt), [
+        }, null, 40, Qt), [
           [Y, t.hours]
         ]),
         l[12] || (l[12] = a("span", { class: "colon" }, ":", -1)),
@@ -733,10 +735,10 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
             l[5] || (l[5] = _(R((o) => h("minutes"), ["prevent"]), ["up"])),
             l[6] || (l[6] = _(R((o) => h("minutes", -1), ["prevent"]), ["down"]))
           ]
-        }, null, 40, Qt), [
+        }, null, 40, Yt), [
           [Y, t.minutes]
         ]),
-        e.useSeconds ? (u(), m("span", Yt, ":")) : B("", !0),
+        e.useSeconds ? (u(), m("span", Gt, ":")) : B("", !0),
         e.useSeconds ? p((u(), m("input", {
           key: 1,
           "onUpdate:modelValue": l[7] || (l[7] = (o) => t.seconds = o),
@@ -750,7 +752,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
             l[8] || (l[8] = _(R((o) => h("seconds"), ["prevent"]), ["up"])),
             l[9] || (l[9] = _(R((o) => h("seconds", -1), ["prevent"]), ["down"]))
           ]
-        }, null, 40, Gt)), [
+        }, null, 40, zt)), [
           [Y, t.seconds]
         ]) : B("", !0),
         e.allowMilitaryTime ? B("", !0) : p((u(), m("select", {
@@ -763,15 +765,15 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
           a("option", { value: "AM" }, "AM", -1),
           a("option", { value: "PM" }, "PM", -1)
         ])], 544)), [
-          [Ce, d.value]
+          [Be, d.value]
         ])
       ])
     ]));
   }
-}), me = /* @__PURE__ */ U(zt, [["__scopeId", "data-v-959a3e41"]]), Wt = { class: "adate-selection" }, Jt = {
+}), me = /* @__PURE__ */ H(Wt, [["__scopeId", "data-v-959a3e41"]]), Jt = { class: "adate-selection" }, Xt = {
   key: 3,
   class: "empty"
-}, Xt = /* @__PURE__ */ V({
+}, Zt = /* @__PURE__ */ V({
   __name: "ADateSelection",
   props: {
     showDate: { type: Boolean, default: !0 },
@@ -788,8 +790,8 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
   emits: ["get-date", "get-time", "get-range"],
   setup(e, { emit: s }) {
     const n = s;
-    Be("select-range", e.selectRange);
-    const c = /* @__PURE__ */ new Date(), t = A(c), d = A(c), y = A(0), k = A(0), v = (l, o) => {
+    Re("select-range", e.selectRange);
+    const c = /* @__PURE__ */ new Date(), t = I(c), d = I(c), y = I(0), k = I(0), v = (l, o) => {
       const i = new Date(l);
       return i.setHours(0, 0, 0, 0), new Date(i.getTime() + o);
     }, h = (l) => {
@@ -813,7 +815,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
     }, f = (l) => {
       k.value = h(l), x();
     };
-    return (l, o) => (u(), m("div", Wt, [
+    return (l, o) => (u(), m("div", Jt, [
       e.showDate ? (u(), ee(Te, {
         key: 0,
         "select-range": e.selectRange,
@@ -841,10 +843,10 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
           onGetTime: f
         }, null, 8, ["allow-military-time", "default-hours", "default-minutes", "default-seconds", "default-meridiem", "use-seconds"])
       ], 64)) : B("", !0),
-      !e.showTime && !e.showDate ? (u(), m("p", Jt, "empty")) : B("", !0)
+      !e.showTime && !e.showDate ? (u(), m("p", Xt, "empty")) : B("", !0)
     ]));
   }
-}), se = /* @__PURE__ */ U(Xt, [["__scopeId", "data-v-eeadb3e2"]]), Zt = { class: "aform_display-value" }, Ot = ["id", "value", "disabled", "required"], jt = ["for"], ea = ["innerHTML"], ta = /* @__PURE__ */ V({
+}), se = /* @__PURE__ */ H(Zt, [["__scopeId", "data-v-eeadb3e2"]]), Ot = { class: "aform_display-value" }, jt = ["id", "value", "disabled", "required"], ea = ["for"], ta = ["innerHTML"], aa = /* @__PURE__ */ V({
   __name: "ADate",
   props: /* @__PURE__ */ Q({
     schema: {},
@@ -862,13 +864,13 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const s = I(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = G(e, "modelValue"), c = A(n.value ? new Date(n.value) : /* @__PURE__ */ new Date()), t = I({
+    const s = A(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = G(e, "modelValue"), c = I(n.value ? new Date(n.value) : /* @__PURE__ */ new Date()), t = A({
       get: () => c.value.toISOString().split("T")[0],
       set: (v) => {
         c.value = new Date(v), n.value = v;
       }
-    }), d = le("picker"), y = A(!1);
-    De(d, () => y.value = !1), X(
+    }), d = le("picker"), y = I(!1);
+    De(d, () => y.value = !1), Z(
       () => n.value,
       (v) => {
         v && (c.value = new Date(v));
@@ -879,7 +881,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
     };
     return (v, h) => (u(), m("div", null, [
       e.mode === "display" ? (u(), m(L, { key: 0 }, [
-        a("span", Zt, g(n.value ? new Date(t.value).toLocaleDateString() : ""), 1),
+        a("span", Ot, g(n.value ? new Date(t.value).toLocaleDateString() : ""), 1),
         a("label", null, g(e.label), 1)
       ], 64)) : (u(), m(L, { key: 1 }, [
         p(a("input", {
@@ -897,11 +899,11 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
             },
             ["prevent"]
           ))
-        }, null, 8, Ot), [
+        }, null, 8, jt), [
           [Y, t.value]
         ]),
-        a("label", { for: e.uuid }, g(e.label), 9, jt),
-        p(a("p", { innerHTML: s.value }, null, 8, ea), [
+        a("label", { for: e.uuid }, g(e.label), 9, ea),
+        p(a("p", { innerHTML: s.value }, null, 8, ta), [
           [P, s.value]
         ]),
         y.value ? (u(), ee(se, {
@@ -915,16 +917,16 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
       ], 64))
     ]));
   }
-}), aa = /* @__PURE__ */ U(ta, [["__scopeId", "data-v-a73c275b"]]), la = {
+}), la = /* @__PURE__ */ H(aa, [["__scopeId", "data-v-a73c275b"]]), na = {
   key: 0,
   class: "input-wrapper"
-}, na = { class: "aform_display-value" }, oa = ["innerHTML"], sa = { class: "input-wrapper" }, ia = ["disabled"], ua = {
+}, oa = { class: "aform_display-value" }, sa = ["innerHTML"], ia = { class: "input-wrapper" }, ua = ["disabled"], da = {
   id: "autocomplete-results",
   class: "autocomplete-results"
-}, da = {
+}, ra = {
   key: 0,
   class: "loading autocomplete-result"
-}, ra = ["onClick"], ca = ["innerHTML"], ma = /* @__PURE__ */ V({
+}, ca = ["onClick"], ma = ["innerHTML"], fa = /* @__PURE__ */ V({
   __name: "ADropdown",
   props: /* @__PURE__ */ Q({
     schema: {},
@@ -945,7 +947,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const s = I(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = G(e, "modelValue"), c = A(n.value ?? ""), t = ve({
+    const s = A(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = G(e, "modelValue"), c = I(n.value ?? ""), t = ve({
       activeItemIndex: null,
       open: !1,
       loading: !1,
@@ -993,20 +995,20 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
       }
       t.activeItemIndex = 0;
     };
-    return (l, o) => e.mode === "display" ? (u(), m("div", la, [
-      a("span", na, g(n.value ?? ""), 1),
+    return (l, o) => e.mode === "display" ? (u(), m("div", na, [
+      a("span", oa, g(n.value ?? ""), 1),
       a("label", null, g(e.label), 1),
       p(a("p", {
         class: "aform_error",
         innerHTML: s.value
-      }, null, 8, oa), [
+      }, null, 8, sa), [
         [P, s.value]
       ])
     ])) : p((u(), m("div", {
       key: 1,
       class: O(["autocomplete", { isOpen: t.open }])
     }, [
-      a("div", sa, [
+      a("div", ia, [
         p(a("input", {
           "onUpdate:modelValue": o[0] || (o[0] = (i) => n.value = i),
           type: "text",
@@ -1020,15 +1022,15 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
             _(d, ["esc"]),
             _(d, ["tab"])
           ]
-        }, null, 40, ia), [
+        }, null, 40, ua), [
           [Y, n.value]
         ]),
-        p(a("ul", ua, [
-          t.loading ? (u(), m("li", da, "Loading results...")) : (u(!0), m(L, { key: 1 }, j(t.results, (i, w) => (u(), m("li", {
+        p(a("ul", da, [
+          t.loading ? (u(), m("li", ra, "Loading results...")) : (u(!0), m(L, { key: 1 }, j(t.results, (i, w) => (u(), m("li", {
             key: i,
             class: O(["autocomplete-result", { "is-active": w === t.activeItemIndex }]),
             onClick: R((r) => k(i), ["stop"])
-          }, g(i), 11, ra))), 128))
+          }, g(i), 11, ca))), 128))
         ], 512), [
           [P, t.open]
         ]),
@@ -1037,17 +1039,17 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
       p(a("p", {
         class: "aform_error",
         innerHTML: s.value
-      }, null, 8, ca), [
+      }, null, 8, ma), [
         [P, s.value]
       ])
     ], 2)), [
       [J(ye), d]
     ]);
   }
-}), fa = /* @__PURE__ */ U(ma, [["__scopeId", "data-v-2b75e2d5"]]), va = { class: "aduration" }, ya = { class: "aform_display-value" }, ha = { class: "aduration__footer" }, ba = {
+}), va = /* @__PURE__ */ H(fa, [["__scopeId", "data-v-2b75e2d5"]]), ya = { class: "aduration" }, ha = { class: "aform_display-value" }, ba = { class: "aduration__footer" }, ga = {
   key: 0,
   class: "aduration__summary"
-}, ga = { class: "aduration__value" }, $a = { class: "aduration__ms" }, ka = /* @__PURE__ */ V({
+}, $a = { class: "aduration__value" }, ka = { class: "aduration__ms" }, xa = /* @__PURE__ */ V({
   __name: "ADuration",
   props: /* @__PURE__ */ Q({
     label: { default: "Duration" },
@@ -1060,30 +1062,30 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const s = G(e, "modelValue"), n = A(null), c = A(null), t = I(() => {
+    const s = G(e, "modelValue"), n = I(null), c = I(null), t = A(() => {
       if (!n.value || !c.value) return 0;
       const v = c.value.getTime() - n.value.getTime();
       return v > 0 ? v : 0;
     });
-    X(t, (v) => {
+    Z(t, (v) => {
       s.value = v;
     });
     const d = (v) => {
       n.value = v.start, c.value = v.end, s.value = t.value;
-    }, y = I(() => {
+    }, y = A(() => {
       const v = t.value;
       if (v === 0) return "0s";
       const h = Math.floor(v / 1e3) % 60, x = Math.floor(v / 6e4) % 60, $ = Math.floor(v / 36e5) % 24, T = Math.floor(v / 864e5);
       return [T && `${T}d`, $ && `${$}h`, x && `${x}m`, h && `${h}s`].filter(Boolean).join(" ") || "0s";
-    }), k = I(() => {
+    }), k = A(() => {
       const v = s.value;
       if (!v) return "—";
       const h = Math.floor(v / 1e3) % 60, x = Math.floor(v / 6e4) % 60, $ = Math.floor(v / 36e5) % 24, T = Math.floor(v / 864e5);
       return [T && `${T}d`, $ && `${$}h`, x && `${x}m`, h && `${h}s`].filter(Boolean).join(" ") || "0s";
     });
-    return (v, h) => (u(), m("div", va, [
+    return (v, h) => (u(), m("div", ya, [
       e.mode === "display" || e.mode === "read" ? (u(), m(L, { key: 0 }, [
-        a("span", ya, g(k.value), 1),
+        a("span", ha, g(k.value), 1),
         a("label", null, g(e.label), 1)
       ], 64)) : (u(), m(L, { key: 1 }, [
         oe(se, {
@@ -1095,18 +1097,18 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
           "use-seconds": e.useSeconds,
           onGetRange: d
         }, null, 8, ["allow-military-time", "use-seconds"]),
-        a("div", ha, [
+        a("div", ba, [
           a("label", null, g(e.label), 1),
-          n.value && c.value ? (u(), m("div", ba, [
+          n.value && c.value ? (u(), m("div", ga, [
             h[0] || (h[0] = a("span", { class: "aduration__label" }, "Duration:", -1)),
-            a("span", ga, g(y.value), 1),
-            a("span", $a, "(" + g(s.value ?? 0) + " ms)", 1)
+            a("span", $a, g(y.value), 1),
+            a("span", ka, "(" + g(s.value ?? 0) + " ms)", 1)
           ])) : B("", !0)
         ])
       ], 64))
     ]));
   }
-}), xa = /* @__PURE__ */ U(ka, [["__scopeId", "data-v-22611dd6"]]), wa = { class: "adaterange" }, Da = { class: "aform_display-value" }, Ma = ["id", "value", "disabled"], Ta = ["for"], Sa = ["innerHTML"], Aa = /* @__PURE__ */ V({
+}), wa = /* @__PURE__ */ H(xa, [["__scopeId", "data-v-22611dd6"]]), Da = { class: "adaterange" }, Ma = { class: "aform_display-value" }, Ta = ["id", "value", "disabled"], Sa = ["for"], Ia = ["innerHTML"], Aa = /* @__PURE__ */ V({
   __name: "ADateRange",
   props: /* @__PURE__ */ Q({
     schema: {},
@@ -1126,14 +1128,14 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const s = (i) => new Date(i).toLocaleDateString(), n = I(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), c = G(e, "modelValue"), t = A(c.value.start_date ? new Date(c.value.start_date) : null), d = A(c.value.end_date ? new Date(c.value.end_date) : null), y = A(!1), k = A(null);
+    const s = (i) => new Date(i).toLocaleDateString(), n = A(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), c = G(e, "modelValue"), t = I(c.value.start_date ? new Date(c.value.start_date) : null), d = I(c.value.end_date ? new Date(c.value.end_date) : null), y = I(!1), k = I(null);
     De(k, () => y.value = !1);
     const v = () => {
       e.mode !== "read" && (y.value = !0);
-    }, h = (i) => i ? `${i.getMonth() + 1}/${i.getDate()}/${i.getFullYear()}` : "", x = I(() => {
+    }, h = (i) => i ? `${i.getMonth() + 1}/${i.getDate()}/${i.getFullYear()}` : "", x = A(() => {
       const i = h(t.value), w = h(d.value);
       return i && w ? `${i} — ${w}` : i ? `${i} — ...` : "";
-    }), $ = I(() => {
+    }), $ = A(() => {
       const i = c.value.start_date, w = c.value.end_date;
       return !i && !w ? "" : i && w ? `${s(i)} — ${s(w)}` : i ? `From ${s(i)}` : `Until ${s(w)}`;
     }), T = () => {
@@ -1147,15 +1149,15 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
     }, o = (i) => {
       i.start && (t.value = i.start), i.end && (d.value = i.end, T(), y.value = !1), l();
     };
-    return X(
+    return Z(
       () => c.value,
       (i) => {
         t.value = i.start_date ? new Date(i.start_date) : null, d.value = i.end_date ? new Date(i.end_date) : null;
       },
       { deep: !0 }
-    ), (i, w) => (u(), m("div", wa, [
+    ), (i, w) => (u(), m("div", Da, [
       e.mode === "display" ? (u(), m(L, { key: 0 }, [
-        a("span", Da, g($.value), 1),
+        a("span", Ma, g($.value), 1),
         a("label", null, g(e.label), 1)
       ], 64)) : (u(), m(L, { key: 1 }, [
         a("input", {
@@ -1167,9 +1169,9 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
           disabled: e.mode === "read",
           readonly: "",
           onClick: v
-        }, null, 8, Ma),
-        a("label", { for: e.uuid }, g(e.label), 9, Ta),
-        p(a("p", { innerHTML: n.value }, null, 8, Sa), [
+        }, null, 8, Ta),
+        a("label", { for: e.uuid }, g(e.label), 9, Sa),
+        p(a("p", { innerHTML: n.value }, null, 8, Ia), [
           [P, n.value]
         ]),
         y.value ? (u(), ee(se, {
@@ -1184,13 +1186,13 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
       ], 64))
     ]));
   }
-}), Ia = /* @__PURE__ */ U(Aa, [["__scopeId", "data-v-b5838478"]]), pa = { class: "aform" }, La = {
+}), pa = /* @__PURE__ */ H(Aa, [["__scopeId", "data-v-b5838478"]]), La = { class: "aform" }, qa = {
   key: 0,
   class: "aform-nested-section"
-}, qa = {
+}, Fa = {
   key: 0,
   class: "aform-nested-label"
-}, Fa = /* @__PURE__ */ V({
+}, _a = /* @__PURE__ */ V({
   __name: "AForm",
   props: /* @__PURE__ */ Q({
     schema: {},
@@ -1202,8 +1204,8 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
   }),
   emits: /* @__PURE__ */ Q(["update:schema", "update:data"], ["update:data"]),
   setup(e, { emit: s }) {
-    const n = s, c = G(e, "data"), t = (f) => (f.kind === "link" || f.kind === "fieldset") && "schema" in f && Array.isArray(f.schema) && f.schema.length > 0, d = A({});
-    X(
+    const n = s, c = G(e, "data"), t = (f) => (f.kind === "link" || f.kind === "fieldset") && "schema" in f && Array.isArray(f.schema) && f.schema.length > 0, d = I({});
+    Z(
       () => c.value,
       (f) => {
         !e.schema || !f || e.schema.forEach((l) => {
@@ -1223,14 +1225,14 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
       if (f.kind !== "field") return {};
       const l = f.width;
       return l ? { flexBasis: l, width: l } : {};
-    }, h = I(() => e.mode ?? "edit");
+    }, h = A(() => e.mode ?? "edit");
     function x(f) {
       const l = f.mode;
       return l || h.value;
     }
-    const $ = A([]);
-    Re(() => {
-      e.schema && $.value.length !== e.schema.length && ($.value = e.schema.map((f, l) => I({
+    const $ = I([]);
+    Ve(() => {
+      e.schema && $.value.length !== e.schema.length && ($.value = e.schema.map((f, l) => A({
         get() {
           return c.value?.[e.schema[l].fieldname];
         },
@@ -1240,11 +1242,11 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
         }
       })));
     });
-    const T = I(() => $.value);
-    return (f, l) => (u(), m("form", pa, [
+    const T = A(() => $.value);
+    return (f, l) => (u(), m("form", La, [
       (u(!0), m(L, null, j(e.schema, (o, i) => (u(), m(L, { key: i }, [
-        t(o) ? (u(), m("div", La, [
-          o.label && o.kind !== "fieldset" ? (u(), m("h4", qa, g(o.label), 1)) : B("", !0),
+        t(o) ? (u(), m("div", qa, [
+          o.label && o.kind !== "fieldset" ? (u(), m("h4", Fa, g(o.label), 1)) : B("", !0),
           (u(), ee($e(o.component ?? "AForm"), {
             data: d.value[o.fieldname],
             mode: x(o),
@@ -1254,7 +1256,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
             errors: e.errors,
             "onUpdate:data": (w) => y(o.fieldname, w)
           }, null, 40, ["data", "mode", "schema", "label", "collapsible", "errors", "onUpdate:data"]))
-        ])) : o.hidden ? B("", !0) : (u(), ee($e(o.component), Ve({
+        ])) : o.hidden ? B("", !0) : (u(), ee($e(o.component), Ne({
           key: 1,
           modelValue: T.value[i].value,
           "onUpdate:modelValue": (w) => T.value[i].value = w,
@@ -1267,7 +1269,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
       ], 64))), 128))
     ]));
   }
-}), Se = /* @__PURE__ */ U(Fa, [["__scopeId", "data-v-bb17171c"]]), _a = /* @__PURE__ */ V({
+}), Se = /* @__PURE__ */ H(_a, [["__scopeId", "data-v-bb17171c"]]), Ca = /* @__PURE__ */ V({
   __name: "CollapseButton",
   props: {
     collapsed: { type: Boolean }
@@ -1277,7 +1279,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
       class: O(["collapse-button", e.collapsed ? "rotated" : "unrotated"])
     }, "×", 2));
   }
-}), Ca = /* @__PURE__ */ U(_a, [["__scopeId", "data-v-6f1c1b45"]]), Ba = /* @__PURE__ */ V({
+}), Ba = /* @__PURE__ */ H(Ca, [["__scopeId", "data-v-6f1c1b45"]]), Ra = /* @__PURE__ */ V({
   __name: "AFieldset",
   props: {
     schema: {},
@@ -1288,7 +1290,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
     mode: { default: "edit" }
   },
   setup(e, { expose: s }) {
-    const n = A(!1), c = A(e.data || []), t = A(e.schema), d = (y) => {
+    const n = I(!1), c = I(e.data || []), t = I(e.schema), d = (y) => {
       y.preventDefault(), e.collapsible && (n.value = !n.value);
     };
     return s({ collapsed: n }), (y, k) => (u(), m("fieldset", null, [
@@ -1298,7 +1300,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
         onSubmit: d
       }, [
         ne(g(e.label) + " ", 1),
-        e.collapsible ? (u(), ee(Ca, {
+        e.collapsible ? (u(), ee(Ba, {
           key: 0,
           collapsed: n.value
         }, null, 8, ["collapsed"])) : B("", !0)
@@ -1315,16 +1317,16 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
       ], !0)
     ]));
   }
-}), Ra = /* @__PURE__ */ U(Ba, [["__scopeId", "data-v-162e7317"]]), Va = { class: "aform_form-element aform_file-attach aform__grid--full" }, Na = {
+}), Va = /* @__PURE__ */ H(Ra, [["__scopeId", "data-v-162e7317"]]), Na = { class: "aform_form-element aform_file-attach aform__grid--full" }, Ua = {
   key: 0,
   class: "aform_file-attach-feedback"
 }, Ha = {
   key: 1,
   class: "aform_display-value"
-}, Ua = {
+}, Ea = {
   key: 0,
   class: "aform_file-attach-feedback"
-}, Ea = ["disabled"], Ka = ["disabled"], Pa = /* @__PURE__ */ V({
+}, Ka = ["disabled"], Pa = ["disabled"], Qa = /* @__PURE__ */ V({
   __name: "AFileAttach",
   props: {
     schema: {},
@@ -1338,13 +1340,13 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
     errors: {}
   },
   setup(e) {
-    const { files: s, open: n, reset: c, onChange: t } = Ne(), d = I(() => {
+    const { files: s, open: n, reset: c, onChange: t } = Ue(), d = A(() => {
       const y = s.value?.length ?? 0;
       return `${y} ${y === 1 ? "file" : "files"}`;
     });
-    return t((y) => y), (y, k) => (u(), m("div", Va, [
+    return t((y) => y), (y, k) => (u(), m("div", Na, [
       e.mode === "display" ? (u(), m(L, { key: 0 }, [
-        J(s) ? (u(), m("div", Na, [
+        J(s) ? (u(), m("div", Ua, [
           a("p", null, [
             a("b", null, g(d.value), 1)
           ]),
@@ -1353,7 +1355,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
           }, g(v.name), 1))), 128))
         ])) : (u(), m("span", Ha, "No file selected"))
       ], 64)) : (u(), m(L, { key: 1 }, [
-        J(s) ? (u(), m("div", Ua, [
+        J(s) ? (u(), m("div", Ea, [
           a("p", null, [
             k[2] || (k[2] = ne(" You have selected: ", -1)),
             a("b", null, g(d.value), 1)
@@ -1367,17 +1369,17 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
           class: "aform_form-btn",
           disabled: e.mode === "read",
           onClick: k[0] || (k[0] = (v) => J(n)())
-        }, g(e.label), 9, Ea),
+        }, g(e.label), 9, Ka),
         a("button", {
           type: "button",
           disabled: !J(s) || e.mode === "read",
           class: "aform_form-btn",
           onClick: k[1] || (k[1] = (v) => J(c)())
-        }, "Reset", 8, Ka)
+        }, "Reset", 8, Pa)
       ], 64))
     ]));
   }
-}), Qa = /* @__PURE__ */ U(Pa, [["__scopeId", "data-v-8eefd179"]]), Ya = { class: "aform_form-element" }, Ga = { class: "aform_display-value" }, za = { class: "aform_field-label" }, Wa = ["id", "disabled", "required"], Ja = ["for"], Xa = ["innerHTML"], Za = /* @__PURE__ */ V({
+}), Ya = /* @__PURE__ */ H(Qa, [["__scopeId", "data-v-8eefd179"]]), Ga = { class: "aform_form-element" }, za = { class: "aform_display-value" }, Wa = { class: "aform_field-label" }, Ja = ["id", "disabled", "required"], Xa = ["for"], Za = ["innerHTML"], Oa = /* @__PURE__ */ V({
   __name: "ANumericInput",
   props: /* @__PURE__ */ Q({
     schema: {},
@@ -1395,11 +1397,11 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const s = I(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = G(e, "modelValue");
-    return (c, t) => (u(), m("div", Ya, [
+    const s = A(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = G(e, "modelValue");
+    return (c, t) => (u(), m("div", Ga, [
       e.mode === "display" ? (u(), m(L, { key: 0 }, [
-        a("span", Ga, g(n.value ?? ""), 1),
-        a("label", za, g(e.label), 1)
+        a("span", za, g(n.value ?? ""), 1),
+        a("label", Wa, g(e.label), 1)
       ], 64)) : (u(), m(L, { key: 1 }, [
         p(a("input", {
           id: e.uuid,
@@ -1408,23 +1410,23 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
           type: "number",
           disabled: e.mode === "read",
           required: e.required
-        }, null, 8, Wa), [
+        }, null, 8, Ja), [
           [Y, n.value]
         ]),
         a("label", {
           class: "aform_field-label",
           for: e.uuid
-        }, g(e.label), 9, Ja),
+        }, g(e.label), 9, Xa),
         p(a("p", {
           class: "aform_error",
           innerHTML: s.value
-        }, null, 8, Xa), [
+        }, null, 8, Za), [
           [P, s.value]
         ])
       ], 64))
     ]));
   }
-}), Oa = { class: "aform_form-element aquantity" }, ja = { class: "aform_display-value" }, el = { class: "aform_field-label" }, tl = { class: "aquantity__row" }, al = { class: "aquantity__field aquantity__field--qty" }, ll = { class: "aquantity__group" }, nl = ["id", "disabled", "required"], ol = { class: "aquantity__uom" }, sl = ["id", "disabled", "aria-expanded", "aria-activedescendant", "onKeydown"], il = { class: "aquantity__uom-value" }, ul = ["aria-label"], dl = ["id", "aria-selected", "onMouseenter", "onClick"], rl = ["for"], cl = { class: "aquantity__row aquantity__row--stock" }, ml = { class: "aquantity__field aquantity__field--stock-uom" }, fl = ["value"], vl = { class: "aform_field-label" }, yl = { class: "aquantity__field aquantity__field--stock-qty" }, hl = ["value"], bl = { class: "aform_field-label" }, gl = { class: "aquantity__field aquantity__field--conversion" }, $l = ["value"], kl = { class: "aform_field-label" }, xl = ["innerHTML"], wl = /* @__PURE__ */ V({
+}), ja = { class: "aform_form-element aquantity" }, el = { class: "aform_display-value" }, tl = { class: "aform_field-label" }, al = { class: "aquantity__row" }, ll = { class: "aquantity__field aquantity__field--qty" }, nl = { class: "aquantity__group" }, ol = ["id", "disabled", "required"], sl = { class: "aquantity__uom" }, il = ["id", "disabled", "aria-expanded", "aria-activedescendant", "onKeydown"], ul = { class: "aquantity__uom-value" }, dl = ["aria-label"], rl = ["id", "aria-selected", "onMouseenter", "onClick"], cl = ["for"], ml = { class: "aquantity__row aquantity__row--stock" }, fl = { class: "aquantity__field aquantity__field--stock-uom" }, vl = ["value"], yl = { class: "aform_field-label" }, hl = { class: "aquantity__field aquantity__field--stock-qty" }, bl = ["value"], gl = { class: "aform_field-label" }, $l = { class: "aquantity__field aquantity__field--conversion" }, kl = ["value"], xl = { class: "aform_field-label" }, wl = ["innerHTML"], Dl = /* @__PURE__ */ V({
   __name: "AQuantityInput",
   props: /* @__PURE__ */ Q({
     schema: {},
@@ -1449,7 +1451,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const s = G(e, "modelValue"), n = I(() => e.options.uoms ?? []), c = (b) => Number(b.toFixed(6)), t = (b) => {
+    const s = G(e, "modelValue"), n = A(() => e.options.uoms ?? []), c = (b) => Number(b.toFixed(6)), t = (b) => {
       const q = e.options.stockUom ?? s.value.stockUom;
       if (!b || b === q) return 1;
       const N = e.options.conversionFactors?.[b];
@@ -1463,10 +1465,10 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
         stockUom: e.options.stockUom ?? s.value.stockUom,
         stockQty: c(b * N)
       };
-    }, y = I({
+    }, y = A({
       get: () => s.value?.qty ?? 0,
       set: (b) => d(b, s.value?.uom ?? "")
-    }), k = I({
+    }), k = A({
       get: () => s.value?.uom ?? "",
       set: (b) => d(s.value?.qty ?? 0, b)
     }), v = /* @__PURE__ */ new Set([
@@ -1510,23 +1512,23 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
       }
       const b = n.value[$.activeIndex];
       b !== void 0 && o(b);
-    }, r = I(() => {
+    }, r = A(() => {
       const b = s.value;
       return !!b?.stockUom && (b.uom !== b.stockUom || b.qty !== b.stockQty);
-    }), F = I(() => {
+    }), F = A(() => {
       const b = s.value;
       if (!b || !b.uom) return "—";
       const q = `${b.qty} ${b.uom}`;
       return r.value ? `${q} (${b.stockQty} ${b.stockUom})` : q;
     });
-    return (b, q) => (u(), m("div", Oa, [
+    return (b, q) => (u(), m("div", ja, [
       e.mode === "display" ? (u(), m(L, { key: 0 }, [
-        a("span", ja, g(F.value), 1),
-        a("label", el, g(e.label), 1)
+        a("span", el, g(F.value), 1),
+        a("label", tl, g(e.label), 1)
       ], 64)) : (u(), m(L, { key: 1 }, [
-        a("div", tl, [
-          a("div", al, [
-            a("div", ll, [
+        a("div", al, [
+          a("div", ll, [
+            a("div", nl, [
               p(a("input", {
                 id: e.uuid,
                 "onUpdate:modelValue": q[0] || (q[0] = (N) => y.value = N),
@@ -1536,7 +1538,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
                 required: e.required,
                 onKeydown: h,
                 onPaste: x
-              }, null, 40, nl), [
+              }, null, 40, ol), [
                 [
                   Y,
                   y.value,
@@ -1544,7 +1546,7 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
                   { number: !0 }
                 ]
               ]),
-              p((u(), m("div", ol, [
+              p((u(), m("div", sl, [
                 a("button", {
                   id: `${e.uuid}-uom`,
                   type: "button",
@@ -1561,12 +1563,12 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
                     _(f, ["esc"])
                   ]
                 }, [
-                  a("span", il, g(k.value || e.uomLabel), 1),
+                  a("span", ul, g(k.value || e.uomLabel), 1),
                   q[3] || (q[3] = a("span", {
                     class: "aquantity__caret",
                     "aria-hidden": "true"
                   }, null, -1))
-                ], 40, sl),
+                ], 40, il),
                 p(a("ul", {
                   class: "aquantity__uom-menu",
                   role: "listbox",
@@ -1580,8 +1582,8 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
                     class: O(["aquantity__uom-option", { "is-active": W === $.activeIndex }]),
                     onMouseenter: (te) => $.activeIndex = W,
                     onClick: (te) => o(N)
-                  }, g(N), 43, dl))), 128))
-                ], 8, ul), [
+                  }, g(N), 43, rl))), 128))
+                ], 8, dl), [
                   [P, $.open]
                 ])
               ])), [
@@ -1591,66 +1593,66 @@ const He = { class: "aform_form-element" }, Ue = { class: "aform_field-label" },
             a("label", {
               class: "aform_field-label",
               for: e.uuid
-            }, g(e.label), 9, rl)
+            }, g(e.label), 9, cl)
           ])
         ]),
-        a("div", cl, [
-          a("div", ml, [
+        a("div", ml, [
+          a("div", fl, [
             a("input", {
               value: s.value.stockUom,
               class: "aform_input-field aquantity__stock-field",
               type: "text",
               disabled: ""
-            }, null, 8, fl),
-            a("label", vl, g(e.stockUomLabel), 1)
+            }, null, 8, vl),
+            a("label", yl, g(e.stockUomLabel), 1)
           ]),
-          a("div", yl, [
+          a("div", hl, [
             a("input", {
               value: s.value.stockQty,
               class: "aform_input-field aquantity__stock-field",
               type: "number",
               disabled: ""
-            }, null, 8, hl),
-            a("label", bl, g(e.stockQtyLabel), 1)
+            }, null, 8, bl),
+            a("label", gl, g(e.stockQtyLabel), 1)
           ]),
-          a("div", gl, [
+          a("div", $l, [
             a("input", {
               value: s.value.conversionFactor,
               class: "aform_input-field aquantity__stock-field",
               type: "number",
               disabled: ""
-            }, null, 8, $l),
-            a("label", kl, g(e.conversionFactorLabel), 1)
+            }, null, 8, kl),
+            a("label", xl, g(e.conversionFactorLabel), 1)
           ])
         ]),
         p(a("p", {
           class: "aform_error",
           innerHTML: e.validation.errorMessage
-        }, null, 8, xl), [
+        }, null, 8, wl), [
           [P, e.validation.errorMessage]
         ])
       ], 64))
     ]));
   }
-}), Dl = /* @__PURE__ */ U(wl, [["__scopeId", "data-v-0b714861"]]);
-function Ml(e) {
+}), Ml = /* @__PURE__ */ H(Dl, [["__scopeId", "data-v-0b714861"]]);
+function Tl(e) {
   try {
     return ce(e);
   } catch {
     return;
   }
 }
-function Tl(e) {
+function Sl(e) {
   const s = e.value;
   if (!s) return;
-  const n = Ml(s);
+  const n = Tl(s);
   if (n) {
     const t = e.instance?.locale;
     return n(t);
   }
   return s;
 }
-function Sl(e, s) {
+function Il(e, s) {
   let n = e;
   const c = [s, "/", "-", "(", ")", " "];
   for (const t of c)
@@ -1668,17 +1670,17 @@ function Al(e, s, n) {
   }
   return c.slice(0, s.length);
 }
-function Il(e, s) {
-  const n = Tl(s);
+function pl(e, s) {
+  const n = Sl(s);
   if (!n) return;
-  const c = "#", t = e.value, d = Sl(t, c);
+  const c = "#", t = e.value, d = Il(t, c);
   if (d) {
     const y = Al(d, n, c), k = s.instance;
     k?.maskFilled && (k.maskFilled = !y.includes(c)), e.value = y;
   } else
     e.value = n;
 }
-const pl = { class: "aform_form-element" }, Ll = { class: "aform_display-value" }, ql = { class: "aform_field-label" }, Fl = ["id", "disabled", "maxlength", "required"], _l = ["for"], Cl = ["innerHTML"], Bl = /* @__PURE__ */ V({
+const Ll = { class: "aform_form-element" }, ql = { class: "aform_display-value" }, Fl = { class: "aform_field-label" }, _l = ["id", "disabled", "maxlength", "required"], Cl = ["for"], Bl = ["innerHTML"], Rl = /* @__PURE__ */ V({
   __name: "ATextInput",
   props: /* @__PURE__ */ Q({
     schema: {},
@@ -1696,11 +1698,11 @@ const pl = { class: "aform_form-element" }, Ll = { class: "aform_display-value"
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const s = I(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = A(!0), c = G(e, "modelValue");
-    return (t, d) => (u(), m("div", pl, [
+    const s = A(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = I(!0), c = G(e, "modelValue");
+    return (t, d) => (u(), m("div", Ll, [
       e.mode === "display" ? (u(), m(L, { key: 0 }, [
-        a("span", Ll, g(c.value ?? ""), 1),
-        a("label", ql, g(e.label), 1)
+        a("span", ql, g(c.value ?? ""), 1),
+        a("label", Fl, g(e.label), 1)
       ], 64)) : (u(), m(L, { key: 1 }, [
         p(a("input", {
           id: e.uuid,
@@ -1709,24 +1711,24 @@ const pl = { class: "aform_form-element" }, Ll = { class: "aform_display-value"
           disabled: e.mode === "read",
           maxlength: e.mask && n.value ? e.mask.length : void 0,
           required: e.required
-        }, null, 8, Fl), [
+        }, null, 8, _l), [
           [Y, c.value],
-          [J(Il), e.mask]
+          [J(pl), e.mask]
         ]),
         a("label", {
           class: "aform_field-label",
           for: e.uuid
-        }, g(e.label), 9, _l),
+        }, g(e.label), 9, Cl),
         p(a("p", {
           class: "aform_error",
           innerHTML: s.value
-        }, null, 8, Cl), [
+        }, null, 8, Bl), [
           [P, s.value]
         ])
       ], 64))
     ]));
   }
-}), Rl = { class: "aform_form-element" }, Vl = { class: "aform_display-value aform_textbox-display" }, Nl = { class: "aform_field-label" }, Hl = ["id", "placeholder", "rows", "maxlength", "disabled", "required"], Ul = ["for"], El = ["innerHTML"], Kl = /* @__PURE__ */ V({
+}), Vl = { class: "aform_form-element" }, Nl = { class: "aform_display-value aform_textbox-display" }, Ul = { class: "aform_field-label" }, Hl = ["id", "placeholder", "rows", "maxlength", "disabled", "required"], El = ["for"], Kl = ["innerHTML"], Pl = /* @__PURE__ */ V({
   __name: "ATextboxInput",
   props: /* @__PURE__ */ Q({
     schema: {},
@@ -1747,11 +1749,11 @@ const pl = { class: "aform_form-element" }, Ll = { class: "aform_display-value"
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const s = I(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = G(e, "modelValue");
-    return (c, t) => (u(), m("div", Rl, [
+    const s = A(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = G(e, "modelValue");
+    return (c, t) => (u(), m("div", Vl, [
       e.mode === "display" ? (u(), m(L, { key: 0 }, [
-        a("span", Vl, g(n.value ?? ""), 1),
-        a("label", Nl, g(e.label), 1)
+        a("span", Nl, g(n.value ?? ""), 1),
+        a("label", Ul, g(e.label), 1)
       ], 64)) : (u(), m(L, { key: 1 }, [
         p(a("textarea", {
           id: e.uuid,
@@ -1768,20 +1770,20 @@ const pl = { class: "aform_form-element" }, Ll = { class: "aform_display-value"
         a("label", {
           class: "aform_field-label",
           for: e.uuid
-        }, g(e.label), 9, Ul),
+        }, g(e.label), 9, El),
         p(a("p", {
           class: "aform_error",
           innerHTML: s.value
-        }, null, 8, El), [
+        }, null, 8, Kl), [
           [P, s.value]
         ])
       ], 64))
     ]));
   }
-}), Pl = /* @__PURE__ */ U(Kl, [["__scopeId", "data-v-2a9c793b"]]), Ql = { class: "login-container" }, Yl = { class: "account-container" }, Gl = { class: "account-header" }, zl = { id: "account-title" }, Wl = { id: "account-subtitle" }, Jl = { class: "login-form-container" }, Xl = { class: "login-form-email aform_form-element" }, Zl = ["disabled"], Ol = { class: "login-form-password aform_form-element" }, jl = ["disabled"], en = ["disabled"], tn = {
+}), Ql = /* @__PURE__ */ H(Pl, [["__scopeId", "data-v-2a9c793b"]]), Yl = { class: "login-container" }, Gl = { class: "account-container" }, zl = { class: "account-header" }, Wl = { id: "account-title" }, Jl = { id: "account-subtitle" }, Xl = { class: "login-form-container" }, Zl = { class: "login-form-email aform_form-element" }, Ol = ["disabled"], jl = { class: "login-form-password aform_form-element" }, en = ["disabled"], tn = ["disabled"], an = {
   key: 0,
   class: "material-symbols-outlined loading-icon"
-}, an = /* @__PURE__ */ V({
+}, ln = /* @__PURE__ */ V({
   __name: "Login",
   props: {
     headerTitle: { default: "Login" },
@@ -1789,7 +1791,7 @@ const pl = { class: "aform_form-element" }, Ll = { class: "aform_display-value"
   },
   emits: ["loginFailed", "loginSuccess"],
   setup(e, { emit: s }) {
-    const n = s, c = A(""), t = A(""), d = A(!1), y = A(!1);
+    const n = s, c = I(""), t = I(""), d = I(!1), y = I(!1);
     function k(v) {
       if (v.preventDefault(), d.value = !0, y.value) {
         d.value = !1, n("loginFailed");
@@ -1797,16 +1799,16 @@ const pl = { class: "aform_form-element" }, Ll = { class: "aform_display-value"
       }
       d.value = !1, n("loginSuccess");
     }
-    return (v, h) => (u(), m("div", Ql, [
+    return (v, h) => (u(), m("div", Yl, [
       a("div", null, [
-        a("div", Yl, [
-          a("div", Gl, [
-            a("h1", zl, g(e.headerTitle), 1),
-            a("p", Wl, g(e.headerSubtitle), 1)
+        a("div", Gl, [
+          a("div", zl, [
+            a("h1", Wl, g(e.headerTitle), 1),
+            a("p", Jl, g(e.headerSubtitle), 1)
           ]),
           a("form", { onSubmit: k }, [
-            a("div", Jl, [
-              a("div", Xl, [
+            a("div", Xl, [
+              a("div", Zl, [
                 h[2] || (h[2] = a("label", {
                   id: "login-email",
                   for: "email",
@@ -1823,11 +1825,11 @@ const pl = { class: "aform_form-element" }, Ll = { class: "aform_display-value"
                   "auto-complete": "email",
                   "auto-correct": "off",
                   disabled: d.value
-                }, null, 8, Zl), [
+                }, null, 8, Ol), [
                   [Y, c.value]
                 ])
               ]),
-              a("div", Ol, [
+              a("div", jl, [
                 h[3] || (h[3] = a("label", {
                   id: "login-password",
                   for: "password",
@@ -1840,7 +1842,7 @@ const pl = { class: "aform_form-element" }, Ll = { class: "aform_display-value"
                   name: "password",
                   type: "password",
                   disabled: d.value
-                }, null, 8, jl), [
+                }, null, 8, en), [
                   [Y, t.value]
                 ])
               ]),
@@ -1849,9 +1851,9 @@ const pl = { class: "aform_form-element" }, Ll = { class: "aform_display-value"
                 disabled: d.value || !c.value || !t.value,
                 onClick: k
               }, [
-                d.value ? (u(), m("span", tn, "progress_activity")) : B("", !0),
+                d.value ? (u(), m("span", an, "progress_activity")) : B("", !0),
                 h[4] || (h[4] = a("span", { id: "login-form-button" }, "Login", -1))
-              ], 8, en)
+              ], 8, tn)
             ])
           ], 32),
           h[5] || (h[5] = a("button", { class: "btn" }, [
@@ -1861,40 +1863,40 @@ const pl = { class: "aform_form-element" }, Ll = { class: "aform_display-value"
       ])
     ]));
   }
-}), fn = /* @__PURE__ */ U(an, [["__scopeId", "data-v-2c0f0634"]]), ln = {}, nn = { class: "aform-loading" }, on = { class: "aform-loading__label" };
-function sn(e, s) {
-  return u(), m("div", nn, [
-    a("div", on, [
+}), vn = /* @__PURE__ */ H(ln, [["__scopeId", "data-v-2c0f0634"]]), nn = {}, on = { class: "aform-loading" }, sn = { class: "aform-loading__label" };
+function un(e, s) {
+  return u(), m("div", on, [
+    a("div", sn, [
       fe(e.$slots, "default", {}, void 0, !0)
     ]),
     s[0] || (s[0] = a("div", { class: "aform-loading__bar" }, null, -1))
   ]);
 }
-const un = /* @__PURE__ */ U(ln, [["render", sn], ["__scopeId", "data-v-274f5ba3"]]);
-function vn(e) {
-  e.use(pe), e.component("ACheckbox", ze), e.component("ACurrencyInput", St), e.component("ADate", aa), e.component("ADropdown", fa), e.component("ADatePicker", Te), e.component("ADateTime", me), e.component("ADateRange", Ia), e.component("ADateSelection", se), e.component("AFieldset", Ra), e.component("AFileAttach", Qa), e.component("AForm", Se), e.component("AFormLink", Me), e.component("ANumericInput", Za), e.component("AQuantityInput", Dl), e.component("ATextInput", Bl), e.component("ATextboxInput", Pl), e.component("ADuration", xa), e.component("AFormLoading", un);
+const dn = /* @__PURE__ */ H(nn, [["render", un], ["__scopeId", "data-v-274f5ba3"]]);
+function yn(e) {
+  e.use(Le), e.component("ACheckbox", We), e.component("ACurrencyInput", It), e.component("ADate", la), e.component("ADropdown", va), e.component("ADatePicker", Te), e.component("ADateTime", me), e.component("ADateRange", pa), e.component("ADateSelection", se), e.component("AFieldset", Va), e.component("AFileAttach", Ya), e.component("AForm", Se), e.component("AFormLink", Me), e.component("ANumericInput", Oa), e.component("AQuantityInput", Ml), e.component("ATextInput", Rl), e.component("ATextboxInput", Ql), e.component("ADuration", wa), e.component("AFormLoading", dn);
 }
 export {
-  ze as ACheckbox,
-  St as ACurrencyInput,
-  aa as ADate,
+  We as ACheckbox,
+  It as ACurrencyInput,
+  la as ADate,
   Te as ADatePicker,
-  Ia as ADateRange,
+  pa as ADateRange,
   se as ADateSelection,
   me as ADateTime,
-  fa as ADropdown,
-  xa as ADuration,
-  Ra as AFieldset,
-  Qa as AFileAttach,
+  va as ADropdown,
+  wa as ADuration,
+  Va as AFieldset,
+  Ya as AFileAttach,
   Se as AForm,
   Me as AFormLink,
-  un as AFormLoading,
-  Za as ANumericInput,
-  Dl as AQuantityInput,
-  Bl as ATextInput,
-  Pl as ATextboxInput,
-  fn as Login,
+  dn as AFormLoading,
+  Oa as ANumericInput,
+  Ml as AQuantityInput,
+  Rl as ATextInput,
+  Ql as ATextboxInput,
+  vn as Login,
   ce as deserializeFunction,
-  vn as install
+  yn as install
 };
 //# sourceMappingURL=aform.js.map