@stonecrop/aform 0.22.0 → 0.24.0

package/dist/aform.js

@@ -1,13 +1,57 @@
-import { install as _e } from "@stonecrop/atable";
-import { defineComponent as R, computed as I, useModel as Y, openBlock as d, createElementBlock as f, Fragment as p, createElementVNode as a, toDisplayString as g, withDirectives as _, vModelCheckbox as Le, vShow as E, mergeModels as K, useId as qe, ref as T, inject as de, watch as O, normalizeClass as Z, withKeys as F, withModifiers as V, vModelText as G, createCommentVNode as B, renderList as j, renderSlot as fe, createTextVNode as se, unref as J, createVNode as oe, withCtx as Fe, useTemplateRef as ne, onMounted as we, nextTick as Ce, reactive as ve, vModelSelect as Be, provide as Re, createBlock as ee, watchEffect as Ve, resolveDynamicComponent as ke, mergeProps as He } from "vue";
-import { vOnClickOutside as ye } from "@vueuse/components";
-import { onClickOutside as he, useFileDialog as Ne } 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 Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" }, Ee = { class: "aform_display-value" }, Ke = ["for"], Qe = { class: "aform_checkbox-container aform_input-field" }, Ye = ["id", "disabled", "required"], Ge = ["innerHTML"], ze = /* @__PURE__ */ R({
+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__ */ K({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -23,54 +67,54 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const u = I(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = Y(e, "modelValue");
-    return (r, t) => (d(), f("div", Ue, [
-      e.mode === "display" ? (d(), f(p, { key: 0 }, [
-        a("label", Pe, g(e.label), 1),
-        a("span", Ee, g(n.value ? "✓" : "✗"), 1)
-      ], 64)) : (d(), f(p, { 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, Ke),
-        a("span", Qe, [
-          _(a("input", {
+        }, k(e.label), 9, Xe),
+        t("span", Ze, [
+          F(t("input", {
             id: e.uuid,
-            "onUpdate:modelValue": t[0] || (t[0] = (c) => n.value = c),
+            "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), [
-            [Le, n.value]
+          }, null, 8, je), [
+            [Ve, n.value]
           ])
         ]),
-        _(a("p", {
+        F(t("p", {
           class: "aform_error",
-          innerHTML: u.value
-        }, null, 8, Ge), [
-          [E, u.value]
+          innerHTML: o.value
+        }, null, 8, et), [
+          [Q, o.value]
         ])
       ], 64))
     ]));
   }
-}), H = (e, u) => {
+}), N = (e, o) => {
   const n = e.__vccOpts || e;
-  for (const [r, t] of u)
-    n[r] = 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"
-}, Oe = { class: "aform_form-link-wrapper" }, Xe = { class: "input-group" }, Ze = ["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__ */ R({
+}, mt = /* @__PURE__ */ V({
   __name: "AFormLink",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -98,84 +142,84 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const u = `${e.uuid ?? `aform-link-${qe()}`}-listbox`, n = Y(e, "modelValue"), r = I(() => S(n.value) !== void 0), t = I(() => {
-      const w = S(n.value);
-      return w === void 0 ? "—" : e.formatter ? e.formatter(l(n.value)) : s(n.value) ?? w;
-    }), c = T(r.value ? t.value : ""), y = T(!1), k = T(!1), h = T([]), v = T(null), x = de("aformLinkNavigator", null), $ = de("aformLinkResolver", null);
-    function S(w) {
-      if (w == null) return;
-      if (typeof w == "string") return w === "" ? void 0 : w;
-      if (typeof w == "number") return String(w);
-      const C = w.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 s(w) {
-      if (w == null || typeof w != "object") return;
-      const C = w.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(w) {
-      if (w != null && typeof w == "object") return w;
-      const C = S(w);
+    function l(T) {
+      if (T != null && typeof T == "object") return T;
+      const C = A(T);
       return C !== void 0 ? { id: C } : { id: "" };
     }
-    O(
-      () => S(n.value),
-      async (w) => {
-        if (!(!w || s(n.value)))
+    J(
+      () => A(n.value),
+      async (T) => {
+        if (!(!T || d(n.value)))
           try {
-            let C, P;
-            if (e.filterFunction ? (C = (await (typeof e.filterFunction == "string" ? ce(e.filterFunction) : e.filterFunction)(String(w))).find((ue) => String(ue.id) === String(w)), P = C?.displayText, P === void 0 && console.warn(
-              `[AFormLink] filterFunction returned no matching result for id "${w}". The function must return an item whose \`id\` exactly matches the search string.`
-            )) : $ && e.doctype && (P = await $(e.doctype, w.toString()) ?? void 0), P) {
-              const X = { ...l(n.value), ...C, id: w, displayText: P };
-              c.value = e.formatter ? e.formatter(X) : P, n.value = X;
+            let C, E;
+            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 w = S(n.value);
-      x && e.doctype && w !== void 0 ? x.navigate(e.doctype, w) : 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 (w) => {
+    }, c = async (T) => {
       if (!(!e.filterFunction || e.mode === "read")) {
-        v.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;
-          h.value = await C(w) ?? [];
+          const C = typeof e.filterFunction == "string" ? ae(e.filterFunction) : e.filterFunction;
+          h.value = await C(T) ?? [];
         } catch {
           h.value = [];
         } finally {
-          k.value = !1;
+          g.value = !1;
         }
       }
-    }, D = () => {
-      y.value = !1, v.value = null, c.value = r.value ? t.value : "";
-    }, m = () => {
-      y.value && D();
-    }, q = () => i(c.value), b = () => i(c.value), L = (w) => {
-      n.value = w, c.value = e.formatter ? e.formatter(w) : w.displayText ?? String(w.id), y.value = !1, v.value = null;
-    }, N = () => {
-      const w = h.value.length;
-      w && (v.value = v.value === null ? 0 : (v.value + 1) % w);
-    }, W = () => {
-      h.value.length && (v.value === null || v.value === 0 ? v.value = null : v.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 = () => {
-      v.value !== null && h.value[v.value] && L(h.value[v.value]);
+      s.value !== null && h.value[s.value] && I(h.value[s.value]);
     };
-    return (w, C) => (d(), f("div", {
+    return (T, C) => (r(), m("div", {
       class: Z(["aform_form-element", { "aform_form-element--embedded": e.embedded }])
     }, [
-      e.mode === "display" ? (d(), f("span", Je, g(t.value), 1)) : (d(), f(p, { key: 1 }, [
-        _((d(), f("div", Oe, [
-          a("div", Xe, [
-            _(a("input", {
-              "onUpdate:modelValue": C[0] || (C[0] = (P) => c.value = P),
+      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",
@@ -185,61 +229,61 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
               "aria-label": e.ariaLabel,
               required: e.required,
               "aria-expanded": y.value,
-              "aria-controls": y.value ? u : void 0,
-              "aria-activedescendant": v.value === null ? void 0 : `${u}-opt-${v.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: q,
+              onFocus: D,
               onKeydown: [
-                F(V(N, ["prevent"]), ["down"]),
-                F(V(W, ["prevent"]), ["up"]),
-                F(V(te, ["prevent"]), ["enter"]),
-                F(D, ["esc"]),
-                F(D, ["tab"])
+                q(H(R, ["prevent"]), ["down"]),
+                q(H(z, ["prevent"]), ["up"]),
+                q(H(te, ["prevent"]), ["enter"]),
+                q(M, ["esc"]),
+                q(M, ["tab"])
               ]
-            }, null, 42, Ze), [
-              [G, c.value]
+            }, null, 42, st), [
+              [G, u.value]
             ]),
-            r.value && !e.disabled && !e.embedded ? (d(), f("button", {
+            i.value && !e.disabled && !e.embedded ? (r(), m("button", {
               key: 0,
               type: "button",
               class: "aform_form-btn",
-              onClick: o,
-              onKeydown: F(V(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 ? (d(), f("ul", {
+          y.value ? (r(), m("ul", {
             key: 0,
-            id: u,
+            id: o,
             class: "autocomplete-results",
             role: "listbox",
             "aria-label": e.ariaLabel
           }, [
-            k.value ? (d(), f("li", tt, "Loading…")) : (d(!0), f(p, { key: 1 }, j(h.value, (P, X) => (d(), f("li", {
-              id: `${u}-opt-${X}`,
-              key: String(P.id),
+            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 === v.value,
-              class: Z(["autocomplete-result", { "is-active": X === v.value }]),
-              onMousedown: V((ie) => L(P), ["prevent"])
+              "aria-selected": X === s.value,
+              class: Z(["autocomplete-result", { "is-active": X === s.value }]),
+              onMousedown: H((ue) => I(E), ["prevent"])
             }, [
-              fe(w.$slots, "option", { option: P }, () => [
-                se(g(P.displayText ?? String(P.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), m]
+          [O(be), v]
         ]),
-        e.label && !e.embedded ? (d(), f("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"]]), st = { class: "aform_form-element acurrency" }, ot = { class: "aform_display-value" }, it = { class: "aform_field-label" }, ut = { class: "acurrency__row" }, rt = { class: "acurrency__field acurrency__field--amount" }, dt = { 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" }, Dt = { class: "acurrency__field acurrency__field--exchange-rate" }, wt = ["value"], Mt = { class: "aform_field-label" }, Tt = ["innerHTML"], xe = 6, St = /* @__PURE__ */ R({
+}), 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__ */ K({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -268,51 +312,51 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const u = (m) => m.symbol ?? m.displayText ?? String(m.id), n = Y(e, "modelValue"), r = I(() => {
-      const m = e.options.baseCurrency ?? n.value?.baseCurrency;
-      return m ? typeof m == "string" ? { id: m } : m : { id: "" };
-    }), t = de("aformLinkResolver", null), c = T(r.value);
-    O(
-      r,
-      async (m) => {
-        if (!m.id || m.displayText || !t || !e.options.doctype) {
-          c.value = m;
+    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 q = await t(e.options.doctype, String(m.id));
-          c.value = q ? { ...m, displayText: q } : m;
+          const D = await a(e.options.doctype, String(v.id));
+          u.value = D ? { ...v, displayText: D } : v;
         } catch {
-          c.value = m;
+          u.value = v;
         }
       },
       { immediate: !0 }
     );
-    const y = I(() => {
-      const m = c.value;
-      return m?.id ? m.displayText ?? String(m.id) : "";
-    }), k = (m) => {
-      const q = c.value.id;
-      return !m || String(m) === String(q) ? 1 : String(m) === String(n.value?.currency?.id) ? n.value?.exchangeRate ?? e.options.exchangeRates?.[String(m)] ?? 1 : e.options.exchangeRates?.[String(m)] ?? 1;
-    }, h = I(() => {
-      const { precision: m } = e.options;
-      return m === void 0 ? xe : Number.isInteger(m) && m >= 0 && m <= 100 ? m : xe;
-    }), v = (m) => Number(m.toFixed(h.value)), x = (m, q) => {
-      const b = k(q.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: m,
-        currency: q,
+        amount: v,
+        currency: D,
         exchangeRate: b,
-        baseCurrency: c.value,
-        baseAmount: v(m * b)
+        baseCurrency: u.value,
+        baseAmount: s(v * b)
       };
-    }, $ = I({
+    }, $ = w({
       get: () => n.value?.amount ?? 0,
-      set: (m) => x(m, n.value?.currency ?? { id: "" })
-    }), S = I({
+      set: (v) => x(v, n.value?.currency ?? { id: "" })
+    }), A = w({
       get: () => n.value?.currency ?? { id: "" },
-      set: (m) => x(n.value?.amount ?? 0, m)
-    }), s = /* @__PURE__ */ new Set([
+      set: (v) => x(n.value?.amount ?? 0, v)
+    }), d = /* @__PURE__ */ new Set([
       "Backspace",
       "Delete",
       "Tab",
@@ -324,63 +368,63 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
       "ArrowDown",
       "Home",
       "End"
-    ]), l = (m) => {
-      if (m.ctrlKey || m.metaKey || m.altKey || s.has(m.key) || /^[0-9]$/.test(m.key)) return;
-      const q = m.target;
-      m.key === "." && !q.value.includes(".") || m.key === "-" && !q.value.includes("-") || m.preventDefault();
-    }, o = (m) => {
-      const q = m.clipboardData?.getData("text") ?? "";
-      /^-?\d*\.?\d*$/.test(q) || m.preventDefault();
-    }, i = I(() => {
-      const m = n.value;
-      return !!m?.baseCurrency?.id && (m.currency?.id !== m.baseCurrency?.id || m.amount !== m.baseAmount);
-    }), D = I(() => {
-      const m = n.value;
-      if (!m || !m.currency?.id) return "—";
-      const q = m.currency.displayText ?? String(m.currency.id), b = `${m.amount} ${q}`;
-      if (!i.value) return b;
-      const L = m.baseCurrency.displayText ?? String(m.baseCurrency.id);
-      return `${b} (${m.baseAmount} ${L})`;
+    ]), 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 (m, q) => (d(), f("div", st, [
-      e.mode === "display" ? (d(), f(p, { key: 0 }, [
-        a("span", ot, g(D.value), 1),
-        a("label", it, g(e.label), 1)
-      ], 64)) : (d(), f(p, { key: 1 }, [
-        a("div", ut, [
-          a("div", rt, [
-            a("div", dt, [
-              a("div", ct, [
-                oe(Me, {
-                  modelValue: S.value,
-                  "onUpdate:modelValue": q[0] || (q[0] = (b) => S.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: u,
+                  formatter: o,
                   doctype: e.options.doctype,
                   "filter-function": e.options.filterFunction,
                   "is-async": e.options.isAsync
                 }, {
-                  option: Fe(({ option: b }) => [
-                    se(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, [
-                _(a("input", {
+              t("div", $t, [
+                F(t("input", {
                   id: e.uuid,
-                  "onUpdate:modelValue": q[1] || (q[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), [
                   [
                     G,
                     $.value,
@@ -388,62 +432,62 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
                     { 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", Dt, [
-            a("input", {
+          t("div", _t, [
+            t("input", {
               value: n.value.exchangeRate,
               class: "aform_input-field acurrency__base-field",
               type: "number",
               disabled: ""
-            }, null, 8, wt),
-            a("label", Mt, g(e.exchangeRateLabel), 1)
+            }, null, 8, Lt),
+            t("label", Ft, k(e.exchangeRateLabel), 1)
           ])
         ]),
-        _(a("p", {
+        F(t("p", {
           class: "aform_error",
           innerHTML: e.validation.errorMessage
-        }, null, 8, Tt), [
-          [E, 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 }, _t = ["innerHTML"], Lt = {
+}), 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"
-}, qt = {
+}, Ut = {
   colspan: "5",
   tabindex: -1
-}, Ft = { key: 0 }, Ct = { colspan: "7" }, Bt = { class: "date-input" }, Rt = ["value"], Vt = ["value"], Ht = ["onClick", "onKeydown", "onMouseover"], Nt = ["innerHTML"], Ut = 6, De = 7, Pt = /* @__PURE__ */ R({
+}, 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__ */ K({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: {},
     selectRange: { type: Boolean, default: !1 },
@@ -457,174 +501,174 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
     modelValue: { default: () => /* @__PURE__ */ new Date() },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ K(["get-date"], ["update:modelValue"]),
-  setup(e, { expose: u, emit: n }) {
-    const r = I(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), t = Y(e, "modelValue"), c = T(new Date(t.value)), y = T(c.value.getMonth()), k = T(c.value.getFullYear()), h = T([]), v = T(new Date(t.value)), x = T(null), $ = T(null), S = ne("start-date-input"), s = ne("end-date-input"), l = n, o = I(() => 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 = I(() => x.value != null ? m(x.value) : ""), D = I(() => $.value != null ? m($.value) : ""), m = (M) => z(M) ? M.getMonth() + 1 + "/" + M.getDate() + "/" + M.getFullYear() : "", q = (M) => {
-      const A = /* @__PURE__ */ new Date();
-      return y.value !== A.getMonth() ? !1 : A.toDateString() === new Date(M).toDateString();
-    }, b = (M) => new Date(M).toDateString() === new Date(c.value).toDateString(), L = (M) => {
-      const A = x.value;
-      return z(A) ? new Date(M).toDateString() === A.toDateString() : !1;
-    }, N = (M) => {
-      const A = $.value;
-      return z(A) ? new Date(M).toDateString() === A.toDateString() : !1;
-    }, W = (M, A) => (M - 1) * De + A, te = (M) => {
-      const A = x.value;
-      if (!z(A)) return !1;
-      const U = new Date(M), Q = $.value, le = z(Q) ? Q : new Date(v.value);
-      return U.getTime() > A.getTime() && U.getTime() < le.getTime();
-    }, w = (M, A) => h.value[W(M, A)], C = (M) => {
-      v.value = new Date(h.value[M]);
-    }, P = (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 = () => {
       h.value = [];
-      const M = new Date(k.value, y.value, 1), A = M.getDay(), U = M.setDate(M.getDate() - A);
-      for (const Q of Array(43).keys())
-        h.value.push(U + Q * 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;
-    }, be = (M) => {
-      M.key === "Enter" && re();
-    }, ge = (M) => {
-      if (t.value = c.value = new Date(h.value[M]), e.selectRange) {
-        const A = x.value;
-        A == null || $.value != null ? (x.value = t.value, $.value = null) : z(A) && c.value.getTime() < A.getTime() ? ($.value = null, x.value = t.value) : $.value = t.value, S.value && (S.value.value = m(x.value) ?? ""), s.value && (s.value.value = m($.value) ?? "");
+      const S = new Date(g.value, y.value, 1), _ = S.getDay(), U = S.setDate(S.getDate() - _);
+      for (const K of Array(43).keys())
+        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) ?? "");
       }
-      $e();
-    }, pe = () => {
-      const M = x.value, A = $.value;
-      z(A) && z(M) && A.getTime() < M.getTime() && ([x.value, $.value] = [A, M]);
-    }, z = (M) => M instanceof Date && !isNaN(M.getTime()), re = () => {
-      if (S.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 (S.value) {
-        const M = new Date(S.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 (s.value?.value == "")
+      if (d.value?.value == "")
         $.value = null;
-      else if (s.value) {
-        const M = new Date(s.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(), c.value = x.value), $e();
-    }, $e = () => {
+      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: c.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 A = document.getElementsByClassName("todaysDate");
-        A.length > 0 && A[0].focus();
+        const _ = document.getElementsByClassName("todaysDate");
+        _.length > 0 && _[0].focus();
       }
-    }), O([y, k], X), u({ currentMonth: y, currentYear: k, selectedDate: c }), (M, A) => e.mode === "display" || e.mode === "read" ? (d(), f(p, { key: 0 }, [
-      a("span", At, g(t.value ? new Date(t.value).toLocaleDateString() : ""), 1),
-      e.label ? (d(), f("label", pt, g(e.label), 1)) : B("", !0),
-      _(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: r.value
-      }, null, 8, _t), [
-        [E, r.value]
+        innerHTML: i.value
+      }, null, 8, Nt), [
+        [Q, i.value]
       ])
-    ], 64)) : (d(), f(p, { key: 1 }, [
-      a("div", Lt, [
-        a("table", { onMousedown: P }, [
-          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", qt, 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 ? (d(), f("tr", Ft, [
-              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: A[0] || (A[0] = (U) => re()),
-                    onKeydown: be
-                  }, null, 40, Rt),
-                  A[2] || (A[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: D.value,
+                    value: M.value,
                     class: "date-input-end aform_input-field",
                     type: "text",
                     placeholder: "end date",
-                    onBlur: A[1] || (A[1] = (U) => re()),
-                    onKeydown: be
-                  }, null, 40, Vt)
+                    onBlur: _[1] || (_[1] = (U) => de()),
+                    onKeydown: ke
+                  }, null, 40, Yt)
                 ])
               ])
             ])) : B("", !0),
-            A[3] || (A[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)),
-            (d(), f(p, null, j(Ut, (U) => a("tr", { key: U }, [
-              (d(), f(p, null, j(De, (Q) => 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, Q),
+                key: z(U, K),
                 class: Z(["date-cell", {
-                  todaysDate: q(w(U, Q)),
-                  selectedDate: b(w(U, Q)),
-                  withinRange: e.selectRange ? te(w(U, Q)) : !1,
-                  startDate: e.selectRange ? L(w(U, Q)) : !1,
-                  endDate: e.selectRange ? N(w(U, Q)) : !1
+                  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: V((le) => ge(W(U, Q)), ["prevent", "stop"]),
-                onKeydown: F((le) => ge(W(U, Q)), ["enter"]),
-                onMouseover: (le) => C(W(U, Q))
-              }, g(new Date(w(U, Q)).getDate()), 43, Ht)), 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),
-      _(a("p", {
+      F(t("p", {
         class: "aform_error",
-        innerHTML: r.value
-      }, null, 8, Nt), [
-        [E, r.value]
+        innerHTML: i.value
+      }, null, 8, zt), [
+        [Q, i.value]
       ])
     ], 64));
   }
-}), Te = /* @__PURE__ */ H(Pt, [["__scopeId", "data-v-322c2ceb"]]), Et = { class: "adate_time" }, Kt = { 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__ */ R({
+}, ta = ["onKeydown"], aa = /* @__PURE__ */ V({
   __name: "ADateTimeInput",
   props: {
     allowMilitaryTime: { type: Boolean, default: !1 },
@@ -635,146 +679,146 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
     useSeconds: { type: Boolean, default: !0 }
   },
   emits: ["get-time"],
-  setup(e, { emit: u }) {
-    const n = u, r = ne("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")
-    }), c = T(e.defaultMeridiem == "AM" ? "AM" : "PM");
-    we(() => {
-      k("init");
+    }), u = p(e.defaultMeridiem == "AM" ? "AM" : "PM");
+    Se(() => {
+      g("init");
     });
     const y = () => {
-      const s = e.allowMilitaryTime ? 23 : 12, l = e.allowMilitaryTime ? 0 : 1;
-      let o = Number(t.hours), i = Number(t.minutes), D = Number(t.seconds);
-      (isNaN(o) || t.hours === "" || o > s) && (o = s), !e.allowMilitaryTime && o < l && (o = l), (isNaN(i) || t.minutes === "" || i > 59) && (i = 59), (isNaN(D) || t.seconds === "" || D > 59) && (D = 59), t.hours = String(o).padStart(2, "0"), t.minutes = String(i).padStart(2, "0"), t.seconds = String(D).padStart(2, "0"), k("user");
-    }, k = (s) => {
-      const l = Number(t.hours), o = Number(t.minutes), i = 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: l,
-        minutes: o,
-        seconds: i,
-        source: s,
-        meridiem: c.value,
-        militaryTime: e.allowMilitaryTime ? l : c.value === "PM" ? l === 12 ? 12 : l + 12 : l % 12
+        minutes: f,
+        seconds: c,
+        source: d,
+        meridiem: u.value,
+        militaryTime: e.allowMilitaryTime ? l : u.value === "PM" ? l === 12 ? 12 : l + 12 : l % 12
       });
-    }, h = (s) => {
-      const l = s.target;
+    }, h = (d) => {
+      const l = d.target;
       l instanceof HTMLInputElement && l.select();
-    }, v = (s, l = 1) => {
-      const o = e.allowMilitaryTime ? 23 : 12, i = e.allowMilitaryTime ? 0 : 1;
-      if (s == "hours") {
-        const q = Number(t.hours);
-        t.hours = String(q + l), (q == 11 && Number(t.hours) == 12 || q == 12 && Number(t.hours) == 11) && $();
-      } else s == "minutes" ? t.minutes = String(Number(t.minutes) + l) : s == "seconds" && (t.seconds = String(Number(t.seconds) + l));
-      const D = 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(D - 1) : Number(t.minutes) > 59 && (t.hours = String(D + 1));
-      const m = Number(t.hours);
-      !e.allowMilitaryTime && m !== D && (D === 11 && m === 12 || D === 12 && m === 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");
     };
-    O(
-      () => t.hours,
-      (s, l) => {
-        t.hours = Number(s) > 99 ? l : s;
+    J(
+      () => a.hours,
+      (d, l) => {
+        a.hours = Number(d) > 99 ? l : d;
       }
-    ), O(
-      () => t.minutes,
-      (s, l) => {
-        t.minutes = Number(s) > 99 ? l : s;
+    ), J(
+      () => a.minutes,
+      (d, l) => {
+        a.minutes = Number(d) > 99 ? l : d;
       }
-    ), O(
-      () => t.seconds,
-      (s, l) => {
-        t.seconds = Number(s) > 99 ? l : s;
+    ), J(
+      () => a.seconds,
+      (d, l) => {
+        a.seconds = Number(d) > 99 ? l : d;
       }
     );
-    const x = (s, l, o) => s > o ? l : s < l ? o : s, $ = () => {
-      c.value = c.value == "PM" ? "AM" : "PM", k("user");
-    }, S = (s, l = !1) => {
-      s.stopPropagation(), s.preventDefault();
-      const o = s.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 D = i.match(/(..?)/g);
-        if (!D || D.length < 3) return;
-        t.seconds = D[2], t.minutes = D[1], t.hours = D[0], y(), e.allowMilitaryTime || r.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 D = s.target;
-        D instanceof HTMLInputElement && (D.value = i, D.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 (s, l) => (d(), f("div", Et, [
-      a("div", Kt, [
-        _(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) => S(o, !0)),
+          onPaste: l[1] || (l[1] = (f) => A(f, !0)),
           onFocus: h,
           onBlur: y,
           onKeydown: [
-            F(V(y, ["prevent"]), ["enter"]),
-            l[2] || (l[2] = F(V((o) => v("hours"), ["prevent"]), ["up"])),
-            l[3] || (l[3] = F(V((o) => v("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), [
-          [G, t.hours]
+        }, null, 40, Zt), [
+          [G, a.hours]
         ]),
-        l[12] || (l[12] = a("span", { class: "colon" }, ":", -1)),
-        _(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: S,
+          onPaste: A,
           onFocus: h,
           onBlur: y,
           onKeydown: [
-            F(V(y, ["prevent"]), ["enter"]),
-            l[5] || (l[5] = F(V((o) => v("minutes"), ["prevent"]), ["up"])),
-            l[6] || (l[6] = F(V((o) => v("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), [
-          [G, t.minutes]
+        }, null, 40, jt), [
+          [G, a.minutes]
         ]),
-        e.useSeconds ? (d(), f("span", Gt, ":")) : B("", !0),
-        e.useSeconds ? _((d(), f("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: S,
+          onPaste: A,
           onFocus: h,
           onBlur: y,
           onKeydown: [
-            F(V(y, ["prevent"]), ["enter"]),
-            l[8] || (l[8] = F(V((o) => v("seconds"), ["prevent"]), ["up"])),
-            l[9] || (l[9] = F(V((o) => v("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)), [
-          [G, t.seconds]
+        }, null, 40, ta)), [
+          [G, a.seconds]
         ]) : B("", !0),
-        e.allowMilitaryTime ? B("", !0) : _((d(), f("select", {
+        e.allowMilitaryTime ? B("", !0) : F((r(), m("select", {
           key: 2,
           ref: "meridiem-selector",
-          "onUpdate:modelValue": l[10] || (l[10] = (o) => c.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, c.value]
+          [Ue, u.value]
         ])
       ])
     ]));
   }
-}), me = /* @__PURE__ */ H(Wt, [["__scopeId", "data-v-95ad0aa4"]]), Jt = { class: "adate-selection" }, Ot = {
+}), ve = /* @__PURE__ */ N(aa, [["__scopeId", "data-v-95ad0aa4"]]), la = { class: "adate-selection" }, na = {
   key: 3,
   class: "empty"
-}, Xt = /* @__PURE__ */ R({
+}, oa = /* @__PURE__ */ V({
   __name: "ADateSelection",
   props: {
     showDate: { type: Boolean, default: !0 },
@@ -789,41 +833,41 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
     useSeconds: { type: Boolean, default: !0 }
   },
   emits: ["get-date", "get-time", "get-range"],
-  setup(e, { emit: u }) {
-    const n = u;
-    Re("select-range", e.selectRange);
-    const r = /* @__PURE__ */ new Date(), t = T(r), c = T(r), y = T(0), k = T(0), h = (l, o) => {
-      const i = new Date(l);
-      return i.setHours(0, 0, 0, 0), new Date(i.getTime() + o);
-    }, v = (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;
+      return (f * 3600 + l.minutes * 60 + (l.seconds ?? 0)) * 1e3;
     }, x = (l) => {
       !e.selectRange || !e.showTime || !e.showEndTime || n("get-range", {
-        start: h(t.value, y.value),
-        end: h(c.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, c.value = l.end ?? l.selected, x("user"));
-    }, S = (l) => {
-      y.value = v(l), e.showEndTime ? x(l.source ?? "user") : n("get-time", l);
-    }, s = (l) => {
-      k.value = v(l), x(l.source ?? "user");
+      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) => (d(), f("div", Jt, [
-      e.showDate ? (d(), 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 ? (d(), ee(me, {
+      e.showTime ? (r(), ee(ve, {
         key: 1,
         "allow-military-time": e.allowMilitaryTime,
         "default-hours": e.defaultHours,
@@ -831,26 +875,26 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
         "default-seconds": e.defaultSeconds,
         "default-meridiem": e.defaultMeridiem,
         "use-seconds": e.useSeconds,
-        onGetTime: S
+        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 ? (d(), f(p, { 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: s
+          onGetTime: d
         }, null, 8, ["allow-military-time", "default-hours", "default-minutes", "default-seconds", "default-meridiem", "use-seconds"])
       ], 64)) : B("", !0),
-      !e.showTime && !e.showDate ? (d(), f("p", Ot, "empty")) : B("", !0)
+      !e.showTime && !e.showDate ? (r(), m("p", na, "empty")) : B("", !0)
     ]));
   }
-}), ae = /* @__PURE__ */ H(Xt, [["__scopeId", "data-v-602dfd69"]]), Zt = { class: "aform_form-element" }, jt = { class: "aform_display-value" }, ea = { class: "aform_field-label" }, ta = ["id", "disabled", "required"], aa = ["for"], la = ["innerHTML"], na = /* @__PURE__ */ R({
+}), 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__ */ K({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: { default: "Date" },
     selectRange: { type: Boolean },
@@ -866,53 +910,53 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const u = I(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = Y(e, "modelValue"), r = T(n.value ? new Date(n.value) : /* @__PURE__ */ new Date()), t = I({
-      get: () => r.value.toISOString().split("T")[0],
-      set: (v) => {
-        r.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;
       }
-    }), c = ne("picker"), y = T(!1);
-    he(c, () => y.value = !1);
-    const k = () => {
+    }), u = oe("picker"), y = p(!1);
+    ge(u, () => y.value = !1);
+    const g = () => {
       e.mode !== "read" && (y.value = !y.value);
     };
-    O(
+    J(
       () => n.value,
-      (v) => {
-        v && (r.value = new Date(v));
+      (s) => {
+        s && (i.value = new Date(s));
       }
     );
-    const h = (v) => {
-      r.value = v.selected, n.value = t.value, y.value = !1;
+    const h = (s) => {
+      i.value = s.selected, n.value = a.value, y.value = !1;
     };
-    return (v, x) => (d(), f("div", Zt, [
-      e.mode === "display" ? (d(), f(p, { key: 0 }, [
-        a("span", jt, g(n.value ? new Date(t.value).toLocaleDateString() : ""), 1),
-        a("label", ea, g(e.label), 1)
-      ], 64)) : (d(), f(p, { key: 1 }, [
-        _(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": x[0] || (x[0] = ($) => t.value = $),
+          "onUpdate:modelValue": x[0] || (x[0] = ($) => a.value = $),
           class: "aform_input-field",
           type: "date",
           disabled: e.mode === "read",
           required: e.required,
-          onClick: k
-        }, null, 8, ta), [
-          [G, t.value]
+          onClick: g
+        }, null, 8, ra), [
+          [G, a.value]
         ]),
-        a("label", {
+        t("label", {
           class: "aform_field-label",
           for: e.uuid
-        }, g(e.label), 9, aa),
-        _(a("p", {
+        }, k(e.label), 9, da),
+        F(t("p", {
           class: "aform_error",
-          innerHTML: u.value
-        }, null, 8, la), [
-          [E, u.value]
+          innerHTML: o.value
+        }, null, 8, ca), [
+          [Q, o.value]
         ]),
-        y.value ? (d(), ee(ae, {
+        y.value ? (r(), ee(le, {
           key: 0,
           ref: "picker",
           class: "adate-picker",
@@ -923,18 +967,18 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
       ], 64))
     ]));
   }
-}), sa = /* @__PURE__ */ H(na, [["__scopeId", "data-v-5de3fe7a"]]), oa = {
-  key: 0,
-  class: "input-wrapper"
-}, ia = { class: "aform_display-value" }, ua = ["innerHTML"], ra = { class: "input-wrapper" }, da = ["disabled"], ca = {
+}), 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"
-}, ma = {
+}, ka = {
   key: 0,
   class: "loading autocomplete-result"
-}, fa = ["onClick"], va = ["innerHTML"], ya = /* @__PURE__ */ R({
+}, $a = ["onClick"], xa = { class: "aform_field-label" }, Da = ["innerHTML"], wa = /* @__PURE__ */ V({
   __name: "ADropdown",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -945,6 +989,7 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
     validation: { default: () => ({ errorMessage: "" }) },
     errors: {},
     options: { default: () => [] },
+    format: {},
     isAsync: { type: Boolean, default: !1 },
     filterFunction: { type: Function, default: void 0 }
   }, {
@@ -953,108 +998,156 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const u = I(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = Y(e, "modelValue"), r = T(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
-    }), c = () => v(), 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, r.value = l, v(l);
-    }, h = () => {
-      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;
-    }, v = (l) => {
-      t.activeItemIndex = null, t.open = !1, e.options?.includes(l || n.value || "") || (n.value = r.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;
-    }, S = () => {
-      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;
-    }, s = () => {
-      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" ? (d(), f("div", oa, [
-      a("span", ia, g(n.value ?? ""), 1),
-      a("label", null, g(e.label), 1),
-      _(a("p", {
-        class: "aform_error",
-        innerHTML: u.value
-      }, null, 8, ua), [
-        [E, u.value]
-      ])
-    ])) : _((d(), f("div", {
-      key: 1,
-      class: Z(["autocomplete", { isOpen: t.open }])
-    }, [
-      a("div", ra, [
-        _(a("input", {
-          "onUpdate:modelValue": o[0] || (o[0] = (i) => n.value = i),
-          type: "text",
-          disabled: e.mode === "read",
-          onInput: y,
-          onFocus: h,
-          onKeydown: [
-            F($, ["down"]),
-            F(S, ["up"]),
-            F(s, ["enter"]),
-            F(c, ["esc"]),
-            F(c, ["tab"])
-          ]
-        }, null, 40, da), [
-          [G, n.value]
-        ]),
-        _(a("ul", ca, [
-          t.loading ? (d(), f("li", ma, "Loading results...")) : (d(!0), f(p, { key: 1 }, j(t.results, (i, D) => (d(), f("li", {
-            key: i,
-            class: Z(["autocomplete-result", { "is-active": D === t.activeItemIndex }]),
-            onClick: V((m) => k(i), ["stop"])
-          }, g(i), 11, fa))), 128))
-        ], 512), [
-          [E, t.open]
+    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]
         ]),
-        a("label", null, g(e.label), 1)
-      ]),
-      _(a("p", {
-        class: "aform_error",
-        innerHTML: u.value
-      }, null, 8, va), [
-        [E, u.value]
-      ])
-    ], 2)), [
-      [J(ye), c]
-    ]);
+        F(t("p", {
+          class: "aform_error",
+          innerHTML: y.value
+        }, null, 8, Da), [
+          [Q, y.value]
+        ])
+      ], 64))
+    ]));
   }
-}), ha = /* @__PURE__ */ H(ya, [["__scopeId", "data-v-2b75e2d5"]]), ba = { class: "aform_form-element" }, ga = { class: "aform_display-value" }, $a = { class: "aform_field-label" }, ka = ["id", "value", "disabled"], xa = ["for"], Da = ["innerHTML"], wa = /* @__PURE__ */ R({
+}), 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__ */ K({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: { default: "Date & Time" },
     selectRange: { type: Boolean },
@@ -1072,39 +1165,39 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const u = I(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = Y(e, "modelValue"), r = T(n.value ? new Date(n.value) : /* @__PURE__ */ new Date()), t = T(!1), c = T(null);
-    he(c, () => t.value = !1);
+    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" && (t.value = !0);
-    }, k = I(() => n.value ? r.value.toLocaleString() : ""), h = I(() => k.value), v = I(() => {
-      const s = r.value, l = s.getHours(), o = l >= 12 ? "PM" : "AM", i = l % 12 || 12;
+      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 : i,
-        minutes: s.getMinutes(),
-        seconds: s.getSeconds(),
-        meridiem: o
+        hours: e.allowMilitaryTime ? l : c,
+        minutes: d.getMinutes(),
+        seconds: d.getSeconds(),
+        meridiem: f
       };
     }), x = () => {
-      n.value = r.value.toISOString();
-    }, $ = (s) => {
-      const l = new Date(r.value);
-      l.setFullYear(s.selected.getFullYear(), s.selected.getMonth(), s.selected.getDate()), r.value = l, x();
-    }, S = (s) => {
-      if (s.source === "init") return;
-      const l = new Date(r.value), o = s.militaryTime ?? s.hours;
-      l.setHours(o, s.minutes, e.useSeconds ? s.seconds : 0, 0), r.value = l, 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 O(
+    return J(
       () => n.value,
-      (s) => {
-        s && (r.value = new Date(s));
+      (d) => {
+        d && (i.value = new Date(d));
       }
-    ), (s, l) => (d(), f("div", ba, [
-      e.mode === "display" ? (d(), f(p, { key: 0 }, [
-        a("span", ga, g(k.value), 1),
-        a("label", $a, g(e.label), 1)
-      ], 64)) : (d(), f(p, { key: 1 }, [
-        a("input", {
+    ), (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",
@@ -1113,43 +1206,43 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
           disabled: e.mode === "read",
           readonly: "",
           onClick: y
-        }, null, 8, ka),
-        a("label", {
+        }, null, 8, _a),
+        t("label", {
           class: "aform_field-label",
           for: e.uuid
-        }, g(e.label), 9, xa),
-        _(a("p", {
+        }, k(e.label), 9, La),
+        F(t("p", {
           class: "aform_error",
-          innerHTML: u.value
-        }, null, 8, Da), [
-          [E, u.value]
+          innerHTML: o.value
+        }, null, 8, Fa), [
+          [Q, o.value]
         ]),
-        t.value ? (d(), ee(ae, {
+        a.value ? (r(), ee(le, {
           key: 0,
           ref_key: "pickerRef",
-          ref: c,
+          ref: u,
           class: "adatetime-picker",
           "select-range": !1,
           "show-date": !0,
           "show-time": !0,
-          "default-hours": v.value.hours,
-          "default-minutes": v.value.minutes,
-          "default-seconds": v.value.seconds,
-          "default-meridiem": v.value.meridiem,
+          "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: S
+          onGetTime: A
         }, null, 8, ["default-hours", "default-minutes", "default-seconds", "default-meridiem", "allow-military-time", "use-seconds"])) : B("", !0)
       ], 64))
     ]));
   }
-}), Ma = /* @__PURE__ */ H(wa, [["__scopeId", "data-v-b0fa488b"]]), Ta = { class: "aduration" }, Sa = { class: "aform_display-value" }, Ia = { class: "aduration__footer" }, Aa = {
+}), 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"
-}, pa = { class: "aduration__value" }, _a = { class: "aduration__ms" }, La = /* @__PURE__ */ R({
+}, Ha = { class: "aduration__value" }, Ua = { class: "aduration__ms" }, Ea = /* @__PURE__ */ V({
   __name: "ADuration",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ P({
     label: { default: "Duration" },
     mode: { default: "edit" },
     allowMilitaryTime: { type: Boolean, default: !1 },
@@ -1160,55 +1253,55 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const u = Y(e, "modelValue"), n = T(null), r = T(null), t = I(() => {
-      if (!n.value || !r.value) return 0;
-      const h = r.value.getTime() - n.value.getTime();
+    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;
     });
-    O(t, (h) => {
-      u.value = h;
+    J(a, (h) => {
+      o.value = h;
     });
-    const c = (h) => {
-      h.source !== "init" && (n.value = h.start, r.value = h.end, u.value = t.value);
-    }, y = I(() => {
-      const h = t.value;
+    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 v = Math.floor(h / 1e3) % 60, x = Math.floor(h / 6e4) % 60, $ = Math.floor(h / 36e5) % 24, S = Math.floor(h / 864e5);
-      return [S && `${S}d`, $ && `${$}h`, x && `${x}m`, v && `${v}s`].filter(Boolean).join(" ") || "0s";
-    }), k = I(() => {
-      const h = u.value;
+      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 v = Math.floor(h / 1e3) % 60, x = Math.floor(h / 6e4) % 60, $ = Math.floor(h / 36e5) % 24, S = Math.floor(h / 864e5);
-      return [S && `${S}d`, $ && `${$}h`, x && `${x}m`, v && `${v}s`].filter(Boolean).join(" ") || "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";
     });
-    return (h, v) => (d(), f("div", Ta, [
-      e.mode === "display" || e.mode === "read" ? (d(), f(p, { key: 0 }, [
-        a("span", Sa, g(k.value), 1),
-        a("label", null, g(e.label), 1)
-      ], 64)) : (d(), f(p, { key: 1 }, [
-        oe(ae, {
+    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: c
+          onGetRange: u
         }, null, 8, ["allow-military-time", "use-seconds"]),
-        a("div", Ia, [
-          a("label", null, g(e.label), 1),
-          n.value && r.value ? (d(), f("div", Aa, [
-            v[0] || (v[0] = a("span", { class: "aduration__label" }, "Duration:", -1)),
-            a("span", pa, g(y.value), 1),
-            a("span", _a, "(" + g(u.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))
     ]));
   }
-}), qa = /* @__PURE__ */ H(La, [["__scopeId", "data-v-2e4dd7dd"]]), Fa = { class: "aform_form-element" }, Ca = { class: "aform_display-value" }, Ba = { class: "aform_field-label" }, Ra = ["id", "value", "disabled"], Va = ["for"], Ha = ["innerHTML"], Na = /* @__PURE__ */ R({
+}), 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__ */ K({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: { default: "Date Range" },
     selectRange: { type: Boolean },
@@ -1226,39 +1319,39 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const u = (i) => new Date(i).toLocaleDateString(), n = I(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), r = Y(e, "modelValue"), t = T(r.value.start_date ? new Date(r.value.start_date) : null), c = T(r.value.end_date ? new Date(r.value.end_date) : null), y = T(!1), k = T(null);
-    he(k, () => y.value = !1);
+    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);
-    }, v = (i) => i ? `${i.getMonth() + 1}/${i.getDate()}/${i.getFullYear()}` : "", x = I(() => {
-      const i = v(t.value), D = v(c.value);
-      return i && D ? `${i} — ${D}` : i ? `${i} — ...` : "";
-    }), $ = I(() => {
-      const i = r.value.start_date, D = r.value.end_date;
-      return !i && !D ? "" : i && D ? `${u(i)} — ${u(D)}` : i ? `From ${u(i)}` : `Until ${u(D)}`;
-    }), S = () => {
-      const i = t.value, D = c.value;
-      i && D && D.getTime() < i.getTime() && ([t.value, c.value] = [D, i]);
-    }, s = (i) => i ? i.toISOString().split("T")[0] : null, l = () => {
-      r.value = {
-        start_date: s(t.value),
-        end_date: s(c.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 && (c.value = i.end, S(), y.value = !1), l();
+    }, f = (c) => {
+      c.start && (a.value = c.start), c.end && (u.value = c.end, A(), y.value = !1), l();
     };
-    return O(
-      () => r.value,
-      (i) => {
-        t.value = i.start_date ? new Date(i.start_date) : null, c.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, D) => (d(), f("div", Fa, [
-      e.mode === "display" ? (d(), f(p, { key: 0 }, [
-        a("span", Ca, g($.value), 1),
-        a("label", Ba, g(e.label), 1)
-      ], 64)) : (d(), f(p, { 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: "aform_input-field",
           type: "text",
@@ -1267,38 +1360,38 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
           disabled: e.mode === "read",
           readonly: "",
           onClick: h
-        }, null, 8, Ra),
-        a("label", {
+        }, null, 8, Ga),
+        t("label", {
           class: "aform_field-label",
           for: e.uuid
-        }, g(e.label), 9, Va),
-        _(a("p", {
+        }, k(e.label), 9, za),
+        F(t("p", {
           class: "aform_error",
           innerHTML: n.value
-        }, null, 8, Ha), [
-          [E, n.value]
+        }, null, 8, Wa), [
+          [Q, n.value]
         ]),
-        y.value ? (d(), ee(ae, {
+        y.value ? (r(), ee(le, {
           key: 0,
           ref_key: "pickerRef",
-          ref: k,
+          ref: g,
           class: "adaterange-picker",
           "select-range": !0,
           "show-time": !1,
-          onGetDate: o
+          onGetDate: f
         }, null, 512)) : B("", !0)
       ], 64))
     ]));
   }
-}), Ua = /* @__PURE__ */ H(Na, [["__scopeId", "data-v-f8dad4d3"]]), Pa = { class: "aform" }, Ea = {
+}), Oa = /* @__PURE__ */ N(Ja, [["__scopeId", "data-v-f8dad4d3"]]), Xa = { class: "aform" }, Za = {
   key: 0,
   class: "aform-nested-section"
-}, Ka = {
+}, ja = {
   key: 0,
   class: "aform-nested-label"
-}, Qa = /* @__PURE__ */ R({
+}, el = /* @__PURE__ */ V({
   __name: "AForm",
-  props: /* @__PURE__ */ K({
+  props: /* @__PURE__ */ P({
     schema: {},
     mode: { default: "edit" },
     errors: {}
@@ -1306,84 +1399,84 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
     data: { required: !0 },
     dataModifiers: {}
   }),
-  emits: /* @__PURE__ */ K(["update:schema", "update:data"], ["update:data"]),
-  setup(e, { emit: u }) {
-    const n = u, r = Y(e, "data"), t = (s) => (s.kind === "link" || s.kind === "fieldset") && "schema" in s && Array.isArray(s.schema) && s.schema.length > 0, c = T({});
-    O(
-      () => r.value,
-      (s) => {
-        !e.schema || !s || e.schema.forEach((l) => {
-          t(l) && (c.value[l.fieldname] = s[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 = (s, l) => {
-      c.value[s] = l, r.value && (r.value[s] = l, n("update:data", { ...r.value }));
-    }, k = (s) => {
+    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(s))
-        ["component", "primaryKey", "computed", "language", "hidden", "mode", "width"].includes(o) || (l[o] = i);
-      return s.kind === "table" && (l.rows = r.value[s.fieldname] || []), l;
-    }, h = (s) => {
-      if (s.kind !== "field") return {};
-      const l = s.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 } : {};
-    }, v = I(() => e.mode ?? "edit");
-    function x(s) {
-      const l = s.mode;
-      return l || v.value;
+    }, s = w(() => e.mode ?? "edit");
+    function x(d) {
+      const l = d.mode;
+      return l || s.value;
     }
-    const $ = T([]);
-    Ve(() => {
-      e.schema && $.value.length !== e.schema.length && ($.value = e.schema.map((s, l) => I({
+    const $ = p([]);
+    Pe(() => {
+      e.schema && $.value.length !== e.schema.length && ($.value = e.schema.map((d, l) => w({
         get() {
-          return r.value?.[e.schema[l].fieldname];
+          return i.value?.[e.schema[l].fieldname];
         },
-        set: (o) => {
-          const i = e.schema[l].fieldname;
-          i && r.value && (r.value[i] = o, n("update:data", { ...r.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 S = I(() => $.value);
-    return (s, l) => (d(), f("form", Pa, [
-      (d(!0), f(p, null, j(e.schema, (o, i) => (d(), f(p, { key: i }, [
-        t(o) ? (d(), f("div", Ea, [
-          o.label && o.kind !== "fieldset" ? (d(), f("h4", Ka, g(o.label), 1)) : B("", !0),
-          (d(), ee(ke(o.component ?? "AForm"), {
-            data: c.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": (D) => y(o.fieldname, D)
+            "onUpdate:data": (M) => y(f.fieldname, M)
           }, null, 40, ["data", "mode", "schema", "label", "collapsible", "errors", "onUpdate:data"]))
-        ])) : o.hidden ? B("", !0) : (d(), ee(ke(o.component), He({
+        ])) : f.hidden ? B("", !0) : (r(), ee(De(f.component), Ke({
           key: 1,
-          modelValue: S.value[i].value,
-          "onUpdate:modelValue": (D) => S.value[i].value = D,
-          style: h(o),
-          schema: o,
-          data: r.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(Qa, [["__scopeId", "data-v-bb17171c"]]), Ya = /* @__PURE__ */ R({
+}), Ie = /* @__PURE__ */ N(el, [["__scopeId", "data-v-bb17171c"]]), tl = /* @__PURE__ */ V({
   __name: "CollapseButton",
   props: {
     collapsed: { type: Boolean }
   },
   setup(e) {
-    return (u, n) => (d(), f("button", {
+    return (o, n) => (r(), m("button", {
       class: Z(["collapse-button", e.collapsed ? "rotated" : "unrotated"])
     }, "×", 2));
   }
-}), Ga = /* @__PURE__ */ H(Ya, [["__scopeId", "data-v-6f1c1b45"]]), za = /* @__PURE__ */ R({
+}), al = /* @__PURE__ */ N(tl, [["__scopeId", "data-v-6f1c1b45"]]), ll = /* @__PURE__ */ V({
   __name: "AFieldset",
   props: {
     schema: {},
@@ -1393,44 +1486,44 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
     data: { default: () => ({}) },
     mode: { default: "edit" }
   },
-  setup(e, { expose: u }) {
-    const n = T(!1), r = T(e.data || []), t = T(e.schema), c = (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 u({ collapsed: n }), (y, k) => (d(), f("fieldset", null, [
-      e.label || e.collapsible ? (d(), f("legend", {
+    return o({ collapsed: n }), (y, g) => (r(), m("fieldset", null, [
+      e.label || e.collapsible ? (r(), m("legend", {
         key: 0,
-        onClick: c,
-        onSubmit: c
+        onClick: u,
+        onSubmit: u
       }, [
-        se(g(e.label) + " ", 1),
-        e.collapsible ? (d(), ee(Ga, {
+        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 }, () => [
-        _(oe(Se, {
-          data: r.value,
-          "onUpdate:data": k[0] || (k[0] = (h) => r.value = h),
-          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"]), [
-          [E, !n.value]
+          [Q, !n.value]
         ])
       ], !0)
     ]));
   }
-}), Wa = /* @__PURE__ */ H(za, [["__scopeId", "data-v-162e7317"]]), Ja = { class: "aform_form-element aform_file-attach aform__grid--full" }, Oa = {
+}), 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"
-}, Xa = {
+}, il = {
   key: 1,
   class: "aform_display-value"
-}, Za = {
+}, ul = {
   key: 0,
   class: "aform_file-attach-feedback"
-}, ja = ["disabled"], el = ["disabled"], tl = /* @__PURE__ */ R({
+}, rl = ["disabled"], dl = ["disabled"], cl = /* @__PURE__ */ V({
   __name: "AFileAttach",
   props: {
     schema: {},
@@ -1444,48 +1537,48 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
     errors: {}
   },
   setup(e) {
-    const { files: u, open: n, reset: r, onChange: t } = Ne(), c = I(() => {
-      const y = u.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) => (d(), f("div", Ja, [
-      e.mode === "display" ? (d(), f(p, { key: 0 }, [
-        J(u) ? (d(), f("div", Oa, [
-          a("p", null, [
-            a("b", null, g(c.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)
           ]),
-          (d(!0), f(p, null, j(J(u), (h) => (d(), f("li", {
+          (r(!0), m(L, null, j(O(o), (h) => (r(), m("li", {
             key: h.name
-          }, g(h.name), 1))), 128))
-        ])) : (d(), f("span", Xa, "No file selected"))
-      ], 64)) : (d(), f(p, { key: 1 }, [
-        J(u) ? (d(), f("div", Za, [
-          a("p", null, [
-            k[2] || (k[2] = se(" You have selected: ", -1)),
-            a("b", null, g(c.value), 1)
+          }, 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)
           ]),
-          (d(!0), f(p, null, j(J(u), (h) => (d(), f("li", {
+          (r(!0), m(L, null, j(O(o), (h) => (r(), m("li", {
             key: h.name
-          }, g(h.name), 1))), 128))
+          }, 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] = (h) => J(n)())
-        }, g(e.label), 9, ja),
-        a("button", {
+          onClick: g[0] || (g[0] = (h) => O(n)())
+        }, k(e.label), 9, rl),
+        t("button", {
           type: "button",
-          disabled: !J(u) || e.mode === "read",
+          disabled: !O(o) || e.mode === "read",
           class: "aform_form-btn",
-          onClick: k[1] || (k[1] = (h) => J(r)())
-        }, "Reset", 8, el)
+          onClick: g[1] || (g[1] = (h) => O(i)())
+        }, "Reset", 8, dl)
       ], 64))
     ]));
   }
-}), al = /* @__PURE__ */ H(tl, [["__scopeId", "data-v-8eefd179"]]), ll = { class: "aform_form-element" }, nl = { class: "aform_display-value" }, sl = { class: "aform_field-label" }, ol = ["id", "disabled", "required"], il = ["for"], ul = ["innerHTML"], rl = /* @__PURE__ */ R({
+}), 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__ */ K({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -1501,38 +1594,38 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const u = I(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = Y(e, "modelValue");
-    return (r, t) => (d(), f("div", ll, [
-      e.mode === "display" ? (d(), f(p, { key: 0 }, [
-        a("span", nl, g(n.value ?? ""), 1),
-        a("label", sl, g(e.label), 1)
-      ], 64)) : (d(), f(p, { key: 1 }, [
-        _(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] = (c) => n.value = c),
+          "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, ol), [
+        }, null, 8, hl), [
           [G, n.value]
         ]),
-        a("label", {
+        t("label", {
           class: "aform_field-label",
           for: e.uuid
-        }, g(e.label), 9, il),
-        _(a("p", {
+        }, k(e.label), 9, bl),
+        F(t("p", {
           class: "aform_error",
-          innerHTML: u.value
-        }, null, 8, ul), [
-          [E, u.value]
+          innerHTML: o.value
+        }, null, 8, gl), [
+          [Q, o.value]
         ])
       ], 64))
     ]));
   }
-}), dl = { class: "aform_form-element aquantity" }, cl = { class: "aform_display-value" }, ml = { class: "aform_field-label" }, fl = { class: "aquantity__row" }, vl = { class: "aquantity__field aquantity__field--qty" }, yl = { class: "aquantity__group" }, hl = ["id", "disabled", "required"], bl = { class: "aquantity__uom" }, gl = ["id", "disabled", "aria-expanded", "aria-activedescendant", "onKeydown"], $l = { class: "aquantity__uom-value" }, kl = ["aria-label"], xl = ["id", "aria-selected", "onMouseenter", "onClick"], Dl = ["for"], wl = { class: "aquantity__row aquantity__row--stock" }, Ml = { class: "aquantity__field aquantity__field--stock-uom" }, Tl = ["value"], Sl = { class: "aform_field-label" }, Il = { class: "aquantity__field aquantity__field--stock-qty" }, Al = ["value"], pl = { class: "aform_field-label" }, _l = { class: "aquantity__field aquantity__field--conversion" }, Ll = ["value"], ql = { class: "aform_field-label" }, Fl = ["innerHTML"], Cl = /* @__PURE__ */ R({
+}), $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__ */ K({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -1555,26 +1648,26 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const u = Y(e, "modelValue"), n = I(() => e.options.uoms ?? []), r = (b) => Number(b.toFixed(6)), t = (b) => {
-      const L = e.options.stockUom ?? u.value.stockUom;
-      if (!b || b === L) return 1;
-      const N = e.options.conversionFactors?.[b];
-      return N !== void 0 ? N : b === u.value.uom ? u.value.conversionFactor ?? 1 : 1;
-    }, c = (b, L) => {
-      const N = t(L);
-      u.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: L,
-        conversionFactor: N,
-        stockUom: e.options.stockUom ?? u.value.stockUom,
-        stockQty: r(b * N)
+        uom: I,
+        conversionFactor: R,
+        stockUom: e.options.stockUom ?? o.value.stockUom,
+        stockQty: i(b * R)
       };
-    }, y = I({
-      get: () => u.value?.qty ?? 0,
-      set: (b) => c(b, u.value?.uom ?? "")
-    }), k = I({
-      get: () => u.value?.uom ?? "",
-      set: (b) => c(u.value?.qty ?? 0, b)
+    }, 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",
@@ -1587,62 +1680,62 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
       "ArrowDown",
       "Home",
       "End"
-    ]), v = (b) => {
+    ]), s = (b) => {
       if (b.ctrlKey || b.metaKey || b.altKey || h.has(b.key) || /^[0-9]$/.test(b.key)) return;
-      const L = b.target;
-      b.key === "." && !L.value.includes(".") || b.preventDefault();
+      const I = b.target;
+      b.key === "." && !I.value.includes(".") || b.preventDefault();
     }, x = (b) => {
-      const L = b.clipboardData?.getData("text") ?? "";
-      /^\d*\.?\d*$/.test(L) || b.preventDefault();
-    }, $ = ve({ open: !1, activeIndex: -1 }), S = () => {
-      $.activeIndex = Math.max(n.value.indexOf(k.value), 0), $.open = !0;
-    }, s = () => {
+      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 ? s() : S();
-    }, o = (b) => {
-      k.value = b, s();
-    }, i = (b) => {
+      $.open ? d() : A();
+    }, f = (b) => {
+      g.value = b, d();
+    }, c = (b) => {
       if (!$.open) {
-        S();
+        A();
         return;
       }
-      const L = n.value.length;
-      L && ($.activeIndex = ($.activeIndex + b + L) % L);
-    }, D = () => {
+      const I = n.value.length;
+      I && ($.activeIndex = ($.activeIndex + b + I) % I);
+    }, M = () => {
       if (!$.open) {
-        S();
+        A();
         return;
       }
       const b = n.value[$.activeIndex];
-      b !== void 0 && o(b);
-    }, m = I(() => {
-      const b = u.value;
+      b !== void 0 && f(b);
+    }, v = w(() => {
+      const b = o.value;
       return !!b?.stockUom && (b.uom !== b.stockUom || b.qty !== b.stockQty);
-    }), q = I(() => {
-      const b = u.value;
+    }), D = w(() => {
+      const b = o.value;
       if (!b || !b.uom) return "—";
-      const L = `${b.qty} ${b.uom}`;
-      return m.value ? `${L} (${b.stockQty} ${b.stockUom})` : L;
+      const I = `${b.qty} ${b.uom}`;
+      return v.value ? `${I} (${b.stockQty} ${b.stockUom})` : I;
     });
-    return (b, L) => (d(), f("div", dl, [
-      e.mode === "display" ? (d(), f(p, { key: 0 }, [
-        a("span", cl, g(q.value), 1),
-        a("label", ml, g(e.label), 1)
-      ], 64)) : (d(), f(p, { key: 1 }, [
-        a("div", fl, [
-          a("div", vl, [
-            a("div", yl, [
-              _(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": L[0] || (L[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: v,
+                onKeydown: s,
                 onPaste: x
-              }, null, 40, hl), [
+              }, null, 40, Sl), [
                 [
                   G,
                   y.value,
@@ -1650,8 +1743,8 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
                   { number: !0 }
                 ]
               ]),
-              _((d(), f("div", bl, [
-                a("button", {
+              F((r(), m("div", Al, [
+                t("button", {
                   id: `${e.uuid}-uom`,
                   type: "button",
                   class: "aquantity__uom-toggle",
@@ -1661,132 +1754,132 @@ const Ue = { class: "aform_form-element" }, Pe = { class: "aform_field-label" },
                   "aria-activedescendant": $.open && $.activeIndex >= 0 ? `${e.uuid}-uom-opt-${$.activeIndex}` : void 0,
                   onClick: l,
                   onKeydown: [
-                    L[1] || (L[1] = F(V((N) => i(1), ["prevent"]), ["down"])),
-                    L[2] || (L[2] = F(V((N) => i(-1), ["prevent"]), ["up"])),
-                    F(V(D, ["prevent"]), ["enter"]),
-                    F(s, ["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", $l, g(k.value || e.uomLabel), 1),
-                  L[3] || (L[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, gl),
-                _(a("ul", {
+                ], 40, pl),
+                F(t("ul", {
                   class: "aquantity__uom-menu",
                   role: "listbox",
                   "aria-label": e.uomLabel
                 }, [
-                  (d(!0), f(p, null, j(n.value, (N, W) => (d(), f("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: Z(["aquantity__uom-option", { "is-active": W === $.activeIndex }]),
-                    onMouseenter: (te) => $.activeIndex = W,
-                    onClick: (te) => o(N)
-                  }, g(N), 43, xl))), 128))
-                ], 8, kl), [
-                  [E, $.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), s]
+                [O(be), d]
               ])
             ]),
-            a("label", {
+            t("label", {
               class: "aform_field-label",
               for: e.uuid
-            }, g(e.label), 9, Dl)
+            }, k(e.label), 9, Fl)
           ])
         ]),
-        a("div", wl, [
-          a("div", Ml, [
-            a("input", {
-              value: u.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, Tl),
-            a("label", Sl, g(e.stockUomLabel), 1)
+            }, null, 8, Cl),
+            t("label", Vl, k(e.stockUomLabel), 1)
           ]),
-          a("div", Il, [
-            a("input", {
-              value: u.value.stockQty,
+          t("div", Rl, [
+            t("input", {
+              value: o.value.stockQty,
               class: "aform_input-field aquantity__stock-field",
               type: "number",
               disabled: ""
-            }, null, 8, Al),
-            a("label", pl, g(e.stockQtyLabel), 1)
+            }, null, 8, Nl),
+            t("label", Hl, k(e.stockQtyLabel), 1)
           ]),
-          a("div", _l, [
-            a("input", {
-              value: u.value.conversionFactor,
+          t("div", Ul, [
+            t("input", {
+              value: o.value.conversionFactor,
               class: "aform_input-field aquantity__stock-field",
               type: "number",
               disabled: ""
-            }, null, 8, Ll),
-            a("label", ql, g(e.conversionFactorLabel), 1)
+            }, null, 8, El),
+            t("label", Pl, k(e.conversionFactorLabel), 1)
           ])
         ]),
-        _(a("p", {
+        F(t("p", {
           class: "aform_error",
           innerHTML: e.validation.errorMessage
-        }, null, 8, Fl), [
-          [E, e.validation.errorMessage]
+        }, null, 8, Kl), [
+          [Q, e.validation.errorMessage]
         ])
       ], 64))
     ]));
   }
-}), Bl = /* @__PURE__ */ H(Cl, [["__scopeId", "data-v-0b714861"]]);
-function Rl(e) {
+}), Yl = /* @__PURE__ */ N(Ql, [["__scopeId", "data-v-0b714861"]]);
+function Gl(e) {
   try {
-    return ce(e);
+    return ae(e);
   } catch {
     return;
   }
 }
-function Vl(e) {
-  const u = e.value;
-  if (!u) return;
-  const n = Rl(u);
+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 u;
+  return o;
 }
-function Hl(e, u) {
+function Wl(e, o) {
   let n = e;
-  const r = [u, "/", "-", "(", ")", " "];
-  for (const t of r)
-    n = n.replaceAll(t, "");
+  const i = [o, "/", "-", "(", ")", " "];
+  for (const a of i)
+    n = n.replaceAll(a, "");
   return n;
 }
-function Nl(e, u, n) {
-  let r = u;
-  for (const t of e) {
-    const c = r.indexOf(n);
-    if (c !== -1) {
-      const y = r.substring(0, c), k = r.substring(c + 1);
-      r = 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 r.slice(0, u.length);
+  return i.slice(0, o.length);
 }
-function Ul(e, u) {
-  const n = Vl(u);
+function Ol(e, o) {
+  const n = zl(o);
   if (!n) return;
-  const r = "#", t = e.value, c = Hl(t, r);
-  if (c) {
-    const y = Nl(c, n, r), k = u.instance;
-    k?.maskFilled && (k.maskFilled = !y.includes(r)), 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 Pl = { class: "aform_form-element" }, El = { class: "aform_display-value" }, Kl = { class: "aform_field-label" }, Ql = ["id", "disabled", "maxlength", "required"], Yl = ["for"], Gl = ["innerHTML"], zl = /* @__PURE__ */ R({
+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__ */ K({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -1802,39 +1895,39 @@ const Pl = { class: "aform_form-element" }, El = { class: "aform_display-value"
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const u = I(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = T(!0), r = Y(e, "modelValue");
-    return (t, c) => (d(), f("div", Pl, [
-      e.mode === "display" ? (d(), f(p, { key: 0 }, [
-        a("span", El, g(r.value ?? ""), 1),
-        a("label", Kl, g(e.label), 1)
-      ], 64)) : (d(), f(p, { key: 1 }, [
-        _(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": c[0] || (c[0] = (y) => r.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, Ql), [
-          [G, r.value],
-          [J(Ul), 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, Yl),
-        _(a("p", {
+        }, k(e.label), 9, tn),
+        F(t("p", {
           class: "aform_error",
-          innerHTML: u.value
-        }, null, 8, Gl), [
-          [E, u.value]
+          innerHTML: o.value
+        }, null, 8, an), [
+          [Q, o.value]
         ])
       ], 64))
     ]));
   }
-}), Wl = { class: "aform_form-element" }, Jl = { class: "aform_display-value aform_textbox-display" }, Ol = { class: "aform_field-label" }, Xl = ["id", "placeholder", "rows", "maxlength", "disabled", "required"], Zl = ["for"], jl = ["innerHTML"], en = /* @__PURE__ */ R({
+}), 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__ */ K({
+  props: /* @__PURE__ */ P({
     schema: {},
     label: {},
     selectRange: { type: Boolean },
@@ -1853,74 +1946,74 @@ const Pl = { class: "aform_form-element" }, El = { class: "aform_display-value"
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const u = I(() => e.errors?.length ? e.errors.join("; ") : e.validation.errorMessage ?? ""), n = Y(e, "modelValue");
-    return (r, t) => (d(), f("div", Wl, [
-      e.mode === "display" ? (d(), f(p, { key: 0 }, [
-        a("span", Jl, g(n.value ?? ""), 1),
-        a("label", Ol, g(e.label), 1)
-      ], 64)) : (d(), f(p, { key: 1 }, [
-        _(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] = (c) => n.value = c),
+          "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, Xl), [
+        }, null, 8, un), [
           [G, n.value]
         ]),
-        a("label", {
+        t("label", {
           class: "aform_field-label",
           for: e.uuid
-        }, g(e.label), 9, Zl),
-        _(a("p", {
+        }, k(e.label), 9, rn),
+        F(t("p", {
           class: "aform_error",
-          innerHTML: u.value
-        }, null, 8, jl), [
-          [E, u.value]
+          innerHTML: o.value
+        }, null, 8, dn), [
+          [Q, o.value]
         ])
       ], 64))
     ]));
   }
-}), tn = /* @__PURE__ */ H(en, [["__scopeId", "data-v-2a9c793b"]]), an = { class: "login-container" }, ln = { class: "account-container" }, nn = { class: "account-header" }, sn = { id: "account-title" }, on = { id: "account-subtitle" }, un = { class: "login-form-container" }, rn = { class: "login-form-email aform_form-element" }, dn = ["disabled"], cn = { class: "login-form-password aform_form-element" }, mn = ["disabled"], fn = ["disabled"], vn = {
+}), 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"
-}, yn = /* @__PURE__ */ R({
+}, Tn = /* @__PURE__ */ V({
   __name: "Login",
   props: {
     headerTitle: { default: "Login" },
     headerSubtitle: { default: "Enter your email and password to login" }
   },
   emits: ["loginFailed", "loginSuccess"],
-  setup(e, { emit: u }) {
-    const n = u, r = T(""), t = T(""), c = T(!1), y = T(!1);
-    function k(h) {
-      if (h.preventDefault(), c.value = !0, y.value) {
-        c.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;
       }
-      c.value = !1, n("loginSuccess");
+      u.value = !1, n("loginSuccess");
     }
-    return (h, v) => (d(), f("div", an, [
-      a("div", null, [
-        a("div", ln, [
-          a("div", nn, [
-            a("h1", sn, g(e.headerTitle), 1),
-            a("p", on, 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", un, [
-              a("div", rn, [
-                v[2] || (v[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)),
-                _(a("input", {
+                F(t("input", {
                   id: "email",
-                  "onUpdate:modelValue": v[0] || (v[0] = (x) => r.value = x),
+                  "onUpdate:modelValue": s[0] || (s[0] = (x) => i.value = x),
                   class: "aform_input-field",
                   name: "email",
                   placeholder: "name@example.com",
@@ -1928,80 +2021,83 @@ const Pl = { class: "aform_form-element" }, El = { class: "aform_display-value"
                   "auto-capitalize": "none",
                   "auto-complete": "email",
                   "auto-correct": "off",
-                  disabled: c.value
-                }, null, 8, dn), [
-                  [G, r.value]
+                  disabled: u.value
+                }, null, 8, $n), [
+                  [G, i.value]
                 ])
               ]),
-              a("div", cn, [
-                v[3] || (v[3] = a("label", {
+              t("div", xn, [
+                s[3] || (s[3] = t("label", {
                   id: "login-password",
                   for: "password",
                   class: "aform_field-label"
                 }, "Password", -1)),
-                _(a("input", {
+                F(t("input", {
                   id: "password",
-                  "onUpdate:modelValue": v[1] || (v[1] = (x) => t.value = x),
+                  "onUpdate:modelValue": s[1] || (s[1] = (x) => a.value = x),
                   class: "aform_input-field",
                   name: "password",
                   type: "password",
-                  disabled: c.value
-                }, null, 8, mn), [
-                  [G, t.value]
+                  disabled: u.value
+                }, null, 8, Dn), [
+                  [G, a.value]
                 ])
               ]),
-              a("button", {
+              t("button", {
                 class: "btn",
-                disabled: c.value || !r.value || !t.value,
-                onClick: k
+                disabled: u.value || !i.value || !a.value,
+                onClick: g
               }, [
-                c.value ? (d(), f("span", vn, "progress_activity")) : B("", !0),
-                v[4] || (v[4] = a("span", { id: "login-form-button" }, "Login", -1))
-              ], 8, fn)
+                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),
-          v[5] || (v[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))
         ])
       ])
     ]));
   }
-}), Tn = /* @__PURE__ */ H(yn, [["__scopeId", "data-v-2c0f0634"]]), hn = {}, bn = { class: "aform-loading" }, gn = { class: "aform-loading__label" };
-function $n(e, u) {
-  return d(), f("div", bn, [
-    a("div", gn, [
-      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)
     ]),
-    u[0] || (u[0] = a("div", { class: "aform-loading__bar" }, null, -1))
+    o[0] || (o[0] = t("div", { class: "aform-loading__bar" }, null, -1))
   ]);
 }
-const kn = /* @__PURE__ */ H(hn, [["render", $n], ["__scopeId", "data-v-274f5ba3"]]);
-function Sn(e) {
-  e.use(_e), e.component("ACheckbox", We), e.component("ACurrencyInput", It), e.component("ADate", sa), e.component("ADropdown", ha), e.component("ADatePicker", Te), e.component("ADateTime", Ma), e.component("ADateTimeInput", me), e.component("ADateRange", Ua), e.component("ADateSelection", ae), e.component("AFieldset", Wa), e.component("AFileAttach", al), e.component("AForm", Se), e.component("AFormLink", Me), e.component("ANumericInput", rl), e.component("AQuantityInput", Bl), e.component("ATextInput", zl), e.component("ATextboxInput", tn), e.component("ADuration", qa), e.component("AFormLoading", kn);
+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,
-  sa as ADate,
-  Te as ADatePicker,
-  Ua as ADateRange,
-  ae as ADateSelection,
-  Ma as ADateTime,
-  me as ADateTimeInput,
-  ha as ADropdown,
-  qa as ADuration,
-  Wa as AFieldset,
-  al as AFileAttach,
-  Se as AForm,
-  Me as AFormLink,
-  kn as AFormLoading,
-  rl as ANumericInput,
-  Bl as AQuantityInput,
-  zl as ATextInput,
-  tn as ATextboxInput,
-  Tn as Login,
-  ce as deserializeFunction,
-  Sn 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