@stonecrop/aform 0.20.0 → 0.22.0

package/dist/aform.js

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