@stonecrop/aform 0.21.0 → 0.23.0

package/dist/aform.js

@@ -1,13 +1,57 @@
-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 Ue } from "@vueuse/core";
-import './assets/index.css';function ce(e) {
+import { isBadgeDescriptor as qe, lookupBadge as ce, selectChoices as Be } from "@stonecrop/schema";
+import { install as Ce } from "@stonecrop/atable";
+import { defineComponent as V, computed as w, useModel as Y, openBlock as r, createElementBlock as m, Fragment as L, createElementVNode as t, toDisplayString as k, withDirectives as F, vModelCheckbox as Ve, vShow as Q, mergeModels as P, useId as Re, ref as p, inject as me, watch as J, normalizeClass as Z, withKeys as q, withModifiers as H, vModelText as G, createCommentVNode as B, renderList as j, renderSlot as ye, createTextVNode as se, unref as O, createVNode as ie, withCtx as Ne, useTemplateRef as oe, onMounted as Se, nextTick as He, reactive as he, vModelSelect as Ue, provide as Ee, createBlock as ee, normalizeStyle as fe, watchEffect as Pe, resolveDynamicComponent as De, mergeProps as Ke } from "vue";
+import { vOnClickOutside as be } from "@vueuse/components";
+import { onClickOutside as ge, useFileDialog as Qe } from "@vueuse/core";
+import './assets/index.css';function ae(e) {
   return Function(`"use strict"; return (${e})`)();
 }
-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({
+function Ye(e, o, n, i = {}) {
+  if (n) {
+    let u;
+    if (typeof n == "function" ? u = n(e, i) : u = ae(n)(e, i), qe(u))
+      return u.label.trim() ? u : void 0;
+    if (typeof u == "string" && u !== "")
+      return ce(o, u) ?? { label: u, variant: "neutral" };
+  }
+  const a = Ge(e);
+  if (a !== void 0)
+    return ce(o, a);
+}
+function Ge(e) {
+  switch (typeof e) {
+    case "string":
+      return e === "" ? void 0 : e;
+    case "number":
+    case "boolean":
+    case "bigint":
+      return String(e);
+    default:
+      return;
+  }
+}
+const ze = /* @__PURE__ */ new Set(["neutral", "success", "warning", "danger", "brand"]);
+function we(e) {
+  if (!e?.label?.trim()) return;
+  const o = e.variant ?? "neutral";
+  if (e.color)
+    return {
+      borderLeftWidth: "4px",
+      borderLeftStyle: "solid",
+      borderLeftColor: e.color,
+      paddingLeft: "calc(1ch - 4px)"
+    };
+  if (ze.has(o))
+    return {
+      borderLeftWidth: "4px",
+      borderLeftStyle: "solid",
+      borderLeftColor: `var(--sc-badge-${o}-accent)`,
+      paddingLeft: "calc(1ch - 4px)"
+    };
+}
+const We = { class: "aform_form-element" }, Je = { class: "aform_field-label" }, Oe = { class: "aform_display-value" }, Xe = ["for"], Ze = { class: "aform_checkbox-container aform_input-field" }, je = ["id", "disabled", "required"], et = ["innerHTML"], tt = /* @__PURE__ */ V({
   __name: "ACheckbox",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -23,54 +67,54 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    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", Ee, g(e.label), 1),
-        a("span", Ke, g(n.value ? "✓" : "✗"), 1)
-      ], 64)) : (u(), m(L, { key: 1 }, [
-        a("label", {
+    const o = w(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = Y(e, "modelValue");
+    return (i, a) => (r(), m("div", We, [
+      e.mode === "display" ? (r(), m(L, { key: 0 }, [
+        t("label", Je, k(e.label), 1),
+        t("span", Oe, k(n.value ? "✓" : "✗"), 1)
+      ], 64)) : (r(), m(L, { key: 1 }, [
+        t("label", {
           class: "aform_field-label",
           for: e.uuid
-        }, g(e.label), 9, Pe),
-        a("span", Qe, [
-          p(a("input", {
+        }, k(e.label), 9, Xe),
+        t("span", Ze, [
+          F(t("input", {
             id: e.uuid,
-            "onUpdate:modelValue": t[0] || (t[0] = (d) => n.value = d),
+            "onUpdate:modelValue": a[0] || (a[0] = (u) => n.value = u),
             type: "checkbox",
             class: "aform_checkbox",
             disabled: e.mode === "read",
             required: e.required
-          }, null, 8, Ye), [
-            [qe, n.value]
+          }, null, 8, je), [
+            [Ve, n.value]
           ])
         ]),
-        p(a("p", {
+        F(t("p", {
           class: "aform_error",
-          innerHTML: s.value
-        }, null, 8, Ge), [
-          [P, s.value]
+          innerHTML: o.value
+        }, null, 8, et), [
+          [Q, o.value]
         ])
       ], 64))
     ]));
   }
-}), H = (e, s) => {
+}), N = (e, o) => {
   const n = e.__vccOpts || e;
-  for (const [c, t] of s)
-    n[c] = t;
+  for (const [i, a] of o)
+    n[i] = a;
   return n;
-}, We = /* @__PURE__ */ H(ze, [["__scopeId", "data-v-ca06741d"]]), Je = {
+}, at = /* @__PURE__ */ N(tt, [["__scopeId", "data-v-ca06741d"]]), lt = {
   key: 0,
   class: "aform_display-value"
-}, 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 = {
+}, nt = { class: "aform_form-link-wrapper" }, ot = { class: "input-group" }, st = ["placeholder", "aria-label", "required", "aria-expanded", "aria-controls", "aria-activedescendant", "disabled", "onKeydown"], it = ["onKeydown"], ut = ["aria-label"], rt = {
   key: 0,
   class: "autocomplete-result loading"
-}, at = ["id", "aria-selected", "onMousedown"], lt = {
+}, dt = ["id", "aria-selected", "onMousedown"], ct = {
   key: 0,
   class: "aform_field-label"
-}, nt = /* @__PURE__ */ V({
+}, mt = /* @__PURE__ */ V({
   __name: "AFormLink",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -98,148 +142,148 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    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 = 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;
-      if (typeof D == "number") return String(D);
-      const C = D.id;
+    const o = `${e.uuid ?? `aform-link-${Re()}`}-listbox`, n = Y(e, "modelValue"), i = w(() => A(n.value) !== void 0), a = w(() => {
+      const T = A(n.value);
+      return T === void 0 ? "—" : e.formatter ? e.formatter(l(n.value)) : d(n.value) ?? T;
+    }), u = p(i.value ? a.value : ""), y = p(!1), g = p(!1), h = p([]), s = p(null), x = me("aformLinkNavigator", null), $ = me("aformLinkResolver", null);
+    function A(T) {
+      if (T == null) return;
+      if (typeof T == "string") return T === "" ? void 0 : T;
+      if (typeof T == "number") return String(T);
+      const C = T.id;
       if (!(C == null || C === ""))
         return String(C);
     }
-    function f(D) {
-      if (D == null || typeof D != "object") return;
-      const C = D.displayText;
+    function d(T) {
+      if (T == null || typeof T != "object") return;
+      const C = T.displayText;
       return typeof C == "string" || typeof C == "number" ? String(C) : void 0;
     }
-    function l(D) {
-      if (D != null && typeof D == "object") return D;
-      const C = T(D);
+    function l(T) {
+      if (T != null && typeof T == "object") return T;
+      const C = A(T);
       return C !== void 0 ? { id: C } : { id: "" };
     }
-    Z(
-      () => T(n.value),
-      async (D) => {
-        if (!(!D || f(n.value)))
+    J(
+      () => A(n.value),
+      async (T) => {
+        if (!(!T || d(n.value)))
           try {
             let C, E;
-            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 X = { ...l(n.value), ...C, id: D, displayText: E };
-              d.value = e.formatter ? e.formatter(X) : E, n.value = X;
+            if (e.filterFunction ? (C = (await (typeof e.filterFunction == "string" ? ae(e.filterFunction) : e.filterFunction)(String(T))).find((re) => String(re.id) === String(T)), E = C?.displayText, E === void 0 && console.warn(
+              `[AFormLink] filterFunction returned no matching result for id "${T}". The function must return an item whose \`id\` exactly matches the search string.`
+            )) : $ && e.doctype && (E = await $(e.doctype, T.toString()) ?? void 0), E) {
+              const X = { ...l(n.value), ...C, id: T, displayText: E };
+              u.value = e.formatter ? e.formatter(X) : E, n.value = X;
             }
           } catch {
           }
       },
       { immediate: !0 }
     );
-    const o = () => {
-      const D = T(n.value);
-      x && e.doctype && D !== void 0 ? x.navigate(e.doctype, D) : x && !e.doctype && console.warn(
+    const f = () => {
+      const T = A(n.value);
+      x && e.doctype && T !== void 0 ? x.navigate(e.doctype, T) : x && !e.doctype && console.warn(
         "[AFormLink] Navigation requested but `doctype` prop is missing. Add `options` (or `doctype`) to the Link field definition to enable navigation."
       );
-    }, i = async (D) => {
+    }, c = async (T) => {
       if (!(!e.filterFunction || e.mode === "read")) {
-        h.value = null, y.value = !0, e.isAsync && (k.value = !0);
+        s.value = null, y.value = !0, e.isAsync && (g.value = !0);
         try {
-          const C = typeof e.filterFunction == "string" ? ce(e.filterFunction) : e.filterFunction;
-          v.value = await C(D) ?? [];
+          const C = typeof e.filterFunction == "string" ? ae(e.filterFunction) : e.filterFunction;
+          h.value = await C(T) ?? [];
         } catch {
-          v.value = [];
+          h.value = [];
         } finally {
-          k.value = !1;
+          g.value = !1;
         }
       }
-    }, w = () => {
-      y.value = !1, h.value = null, d.value = c.value ? t.value : "";
-    }, r = () => {
-      y.value && w();
-    }, F = () => i(d.value), b = () => i(d.value), q = (D) => {
-      n.value = D, d.value = e.formatter ? e.formatter(D) : D.displayText ?? String(D.id), y.value = !1, h.value = null;
-    }, N = () => {
-      const D = v.value.length;
-      D && (h.value = h.value === null ? 0 : (h.value + 1) % D);
-    }, W = () => {
-      v.value.length && (h.value === null || h.value === 0 ? h.value = null : h.value -= 1);
+    }, M = () => {
+      y.value = !1, s.value = null, u.value = i.value ? a.value : "";
+    }, v = () => {
+      y.value && M();
+    }, D = () => c(u.value), b = () => c(u.value), I = (T) => {
+      n.value = T, u.value = e.formatter ? e.formatter(T) : T.displayText ?? String(T.id), y.value = !1, s.value = null;
+    }, R = () => {
+      const T = h.value.length;
+      T && (s.value = s.value === null ? 0 : (s.value + 1) % T);
+    }, z = () => {
+      h.value.length && (s.value === null || s.value === 0 ? s.value = null : s.value -= 1);
     }, te = () => {
-      h.value !== null && v.value[h.value] && q(v.value[h.value]);
+      s.value !== null && h.value[s.value] && I(h.value[s.value]);
     };
-    return (D, C) => (u(), m("div", {
-      class: O(["aform_form-element", { "aform_form-element--embedded": e.embedded }])
+    return (T, C) => (r(), m("div", {
+      class: Z(["aform_form-element", { "aform_form-element--embedded": e.embedded }])
     }, [
-      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),
+      e.mode === "display" ? (r(), m("span", lt, k(a.value), 1)) : (r(), m(L, { key: 1 }, [
+        F((r(), m("div", nt, [
+          t("div", ot, [
+            F(t("input", {
+              "onUpdate:modelValue": C[0] || (C[0] = (E) => u.value = E),
               type: "text",
               role: "combobox",
               autocomplete: "off",
               "aria-autocomplete": "list",
-              class: O(["aform_input-field", { "aform_input-field--embedded": e.embedded }]),
+              class: Z(["aform_input-field", { "aform_input-field--embedded": e.embedded }]),
               placeholder: e.placeholder,
               "aria-label": e.ariaLabel,
               required: e.required,
               "aria-expanded": y.value,
-              "aria-controls": y.value ? s : void 0,
-              "aria-activedescendant": h.value === null ? void 0 : `${s}-opt-${h.value}`,
+              "aria-controls": y.value ? o : void 0,
+              "aria-activedescendant": s.value === null ? void 0 : `${o}-opt-${s.value}`,
               disabled: e.disabled || e.mode === "read",
               onInput: b,
-              onFocus: F,
+              onFocus: D,
               onKeydown: [
-                _(R(N, ["prevent"]), ["down"]),
-                _(R(W, ["prevent"]), ["up"]),
-                _(R(te, ["prevent"]), ["enter"]),
-                _(w, ["esc"]),
-                _(w, ["tab"])
+                q(H(R, ["prevent"]), ["down"]),
+                q(H(z, ["prevent"]), ["up"]),
+                q(H(te, ["prevent"]), ["enter"]),
+                q(M, ["esc"]),
+                q(M, ["tab"])
               ]
-            }, null, 42, Oe), [
-              [Y, d.value]
+            }, null, 42, st), [
+              [G, u.value]
             ]),
-            c.value && !e.disabled && !e.embedded ? (u(), m("button", {
+            i.value && !e.disabled && !e.embedded ? (r(), m("button", {
               key: 0,
               type: "button",
               class: "aform_form-btn",
-              onClick: o,
-              onKeydown: _(R(o, ["prevent"]), ["enter"])
+              onClick: f,
+              onKeydown: q(H(f, ["prevent"]), ["enter"])
             }, [
-              a("span", null, g(e.icon === "chevron-right" ? "›" : "→"), 1)
-            ], 40, je)) : B("", !0)
+              t("span", null, k(e.icon === "chevron-right" ? "›" : "→"), 1)
+            ], 40, it)) : B("", !0)
           ]),
-          y.value ? (u(), m("ul", {
+          y.value ? (r(), m("ul", {
             key: 0,
-            id: s,
+            id: o,
             class: "autocomplete-results",
             role: "listbox",
             "aria-label": e.ariaLabel
           }, [
-            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}`,
+            g.value ? (r(), m("li", rt, "Loading…")) : (r(!0), m(L, { key: 1 }, j(h.value, (E, X) => (r(), m("li", {
+              id: `${o}-opt-${X}`,
               key: String(E.id),
               role: "option",
-              "aria-selected": X === h.value,
-              class: O(["autocomplete-result", { "is-active": X === h.value }]),
-              onMousedown: R((ie) => q(E), ["prevent"])
+              "aria-selected": X === s.value,
+              class: Z(["autocomplete-result", { "is-active": X === s.value }]),
+              onMousedown: H((ue) => I(E), ["prevent"])
             }, [
-              fe(D.$slots, "option", { option: E }, () => [
-                ne(g(E.displayText ?? String(E.id)), 1)
+              ye(T.$slots, "option", { option: E }, () => [
+                se(k(E.displayText ?? String(E.id)), 1)
               ], !0)
-            ], 42, at))), 128))
-          ], 8, et)) : B("", !0)
+            ], 42, dt))), 128))
+          ], 8, ut)) : B("", !0)
         ])), [
-          [J(ye), r]
+          [O(be), v]
         ]),
-        e.label && !e.embedded ? (u(), m("label", lt, g(e.label), 1)) : B("", !0)
+        e.label && !e.embedded ? (r(), m("label", ct, k(e.label), 1)) : B("", !0)
       ], 64))
     ], 2));
   }
-}), 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({
+}), Ae = /* @__PURE__ */ N(mt, [["__scopeId", "data-v-154d79c9"]]), ft = { class: "aform_form-element acurrency" }, vt = { class: "aform_display-value" }, yt = { class: "aform_field-label" }, ht = { class: "acurrency__row" }, bt = { class: "acurrency__field acurrency__field--amount" }, gt = { class: "acurrency__group" }, kt = { class: "acurrency__currency" }, $t = { class: "acurrency__amount-wrap" }, xt = ["id", "disabled", "required"], Dt = ["for"], wt = { class: "acurrency__row acurrency__row--base" }, Mt = { class: "acurrency__field acurrency__field--base-currency" }, Tt = ["value"], St = { class: "aform_field-label" }, At = { class: "acurrency__field acurrency__field--base-amount" }, pt = ["value"], It = { class: "aform_field-label" }, _t = { class: "acurrency__field acurrency__field--exchange-rate" }, Lt = ["value"], Ft = { class: "aform_field-label" }, qt = ["innerHTML"], Me = 6, Bt = /* @__PURE__ */ V({
   __name: "ACurrencyInput",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -268,51 +312,51 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    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 = I(c.value);
-    Z(
-      c,
-      async (r) => {
-        if (!r.id || r.displayText || !t || !e.options.doctype) {
-          d.value = r;
+    const o = (v) => v.symbol ?? v.displayText ?? String(v.id), n = Y(e, "modelValue"), i = w(() => {
+      const v = e.options.baseCurrency ?? n.value?.baseCurrency;
+      return v ? typeof v == "string" ? { id: v } : v : { id: "" };
+    }), a = me("aformLinkResolver", null), u = p(i.value);
+    J(
+      i,
+      async (v) => {
+        if (!v.id || v.displayText || !a || !e.options.doctype) {
+          u.value = v;
           return;
         }
         try {
-          const F = await t(e.options.doctype, String(r.id));
-          d.value = F ? { ...r, displayText: F } : r;
+          const D = await a(e.options.doctype, String(v.id));
+          u.value = D ? { ...v, displayText: D } : v;
         } catch {
-          d.value = r;
+          u.value = v;
         }
       },
       { immediate: !0 }
     );
-    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 = 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) => {
-      const b = k(F.id);
+    const y = w(() => {
+      const v = u.value;
+      return v?.id ? v.displayText ?? String(v.id) : "";
+    }), g = (v) => {
+      const D = u.value.id;
+      return !v || String(v) === String(D) ? 1 : String(v) === String(n.value?.currency?.id) ? n.value?.exchangeRate ?? e.options.exchangeRates?.[String(v)] ?? 1 : e.options.exchangeRates?.[String(v)] ?? 1;
+    }, h = w(() => {
+      const { precision: v } = e.options;
+      return v === void 0 ? Me : Number.isInteger(v) && v >= 0 && v <= 100 ? v : Me;
+    }), s = (v) => Number(v.toFixed(h.value)), x = (v, D) => {
+      const b = g(D.id);
       n.value = {
-        amount: r,
-        currency: F,
+        amount: v,
+        currency: D,
         exchangeRate: b,
-        baseCurrency: d.value,
-        baseAmount: h(r * b)
+        baseCurrency: u.value,
+        baseAmount: s(v * b)
       };
-    }, $ = A({
+    }, $ = w({
       get: () => n.value?.amount ?? 0,
-      set: (r) => x(r, n.value?.currency ?? { id: "" })
-    }), T = A({
+      set: (v) => x(v, n.value?.currency ?? { id: "" })
+    }), A = w({
       get: () => n.value?.currency ?? { id: "" },
-      set: (r) => x(n.value?.amount ?? 0, r)
-    }), f = /* @__PURE__ */ new Set([
+      set: (v) => x(n.value?.amount ?? 0, v)
+    }), d = /* @__PURE__ */ new Set([
       "Backspace",
       "Delete",
       "Tab",
@@ -324,126 +368,126 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
       "ArrowDown",
       "Home",
       "End"
-    ]), l = (r) => {
-      if (r.ctrlKey || r.metaKey || r.altKey || f.has(r.key) || /^[0-9]$/.test(r.key)) return;
-      const F = r.target;
-      r.key === "." && !F.value.includes(".") || r.key === "-" && !F.value.includes("-") || r.preventDefault();
-    }, o = (r) => {
-      const F = r.clipboardData?.getData("text") ?? "";
-      /^-?\d*\.?\d*$/.test(F) || r.preventDefault();
-    }, i = A(() => {
-      const r = n.value;
-      return !!r?.baseCurrency?.id && (r.currency?.id !== r.baseCurrency?.id || r.amount !== r.baseAmount);
-    }), 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}`;
-      if (!i.value) return b;
-      const q = r.baseCurrency.displayText ?? String(r.baseCurrency.id);
-      return `${b} (${r.baseAmount} ${q})`;
+    ]), l = (v) => {
+      if (v.ctrlKey || v.metaKey || v.altKey || d.has(v.key) || /^[0-9]$/.test(v.key)) return;
+      const D = v.target;
+      v.key === "." && !D.value.includes(".") || v.key === "-" && !D.value.includes("-") || v.preventDefault();
+    }, f = (v) => {
+      const D = v.clipboardData?.getData("text") ?? "";
+      /^-?\d*\.?\d*$/.test(D) || v.preventDefault();
+    }, c = w(() => {
+      const v = n.value;
+      return !!v?.baseCurrency?.id && (v.currency?.id !== v.baseCurrency?.id || v.amount !== v.baseAmount);
+    }), M = w(() => {
+      const v = n.value;
+      if (!v || !v.currency?.id) return "—";
+      const D = v.currency.displayText ?? String(v.currency.id), b = `${v.amount} ${D}`;
+      if (!c.value) return b;
+      const I = v.baseCurrency.displayText ?? String(v.baseCurrency.id);
+      return `${b} (${v.baseAmount} ${I})`;
     });
-    return (r, F) => (u(), m("div", ot, [
-      e.mode === "display" ? (u(), m(L, { key: 0 }, [
-        a("span", st, g(w.value), 1),
-        a("label", it, g(e.label), 1)
-      ], 64)) : (u(), m(L, { key: 1 }, [
-        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),
+    return (v, D) => (r(), m("div", ft, [
+      e.mode === "display" ? (r(), m(L, { key: 0 }, [
+        t("span", vt, k(M.value), 1),
+        t("label", yt, k(e.label), 1)
+      ], 64)) : (r(), m(L, { key: 1 }, [
+        t("div", ht, [
+          t("div", bt, [
+            t("div", gt, [
+              t("div", kt, [
+                ie(Ae, {
+                  modelValue: A.value,
+                  "onUpdate:modelValue": D[0] || (D[0] = (b) => A.value = b),
                   mode: e.mode,
                   embedded: "",
                   placeholder: e.currencyLabel,
                   "aria-label": e.currencyLabel,
                   required: e.required,
-                  formatter: s,
+                  formatter: o,
                   doctype: e.options.doctype,
                   "filter-function": e.options.filterFunction,
                   "is-async": e.options.isAsync
                 }, {
-                  option: _e(({ option: b }) => [
-                    ne(g(b.symbol ? `${b.symbol} — ` : "") + g(b.displayText ?? b.id), 1)
+                  option: Ne(({ option: b }) => [
+                    se(k(b.symbol ? `${b.symbol} — ` : "") + k(b.displayText ?? b.id), 1)
                   ]),
                   _: 1
                 }, 8, ["modelValue", "mode", "placeholder", "aria-label", "required", "doctype", "filter-function", "is-async"])
               ]),
-              a("div", mt, [
-                p(a("input", {
+              t("div", $t, [
+                F(t("input", {
                   id: e.uuid,
-                  "onUpdate:modelValue": F[1] || (F[1] = (b) => $.value = b),
+                  "onUpdate:modelValue": D[1] || (D[1] = (b) => $.value = b),
                   class: "acurrency__amount",
                   type: "number",
                   disabled: e.mode === "read",
                   required: e.required,
                   onKeydown: l,
-                  onPaste: o
-                }, null, 40, ft), [
+                  onPaste: f
+                }, null, 40, xt), [
                   [
-                    Y,
+                    G,
                     $.value,
                     void 0,
                     { number: !0 }
                   ]
                 ]),
-                a("label", {
+                t("label", {
                   class: "aform_field-label",
                   for: e.uuid
-                }, g(e.label), 9, vt)
+                }, k(e.label), 9, Dt)
               ])
             ])
           ])
         ]),
-        a("div", yt, [
-          a("div", ht, [
-            a("input", {
+        t("div", wt, [
+          t("div", Mt, [
+            t("input", {
               value: y.value,
               class: "aform_input-field acurrency__base-field",
               type: "text",
               disabled: ""
-            }, null, 8, bt),
-            a("label", gt, g(e.baseCurrencyLabel), 1)
+            }, null, 8, Tt),
+            t("label", St, k(e.baseCurrencyLabel), 1)
           ]),
-          a("div", $t, [
-            a("input", {
+          t("div", At, [
+            t("input", {
               value: n.value.baseAmount,
               class: "aform_input-field acurrency__base-field",
               type: "number",
               disabled: ""
-            }, null, 8, kt),
-            a("label", xt, g(e.baseAmountLabel), 1)
+            }, null, 8, pt),
+            t("label", It, k(e.baseAmountLabel), 1)
           ]),
-          a("div", wt, [
-            a("input", {
+          t("div", _t, [
+            t("input", {
               value: n.value.exchangeRate,
               class: "aform_input-field acurrency__base-field",
               type: "number",
               disabled: ""
-            }, null, 8, Dt),
-            a("label", Mt, g(e.exchangeRateLabel), 1)
+            }, null, 8, Lt),
+            t("label", Ft, k(e.exchangeRateLabel), 1)
           ])
         ]),
-        p(a("p", {
+        F(t("p", {
           class: "aform_error",
           innerHTML: e.validation.errorMessage
-        }, null, 8, Tt), [
-          [P, e.validation.errorMessage]
+        }, null, 8, qt), [
+          [Q, e.validation.errorMessage]
         ])
       ], 64))
     ]));
   }
-}), It = /* @__PURE__ */ H(St, [["__scopeId", "data-v-15bec6ef"]]), At = { class: "aform_display-value" }, pt = { key: 0 }, Lt = ["innerHTML"], qt = {
+}), Ct = /* @__PURE__ */ N(Bt, [["__scopeId", "data-v-15bec6ef"]]), Vt = { class: "aform_display-value" }, Rt = { key: 0 }, Nt = ["innerHTML"], Ht = {
   ref: "datepicker",
   class: "adatepicker",
   tabindex: "0"
-}, Ft = {
+}, Ut = {
   colspan: "5",
   tabindex: -1
-}, _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({
+}, Et = { key: 0 }, Pt = { colspan: "7" }, Kt = { class: "date-input" }, Qt = ["value"], Yt = ["value"], Gt = ["onClick", "onKeydown", "onMouseover"], zt = ["innerHTML"], Wt = 6, Te = 7, Jt = /* @__PURE__ */ V({
   __name: "ADatePicker",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: {},
     selectRange: { type: Boolean, default: !1 },
@@ -457,175 +501,175 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
     modelValue: { default: () => /* @__PURE__ */ new Date() },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ Q(["get-date"], ["update:modelValue"]),
-  setup(e, { expose: s, emit: n }) {
-    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, {
+  emits: /* @__PURE__ */ P(["get-date"], ["update:modelValue"]),
+  setup(e, { expose: o, emit: n }) {
+    const i = w(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), a = Y(e, "modelValue"), u = p(new Date(a.value)), y = p(u.value.getMonth()), g = p(u.value.getFullYear()), h = p([]), s = p(new Date(a.value)), x = p(null), $ = p(null), A = oe("start-date-input"), d = oe("end-date-input"), l = n, f = w(() => new Date(g.value, y.value, 1).toLocaleDateString(void 0, {
       year: "numeric",
       month: "long"
-    })), 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) => {
-      const S = x.value;
-      return z(S) ? new Date(M).toDateString() === S.toDateString() : !1;
-    }, N = (M) => {
-      const S = $.value;
-      return z(S) ? new Date(M).toDateString() === S.toDateString() : !1;
-    }, W = (M, S) => (M - 1) * xe + S, te = (M) => {
-      const S = x.value;
-      if (!z(S)) return !1;
-      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 = (M) => {
-      M.target?.tagName !== "INPUT" && M.preventDefault();
+    })), c = w(() => x.value != null ? v(x.value) : ""), M = w(() => $.value != null ? v($.value) : ""), v = (S) => W(S) ? S.getMonth() + 1 + "/" + S.getDate() + "/" + S.getFullYear() : "", D = (S) => {
+      const _ = /* @__PURE__ */ new Date();
+      return y.value !== _.getMonth() ? !1 : _.toDateString() === new Date(S).toDateString();
+    }, b = (S) => new Date(S).toDateString() === new Date(u.value).toDateString(), I = (S) => {
+      const _ = x.value;
+      return W(_) ? new Date(S).toDateString() === _.toDateString() : !1;
+    }, R = (S) => {
+      const _ = $.value;
+      return W(_) ? new Date(S).toDateString() === _.toDateString() : !1;
+    }, z = (S, _) => (S - 1) * Te + _, te = (S) => {
+      const _ = x.value;
+      if (!W(_)) return !1;
+      const U = new Date(S), K = $.value, ne = W(K) ? K : new Date(s.value);
+      return U.getTime() > _.getTime() && U.getTime() < ne.getTime();
+    }, T = (S, _) => h.value[z(S, _)], C = (S) => {
+      s.value = new Date(h.value[S]);
+    }, E = (S) => {
+      S.target?.tagName !== "INPUT" && S.preventDefault();
     }, X = () => {
-      v.value = [];
-      const M = new Date(k.value, y.value, 1), S = M.getDay(), U = M.setDate(M.getDate() - S);
+      h.value = [];
+      const S = new Date(g.value, y.value, 1), _ = S.getDay(), U = S.setDate(S.getDate() - _);
       for (const K of Array(43).keys())
-        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, ue()) : y.value += 1;
-    }, he = (M) => {
-      M.key === "Enter" && de();
-    }, be = (M) => {
-      if (t.value = d.value = new Date(v.value[M]), e.selectRange) {
-        const S = x.value;
-        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) ?? "");
+        h.value.push(U + K * 864e5);
+    }, ue = () => g.value -= 1, re = () => g.value += 1, _e = () => {
+      y.value == 0 ? (y.value = 11, ue()) : y.value -= 1;
+    }, Le = () => {
+      y.value == 11 ? (y.value = 0, re()) : y.value += 1;
+    }, ke = (S) => {
+      S.key === "Enter" && de();
+    }, $e = (S) => {
+      if (a.value = u.value = new Date(h.value[S]), e.selectRange) {
+        const _ = x.value;
+        _ == null || $.value != null ? (x.value = a.value, $.value = null) : W(_) && u.value.getTime() < _.getTime() ? ($.value = null, x.value = a.value) : $.value = a.value, A.value && (A.value.value = v(x.value) ?? ""), d.value && (d.value.value = v($.value) ?? "");
       }
-      ge();
-    }, 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 = () => {
-      if (T.value?.value == "")
+      xe();
+    }, Fe = () => {
+      const S = x.value, _ = $.value;
+      W(_) && W(S) && _.getTime() < S.getTime() && ([x.value, $.value] = [_, S]);
+    }, W = (S) => S instanceof Date && !isNaN(S.getTime()), de = () => {
+      if (A.value?.value == "")
         x.value = null;
-      else if (T.value) {
-        const M = new Date(T.value.value);
-        x.value = z(M) ? M : null;
+      else if (A.value) {
+        const S = new Date(A.value.value);
+        x.value = W(S) ? S : null;
       }
-      if (f.value?.value == "")
+      if (d.value?.value == "")
         $.value = null;
-      else if (f.value) {
-        const M = new Date(f.value.value);
-        $.value = z(M) ? M : null;
+      else if (d.value) {
+        const S = new Date(d.value.value);
+        $.value = W(S) ? S : null;
       }
-      z(x.value) && (z($.value) && pe(), d.value = x.value), ge();
-    }, ge = () => {
+      W(x.value) && (W($.value) && Fe(), u.value = x.value), xe();
+    }, xe = () => {
       l("get-date", {
         start: e.selectRange ? x.value : null,
         end: e.selectRange ? $.value : null,
-        selected: d.value
+        selected: u.value
       });
     };
-    return we(async () => {
-      X(), await Ce();
-      const M = document.getElementsByClassName("selectedDate");
-      if (M.length > 0)
-        M[0].focus();
+    return Se(async () => {
+      X(), await He();
+      const S = document.getElementsByClassName("selectedDate");
+      if (S.length > 0)
+        S[0].focus();
       else {
-        const S = document.getElementsByClassName("todaysDate");
-        S.length > 0 && S[0].focus();
+        const _ = document.getElementsByClassName("todaysDate");
+        _.length > 0 && _[0].focus();
       }
-    }), 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", pt, g(e.label), 1)) : B("", !0),
-      p(a("p", {
+    }), J([y, g], X), o({ currentMonth: y, currentYear: g, selectedDate: u }), (S, _) => e.mode === "display" || e.mode === "read" ? (r(), m(L, { key: 0 }, [
+      t("span", Vt, k(a.value ? new Date(a.value).toLocaleDateString() : ""), 1),
+      e.label ? (r(), m("label", Rt, k(e.label), 1)) : B("", !0),
+      F(t("p", {
         class: "aform_error",
-        innerHTML: c.value
-      }, null, 8, Lt), [
-        [P, c.value]
+        innerHTML: i.value
+      }, null, 8, Nt), [
+        [Q, i.value]
       ])
-    ], 64)) : (u(), m(L, { key: 1 }, [
-      a("div", qt, [
-        a("table", { onMousedown: E }, [
-          a("tbody", null, [
-            a("tr", null, [
-              a("td", {
+    ], 64)) : (r(), m(L, { key: 1 }, [
+      t("div", Ht, [
+        t("table", { onMousedown: E }, [
+          t("tbody", null, [
+            t("tr", null, [
+              t("td", {
                 id: "previous-month-btn",
                 tabindex: -1,
-                onClick: Ie
+                onClick: _e
               }, "<"),
-              a("th", Ft, g(o.value), 1),
-              a("td", {
+              t("th", Ut, k(f.value), 1),
+              t("td", {
                 id: "next-month-btn",
                 tabindex: -1,
-                onClick: Ae
+                onClick: Le
               }, ">")
             ]),
-            e.selectRange ? (u(), m("tr", _t, [
-              a("td", Ct, [
-                a("div", Bt, [
-                  a("input", {
+            e.selectRange ? (r(), m("tr", Et, [
+              t("td", Pt, [
+                t("div", Kt, [
+                  t("input", {
                     ref: "start-date-input",
-                    value: i.value,
+                    value: c.value,
                     class: "date-input-start aform_input-field",
                     type: "text",
                     placeholder: "start date",
-                    onBlur: S[0] || (S[0] = (U) => de()),
-                    onKeydown: he
-                  }, null, 40, Rt),
-                  S[2] || (S[2] = a("div", null, "-", -1)),
-                  a("input", {
+                    onBlur: _[0] || (_[0] = (U) => de()),
+                    onKeydown: ke
+                  }, null, 40, Qt),
+                  _[2] || (_[2] = t("div", null, "-", -1)),
+                  t("input", {
                     ref: "end-date-input",
-                    value: w.value,
+                    value: M.value,
                     class: "date-input-end aform_input-field",
                     type: "text",
                     placeholder: "end date",
-                    onBlur: S[1] || (S[1] = (U) => de()),
-                    onKeydown: he
-                  }, null, 40, Vt)
+                    onBlur: _[1] || (_[1] = (U) => de()),
+                    onKeydown: ke
+                  }, null, 40, Yt)
                 ])
               ])
             ])) : B("", !0),
-            S[3] || (S[3] = a("tr", { class: "days-header" }, [
-              a("td", null, "M"),
-              a("td", null, "T"),
-              a("td", null, "W"),
-              a("td", null, "T"),
-              a("td", null, "F"),
-              a("td", null, "S"),
-              a("td", null, "S")
+            _[3] || (_[3] = t("tr", { class: "days-header" }, [
+              t("td", null, "M"),
+              t("td", null, "T"),
+              t("td", null, "W"),
+              t("td", null, "T"),
+              t("td", null, "F"),
+              t("td", null, "S"),
+              t("td", null, "S")
             ], -1)),
-            (u(), m(L, null, j(Ht, (U) => a("tr", { key: U }, [
-              (u(), m(L, null, j(xe, (K) => a("td", {
+            (r(), m(L, null, j(Wt, (U) => t("tr", { key: U }, [
+              (r(), m(L, null, j(Te, (K) => t("td", {
                 ref_for: !0,
                 ref: "celldate",
-                key: W(U, K),
-                class: O(["date-cell", {
-                  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
+                key: z(U, K),
+                class: Z(["date-cell", {
+                  todaysDate: D(T(U, K)),
+                  selectedDate: b(T(U, K)),
+                  withinRange: e.selectRange ? te(T(U, K)) : !1,
+                  startDate: e.selectRange ? I(T(U, K)) : !1,
+                  endDate: e.selectRange ? R(T(U, K)) : !1
                 }]),
                 contenteditable: !1,
                 spellcheck: !1,
                 tabindex: 0,
-                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))
+                onClick: H((ne) => $e(z(U, K)), ["prevent", "stop"]),
+                onKeydown: q((ne) => $e(z(U, K)), ["enter"]),
+                onMouseover: (ne) => C(z(U, K))
+              }, k(new Date(T(U, K)).getDate()), 43, Gt)), 64))
             ])), 64))
           ])
         ], 32)
       ], 512),
-      p(a("p", {
+      F(t("p", {
         class: "aform_error",
-        innerHTML: c.value
-      }, null, 8, Ut), [
-        [P, c.value]
+        innerHTML: i.value
+      }, null, 8, zt), [
+        [Q, i.value]
       ])
     ], 64));
   }
-}), Te = /* @__PURE__ */ H(Et, [["__scopeId", "data-v-322c2ceb"]]), Kt = { class: "adate_time" }, Pt = { class: "adate_time_fields" }, Qt = ["onKeydown"], Yt = ["onKeydown"], Gt = {
+}), pe = /* @__PURE__ */ N(Jt, [["__scopeId", "data-v-322c2ceb"]]), Ot = { class: "adate_time" }, Xt = { class: "adate_time_fields" }, Zt = ["onKeydown"], jt = ["onKeydown"], ea = {
   key: 0,
   class: "colon"
-}, zt = ["onKeydown"], Wt = /* @__PURE__ */ V({
-  __name: "ADateTime",
+}, ta = ["onKeydown"], aa = /* @__PURE__ */ V({
+  __name: "ADateTimeInput",
   props: {
     allowMilitaryTime: { type: Boolean, default: !1 },
     defaultHours: { default: 12 },
@@ -635,145 +679,146 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
     useSeconds: { type: Boolean, default: !0 }
   },
   emits: ["get-time"],
-  setup(e, { emit: s }) {
-    const n = s, c = le("meridiem-selector"), t = ve({
+  setup(e, { emit: o }) {
+    const n = o, i = oe("meridiem-selector"), a = he({
       hours: String(e.defaultHours).padStart(2, "0"),
       minutes: String(e.defaultMinutes).padStart(2, "0"),
       seconds: String(e.defaultSeconds).padStart(2, "0")
-    }), d = I(e.defaultMeridiem == "AM" ? "AM" : "PM");
-    we(() => {
-      k();
+    }), u = p(e.defaultMeridiem == "AM" ? "AM" : "PM");
+    Se(() => {
+      g("init");
     });
     const y = () => {
-      const f = e.allowMilitaryTime ? 23 : 12, l = e.allowMilitaryTime ? 0 : 1;
-      let o = Number(t.hours), i = Number(t.minutes), w = Number(t.seconds);
-      (isNaN(o) || t.hours === "" || o > f) && (o = f), !e.allowMilitaryTime && o < l && (o = l), (isNaN(i) || t.minutes === "" || i > 59) && (i = 59), (isNaN(w) || t.seconds === "" || w > 59) && (w = 59), t.hours = String(o).padStart(2, "0"), t.minutes = String(i).padStart(2, "0"), t.seconds = String(w).padStart(2, "0"), k();
-    }, k = () => {
-      const f = Number(t.hours), l = Number(t.minutes), o = Number(t.seconds);
+      const d = e.allowMilitaryTime ? 23 : 12, l = e.allowMilitaryTime ? 0 : 1;
+      let f = Number(a.hours), c = Number(a.minutes), M = Number(a.seconds);
+      (isNaN(f) || a.hours === "" || f > d) && (f = d), !e.allowMilitaryTime && f < l && (f = l), (isNaN(c) || a.minutes === "" || c > 59) && (c = 59), (isNaN(M) || a.seconds === "" || M > 59) && (M = 59), a.hours = String(f).padStart(2, "0"), a.minutes = String(c).padStart(2, "0"), a.seconds = String(M).padStart(2, "0"), g("user");
+    }, g = (d) => {
+      const l = Number(a.hours), f = Number(a.minutes), c = Number(a.seconds);
       n("get-time", {
-        hours: f,
-        minutes: l,
-        seconds: o,
-        meridiem: d.value,
-        militaryTime: e.allowMilitaryTime ? f : d.value === "PM" ? f === 12 ? 12 : f + 12 : f % 12
+        hours: l,
+        minutes: f,
+        seconds: c,
+        source: d,
+        meridiem: u.value,
+        militaryTime: e.allowMilitaryTime ? l : u.value === "PM" ? l === 12 ? 12 : l + 12 : l % 12
       });
-    }, v = (f) => {
-      const l = f.target;
+    }, h = (d) => {
+      const l = d.target;
       l instanceof HTMLInputElement && l.select();
-    }, h = (f, l = 1) => {
-      const o = e.allowMilitaryTime ? 23 : 12, i = e.allowMilitaryTime ? 0 : 1;
-      if (f == "hours") {
-        const F = Number(t.hours);
-        t.hours = String(F + l), (F == 11 && Number(t.hours) == 12 || F == 12 && Number(t.hours) == 11) && $();
-      } else f == "minutes" ? t.minutes = String(Number(t.minutes) + l) : f == "seconds" && (t.seconds = String(Number(t.seconds) + l));
-      const w = Number(t.hours);
-      Number(t.seconds) < 0 ? t.minutes = String(Number(t.minutes) - 1) : Number(t.seconds) > 59 && (t.minutes = String(Number(t.minutes) + 1)), Number(t.minutes) < 0 ? t.hours = String(w - 1) : Number(t.minutes) > 59 && (t.hours = String(w + 1));
-      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");
+    }, s = (d, l = 1) => {
+      const f = e.allowMilitaryTime ? 23 : 12, c = e.allowMilitaryTime ? 0 : 1;
+      if (d == "hours") {
+        const D = Number(a.hours);
+        a.hours = String(D + l), (D == 11 && Number(a.hours) == 12 || D == 12 && Number(a.hours) == 11) && $();
+      } else d == "minutes" ? a.minutes = String(Number(a.minutes) + l) : d == "seconds" && (a.seconds = String(Number(a.seconds) + l));
+      const M = Number(a.hours);
+      Number(a.seconds) < 0 ? a.minutes = String(Number(a.minutes) - 1) : Number(a.seconds) > 59 && (a.minutes = String(Number(a.minutes) + 1)), Number(a.minutes) < 0 ? a.hours = String(M - 1) : Number(a.minutes) > 59 && (a.hours = String(M + 1));
+      const v = Number(a.hours);
+      !e.allowMilitaryTime && v !== M && (M === 11 && v === 12 || M === 12 && v === 11) && $(), a.hours = String(x(Number(a.hours), c, f)).padStart(2, "0"), a.minutes = String(x(Number(a.minutes), 0, 59)).padStart(2, "0"), a.seconds = String(x(Number(a.seconds), 0, 59)).padStart(2, "0");
     };
-    Z(
-      () => t.hours,
-      (f, l) => {
-        t.hours = Number(f) > 99 ? l : f;
+    J(
+      () => a.hours,
+      (d, l) => {
+        a.hours = Number(d) > 99 ? l : d;
       }
-    ), Z(
-      () => t.minutes,
-      (f, l) => {
-        t.minutes = Number(f) > 99 ? l : f;
+    ), J(
+      () => a.minutes,
+      (d, l) => {
+        a.minutes = Number(d) > 99 ? l : d;
       }
-    ), Z(
-      () => t.seconds,
-      (f, l) => {
-        t.seconds = Number(f) > 99 ? l : f;
+    ), J(
+      () => a.seconds,
+      (d, l) => {
+        a.seconds = Number(d) > 99 ? l : d;
       }
     );
-    const x = (f, l, o) => f > o ? l : f < l ? o : f, $ = () => {
-      d.value = d.value == "PM" ? "AM" : "PM", k();
-    }, T = (f, l = !1) => {
-      f.stopPropagation(), f.preventDefault();
-      const o = f.clipboardData;
-      if (!o) return;
-      let i = o.getData("Text");
-      if (i = i.replace(/[^0-9]/g, ""), l) {
-        i.length % 2 != 0 && (i = "0" + i), i.length < 3 && (i += "00"), i.length < 5 && (i += "00");
-        const w = i.match(/(..?)/g);
-        if (!w || w.length < 3) return;
-        t.seconds = w[2], t.minutes = w[1], t.hours = w[0], y(), e.allowMilitaryTime || c.value?.focus();
+    const x = (d, l, f) => d > f ? l : d < l ? f : d, $ = () => {
+      u.value = u.value == "PM" ? "AM" : "PM", g("user");
+    }, A = (d, l = !1) => {
+      d.stopPropagation(), d.preventDefault();
+      const f = d.clipboardData;
+      if (!f) return;
+      let c = f.getData("Text");
+      if (c = c.replace(/[^0-9]/g, ""), l) {
+        c.length % 2 != 0 && (c = "0" + c), c.length < 3 && (c += "00"), c.length < 5 && (c += "00");
+        const M = c.match(/(..?)/g);
+        if (!M || M.length < 3) return;
+        a.seconds = M[2], a.minutes = M[1], a.hours = M[0], y(), e.allowMilitaryTime || i.value?.focus();
       } else {
-        i.length > 2 && (i = i.slice(0, 2));
-        const w = f.target;
-        w instanceof HTMLInputElement && (w.value = i, w.dispatchEvent(new Event("input")));
+        c.length > 2 && (c = c.slice(0, 2));
+        const M = d.target;
+        M instanceof HTMLInputElement && (M.value = c, M.dispatchEvent(new Event("input")));
       }
     };
-    return (f, l) => (u(), m("div", Kt, [
-      a("div", Pt, [
-        p(a("input", {
-          "onUpdate:modelValue": l[0] || (l[0] = (o) => t.hours = o),
+    return (d, l) => (r(), m("div", Ot, [
+      t("div", Xt, [
+        F(t("input", {
+          "onUpdate:modelValue": l[0] || (l[0] = (f) => a.hours = f),
           type: "text",
           inputmode: "numeric",
-          onPaste: l[1] || (l[1] = (o) => T(o, !0)),
-          onFocus: v,
+          onPaste: l[1] || (l[1] = (f) => A(f, !0)),
+          onFocus: h,
           onBlur: y,
           onKeydown: [
-            _(R(y, ["prevent"]), ["enter"]),
-            l[2] || (l[2] = _(R((o) => h("hours"), ["prevent"]), ["up"])),
-            l[3] || (l[3] = _(R((o) => h("hours", -1), ["prevent"]), ["down"]))
+            q(H(y, ["prevent"]), ["enter"]),
+            l[2] || (l[2] = q(H((f) => s("hours"), ["prevent"]), ["up"])),
+            l[3] || (l[3] = q(H((f) => s("hours", -1), ["prevent"]), ["down"]))
           ]
-        }, null, 40, Qt), [
-          [Y, t.hours]
+        }, null, 40, Zt), [
+          [G, a.hours]
         ]),
-        l[12] || (l[12] = a("span", { class: "colon" }, ":", -1)),
-        p(a("input", {
-          "onUpdate:modelValue": l[4] || (l[4] = (o) => t.minutes = o),
+        l[12] || (l[12] = t("span", { class: "colon" }, ":", -1)),
+        F(t("input", {
+          "onUpdate:modelValue": l[4] || (l[4] = (f) => a.minutes = f),
           type: "text",
           inputmode: "numeric",
-          onPaste: T,
-          onFocus: v,
+          onPaste: A,
+          onFocus: h,
           onBlur: y,
           onKeydown: [
-            _(R(y, ["prevent"]), ["enter"]),
-            l[5] || (l[5] = _(R((o) => h("minutes"), ["prevent"]), ["up"])),
-            l[6] || (l[6] = _(R((o) => h("minutes", -1), ["prevent"]), ["down"]))
+            q(H(y, ["prevent"]), ["enter"]),
+            l[5] || (l[5] = q(H((f) => s("minutes"), ["prevent"]), ["up"])),
+            l[6] || (l[6] = q(H((f) => s("minutes", -1), ["prevent"]), ["down"]))
           ]
-        }, null, 40, Yt), [
-          [Y, t.minutes]
+        }, null, 40, jt), [
+          [G, a.minutes]
         ]),
-        e.useSeconds ? (u(), m("span", Gt, ":")) : B("", !0),
-        e.useSeconds ? p((u(), m("input", {
+        e.useSeconds ? (r(), m("span", ea, ":")) : B("", !0),
+        e.useSeconds ? F((r(), m("input", {
           key: 1,
-          "onUpdate:modelValue": l[7] || (l[7] = (o) => t.seconds = o),
+          "onUpdate:modelValue": l[7] || (l[7] = (f) => a.seconds = f),
           type: "text",
           inputmode: "numeric",
-          onPaste: T,
-          onFocus: v,
+          onPaste: A,
+          onFocus: h,
           onBlur: y,
           onKeydown: [
-            _(R(y, ["prevent"]), ["enter"]),
-            l[8] || (l[8] = _(R((o) => h("seconds"), ["prevent"]), ["up"])),
-            l[9] || (l[9] = _(R((o) => h("seconds", -1), ["prevent"]), ["down"]))
+            q(H(y, ["prevent"]), ["enter"]),
+            l[8] || (l[8] = q(H((f) => s("seconds"), ["prevent"]), ["up"])),
+            l[9] || (l[9] = q(H((f) => s("seconds", -1), ["prevent"]), ["down"]))
           ]
-        }, null, 40, zt)), [
-          [Y, t.seconds]
+        }, null, 40, ta)), [
+          [G, a.seconds]
         ]) : B("", !0),
-        e.allowMilitaryTime ? B("", !0) : p((u(), m("select", {
+        e.allowMilitaryTime ? B("", !0) : F((r(), m("select", {
           key: 2,
           ref: "meridiem-selector",
-          "onUpdate:modelValue": l[10] || (l[10] = (o) => d.value = o),
+          "onUpdate:modelValue": l[10] || (l[10] = (f) => u.value = f),
           class: "aform-select meridiem-selector",
           onChange: y
         }, [...l[11] || (l[11] = [
-          a("option", { value: "AM" }, "AM", -1),
-          a("option", { value: "PM" }, "PM", -1)
+          t("option", { value: "AM" }, "AM", -1),
+          t("option", { value: "PM" }, "PM", -1)
         ])], 544)), [
-          [Be, d.value]
+          [Ue, u.value]
         ])
       ])
     ]));
   }
-}), me = /* @__PURE__ */ H(Wt, [["__scopeId", "data-v-959a3e41"]]), Jt = { class: "adate-selection" }, Xt = {
+}), ve = /* @__PURE__ */ N(aa, [["__scopeId", "data-v-95ad0aa4"]]), la = { class: "adate-selection" }, na = {
   key: 3,
   class: "empty"
-}, Zt = /* @__PURE__ */ V({
+}, oa = /* @__PURE__ */ V({
   __name: "ADateSelection",
   props: {
     showDate: { type: Boolean, default: !0 },
@@ -788,40 +833,41 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
     useSeconds: { type: Boolean, default: !0 }
   },
   emits: ["get-date", "get-time", "get-range"],
-  setup(e, { emit: s }) {
-    const n = s;
-    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) => {
-      let o;
+  setup(e, { emit: o }) {
+    const n = o;
+    Ee("select-range", e.selectRange);
+    const i = /* @__PURE__ */ new Date(), a = p(i), u = p(i), y = p(0), g = p(0), h = (l, f) => {
+      const c = new Date(l);
+      return c.setHours(0, 0, 0, 0), new Date(c.getTime() + f);
+    }, s = (l) => {
+      let f;
       if (l.militaryTime !== void 0)
-        o = l.militaryTime;
+        f = l.militaryTime;
       else {
-        const i = l.hours % 12;
-        o = l.meridiem === "PM" ? i + 12 : i;
+        const c = l.hours % 12;
+        f = l.meridiem === "PM" ? c + 12 : c;
       }
-      return (o * 3600 + l.minutes * 60 + (l.seconds ?? 0)) * 1e3;
-    }, x = () => {
+      return (f * 3600 + l.minutes * 60 + (l.seconds ?? 0)) * 1e3;
+    }, x = (l) => {
       !e.selectRange || !e.showTime || !e.showEndTime || n("get-range", {
-        start: v(t.value, y.value),
-        end: v(d.value, k.value)
+        start: h(a.value, y.value),
+        end: h(u.value, g.value),
+        source: l
       });
     }, $ = (l) => {
-      n("get-date", l), e.selectRange && (t.value = l.start ?? l.selected, d.value = l.end ?? l.selected, x());
-    }, T = (l) => {
-      y.value = h(l), e.showEndTime ? x() : n("get-time", l);
-    }, f = (l) => {
-      k.value = h(l), x();
+      n("get-date", l), e.selectRange && (a.value = l.start ?? l.selected, u.value = l.end ?? l.selected, x("user"));
+    }, A = (l) => {
+      y.value = s(l), e.showEndTime ? x(l.source ?? "user") : n("get-time", l);
+    }, d = (l) => {
+      g.value = s(l), x(l.source ?? "user");
     };
-    return (l, o) => (u(), m("div", Jt, [
-      e.showDate ? (u(), ee(Te, {
+    return (l, f) => (r(), m("div", la, [
+      e.showDate ? (r(), ee(pe, {
         key: 0,
         "select-range": e.selectRange,
         onGetDate: $
       }, null, 8, ["select-range"])) : B("", !0),
-      e.showTime ? (u(), ee(me, {
+      e.showTime ? (r(), ee(ve, {
         key: 1,
         "allow-military-time": e.allowMilitaryTime,
         "default-hours": e.defaultHours,
@@ -829,26 +875,26 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
         "default-seconds": e.defaultSeconds,
         "default-meridiem": e.defaultMeridiem,
         "use-seconds": e.useSeconds,
-        onGetTime: T
+        onGetTime: A
       }, null, 8, ["allow-military-time", "default-hours", "default-minutes", "default-seconds", "default-meridiem", "use-seconds"])) : B("", !0),
-      e.selectRange && e.showTime && e.showEndTime ? (u(), m(L, { key: 2 }, [
-        o[0] || (o[0] = a("div", { class: "adate-selection__end-label" }, "End time", -1)),
-        oe(me, {
+      e.selectRange && e.showTime && e.showEndTime ? (r(), m(L, { key: 2 }, [
+        f[0] || (f[0] = t("div", { class: "adate-selection__end-label" }, "End time", -1)),
+        ie(ve, {
           "allow-military-time": e.allowMilitaryTime,
           "default-hours": e.defaultHours,
           "default-minutes": e.defaultMinutes,
           "default-seconds": e.defaultSeconds,
           "default-meridiem": e.defaultMeridiem,
           "use-seconds": e.useSeconds,
-          onGetTime: f
+          onGetTime: d
         }, 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", Xt, "empty")) : B("", !0)
+      !e.showTime && !e.showDate ? (r(), m("p", na, "empty")) : B("", !0)
     ]));
   }
-}), 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({
+}), le = /* @__PURE__ */ N(oa, [["__scopeId", "data-v-602dfd69"]]), sa = { class: "aform_form-element" }, ia = { class: "aform_display-value" }, ua = { class: "aform_field-label" }, ra = ["id", "disabled", "required"], da = ["for"], ca = ["innerHTML"], ma = /* @__PURE__ */ V({
   __name: "ADate",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: { default: "Date" },
     selectRange: { type: Boolean },
@@ -864,71 +910,75 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    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;
+    const o = w(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = Y(e, "modelValue"), i = p(n.value ? new Date(n.value) : /* @__PURE__ */ new Date()), a = w({
+      get: () => i.value.toISOString().split("T")[0],
+      set: (s) => {
+        i.value = new Date(s), n.value = s;
       }
-    }), d = le("picker"), y = I(!1);
-    De(d, () => y.value = !1), Z(
+    }), u = oe("picker"), y = p(!1);
+    ge(u, () => y.value = !1);
+    const g = () => {
+      e.mode !== "read" && (y.value = !y.value);
+    };
+    J(
       () => n.value,
-      (v) => {
-        v && (c.value = new Date(v));
+      (s) => {
+        s && (i.value = new Date(s));
       }
     );
-    const k = (v) => {
-      c.value = v.selected, n.value = t.value;
+    const h = (s) => {
+      i.value = s.selected, n.value = a.value, y.value = !1;
     };
-    return (v, h) => (u(), m("div", null, [
-      e.mode === "display" ? (u(), m(L, { key: 0 }, [
-        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", {
+    return (s, x) => (r(), m("div", sa, [
+      e.mode === "display" ? (r(), m(L, { key: 0 }, [
+        t("span", ia, k(n.value ? new Date(a.value).toLocaleDateString() : ""), 1),
+        t("label", ua, k(e.label), 1)
+      ], 64)) : (r(), m(L, { key: 1 }, [
+        F(t("input", {
           id: e.uuid,
           ref: "date",
-          "onUpdate:modelValue": h[0] || (h[0] = (x) => t.value = x),
-          class: "adate-input",
-          value: t.value,
+          "onUpdate:modelValue": x[0] || (x[0] = ($) => a.value = $),
+          class: "aform_input-field",
           type: "date",
           disabled: e.mode === "read",
           required: e.required,
-          onClick: h[1] || (h[1] = R(
-            () => {
-              y.value = !y.value;
-            },
-            ["prevent"]
-          ))
-        }, null, 8, jt), [
-          [Y, t.value]
+          onClick: g
+        }, null, 8, ra), [
+          [G, a.value]
         ]),
-        a("label", { for: e.uuid }, g(e.label), 9, ea),
-        p(a("p", { innerHTML: s.value }, null, 8, ta), [
-          [P, s.value]
+        t("label", {
+          class: "aform_field-label",
+          for: e.uuid
+        }, k(e.label), 9, da),
+        F(t("p", {
+          class: "aform_error",
+          innerHTML: o.value
+        }, null, 8, ca), [
+          [Q, o.value]
         ]),
-        y.value ? (u(), ee(se, {
+        y.value ? (r(), ee(le, {
           key: 0,
           ref: "picker",
-          class: "picker",
+          class: "adate-picker",
           "select-range": !1,
           "show-time": !1,
-          onGetDate: k
+          onGetDate: h
         }, null, 512)) : B("", !0)
       ], 64))
     ]));
   }
-}), la = /* @__PURE__ */ H(aa, [["__scopeId", "data-v-a73c275b"]]), na = {
-  key: 0,
-  class: "input-wrapper"
-}, oa = { class: "aform_display-value" }, sa = ["innerHTML"], ia = { class: "input-wrapper" }, ua = ["disabled"], da = {
+}), fa = /* @__PURE__ */ N(ma, [["__scopeId", "data-v-5de3fe7a"]]), va = { class: "aform_form-element" }, ya = {
+  key: 1,
+  class: "aform_display-value"
+}, ha = { class: "aform_field-label" }, ba = ["disabled"], ga = {
   id: "autocomplete-results",
   class: "autocomplete-results"
-}, ra = {
+}, ka = {
   key: 0,
   class: "loading autocomplete-result"
-}, ca = ["onClick"], ma = ["innerHTML"], fa = /* @__PURE__ */ V({
+}, $a = ["onClick"], xa = { class: "aform_field-label" }, Da = ["innerHTML"], wa = /* @__PURE__ */ V({
   __name: "ADropdown",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -939,6 +989,7 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
     validation: { default: () => ({ errorMessage: "" }) },
     errors: {},
     options: { default: () => [] },
+    format: {},
     isAsync: { type: Boolean, default: !1 },
     filterFunction: { type: Function, default: void 0 }
   }, {
@@ -947,111 +998,251 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const s = A(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = G(e, "modelValue"), c = I(n.value ?? ""), t = ve({
+    const o = w(() => Be(e.options)), n = w(() => e.format ? ae(e.format) : void 0), i = w(() => Ye(g.value, e.options, n.value)), a = w(() => we(i.value)), u = w(() => we(i.value)), y = w(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), g = Y(e, "modelValue"), h = p(g.value ?? ""), s = he({
       activeItemIndex: null,
       open: !1,
       loading: !1,
-      results: e.options
-    }), d = () => h(), y = async () => {
-      if (t.open = !0, t.activeItemIndex = null, e.filterFunction) {
-        e.isAsync && (t.loading = !0);
+      results: []
+    });
+    J(
+      o,
+      (D) => {
+        s.results = D;
+      },
+      { immediate: !0 }
+    );
+    const x = () => l(), $ = async () => {
+      if (s.open = !0, s.activeItemIndex = null, e.filterFunction) {
+        e.isAsync && (s.loading = !0);
         try {
-          const l = await e.filterFunction(n.value || "");
-          t.results = l || [];
+          const D = await e.filterFunction(g.value || "");
+          s.results = D || [];
         } catch {
-          t.results = [];
+          s.results = [];
         } finally {
-          e.isAsync && (t.loading = !1);
+          e.isAsync && (s.loading = !1);
         }
       } else
-        x();
-    }, k = (l) => {
-      n.value = l, c.value = l, h(l);
-    }, v = () => {
-      const l = e.options?.indexOf(n.value ?? "") ?? -1;
-      t.activeItemIndex = e.isAsync ? null : l >= 0 ? l : null, t.open = !0, t.results = e.isAsync ? [] : e.options;
-    }, h = (l) => {
-      t.activeItemIndex = null, t.open = !1, e.options?.includes(l || n.value || "") || (n.value = c.value);
-    }, x = () => {
-      n.value ? t.results = e.options?.filter((l) => l.toLowerCase().includes((n.value ?? "").toLowerCase())) : t.results = e.options;
-    }, $ = () => {
-      const l = t.results?.length || 0;
-      if (t.activeItemIndex != null) {
-        const o = isNaN(t.activeItemIndex) ? 0 : t.activeItemIndex;
-        t.activeItemIndex = (o + 1) % l;
+        f();
+    }, A = (D) => {
+      g.value = D, h.value = D, l(D);
+    }, d = () => {
+      const D = o.value.indexOf(g.value ?? "");
+      s.activeItemIndex = e.isAsync ? null : D >= 0 ? D : null, s.open = !0, s.results = e.isAsync ? [] : o.value;
+    }, l = (D) => {
+      s.activeItemIndex = null, s.open = !1, o.value.includes(D || g.value || "") || (g.value = h.value);
+    }, f = () => {
+      g.value ? s.results = o.value.filter((D) => D.toLowerCase().includes((g.value ?? "").toLowerCase())) : s.results = o.value;
+    }, c = () => {
+      const D = s.results?.length || 0;
+      if (s.activeItemIndex != null) {
+        const b = isNaN(s.activeItemIndex) ? 0 : s.activeItemIndex;
+        s.activeItemIndex = (b + 1) % D;
       } else
-        t.activeItemIndex = 0;
-    }, T = () => {
-      const l = t.results?.length || 0;
-      if (t.activeItemIndex != null) {
-        const o = isNaN(t.activeItemIndex) ? 0 : t.activeItemIndex;
-        o === 0 ? t.activeItemIndex = null : t.activeItemIndex = o - 1;
+        s.activeItemIndex = 0;
+    }, M = () => {
+      const D = s.results?.length || 0;
+      if (s.activeItemIndex != null) {
+        const b = isNaN(s.activeItemIndex) ? 0 : s.activeItemIndex;
+        b === 0 ? s.activeItemIndex = null : s.activeItemIndex = b - 1;
       } else
-        t.activeItemIndex = l - 1;
-    }, f = () => {
-      if (t.results) {
-        const l = t.activeItemIndex || 0, o = t.results[l];
-        k(o);
+        s.activeItemIndex = D - 1;
+    }, v = () => {
+      if (s.results) {
+        const D = s.activeItemIndex || 0, b = s.results[D];
+        A(b);
       }
-      t.activeItemIndex = 0;
+      s.activeItemIndex = 0;
     };
-    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, sa), [
-        [P, s.value]
-      ])
-    ])) : p((u(), m("div", {
-      key: 1,
-      class: O(["autocomplete", { isOpen: t.open }])
-    }, [
-      a("div", ia, [
-        p(a("input", {
-          "onUpdate:modelValue": o[0] || (o[0] = (i) => n.value = i),
+    return (D, b) => (r(), m("div", va, [
+      e.mode === "display" ? (r(), m(L, { key: 0 }, [
+        i.value ? (r(), m("span", {
+          key: 0,
+          class: "aform_display-value",
+          style: fe(u.value)
+        }, k(i.value.label), 5)) : (r(), m("span", ya, k(g.value ?? ""), 1)),
+        t("label", ha, k(e.label), 1)
+      ], 64)) : (r(), m(L, { key: 1 }, [
+        F((r(), m("div", {
+          class: Z(["autocomplete", { isOpen: s.open }])
+        }, [
+          F(t("input", {
+            "onUpdate:modelValue": b[0] || (b[0] = (I) => g.value = I),
+            type: "text",
+            class: "aform_input-field",
+            disabled: e.mode === "read",
+            style: fe(a.value),
+            onInput: $,
+            onFocus: d,
+            onKeydown: [
+              q(c, ["down"]),
+              q(M, ["up"]),
+              q(v, ["enter"]),
+              q(x, ["esc"]),
+              q(x, ["tab"])
+            ]
+          }, null, 44, ba), [
+            [G, g.value]
+          ]),
+          F(t("ul", ga, [
+            s.loading ? (r(), m("li", ka, "Loading results...")) : (r(!0), m(L, { key: 1 }, j(s.results, (I, R) => (r(), m("li", {
+              key: I,
+              class: Z(["autocomplete-result", { "is-active": R === s.activeItemIndex }]),
+              onClick: H((z) => A(I), ["stop"])
+            }, k(I), 11, $a))), 128))
+          ], 512), [
+            [Q, s.open]
+          ]),
+          t("label", xa, k(e.label), 1)
+        ], 2)), [
+          [O(be), x]
+        ]),
+        F(t("p", {
+          class: "aform_error",
+          innerHTML: y.value
+        }, null, 8, Da), [
+          [Q, y.value]
+        ])
+      ], 64))
+    ]));
+  }
+}), Ma = /* @__PURE__ */ N(wa, [["__scopeId", "data-v-11fc3569"]]), Ta = /* @__PURE__ */ V({
+  __name: "ABadge",
+  props: {
+    label: {},
+    variant: {},
+    color: {},
+    presentation: {},
+    value: {},
+    options: {}
+  },
+  setup(e) {
+    const o = e, n = w(() => {
+      if (o.label?.trim())
+        return {
+          label: o.label.trim(),
+          variant: o.variant,
+          color: o.color
+        };
+      if (o.value === null || o.value === void 0 || o.value === "") return;
+      const h = typeof o.value == "string" ? o.value : String(o.value);
+      return ce(o.options, h);
+    }), i = w(() => n.value?.label?.trim() ?? ""), a = w(() => n.value?.variant ?? o.variant ?? "neutral"), u = w(() => n.value?.color ?? o.color), y = w(() => [
+      "abadge",
+      `abadge--${o.presentation ?? "cell-fill"}`,
+      `abadge--${a.value}`
+    ]), g = w(() => {
+      const h = u.value;
+      return h ? {
+        "--sc-badge-bg": h,
+        "--sc-badge-text": h,
+        "--sc-badge-accent": h
+      } : {};
+    });
+    return (h, s) => i.value ? (r(), m("span", {
+      key: 0,
+      class: Z(y.value),
+      style: fe(g.value)
+    }, k(i.value), 7)) : B("", !0);
+  }
+}), Sa = /* @__PURE__ */ N(Ta, [["__scopeId", "data-v-4f364f5f"]]), Aa = { class: "aform_form-element" }, pa = { class: "aform_display-value" }, Ia = { class: "aform_field-label" }, _a = ["id", "value", "disabled"], La = ["for"], Fa = ["innerHTML"], qa = /* @__PURE__ */ V({
+  __name: "ADateTime",
+  props: /* @__PURE__ */ P({
+    schema: {},
+    label: { default: "Date & Time" },
+    selectRange: { type: Boolean },
+    mask: {},
+    required: { type: Boolean },
+    mode: {},
+    uuid: {},
+    validation: { default: () => ({ errorMessage: "" }) },
+    errors: {},
+    allowMilitaryTime: { type: Boolean, default: !1 },
+    useSeconds: { type: Boolean, default: !0 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const o = w(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = Y(e, "modelValue"), i = p(n.value ? new Date(n.value) : /* @__PURE__ */ new Date()), a = p(!1), u = p(null);
+    ge(u, () => a.value = !1);
+    const y = () => {
+      e.mode !== "read" && (a.value = !0);
+    }, g = w(() => n.value ? i.value.toLocaleString() : ""), h = w(() => g.value), s = w(() => {
+      const d = i.value, l = d.getHours(), f = l >= 12 ? "PM" : "AM", c = l % 12 || 12;
+      return {
+        hours: e.allowMilitaryTime ? l : c,
+        minutes: d.getMinutes(),
+        seconds: d.getSeconds(),
+        meridiem: f
+      };
+    }), x = () => {
+      n.value = i.value.toISOString();
+    }, $ = (d) => {
+      const l = new Date(i.value);
+      l.setFullYear(d.selected.getFullYear(), d.selected.getMonth(), d.selected.getDate()), i.value = l, x();
+    }, A = (d) => {
+      if (d.source === "init") return;
+      const l = new Date(i.value), f = d.militaryTime ?? d.hours;
+      l.setHours(f, d.minutes, e.useSeconds ? d.seconds : 0, 0), i.value = l, x();
+    };
+    return J(
+      () => n.value,
+      (d) => {
+        d && (i.value = new Date(d));
+      }
+    ), (d, l) => (r(), m("div", Aa, [
+      e.mode === "display" ? (r(), m(L, { key: 0 }, [
+        t("span", pa, k(g.value), 1),
+        t("label", Ia, k(e.label), 1)
+      ], 64)) : (r(), m(L, { key: 1 }, [
+        t("input", {
+          id: e.uuid,
+          class: "aform_input-field",
           type: "text",
+          value: h.value,
+          placeholder: "Select date and time",
           disabled: e.mode === "read",
-          onInput: y,
-          onFocus: v,
-          onKeydown: [
-            _($, ["down"]),
-            _(T, ["up"]),
-            _(f, ["enter"]),
-            _(d, ["esc"]),
-            _(d, ["tab"])
-          ]
-        }, null, 40, ua), [
-          [Y, n.value]
-        ]),
-        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, ca))), 128))
-        ], 512), [
-          [P, t.open]
+          readonly: "",
+          onClick: y
+        }, null, 8, _a),
+        t("label", {
+          class: "aform_field-label",
+          for: e.uuid
+        }, k(e.label), 9, La),
+        F(t("p", {
+          class: "aform_error",
+          innerHTML: o.value
+        }, null, 8, Fa), [
+          [Q, o.value]
         ]),
-        a("label", null, g(e.label), 1)
-      ]),
-      p(a("p", {
-        class: "aform_error",
-        innerHTML: s.value
-      }, null, 8, ma), [
-        [P, s.value]
-      ])
-    ], 2)), [
-      [J(ye), d]
-    ]);
+        a.value ? (r(), ee(le, {
+          key: 0,
+          ref_key: "pickerRef",
+          ref: u,
+          class: "adatetime-picker",
+          "select-range": !1,
+          "show-date": !0,
+          "show-time": !0,
+          "default-hours": s.value.hours,
+          "default-minutes": s.value.minutes,
+          "default-seconds": s.value.seconds,
+          "default-meridiem": s.value.meridiem,
+          "allow-military-time": e.allowMilitaryTime,
+          "use-seconds": e.useSeconds,
+          onGetDate: $,
+          onGetTime: A
+        }, null, 8, ["default-hours", "default-minutes", "default-seconds", "default-meridiem", "allow-military-time", "use-seconds"])) : B("", !0)
+      ], 64))
+    ]));
   }
-}), va = /* @__PURE__ */ H(fa, [["__scopeId", "data-v-2b75e2d5"]]), ya = { class: "aduration" }, ha = { class: "aform_display-value" }, ba = { class: "aduration__footer" }, ga = {
+}), Ba = /* @__PURE__ */ N(qa, [["__scopeId", "data-v-b0fa488b"]]), Ca = { class: "aduration" }, Va = { class: "aform_display-value" }, Ra = { class: "aduration__footer" }, Na = {
   key: 0,
   class: "aduration__summary"
-}, $a = { class: "aduration__value" }, ka = { class: "aduration__ms" }, xa = /* @__PURE__ */ V({
+}, Ha = { class: "aduration__value" }, Ua = { class: "aduration__ms" }, Ea = /* @__PURE__ */ V({
   __name: "ADuration",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ P({
     label: { default: "Duration" },
     mode: { default: "edit" },
     allowMilitaryTime: { type: Boolean, default: !1 },
@@ -1062,55 +1253,55 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    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;
+    const o = Y(e, "modelValue"), n = p(null), i = p(null), a = w(() => {
+      if (!n.value || !i.value) return 0;
+      const h = i.value.getTime() - n.value.getTime();
+      return h > 0 ? h : 0;
     });
-    Z(t, (v) => {
-      s.value = v;
+    J(a, (h) => {
+      o.value = h;
     });
-    const d = (v) => {
-      n.value = v.start, c.value = v.end, s.value = t.value;
-    }, 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 = 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";
+    const u = (h) => {
+      h.source !== "init" && (n.value = h.start, i.value = h.end, o.value = a.value);
+    }, y = w(() => {
+      const h = a.value;
+      if (h === 0) return "0s";
+      const s = Math.floor(h / 1e3) % 60, x = Math.floor(h / 6e4) % 60, $ = Math.floor(h / 36e5) % 24, A = Math.floor(h / 864e5);
+      return [A && `${A}d`, $ && `${$}h`, x && `${x}m`, s && `${s}s`].filter(Boolean).join(" ") || "0s";
+    }), g = w(() => {
+      const h = o.value;
+      if (!h) return "—";
+      const s = Math.floor(h / 1e3) % 60, x = Math.floor(h / 6e4) % 60, $ = Math.floor(h / 36e5) % 24, A = Math.floor(h / 864e5);
+      return [A && `${A}d`, $ && `${$}h`, x && `${x}m`, s && `${s}s`].filter(Boolean).join(" ") || "0s";
     });
-    return (v, h) => (u(), m("div", ya, [
-      e.mode === "display" || e.mode === "read" ? (u(), m(L, { key: 0 }, [
-        a("span", ha, g(k.value), 1),
-        a("label", null, g(e.label), 1)
-      ], 64)) : (u(), m(L, { key: 1 }, [
-        oe(se, {
+    return (h, s) => (r(), m("div", Ca, [
+      e.mode === "display" || e.mode === "read" ? (r(), m(L, { key: 0 }, [
+        t("span", Va, k(g.value), 1),
+        t("label", null, k(e.label), 1)
+      ], 64)) : (r(), m(L, { key: 1 }, [
+        ie(le, {
           ref: "selectionRef",
           "select-range": !0,
           "show-time": !0,
           "show-end-time": !0,
           "allow-military-time": e.allowMilitaryTime,
           "use-seconds": e.useSeconds,
-          onGetRange: d
+          onGetRange: u
         }, null, 8, ["allow-military-time", "use-seconds"]),
-        a("div", ba, [
-          a("label", null, g(e.label), 1),
-          n.value && c.value ? (u(), m("div", ga, [
-            h[0] || (h[0] = a("span", { class: "aduration__label" }, "Duration:", -1)),
-            a("span", $a, g(y.value), 1),
-            a("span", ka, "(" + g(s.value ?? 0) + " ms)", 1)
+        t("div", Ra, [
+          t("label", null, k(e.label), 1),
+          n.value && i.value ? (r(), m("div", Na, [
+            s[0] || (s[0] = t("span", { class: "aduration__label" }, "Duration:", -1)),
+            t("span", Ha, k(y.value), 1),
+            t("span", Ua, "(" + k(o.value ?? 0) + " ms)", 1)
           ])) : B("", !0)
         ])
       ], 64))
     ]));
   }
-}), 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({
+}), Pa = /* @__PURE__ */ N(Ea, [["__scopeId", "data-v-2e4dd7dd"]]), Ka = { class: "aform_form-element" }, Qa = { class: "aform_display-value" }, Ya = { class: "aform_field-label" }, Ga = ["id", "value", "disabled"], za = ["for"], Wa = ["innerHTML"], Ja = /* @__PURE__ */ V({
   __name: "ADateRange",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: { default: "Date Range" },
     selectRange: { type: Boolean },
@@ -1128,73 +1319,79 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    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 = () => {
+    const o = (c) => new Date(c).toLocaleDateString(), n = w(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), i = Y(e, "modelValue"), a = p(i.value.start_date ? new Date(i.value.start_date) : null), u = p(i.value.end_date ? new Date(i.value.end_date) : null), y = p(!1), g = p(null);
+    ge(g, () => y.value = !1);
+    const h = () => {
       e.mode !== "read" && (y.value = !0);
-    }, 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} — ...` : "";
-    }), $ = 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 = () => {
-      const i = t.value, w = d.value;
-      i && w && w.getTime() < i.getTime() && ([t.value, d.value] = [w, i]);
-    }, f = (i) => i ? i.toISOString().split("T")[0] : null, l = () => {
-      c.value = {
-        start_date: f(t.value),
-        end_date: f(d.value)
+    }, s = (c) => c ? `${c.getMonth() + 1}/${c.getDate()}/${c.getFullYear()}` : "", x = w(() => {
+      const c = s(a.value), M = s(u.value);
+      return c && M ? `${c} — ${M}` : c ? `${c} — ...` : "";
+    }), $ = w(() => {
+      const c = i.value.start_date, M = i.value.end_date;
+      return !c && !M ? "" : c && M ? `${o(c)} — ${o(M)}` : c ? `From ${o(c)}` : `Until ${o(M)}`;
+    }), A = () => {
+      const c = a.value, M = u.value;
+      c && M && M.getTime() < c.getTime() && ([a.value, u.value] = [M, c]);
+    }, d = (c) => c ? c.toISOString().split("T")[0] : null, l = () => {
+      i.value = {
+        start_date: d(a.value),
+        end_date: d(u.value)
       };
-    }, o = (i) => {
-      i.start && (t.value = i.start), i.end && (d.value = i.end, T(), y.value = !1), l();
+    }, f = (c) => {
+      c.start && (a.value = c.start), c.end && (u.value = c.end, A(), y.value = !1), l();
     };
-    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;
+    return J(
+      () => i.value,
+      (c) => {
+        a.value = c.start_date ? new Date(c.start_date) : null, u.value = c.end_date ? new Date(c.end_date) : null;
       },
       { deep: !0 }
-    ), (i, w) => (u(), m("div", Da, [
-      e.mode === "display" ? (u(), m(L, { key: 0 }, [
-        a("span", Ma, g($.value), 1),
-        a("label", null, g(e.label), 1)
-      ], 64)) : (u(), m(L, { key: 1 }, [
-        a("input", {
+    ), (c, M) => (r(), m("div", Ka, [
+      e.mode === "display" ? (r(), m(L, { key: 0 }, [
+        t("span", Qa, k($.value), 1),
+        t("label", Ya, k(e.label), 1)
+      ], 64)) : (r(), m(L, { key: 1 }, [
+        t("input", {
           id: e.uuid,
-          class: "adate-input aform_input-field",
+          class: "aform_input-field",
           type: "text",
           value: x.value,
           placeholder: "Select date range",
           disabled: e.mode === "read",
           readonly: "",
-          onClick: v
-        }, 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]
+          onClick: h
+        }, null, 8, Ga),
+        t("label", {
+          class: "aform_field-label",
+          for: e.uuid
+        }, k(e.label), 9, za),
+        F(t("p", {
+          class: "aform_error",
+          innerHTML: n.value
+        }, null, 8, Wa), [
+          [Q, n.value]
         ]),
-        y.value ? (u(), ee(se, {
+        y.value ? (r(), ee(le, {
           key: 0,
           ref_key: "pickerRef",
-          ref: k,
-          class: "picker",
+          ref: g,
+          class: "adaterange-picker",
           "select-range": !0,
           "show-time": !1,
-          onGetDate: o
+          onGetDate: f
         }, null, 512)) : B("", !0)
       ], 64))
     ]));
   }
-}), pa = /* @__PURE__ */ H(Aa, [["__scopeId", "data-v-b5838478"]]), La = { class: "aform" }, qa = {
+}), Oa = /* @__PURE__ */ N(Ja, [["__scopeId", "data-v-f8dad4d3"]]), Xa = { class: "aform" }, Za = {
   key: 0,
   class: "aform-nested-section"
-}, Fa = {
+}, ja = {
   key: 0,
   class: "aform-nested-label"
-}, _a = /* @__PURE__ */ V({
+}, el = /* @__PURE__ */ V({
   __name: "AForm",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ P({
     schema: {},
     mode: { default: "edit" },
     errors: {}
@@ -1202,84 +1399,84 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
     data: { required: !0 },
     dataModifiers: {}
   }),
-  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 = I({});
-    Z(
-      () => c.value,
-      (f) => {
-        !e.schema || !f || e.schema.forEach((l) => {
-          t(l) && (d.value[l.fieldname] = f[l.fieldname] ?? {});
+  emits: /* @__PURE__ */ P(["update:schema", "update:data"], ["update:data"]),
+  setup(e, { emit: o }) {
+    const n = o, i = Y(e, "data"), a = (d) => (d.kind === "link" || d.kind === "fieldset") && "schema" in d && Array.isArray(d.schema) && d.schema.length > 0, u = p({});
+    J(
+      () => i.value,
+      (d) => {
+        !e.schema || !d || e.schema.forEach((l) => {
+          a(l) && (u.value[l.fieldname] = d[l.fieldname] ?? {});
         });
       },
       { immediate: !0 }
     );
-    const y = (f, l) => {
-      d.value[f] = l, c.value && (c.value[f] = l, n("update:data", { ...c.value }));
-    }, k = (f) => {
+    const y = (d, l) => {
+      u.value[d] = l, i.value && (i.value[d] = l, n("update:data", { ...i.value }));
+    }, g = (d) => {
       const l = {};
-      for (const [o, i] of Object.entries(f))
-        ["component", "primaryKey", "computed", "language", "hidden", "mode", "width"].includes(o) || (l[o] = i);
-      return f.kind === "table" && (l.rows = c.value[f.fieldname] || []), l;
-    }, v = (f) => {
-      if (f.kind !== "field") return {};
-      const l = f.width;
+      for (const [f, c] of Object.entries(d))
+        ["component", "primaryKey", "computed", "language", "hidden", "mode", "width"].includes(f) || (l[f] = c);
+      return d.kind === "table" && (l.rows = i.value[d.fieldname] || []), l;
+    }, h = (d) => {
+      if (d.kind !== "field") return {};
+      const l = d.width;
       return l ? { flexBasis: l, width: l } : {};
-    }, h = A(() => e.mode ?? "edit");
-    function x(f) {
-      const l = f.mode;
-      return l || h.value;
+    }, s = w(() => e.mode ?? "edit");
+    function x(d) {
+      const l = d.mode;
+      return l || s.value;
     }
-    const $ = I([]);
-    Ve(() => {
-      e.schema && $.value.length !== e.schema.length && ($.value = e.schema.map((f, l) => A({
+    const $ = p([]);
+    Pe(() => {
+      e.schema && $.value.length !== e.schema.length && ($.value = e.schema.map((d, l) => w({
         get() {
-          return c.value?.[e.schema[l].fieldname];
+          return i.value?.[e.schema[l].fieldname];
         },
-        set: (o) => {
-          const i = e.schema[l].fieldname;
-          i && c.value && (c.value[i] = o, n("update:data", { ...c.value })), n("update:schema", e.schema);
+        set: (f) => {
+          const c = e.schema[l].fieldname;
+          c && i.value && (i.value[c] = f, n("update:data", { ...i.value })), n("update:schema", e.schema);
         }
       })));
     });
-    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", 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),
-            schema: o.schema,
-            label: o.label,
-            collapsible: o.kind === "fieldset" ? o.collapsible : void 0,
+    const A = w(() => $.value);
+    return (d, l) => (r(), m("form", Xa, [
+      (r(!0), m(L, null, j(e.schema, (f, c) => (r(), m(L, { key: c }, [
+        a(f) ? (r(), m("div", Za, [
+          f.label && f.kind !== "fieldset" ? (r(), m("h4", ja, k(f.label), 1)) : B("", !0),
+          (r(), ee(De(f.component ?? "AForm"), {
+            data: u.value[f.fieldname],
+            mode: x(f),
+            schema: f.schema,
+            label: f.label,
+            collapsible: f.kind === "fieldset" ? f.collapsible : void 0,
             errors: e.errors,
-            "onUpdate:data": (w) => y(o.fieldname, w)
+            "onUpdate:data": (M) => y(f.fieldname, M)
           }, null, 40, ["data", "mode", "schema", "label", "collapsible", "errors", "onUpdate:data"]))
-        ])) : o.hidden ? B("", !0) : (u(), ee($e(o.component), Ne({
+        ])) : f.hidden ? B("", !0) : (r(), ee(De(f.component), Ke({
           key: 1,
-          modelValue: T.value[i].value,
-          "onUpdate:modelValue": (w) => T.value[i].value = w,
-          style: v(o),
-          schema: o,
-          data: c.value[o.fieldname],
-          mode: x(o),
-          errors: e.errors?.[o.fieldname]
-        }, { ref_for: !0 }, k(o)), null, 16, ["modelValue", "onUpdate:modelValue", "style", "schema", "data", "mode", "errors"]))
+          modelValue: A.value[c].value,
+          "onUpdate:modelValue": (M) => A.value[c].value = M,
+          style: h(f),
+          schema: f,
+          data: i.value[f.fieldname],
+          mode: x(f),
+          errors: e.errors?.[f.fieldname]
+        }, { ref_for: !0 }, g(f)), null, 16, ["modelValue", "onUpdate:modelValue", "style", "schema", "data", "mode", "errors"]))
       ], 64))), 128))
     ]));
   }
-}), Se = /* @__PURE__ */ H(_a, [["__scopeId", "data-v-bb17171c"]]), Ca = /* @__PURE__ */ V({
+}), Ie = /* @__PURE__ */ N(el, [["__scopeId", "data-v-bb17171c"]]), tl = /* @__PURE__ */ V({
   __name: "CollapseButton",
   props: {
     collapsed: { type: Boolean }
   },
   setup(e) {
-    return (s, n) => (u(), m("button", {
-      class: O(["collapse-button", e.collapsed ? "rotated" : "unrotated"])
+    return (o, n) => (r(), m("button", {
+      class: Z(["collapse-button", e.collapsed ? "rotated" : "unrotated"])
     }, "×", 2));
   }
-}), Ba = /* @__PURE__ */ H(Ca, [["__scopeId", "data-v-6f1c1b45"]]), Ra = /* @__PURE__ */ V({
+}), al = /* @__PURE__ */ N(tl, [["__scopeId", "data-v-6f1c1b45"]]), ll = /* @__PURE__ */ V({
   __name: "AFieldset",
   props: {
     schema: {},
@@ -1289,44 +1486,44 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
     data: { default: () => ({}) },
     mode: { default: "edit" }
   },
-  setup(e, { expose: s }) {
-    const n = I(!1), c = I(e.data || []), t = I(e.schema), d = (y) => {
+  setup(e, { expose: o }) {
+    const n = p(!1), i = p(e.data || []), a = p(e.schema), u = (y) => {
       y.preventDefault(), e.collapsible && (n.value = !n.value);
     };
-    return s({ collapsed: n }), (y, k) => (u(), m("fieldset", null, [
-      e.label || e.collapsible ? (u(), m("legend", {
+    return o({ collapsed: n }), (y, g) => (r(), m("fieldset", null, [
+      e.label || e.collapsible ? (r(), m("legend", {
         key: 0,
-        onClick: d,
-        onSubmit: d
+        onClick: u,
+        onSubmit: u
       }, [
-        ne(g(e.label) + " ", 1),
-        e.collapsible ? (u(), ee(Ba, {
+        se(k(e.label) + " ", 1),
+        e.collapsible ? (r(), ee(al, {
           key: 0,
           collapsed: n.value
         }, null, 8, ["collapsed"])) : B("", !0)
       ], 32)) : B("", !0),
-      fe(y.$slots, "default", { collapsed: n.value }, () => [
-        p(oe(Se, {
-          data: c.value,
-          "onUpdate:data": k[0] || (k[0] = (v) => c.value = v),
-          schema: t.value,
+      ye(y.$slots, "default", { collapsed: n.value }, () => [
+        F(ie(Ie, {
+          data: i.value,
+          "onUpdate:data": g[0] || (g[0] = (h) => i.value = h),
+          schema: a.value,
           mode: e.mode
         }, null, 8, ["data", "schema", "mode"]), [
-          [P, !n.value]
+          [Q, !n.value]
         ])
       ], !0)
     ]));
   }
-}), Va = /* @__PURE__ */ H(Ra, [["__scopeId", "data-v-162e7317"]]), Na = { class: "aform_form-element aform_file-attach aform__grid--full" }, Ua = {
+}), nl = /* @__PURE__ */ N(ll, [["__scopeId", "data-v-162e7317"]]), ol = { class: "aform_form-element aform_file-attach aform__grid--full" }, sl = {
   key: 0,
   class: "aform_file-attach-feedback"
-}, Ha = {
+}, il = {
   key: 1,
   class: "aform_display-value"
-}, Ea = {
+}, ul = {
   key: 0,
   class: "aform_file-attach-feedback"
-}, Ka = ["disabled"], Pa = ["disabled"], Qa = /* @__PURE__ */ V({
+}, rl = ["disabled"], dl = ["disabled"], cl = /* @__PURE__ */ V({
   __name: "AFileAttach",
   props: {
     schema: {},
@@ -1340,48 +1537,48 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
     errors: {}
   },
   setup(e) {
-    const { files: s, open: n, reset: c, onChange: t } = Ue(), d = A(() => {
-      const y = s.value?.length ?? 0;
+    const { files: o, open: n, reset: i, onChange: a } = Qe(), u = w(() => {
+      const y = o.value?.length ?? 0;
       return `${y} ${y === 1 ? "file" : "files"}`;
     });
-    return t((y) => y), (y, k) => (u(), m("div", Na, [
-      e.mode === "display" ? (u(), m(L, { key: 0 }, [
-        J(s) ? (u(), m("div", Ua, [
-          a("p", null, [
-            a("b", null, g(d.value), 1)
+    return a((y) => y), (y, g) => (r(), m("div", ol, [
+      e.mode === "display" ? (r(), m(L, { key: 0 }, [
+        O(o) ? (r(), m("div", sl, [
+          t("p", null, [
+            t("b", null, k(u.value), 1)
           ]),
-          (u(!0), m(L, null, j(J(s), (v) => (u(), m("li", {
-            key: v.name
-          }, g(v.name), 1))), 128))
-        ])) : (u(), m("span", Ha, "No file selected"))
-      ], 64)) : (u(), m(L, { key: 1 }, [
-        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)
+          (r(!0), m(L, null, j(O(o), (h) => (r(), m("li", {
+            key: h.name
+          }, k(h.name), 1))), 128))
+        ])) : (r(), m("span", il, "No file selected"))
+      ], 64)) : (r(), m(L, { key: 1 }, [
+        O(o) ? (r(), m("div", ul, [
+          t("p", null, [
+            g[2] || (g[2] = se(" You have selected: ", -1)),
+            t("b", null, k(u.value), 1)
           ]),
-          (u(!0), m(L, null, j(J(s), (v) => (u(), m("li", {
-            key: v.name
-          }, g(v.name), 1))), 128))
+          (r(!0), m(L, null, j(O(o), (h) => (r(), m("li", {
+            key: h.name
+          }, k(h.name), 1))), 128))
         ])) : B("", !0),
-        a("button", {
+        t("button", {
           type: "button",
           class: "aform_form-btn",
           disabled: e.mode === "read",
-          onClick: k[0] || (k[0] = (v) => J(n)())
-        }, g(e.label), 9, Ka),
-        a("button", {
+          onClick: g[0] || (g[0] = (h) => O(n)())
+        }, k(e.label), 9, rl),
+        t("button", {
           type: "button",
-          disabled: !J(s) || e.mode === "read",
+          disabled: !O(o) || e.mode === "read",
           class: "aform_form-btn",
-          onClick: k[1] || (k[1] = (v) => J(c)())
-        }, "Reset", 8, Pa)
+          onClick: g[1] || (g[1] = (h) => O(i)())
+        }, "Reset", 8, dl)
       ], 64))
     ]));
   }
-}), 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({
+}), ml = /* @__PURE__ */ N(cl, [["__scopeId", "data-v-8eefd179"]]), fl = { class: "aform_form-element" }, vl = { class: "aform_display-value" }, yl = { class: "aform_field-label" }, hl = ["id", "disabled", "required"], bl = ["for"], gl = ["innerHTML"], kl = /* @__PURE__ */ V({
   __name: "ANumericInput",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -1397,38 +1594,38 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    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", za, g(n.value ?? ""), 1),
-        a("label", Wa, g(e.label), 1)
-      ], 64)) : (u(), m(L, { key: 1 }, [
-        p(a("input", {
+    const o = w(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = Y(e, "modelValue");
+    return (i, a) => (r(), m("div", fl, [
+      e.mode === "display" ? (r(), m(L, { key: 0 }, [
+        t("span", vl, k(n.value ?? ""), 1),
+        t("label", yl, k(e.label), 1)
+      ], 64)) : (r(), m(L, { key: 1 }, [
+        F(t("input", {
           id: e.uuid,
-          "onUpdate:modelValue": t[0] || (t[0] = (d) => n.value = d),
+          "onUpdate:modelValue": a[0] || (a[0] = (u) => n.value = u),
           class: "aform_input-field",
           type: "number",
           disabled: e.mode === "read",
           required: e.required
-        }, null, 8, Ja), [
-          [Y, n.value]
+        }, null, 8, hl), [
+          [G, n.value]
         ]),
-        a("label", {
+        t("label", {
           class: "aform_field-label",
           for: e.uuid
-        }, g(e.label), 9, Xa),
-        p(a("p", {
+        }, k(e.label), 9, bl),
+        F(t("p", {
           class: "aform_error",
-          innerHTML: s.value
-        }, null, 8, Za), [
-          [P, s.value]
+          innerHTML: o.value
+        }, null, 8, gl), [
+          [Q, o.value]
         ])
       ], 64))
     ]));
   }
-}), 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({
+}), $l = { class: "aform_form-element aquantity" }, xl = { class: "aform_display-value" }, Dl = { class: "aform_field-label" }, wl = { class: "aquantity__row" }, Ml = { class: "aquantity__field aquantity__field--qty" }, Tl = { class: "aquantity__group" }, Sl = ["id", "disabled", "required"], Al = { class: "aquantity__uom" }, pl = ["id", "disabled", "aria-expanded", "aria-activedescendant", "onKeydown"], Il = { class: "aquantity__uom-value" }, _l = ["aria-label"], Ll = ["id", "aria-selected", "onMouseenter", "onClick"], Fl = ["for"], ql = { class: "aquantity__row aquantity__row--stock" }, Bl = { class: "aquantity__field aquantity__field--stock-uom" }, Cl = ["value"], Vl = { class: "aform_field-label" }, Rl = { class: "aquantity__field aquantity__field--stock-qty" }, Nl = ["value"], Hl = { class: "aform_field-label" }, Ul = { class: "aquantity__field aquantity__field--conversion" }, El = ["value"], Pl = { class: "aform_field-label" }, Kl = ["innerHTML"], Ql = /* @__PURE__ */ V({
   __name: "AQuantityInput",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -1451,27 +1648,27 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    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];
-      return N !== void 0 ? N : b === s.value.uom ? s.value.conversionFactor ?? 1 : 1;
-    }, d = (b, q) => {
-      const N = t(q);
-      s.value = {
+    const o = Y(e, "modelValue"), n = w(() => e.options.uoms ?? []), i = (b) => Number(b.toFixed(6)), a = (b) => {
+      const I = e.options.stockUom ?? o.value.stockUom;
+      if (!b || b === I) return 1;
+      const R = e.options.conversionFactors?.[b];
+      return R !== void 0 ? R : b === o.value.uom ? o.value.conversionFactor ?? 1 : 1;
+    }, u = (b, I) => {
+      const R = a(I);
+      o.value = {
         qty: b,
-        uom: q,
-        conversionFactor: N,
-        stockUom: e.options.stockUom ?? s.value.stockUom,
-        stockQty: c(b * N)
+        uom: I,
+        conversionFactor: R,
+        stockUom: e.options.stockUom ?? o.value.stockUom,
+        stockQty: i(b * R)
       };
-    }, y = A({
-      get: () => s.value?.qty ?? 0,
-      set: (b) => d(b, s.value?.uom ?? "")
-    }), k = A({
-      get: () => s.value?.uom ?? "",
-      set: (b) => d(s.value?.qty ?? 0, b)
-    }), v = /* @__PURE__ */ new Set([
+    }, y = w({
+      get: () => o.value?.qty ?? 0,
+      set: (b) => u(b, o.value?.uom ?? "")
+    }), g = w({
+      get: () => o.value?.uom ?? "",
+      set: (b) => u(o.value?.qty ?? 0, b)
+    }), h = /* @__PURE__ */ new Set([
       "Backspace",
       "Delete",
       "Tab",
@@ -1483,71 +1680,71 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
       "ArrowDown",
       "Home",
       "End"
-    ]), h = (b) => {
-      if (b.ctrlKey || b.metaKey || b.altKey || v.has(b.key) || /^[0-9]$/.test(b.key)) return;
-      const q = b.target;
-      b.key === "." && !q.value.includes(".") || b.preventDefault();
+    ]), s = (b) => {
+      if (b.ctrlKey || b.metaKey || b.altKey || h.has(b.key) || /^[0-9]$/.test(b.key)) return;
+      const I = b.target;
+      b.key === "." && !I.value.includes(".") || b.preventDefault();
     }, x = (b) => {
-      const q = b.clipboardData?.getData("text") ?? "";
-      /^\d*\.?\d*$/.test(q) || b.preventDefault();
-    }, $ = ve({ open: !1, activeIndex: -1 }), T = () => {
-      $.activeIndex = Math.max(n.value.indexOf(k.value), 0), $.open = !0;
-    }, f = () => {
+      const I = b.clipboardData?.getData("text") ?? "";
+      /^\d*\.?\d*$/.test(I) || b.preventDefault();
+    }, $ = he({ open: !1, activeIndex: -1 }), A = () => {
+      $.activeIndex = Math.max(n.value.indexOf(g.value), 0), $.open = !0;
+    }, d = () => {
       $.open = !1;
     }, l = () => {
-      $.open ? f() : T();
-    }, o = (b) => {
-      k.value = b, f();
-    }, i = (b) => {
+      $.open ? d() : A();
+    }, f = (b) => {
+      g.value = b, d();
+    }, c = (b) => {
       if (!$.open) {
-        T();
+        A();
         return;
       }
-      const q = n.value.length;
-      q && ($.activeIndex = ($.activeIndex + b + q) % q);
-    }, w = () => {
+      const I = n.value.length;
+      I && ($.activeIndex = ($.activeIndex + b + I) % I);
+    }, M = () => {
       if (!$.open) {
-        T();
+        A();
         return;
       }
       const b = n.value[$.activeIndex];
-      b !== void 0 && o(b);
-    }, r = A(() => {
-      const b = s.value;
+      b !== void 0 && f(b);
+    }, v = w(() => {
+      const b = o.value;
       return !!b?.stockUom && (b.uom !== b.stockUom || b.qty !== b.stockQty);
-    }), F = A(() => {
-      const b = s.value;
+    }), D = w(() => {
+      const b = o.value;
       if (!b || !b.uom) return "—";
-      const q = `${b.qty} ${b.uom}`;
-      return r.value ? `${q} (${b.stockQty} ${b.stockUom})` : q;
+      const I = `${b.qty} ${b.uom}`;
+      return v.value ? `${I} (${b.stockQty} ${b.stockUom})` : I;
     });
-    return (b, q) => (u(), m("div", ja, [
-      e.mode === "display" ? (u(), m(L, { key: 0 }, [
-        a("span", el, g(F.value), 1),
-        a("label", tl, g(e.label), 1)
-      ], 64)) : (u(), m(L, { key: 1 }, [
-        a("div", al, [
-          a("div", ll, [
-            a("div", nl, [
-              p(a("input", {
+    return (b, I) => (r(), m("div", $l, [
+      e.mode === "display" ? (r(), m(L, { key: 0 }, [
+        t("span", xl, k(D.value), 1),
+        t("label", Dl, k(e.label), 1)
+      ], 64)) : (r(), m(L, { key: 1 }, [
+        t("div", wl, [
+          t("div", Ml, [
+            t("div", Tl, [
+              F(t("input", {
                 id: e.uuid,
-                "onUpdate:modelValue": q[0] || (q[0] = (N) => y.value = N),
+                "onUpdate:modelValue": I[0] || (I[0] = (R) => y.value = R),
                 class: "aquantity__qty",
                 type: "number",
                 disabled: e.mode === "read",
                 required: e.required,
-                onKeydown: h,
+                onKeydown: s,
                 onPaste: x
-              }, null, 40, ol), [
+              }, null, 40, Sl), [
                 [
-                  Y,
+                  G,
                   y.value,
                   void 0,
                   { number: !0 }
                 ]
               ]),
-              p((u(), m("div", sl, [
-                a("button", {
+              F((r(), m("div", Al, [
+                t("button", {
                   id: `${e.uuid}-uom`,
                   type: "button",
                   class: "aquantity__uom-toggle",
@@ -1557,132 +1754,132 @@ const He = { class: "aform_form-element" }, Ee = { class: "aform_field-label" },
                   "aria-activedescendant": $.open && $.activeIndex >= 0 ? `${e.uuid}-uom-opt-${$.activeIndex}` : void 0,
                   onClick: l,
                   onKeydown: [
-                    q[1] || (q[1] = _(R((N) => i(1), ["prevent"]), ["down"])),
-                    q[2] || (q[2] = _(R((N) => i(-1), ["prevent"]), ["up"])),
-                    _(R(w, ["prevent"]), ["enter"]),
-                    _(f, ["esc"])
+                    I[1] || (I[1] = q(H((R) => c(1), ["prevent"]), ["down"])),
+                    I[2] || (I[2] = q(H((R) => c(-1), ["prevent"]), ["up"])),
+                    q(H(M, ["prevent"]), ["enter"]),
+                    q(d, ["esc"])
                   ]
                 }, [
-                  a("span", ul, g(k.value || e.uomLabel), 1),
-                  q[3] || (q[3] = a("span", {
+                  t("span", Il, k(g.value || e.uomLabel), 1),
+                  I[3] || (I[3] = t("span", {
                     class: "aquantity__caret",
                     "aria-hidden": "true"
                   }, null, -1))
-                ], 40, il),
-                p(a("ul", {
+                ], 40, pl),
+                F(t("ul", {
                   class: "aquantity__uom-menu",
                   role: "listbox",
                   "aria-label": e.uomLabel
                 }, [
-                  (u(!0), m(L, null, j(n.value, (N, W) => (u(), m("li", {
-                    id: `${e.uuid}-uom-opt-${W}`,
-                    key: N,
+                  (r(!0), m(L, null, j(n.value, (R, z) => (r(), m("li", {
+                    id: `${e.uuid}-uom-opt-${z}`,
+                    key: R,
                     role: "option",
-                    "aria-selected": N === k.value,
-                    class: O(["aquantity__uom-option", { "is-active": W === $.activeIndex }]),
-                    onMouseenter: (te) => $.activeIndex = W,
-                    onClick: (te) => o(N)
-                  }, g(N), 43, rl))), 128))
-                ], 8, dl), [
-                  [P, $.open]
+                    "aria-selected": R === g.value,
+                    class: Z(["aquantity__uom-option", { "is-active": z === $.activeIndex }]),
+                    onMouseenter: (te) => $.activeIndex = z,
+                    onClick: (te) => f(R)
+                  }, k(R), 43, Ll))), 128))
+                ], 8, _l), [
+                  [Q, $.open]
                 ])
               ])), [
-                [J(ye), f]
+                [O(be), d]
               ])
             ]),
-            a("label", {
+            t("label", {
               class: "aform_field-label",
               for: e.uuid
-            }, g(e.label), 9, cl)
+            }, k(e.label), 9, Fl)
           ])
         ]),
-        a("div", ml, [
-          a("div", fl, [
-            a("input", {
-              value: s.value.stockUom,
+        t("div", ql, [
+          t("div", Bl, [
+            t("input", {
+              value: o.value.stockUom,
               class: "aform_input-field aquantity__stock-field",
               type: "text",
               disabled: ""
-            }, null, 8, vl),
-            a("label", yl, g(e.stockUomLabel), 1)
+            }, null, 8, Cl),
+            t("label", Vl, k(e.stockUomLabel), 1)
           ]),
-          a("div", hl, [
-            a("input", {
-              value: s.value.stockQty,
+          t("div", Rl, [
+            t("input", {
+              value: o.value.stockQty,
               class: "aform_input-field aquantity__stock-field",
               type: "number",
               disabled: ""
-            }, null, 8, bl),
-            a("label", gl, g(e.stockQtyLabel), 1)
+            }, null, 8, Nl),
+            t("label", Hl, k(e.stockQtyLabel), 1)
           ]),
-          a("div", $l, [
-            a("input", {
-              value: s.value.conversionFactor,
+          t("div", Ul, [
+            t("input", {
+              value: o.value.conversionFactor,
               class: "aform_input-field aquantity__stock-field",
               type: "number",
               disabled: ""
-            }, null, 8, kl),
-            a("label", xl, g(e.conversionFactorLabel), 1)
+            }, null, 8, El),
+            t("label", Pl, k(e.conversionFactorLabel), 1)
           ])
         ]),
-        p(a("p", {
+        F(t("p", {
           class: "aform_error",
           innerHTML: e.validation.errorMessage
-        }, null, 8, wl), [
-          [P, e.validation.errorMessage]
+        }, null, 8, Kl), [
+          [Q, e.validation.errorMessage]
         ])
       ], 64))
     ]));
   }
-}), Ml = /* @__PURE__ */ H(Dl, [["__scopeId", "data-v-0b714861"]]);
-function Tl(e) {
+}), Yl = /* @__PURE__ */ N(Ql, [["__scopeId", "data-v-0b714861"]]);
+function Gl(e) {
   try {
-    return ce(e);
+    return ae(e);
   } catch {
     return;
   }
 }
-function Sl(e) {
-  const s = e.value;
-  if (!s) return;
-  const n = Tl(s);
+function zl(e) {
+  const o = e.value;
+  if (!o) return;
+  const n = Gl(o);
   if (n) {
-    const t = e.instance?.locale;
-    return n(t);
+    const a = e.instance?.locale;
+    return n(a);
   }
-  return s;
+  return o;
 }
-function Il(e, s) {
+function Wl(e, o) {
   let n = e;
-  const c = [s, "/", "-", "(", ")", " "];
-  for (const t of c)
-    n = n.replaceAll(t, "");
+  const i = [o, "/", "-", "(", ")", " "];
+  for (const a of i)
+    n = n.replaceAll(a, "");
   return n;
 }
-function Al(e, s, n) {
-  let c = s;
-  for (const t of e) {
-    const d = c.indexOf(n);
-    if (d !== -1) {
-      const y = c.substring(0, d), k = c.substring(d + 1);
-      c = y + t + k;
+function Jl(e, o, n) {
+  let i = o;
+  for (const a of e) {
+    const u = i.indexOf(n);
+    if (u !== -1) {
+      const y = i.substring(0, u), g = i.substring(u + 1);
+      i = y + a + g;
     }
   }
-  return c.slice(0, s.length);
+  return i.slice(0, o.length);
 }
-function pl(e, s) {
-  const n = Sl(s);
+function Ol(e, o) {
+  const n = zl(o);
   if (!n) return;
-  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;
+  const i = "#", a = e.value, u = Wl(a, i);
+  if (u) {
+    const y = Jl(u, n, i), g = o.instance;
+    g?.maskFilled && (g.maskFilled = !y.includes(i)), e.value = y;
   } else
     e.value = n;
 }
-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({
+const Xl = { class: "aform_form-element" }, Zl = { class: "aform_display-value" }, jl = { class: "aform_field-label" }, en = ["id", "disabled", "maxlength", "required"], tn = ["for"], an = ["innerHTML"], ln = /* @__PURE__ */ V({
   __name: "ATextInput",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -1698,39 +1895,39 @@ const Ll = { class: "aform_form-element" }, ql = { class: "aform_display-value"
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    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", ql, g(c.value ?? ""), 1),
-        a("label", Fl, g(e.label), 1)
-      ], 64)) : (u(), m(L, { key: 1 }, [
-        p(a("input", {
+    const o = w(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = p(!0), i = Y(e, "modelValue");
+    return (a, u) => (r(), m("div", Xl, [
+      e.mode === "display" ? (r(), m(L, { key: 0 }, [
+        t("span", Zl, k(i.value ?? ""), 1),
+        t("label", jl, k(e.label), 1)
+      ], 64)) : (r(), m(L, { key: 1 }, [
+        F(t("input", {
           id: e.uuid,
-          "onUpdate:modelValue": d[0] || (d[0] = (y) => c.value = y),
+          "onUpdate:modelValue": u[0] || (u[0] = (y) => i.value = y),
           class: "aform_input-field",
           disabled: e.mode === "read",
           maxlength: e.mask && n.value ? e.mask.length : void 0,
           required: e.required
-        }, null, 8, _l), [
-          [Y, c.value],
-          [J(pl), e.mask]
+        }, null, 8, en), [
+          [G, i.value],
+          [O(Ol), e.mask]
         ]),
-        a("label", {
+        t("label", {
           class: "aform_field-label",
           for: e.uuid
-        }, g(e.label), 9, Cl),
-        p(a("p", {
+        }, k(e.label), 9, tn),
+        F(t("p", {
           class: "aform_error",
-          innerHTML: s.value
-        }, null, 8, Bl), [
-          [P, s.value]
+          innerHTML: o.value
+        }, null, 8, an), [
+          [Q, o.value]
         ])
       ], 64))
     ]));
   }
-}), 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({
+}), nn = { class: "aform_form-element" }, on = { class: "aform_display-value aform_textbox-display" }, sn = { class: "aform_field-label" }, un = ["id", "placeholder", "rows", "maxlength", "disabled", "required"], rn = ["for"], dn = ["innerHTML"], cn = /* @__PURE__ */ V({
   __name: "ATextboxInput",
-  props: /* @__PURE__ */ Q({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -1749,74 +1946,74 @@ const Ll = { class: "aform_form-element" }, ql = { class: "aform_display-value"
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    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", Nl, g(n.value ?? ""), 1),
-        a("label", Ul, g(e.label), 1)
-      ], 64)) : (u(), m(L, { key: 1 }, [
-        p(a("textarea", {
+    const o = w(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = Y(e, "modelValue");
+    return (i, a) => (r(), m("div", nn, [
+      e.mode === "display" ? (r(), m(L, { key: 0 }, [
+        t("span", on, k(n.value ?? ""), 1),
+        t("label", sn, k(e.label), 1)
+      ], 64)) : (r(), m(L, { key: 1 }, [
+        F(t("textarea", {
           id: e.uuid,
-          "onUpdate:modelValue": t[0] || (t[0] = (d) => n.value = d),
+          "onUpdate:modelValue": a[0] || (a[0] = (u) => n.value = u),
           class: "aform_input-field aform_textbox",
           placeholder: e.placeholder,
           rows: e.rows,
           maxlength: e.maxlength,
           disabled: e.mode === "read",
           required: e.required
-        }, null, 8, Hl), [
-          [Y, n.value]
+        }, null, 8, un), [
+          [G, n.value]
         ]),
-        a("label", {
+        t("label", {
           class: "aform_field-label",
           for: e.uuid
-        }, g(e.label), 9, El),
-        p(a("p", {
+        }, k(e.label), 9, rn),
+        F(t("p", {
           class: "aform_error",
-          innerHTML: s.value
-        }, null, 8, Kl), [
-          [P, s.value]
+          innerHTML: o.value
+        }, null, 8, dn), [
+          [Q, o.value]
         ])
       ], 64))
     ]));
   }
-}), 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 = {
+}), mn = /* @__PURE__ */ N(cn, [["__scopeId", "data-v-2a9c793b"]]), fn = { class: "login-container" }, vn = { class: "account-container" }, yn = { class: "account-header" }, hn = { id: "account-title" }, bn = { id: "account-subtitle" }, gn = { class: "login-form-container" }, kn = { class: "login-form-email aform_form-element" }, $n = ["disabled"], xn = { class: "login-form-password aform_form-element" }, Dn = ["disabled"], wn = ["disabled"], Mn = {
   key: 0,
   class: "material-symbols-outlined loading-icon"
-}, ln = /* @__PURE__ */ V({
+}, Tn = /* @__PURE__ */ V({
   __name: "Login",
   props: {
     headerTitle: { default: "Login" },
     headerSubtitle: { default: "Enter your email and password to login" }
   },
   emits: ["loginFailed", "loginSuccess"],
-  setup(e, { emit: s }) {
-    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");
+  setup(e, { emit: o }) {
+    const n = o, i = p(""), a = p(""), u = p(!1), y = p(!1);
+    function g(h) {
+      if (h.preventDefault(), u.value = !0, y.value) {
+        u.value = !1, n("loginFailed");
         return;
       }
-      d.value = !1, n("loginSuccess");
+      u.value = !1, n("loginSuccess");
     }
-    return (v, h) => (u(), m("div", Yl, [
-      a("div", null, [
-        a("div", Gl, [
-          a("div", zl, [
-            a("h1", Wl, g(e.headerTitle), 1),
-            a("p", Jl, g(e.headerSubtitle), 1)
+    return (h, s) => (r(), m("div", fn, [
+      t("div", null, [
+        t("div", vn, [
+          t("div", yn, [
+            t("h1", hn, k(e.headerTitle), 1),
+            t("p", bn, k(e.headerSubtitle), 1)
           ]),
-          a("form", { onSubmit: k }, [
-            a("div", Xl, [
-              a("div", Zl, [
-                h[2] || (h[2] = a("label", {
+          t("form", { onSubmit: g }, [
+            t("div", gn, [
+              t("div", kn, [
+                s[2] || (s[2] = t("label", {
                   id: "login-email",
                   for: "email",
                   class: "aform_field-label"
                 }, "Email", -1)),
-                p(a("input", {
+                F(t("input", {
                   id: "email",
-                  "onUpdate:modelValue": h[0] || (h[0] = (x) => c.value = x),
+                  "onUpdate:modelValue": s[0] || (s[0] = (x) => i.value = x),
                   class: "aform_input-field",
                   name: "email",
                   placeholder: "name@example.com",
@@ -1824,79 +2021,83 @@ const Ll = { class: "aform_form-element" }, ql = { class: "aform_display-value"
                   "auto-capitalize": "none",
                   "auto-complete": "email",
                   "auto-correct": "off",
-                  disabled: d.value
-                }, null, 8, Ol), [
-                  [Y, c.value]
+                  disabled: u.value
+                }, null, 8, $n), [
+                  [G, i.value]
                 ])
               ]),
-              a("div", jl, [
-                h[3] || (h[3] = a("label", {
+              t("div", xn, [
+                s[3] || (s[3] = t("label", {
                   id: "login-password",
                   for: "password",
                   class: "aform_field-label"
                 }, "Password", -1)),
-                p(a("input", {
+                F(t("input", {
                   id: "password",
-                  "onUpdate:modelValue": h[1] || (h[1] = (x) => t.value = x),
+                  "onUpdate:modelValue": s[1] || (s[1] = (x) => a.value = x),
                   class: "aform_input-field",
                   name: "password",
                   type: "password",
-                  disabled: d.value
-                }, null, 8, en), [
-                  [Y, t.value]
+                  disabled: u.value
+                }, null, 8, Dn), [
+                  [G, a.value]
                 ])
               ]),
-              a("button", {
+              t("button", {
                 class: "btn",
-                disabled: d.value || !c.value || !t.value,
-                onClick: k
+                disabled: u.value || !i.value || !a.value,
+                onClick: g
               }, [
-                d.value ? (u(), m("span", an, "progress_activity")) : B("", !0),
-                h[4] || (h[4] = a("span", { id: "login-form-button" }, "Login", -1))
-              ], 8, tn)
+                u.value ? (r(), m("span", Mn, "progress_activity")) : B("", !0),
+                s[4] || (s[4] = t("span", { id: "login-form-button" }, "Login", -1))
+              ], 8, wn)
             ])
           ], 32),
-          h[5] || (h[5] = a("button", { class: "btn" }, [
-            a("span", { id: "forgot-password-button" }, "Forgot password?")
+          s[5] || (s[5] = t("button", { class: "btn" }, [
+            t("span", { id: "forgot-password-button" }, "Forgot password?")
           ], -1))
         ])
       ])
     ]));
   }
-}), 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)
+}), Vn = /* @__PURE__ */ N(Tn, [["__scopeId", "data-v-2c0f0634"]]), Sn = {}, An = { class: "aform-loading" }, pn = { class: "aform-loading__label" };
+function In(e, o) {
+  return r(), m("div", An, [
+    t("div", pn, [
+      ye(e.$slots, "default", {}, void 0, !0)
     ]),
-    s[0] || (s[0] = a("div", { class: "aform-loading__bar" }, null, -1))
+    o[0] || (o[0] = t("div", { class: "aform-loading__bar" }, null, -1))
   ]);
 }
-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);
+const _n = /* @__PURE__ */ N(Sn, [["render", In], ["__scopeId", "data-v-274f5ba3"]]);
+function Rn(e) {
+  e.use(Ce), e.component("ACheckbox", at), e.component("ACurrencyInput", Ct), e.component("ADate", fa), e.component("ADropdown", Ma), e.component("ABadge", Sa), e.component("ADatePicker", pe), e.component("ADateTime", Ba), e.component("ADateTimeInput", ve), e.component("ADateRange", Oa), e.component("ADateSelection", le), e.component("AFieldset", nl), e.component("AFileAttach", ml), e.component("AForm", Ie), e.component("AFormLink", Ae), e.component("ANumericInput", kl), e.component("AQuantityInput", Yl), e.component("ATextInput", ln), e.component("ATextboxInput", mn), e.component("ADuration", Pa), e.component("AFormLoading", _n);
 }
 export {
-  We as ACheckbox,
-  It as ACurrencyInput,
-  la as ADate,
-  Te as ADatePicker,
-  pa as ADateRange,
-  se as ADateSelection,
-  me as ADateTime,
-  va as ADropdown,
-  wa as ADuration,
-  Va as AFieldset,
-  Ya as AFileAttach,
-  Se as AForm,
-  Me as AFormLink,
-  dn as AFormLoading,
-  Oa as ANumericInput,
-  Ml as AQuantityInput,
-  Rl as ATextInput,
-  Ql as ATextboxInput,
-  vn as Login,
-  ce as deserializeFunction,
-  yn as install
+  Sa as ABadge,
+  at as ACheckbox,
+  Ct as ACurrencyInput,
+  fa as ADate,
+  pe as ADatePicker,
+  Oa as ADateRange,
+  le as ADateSelection,
+  Ba as ADateTime,
+  ve as ADateTimeInput,
+  Ma as ADropdown,
+  Pa as ADuration,
+  nl as AFieldset,
+  ml as AFileAttach,
+  Ie as AForm,
+  Ae as AFormLink,
+  _n as AFormLoading,
+  kl as ANumericInput,
+  Yl as AQuantityInput,
+  ln as ATextInput,
+  mn as ATextboxInput,
+  Vn as Login,
+  we as badgeInputAccentStyle,
+  ae as deserializeFunction,
+  Rn as install,
+  Ye as resolveFieldBadge
 };
 //# sourceMappingURL=aform.js.map