@stonecrop/aform 0.4.5 → 0.4.7

package/dist/aform.js

@@ -1,5 +1,5 @@
-import { defineComponent as M, mergeModels as G, useModel as H, openBlock as g, createElementBlock as b, createElementVNode as d, toDisplayString as D, withDirectives as E, vModelCheckbox as Ve, vShow as R, resolveComponent as Pe, createBlock as te, withCtx as Oe, useTemplateRef as _e, vModelText as F, getCurrentScope as Ae, onScopeDispose as De, unref as C, toRef as Fe, readonly as Ee, customRef as He, ref as y, watch as P, computed as T, reactive as Re, normalizeClass as J, withKeys as O, Fragment as U, renderList as N, withModifiers as Me, onMounted as ne, onBeforeUnmount as Be, getCurrentInstance as qe, nextTick as We, resolveDynamicComponent as Ue, mergeProps as Ne, createTextVNode as Ie, createCommentVNode as oe, renderSlot as Ye, createVNode as je } from "vue";
-import './assets/index.css';const Ge = { class: "aform_form-element" }, Ke = ["for"], ze = { class: "aform_checkbox-container aform_input-field" }, Xe = ["id", "readonly", "required"], Je = ["innerHTML"], Qe = /* @__PURE__ */ M({
+import { defineComponent as C, mergeModels as G, useModel as W, createElementBlock as w, openBlock as g, createElementVNode as d, withDirectives as M, toDisplayString as A, vModelCheckbox as Oe, vShow as U, resolveComponent as Fe, createBlock as oe, withCtx as Re, useTemplateRef as Me, vModelText as B, watch as O, getCurrentScope as Ae, onScopeDispose as Ie, toRef as He, readonly as Ce, ref as k, customRef as Be, computed as T, toValue as D, unref as $, shallowRef as le, reactive as qe, normalizeClass as Q, withKeys as R, Fragment as j, renderList as K, withModifiers as Te, onMounted as se, onBeforeUnmount as We, watchEffect as Ue, getCurrentInstance as Ne, nextTick as Ye, resolveDynamicComponent as je, mergeProps as Ke, renderSlot as ze, createTextVNode as Se, createCommentVNode as ae, createVNode as Ge } from "vue";
+import './assets/index.css';const Xe = { class: "aform_form-element" }, Je = ["for"], Qe = { class: "aform_checkbox-container aform_input-field" }, Ze = ["id", "readonly", "required"], et = ["innerHTML"], tt = /* @__PURE__ */ C({
   __name: "ACheckbox",
   props: /* @__PURE__ */ G({
     schema: {},
@@ -15,49 +15,49 @@ import './assets/index.css';const Ge = { class: "aform_form-element" }, Ke = ["f
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = H(e, "modelValue");
-    return (n, o) => (g(), b("div", Ge, [
+    const t = W(e, "modelValue");
+    return (n, o) => (g(), w("div", Xe, [
       d("label", {
         class: "aform_field-label",
         for: n.uuid
-      }, D(n.label), 9, Ke),
-      d("span", ze, [
-        E(d("input", {
-          "onUpdate:modelValue": o[0] || (o[0] = (l) => t.value = l),
+      }, A(n.label), 9, Je),
+      d("span", Qe, [
+        M(d("input", {
+          "onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s),
           type: "checkbox",
           id: n.uuid,
           class: "aform_checkbox",
           readonly: n.readonly,
           required: n.required
-        }, null, 8, Xe), [
-          [Ve, t.value]
+        }, null, 8, Ze), [
+          [Oe, t.value]
         ])
       ]),
-      E(d("p", {
+      M(d("p", {
         class: "aform_error",
         innerHTML: n.validation.errorMessage
-      }, null, 8, Je), [
-        [R, n.validation.errorMessage]
+      }, null, 8, et), [
+        [U, n.validation.errorMessage]
       ])
     ]));
   }
-}), S = (e, t) => {
+}), L = (e, t) => {
   const n = e.__vccOpts || e;
-  for (const [o, l] of t)
-    n[o] = l;
+  for (const [o, s] of t)
+    n[o] = s;
   return n;
-}, Ze = /* @__PURE__ */ S(Qe, [["__scopeId", "data-v-9f382ad4"]]), et = /* @__PURE__ */ M({
+}, nt = /* @__PURE__ */ L(tt, [["__scopeId", "data-v-9f382ad4"]]), ot = /* @__PURE__ */ C({
   __name: "AComboBox",
   props: ["event", "cellData", "tableID"],
   setup(e) {
     return (t, n) => {
-      const o = Pe("ATableModal");
-      return g(), te(o, {
+      const o = Fe("ATableModal");
+      return g(), oe(o, {
         event: e.event,
         cellData: e.cellData,
         class: "amodal"
       }, {
-        default: Oe(() => n[0] || (n[0] = [
+        default: Re(() => n[0] || (n[0] = [
           d("div", null, [
             d("input", { type: "text" }),
             d("input", { type: "text" }),
@@ -68,7 +68,7 @@ import './assets/index.css';const Ge = { class: "aform_form-element" }, Ke = ["f
       }, 8, ["event", "cellData"]);
     };
   }
-}), tt = ["id", "disabled", "required"], nt = ["for"], ot = ["innerHTML"], lt = /* @__PURE__ */ M({
+}), lt = ["id", "disabled", "required"], st = ["for"], at = ["innerHTML"], rt = /* @__PURE__ */ C({
   __name: "ADate",
   props: /* @__PURE__ */ G({
     schema: {},
@@ -86,277 +86,324 @@ import './assets/index.css';const Ge = { class: "aform_form-element" }, Ke = ["f
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = H(e, "modelValue", {
+    const t = W(e, "modelValue", {
       // format the date to be compatible with the native input datepicker
-      set: (l) => new Date(l).toISOString().split("T")[0]
-    }), n = _e("date"), o = () => {
+      set: (s) => new Date(s).toISOString().split("T")[0]
+    }), n = Me("date"), o = () => {
       n.value && "showPicker" in HTMLInputElement.prototype && n.value.showPicker();
     };
-    return (l, a) => (g(), b("div", null, [
-      E(d("input", {
-        "onUpdate:modelValue": a[0] || (a[0] = (s) => t.value = s),
+    return (s, r) => (g(), w("div", null, [
+      M(d("input", {
+        "onUpdate:modelValue": r[0] || (r[0] = (a) => t.value = a),
         ref: "date",
         type: "date",
-        id: l.uuid,
-        disabled: l.readonly,
-        required: l.required,
+        id: s.uuid,
+        disabled: s.readonly,
+        required: s.required,
         onClick: o
-      }, null, 8, tt), [
-        [F, t.value]
+      }, null, 8, lt), [
+        [B, t.value]
       ]),
-      d("label", { for: l.uuid }, D(l.label), 9, nt),
-      E(d("p", {
-        innerHTML: l.validation.errorMessage
-      }, null, 8, ot), [
-        [R, l.validation.errorMessage]
+      d("label", { for: s.uuid }, A(s.label), 9, st),
+      M(d("p", {
+        innerHTML: s.validation.errorMessage
+      }, null, 8, at), [
+        [U, s.validation.errorMessage]
       ])
     ]));
   }
-}), st = /* @__PURE__ */ S(lt, [["__scopeId", "data-v-280b3d1a"]]);
-function le(e) {
-  return Ae() ? (De(e), !0) : !1;
+}), it = /* @__PURE__ */ L(rt, [["__scopeId", "data-v-280b3d1a"]]);
+function re(e) {
+  return Ae() ? (Ie(e), !0) : !1;
 }
-function de() {
-  const e = /* @__PURE__ */ new Set(), t = (l) => {
-    e.delete(l);
+function pe() {
+  const e = /* @__PURE__ */ new Set(), t = (r) => {
+    e.delete(r);
   };
   return {
-    on: (l) => {
-      e.add(l);
-      const a = () => t(l);
-      return le(a), {
+    on: (r) => {
+      e.add(r);
+      const a = () => t(r);
+      return re(a), {
         off: a
       };
     },
     off: t,
-    trigger: (...l) => Promise.all(Array.from(e).map((a) => a(...l)))
+    trigger: (...r) => Promise.all(Array.from(e).map((a) => a(...r))),
+    clear: () => {
+      e.clear();
+    }
   };
 }
-function V(e) {
-  return typeof e == "function" ? e() : C(e);
-}
-const se = typeof window < "u" && typeof document < "u";
+const ie = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const at = Object.prototype.toString, rt = (e) => at.call(e) === "[object Object]", W = () => {
-}, it = (e, t) => Object.prototype.hasOwnProperty.call(e, t), ee = /* @__PURE__ */ ut();
-function ut() {
+const ut = Object.prototype.toString, ct = (e) => ut.call(e) === "[object Object]", F = () => {
+}, dt = (e, t) => Object.prototype.hasOwnProperty.call(e, t), ne = /* @__PURE__ */ ft();
+function ft() {
   var e, t;
-  return se && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+  return ie && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window == null ? void 0 : window.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+}
+function Z(e) {
+  return Array.isArray(e) ? e : [e];
 }
-function ct(...e) {
+function mt(...e) {
   if (e.length !== 1)
-    return Fe(...e);
+    return He(...e);
   const t = e[0];
-  return typeof t == "function" ? Ee(He(() => ({ get: t, set: W }))) : y(t);
+  return typeof t == "function" ? Ce(Be(() => ({ get: t, set: F }))) : k(t);
+}
+function pt(e, t, n) {
+  return O(
+    e,
+    t,
+    {
+      ...n,
+      immediate: !0
+    }
+  );
 }
-const dt = se ? window.document : void 0, ft = {
+const vt = ie ? window.document : void 0, ht = {
   multiple: !0,
   accept: "*",
   reset: !1,
   directory: !1
 };
-function mt(e = {}) {
+function gt(e) {
+  if (!e)
+    return null;
+  if (e instanceof FileList)
+    return e;
+  const t = new DataTransfer();
+  for (const n of e)
+    t.items.add(n);
+  return t.files;
+}
+function yt(e = {}) {
   const {
-    document: t = dt
-  } = e, n = y(null), { on: o, trigger: l } = de(), { on: a, trigger: s } = de();
-  let r;
-  t && (r = t.createElement("input"), r.type = "file", r.onchange = (c) => {
-    const m = c.target;
-    n.value = m.files, l(n.value);
-  }, r.oncancel = () => {
-    s();
+    document: t = vt
+  } = e, n = k(gt(e.initialFiles)), { on: o, trigger: s } = pe(), { on: r, trigger: a } = pe();
+  let l;
+  t && (l = t.createElement("input"), l.type = "file", l.onchange = (c) => {
+    const v = c.target;
+    n.value = v.files, s(n.value);
+  }, l.oncancel = () => {
+    a();
   });
-  const u = () => {
-    n.value = null, r && r.value && (r.value = "", l(null));
-  }, i = (c) => {
-    if (!r)
+  const i = () => {
+    n.value = null, l && l.value && (l.value = "", s(null));
+  }, u = (c) => {
+    if (!l)
       return;
-    const m = {
-      ...ft,
+    const v = {
+      ...ht,
       ...e,
       ...c
     };
-    r.multiple = m.multiple, r.accept = m.accept, r.webkitdirectory = m.directory, it(m, "capture") && (r.capture = m.capture), m.reset && u(), r.click();
+    l.multiple = v.multiple, l.accept = v.accept, l.webkitdirectory = v.directory, dt(v, "capture") && (l.capture = v.capture), v.reset && i(), l.click();
   };
   return {
-    files: Ee(n),
-    open: i,
-    reset: u,
-    onCancel: a,
+    files: Ce(n),
+    open: u,
+    reset: i,
+    onCancel: r,
     onChange: o
   };
 }
-const Ce = se ? window : void 0;
-function q(e) {
+const $e = ie ? window : void 0;
+function Y(e) {
   var t;
-  const n = V(e);
+  const n = D(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function X(...e) {
-  let t, n, o, l;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, l] = e, t = Ce) : [t, n, o, l] = e, !t)
-    return W;
-  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
-  const a = [], s = () => {
-    a.forEach((c) => c()), a.length = 0;
-  }, r = (c, m, f, p) => (c.addEventListener(m, f, p), () => c.removeEventListener(m, f, p)), u = P(
-    () => [q(t), V(l)],
-    ([c, m]) => {
-      if (s(), !c)
+function H(...e) {
+  const t = [], n = () => {
+    t.forEach((l) => l()), t.length = 0;
+  }, o = (l, i, u, c) => (l.addEventListener(i, u, c), () => l.removeEventListener(i, u, c)), s = T(() => {
+    const l = Z(D(e[0])).filter((i) => i != null);
+    return l.every((i) => typeof i != "string") ? l : void 0;
+  }), r = pt(
+    () => {
+      var l, i;
+      return [
+        (i = (l = s.value) == null ? void 0 : l.map((u) => Y(u))) != null ? i : [$e].filter((u) => u != null),
+        Z(D(s.value ? e[1] : e[0])),
+        Z($(s.value ? e[2] : e[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        D(s.value ? e[3] : e[2])
+      ];
+    },
+    ([l, i, u, c]) => {
+      if (n(), !(l != null && l.length) || !(i != null && i.length) || !(u != null && u.length))
         return;
-      const f = rt(m) ? { ...m } : m;
-      a.push(
-        ...n.flatMap((p) => o.map((w) => r(c, p, w, f)))
+      const v = ct(c) ? { ...c } : c;
+      t.push(
+        ...l.flatMap(
+          (f) => i.flatMap(
+            (p) => u.map((y) => o(f, p, y, v))
+          )
+        )
       );
     },
-    { immediate: !0, flush: "post" }
-  ), i = () => {
-    u(), s();
+    { flush: "post" }
+  ), a = () => {
+    r(), n();
   };
-  return le(i), i;
+  return re(n), a;
 }
-let fe = !1;
-function me(e, t, n = {}) {
-  const { window: o = Ce, ignore: l = [], capture: a = !0, detectIframe: s = !1 } = n;
+let ve = !1;
+function he(e, t, n = {}) {
+  const { window: o = $e, ignore: s = [], capture: r = !0, detectIframe: a = !1, controls: l = !1 } = n;
   if (!o)
-    return W;
-  ee && !fe && (fe = !0, Array.from(o.document.body.children).forEach((v) => v.addEventListener("click", W)), o.document.documentElement.addEventListener("click", W));
-  let r = !0;
-  const u = (v) => V(l).some((h) => {
+    return l ? { stop: F, cancel: F, trigger: F } : F;
+  if (ne && !ve) {
+    ve = !0;
+    const m = { passive: !0 };
+    Array.from(o.document.body.children).forEach((h) => H(h, "click", F, m)), H(o.document.documentElement, "click", F, m);
+  }
+  let i = !0;
+  const u = (m) => D(s).some((h) => {
     if (typeof h == "string")
-      return Array.from(o.document.querySelectorAll(h)).some((_) => _ === v.target || v.composedPath().includes(_));
+      return Array.from(o.document.querySelectorAll(h)).some((E) => E === m.target || m.composedPath().includes(E));
     {
-      const _ = q(h);
-      return _ && (v.target === _ || v.composedPath().includes(_));
+      const E = Y(h);
+      return E && (m.target === E || m.composedPath().includes(E));
     }
   });
-  function i(v) {
-    const h = V(v);
+  function c(m) {
+    const h = D(m);
     return h && h.$.subTree.shapeFlag === 16;
   }
-  function c(v, h) {
-    const _ = V(v), B = _.$.subTree && _.$.subTree.children;
-    return B == null || !Array.isArray(B) ? !1 : B.some((k) => k.el === h.target || h.composedPath().includes(k.el));
+  function v(m, h) {
+    const E = D(m), b = E.$.subTree && E.$.subTree.children;
+    return b == null || !Array.isArray(b) ? !1 : b.some((_) => _.el === h.target || h.composedPath().includes(_.el));
   }
-  const m = (v) => {
-    const h = q(e);
-    if (v.target != null && !(!(h instanceof Element) && i(e) && c(e, v)) && !(!h || h === v.target || v.composedPath().includes(h))) {
-      if (v.detail === 0 && (r = !u(v)), !r) {
-        r = !0;
+  const f = (m) => {
+    const h = Y(e);
+    if (m.target != null && !(!(h instanceof Element) && c(e) && v(e, m)) && !(!h || h === m.target || m.composedPath().includes(h))) {
+      if ("detail" in m && m.detail === 0 && (i = !u(m)), !i) {
+        i = !0;
         return;
       }
-      t(v);
+      t(m);
     }
   };
-  let f = !1;
-  const p = [
-    X(o, "click", (v) => {
-      f || (f = !0, setTimeout(() => {
-        f = !1;
-      }, 0), m(v));
-    }, { passive: !0, capture: a }),
-    X(o, "pointerdown", (v) => {
-      const h = q(e);
-      r = !u(v) && !!(h && !v.composedPath().includes(h));
+  let p = !1;
+  const y = [
+    H(o, "click", (m) => {
+      p || (p = !0, setTimeout(() => {
+        p = !1;
+      }, 0), f(m));
+    }, { passive: !0, capture: r }),
+    H(o, "pointerdown", (m) => {
+      const h = Y(e);
+      i = !u(m) && !!(h && !m.composedPath().includes(h));
     }, { passive: !0 }),
-    s && X(o, "blur", (v) => {
+    a && H(o, "blur", (m) => {
       setTimeout(() => {
         var h;
-        const _ = q(e);
-        ((h = o.document.activeElement) == null ? void 0 : h.tagName) === "IFRAME" && !(_ != null && _.contains(o.document.activeElement)) && t(v);
+        const E = Y(e);
+        ((h = o.document.activeElement) == null ? void 0 : h.tagName) === "IFRAME" && !(E != null && E.contains(o.document.activeElement)) && t(m);
       }, 0);
-    })
-  ].filter(Boolean);
-  return () => p.forEach((v) => v());
+    }, { passive: !0 })
+  ].filter(Boolean), I = () => y.forEach((m) => m());
+  return l ? {
+    stop: I,
+    cancel: () => {
+      i = !1;
+    },
+    trigger: (m) => {
+      i = !0, f(m), i = !1;
+    }
+  } : I;
 }
-const pt = {
+const bt = {
   mounted(e, t) {
     const n = !t.modifiers.bubble;
     if (typeof t.value == "function")
-      e.__onClickOutside_stop = me(e, t.value, { capture: n });
+      e.__onClickOutside_stop = he(e, t.value, { capture: n });
     else {
-      const [o, l] = t.value;
-      e.__onClickOutside_stop = me(e, o, Object.assign({ capture: n }, l));
+      const [o, s] = t.value;
+      e.__onClickOutside_stop = he(e, o, Object.assign({ capture: n }, s));
     }
   },
   unmounted(e) {
     e.__onClickOutside_stop();
   }
 };
-function Q(e) {
+function ee(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
 }
-function Te(e) {
+function Le(e) {
   const t = window.getComputedStyle(e);
   if (t.overflowX === "scroll" || t.overflowY === "scroll" || t.overflowX === "auto" && e.clientWidth < e.scrollWidth || t.overflowY === "auto" && e.clientHeight < e.scrollHeight)
     return !0;
   {
     const n = e.parentNode;
-    return !n || n.tagName === "BODY" ? !1 : Te(n);
+    return !n || n.tagName === "BODY" ? !1 : Le(n);
   }
 }
-function vt(e) {
+function wt(e) {
   const t = e || window.event, n = t.target;
-  return Te(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
+  return Le(n) ? !1 : t.touches.length > 1 ? !0 : (t.preventDefault && t.preventDefault(), !1);
 }
-const Z = /* @__PURE__ */ new WeakMap();
-function ht(e, t = !1) {
-  const n = y(t);
-  let o = null, l = "";
-  P(ct(e), (r) => {
-    const u = Q(V(r));
-    if (u) {
-      const i = u;
-      if (Z.get(i) || Z.set(i, i.style.overflow), i.style.overflow !== "hidden" && (l = i.style.overflow), i.style.overflow === "hidden")
+const te = /* @__PURE__ */ new WeakMap();
+function kt(e, t = !1) {
+  const n = k(t);
+  let o = null, s = "";
+  O(mt(e), (l) => {
+    const i = ee(D(l));
+    if (i) {
+      const u = i;
+      if (te.get(u) || te.set(u, u.style.overflow), u.style.overflow !== "hidden" && (s = u.style.overflow), u.style.overflow === "hidden")
         return n.value = !0;
       if (n.value)
-        return i.style.overflow = "hidden";
+        return u.style.overflow = "hidden";
     }
   }, {
     immediate: !0
   });
-  const a = () => {
-    const r = Q(V(e));
-    !r || n.value || (ee && (o = X(
-      r,
+  const r = () => {
+    const l = ee(D(e));
+    !l || n.value || (ne && (o = H(
+      l,
       "touchmove",
-      (u) => {
-        vt(u);
+      (i) => {
+        wt(i);
       },
       { passive: !1 }
-    )), r.style.overflow = "hidden", n.value = !0);
-  }, s = () => {
-    const r = Q(V(e));
-    !r || !n.value || (ee && (o == null || o()), r.style.overflow = l, Z.delete(r), n.value = !1);
+    )), l.style.overflow = "hidden", n.value = !0);
+  }, a = () => {
+    const l = ee(D(e));
+    !l || !n.value || (ne && (o == null || o()), l.style.overflow = s, te.delete(l), n.value = !1);
   };
-  return le(s), T({
+  return re(a), T({
     get() {
       return n.value;
     },
-    set(r) {
-      r ? a() : s();
+    set(l) {
+      l ? r() : a();
     }
   });
 }
-function gt() {
+function _t() {
   let e = !1;
-  const t = y(!1);
+  const t = le(!1);
   return (n, o) => {
     if (t.value = o.value, e)
       return;
     e = !0;
-    const l = ht(n, o.value);
-    P(t, (a) => l.value = a);
+    const s = kt(n, o.value);
+    O(t, (r) => s.value = r);
   };
 }
-gt();
-const yt = { class: "input-wrapper" }, bt = {
+_t();
+const Dt = { class: "input-wrapper" }, Et = {
   id: "autocomplete-results",
   class: "autocomplete-results"
-}, wt = {
+}, Mt = {
   key: 0,
   class: "loading autocomplete-result"
-}, kt = ["onClick"], _t = /* @__PURE__ */ M({
+}, At = ["onClick"], It = /* @__PURE__ */ C({
   __name: "ADropdown",
   props: /* @__PURE__ */ G({
     label: {},
@@ -369,12 +416,12 @@ const yt = { class: "input-wrapper" }, bt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = H(e, "modelValue"), n = Re({
+    const t = W(e, "modelValue"), n = qe({
       activeItemIndex: null,
       open: !1,
       loading: !1,
       results: e.items
-    }), o = () => r(), l = async () => {
+    }), o = () => l(), s = async () => {
       if (n.open = !0, e.filterFunction) {
         e.isAsync && (n.loading = !0);
         try {
@@ -386,276 +433,347 @@ const yt = { class: "input-wrapper" }, bt = {
           e.isAsync && (n.loading = !1);
         }
       } else
-        u();
-    }, a = (f) => {
-      t.value = f, r(f);
-    }, s = () => {
+        i();
+    }, r = (f) => {
+      t.value = f, l(f);
+    }, a = () => {
       var f;
       n.activeItemIndex = e.isAsync ? null : t.value && ((f = e.items) == null ? void 0 : f.indexOf(t.value)) || null, n.open = !0, n.results = e.isAsync ? [] : e.items;
-    }, r = (f) => {
+    }, l = (f) => {
       var p;
       n.activeItemIndex = null, n.open = !1, (p = e.items) != null && p.includes(f || t.value || "") || (t.value = "");
-    }, u = () => {
+    }, i = () => {
       var f;
       t.value ? n.results = (f = e.items) == null ? void 0 : f.filter((p) => p.toLowerCase().includes((t.value ?? "").toLowerCase())) : n.results = e.items;
-    }, i = () => {
+    }, u = () => {
       var p;
       const f = ((p = n.results) == null ? void 0 : p.length) || 0;
       if (n.activeItemIndex != null) {
-        const w = isNaN(n.activeItemIndex) ? 0 : n.activeItemIndex;
-        n.activeItemIndex = (w + 1) % f;
+        const y = isNaN(n.activeItemIndex) ? 0 : n.activeItemIndex;
+        n.activeItemIndex = (y + 1) % f;
       } else
         n.activeItemIndex = 0;
     }, c = () => {
       var p;
       const f = ((p = n.results) == null ? void 0 : p.length) || 0;
       if (n.activeItemIndex != null) {
-        const w = isNaN(n.activeItemIndex) ? 0 : n.activeItemIndex;
-        n.activeItemIndex = (w - 1 + f) % f;
+        const y = isNaN(n.activeItemIndex) ? 0 : n.activeItemIndex;
+        n.activeItemIndex = (y - 1 + f) % f;
       } else
         n.activeItemIndex = f - 1;
-    }, m = () => {
+    }, v = () => {
       if (n.results) {
         const f = n.activeItemIndex || 0, p = n.results[f];
-        a(p);
+        r(p);
       }
       n.activeItemIndex = 0;
     };
-    return (f, p) => E((g(), b("div", {
-      class: J(["autocomplete", { isOpen: n.open }])
+    return (f, p) => M((g(), w("div", {
+      class: Q(["autocomplete", { isOpen: n.open }])
     }, [
-      d("div", yt, [
-        E(d("input", {
-          "onUpdate:modelValue": p[0] || (p[0] = (w) => t.value = w),
+      d("div", Dt, [
+        M(d("input", {
+          "onUpdate:modelValue": p[0] || (p[0] = (y) => t.value = y),
           type: "text",
-          onInput: l,
-          onFocus: s,
+          onInput: s,
+          onFocus: a,
           onKeydown: [
-            O(i, ["down"]),
-            O(c, ["up"]),
-            O(m, ["enter"]),
-            O(o, ["esc"]),
-            O(o, ["tab"])
+            R(u, ["down"]),
+            R(c, ["up"]),
+            R(v, ["enter"]),
+            R(o, ["esc"]),
+            R(o, ["tab"])
           ]
         }, null, 544), [
-          [F, t.value]
+          [B, t.value]
         ]),
-        E(d("ul", bt, [
-          n.loading ? (g(), b("li", wt, "Loading results...")) : (g(!0), b(U, { key: 1 }, N(n.results, (w, v) => (g(), b("li", {
-            key: w,
-            onClick: Me((h) => a(w), ["stop"]),
-            class: J(["autocomplete-result", { "is-active": v === n.activeItemIndex }])
-          }, D(w), 11, kt))), 128))
+        M(d("ul", Et, [
+          n.loading ? (g(), w("li", Mt, "Loading results...")) : (g(!0), w(j, { key: 1 }, K(n.results, (y, I) => (g(), w("li", {
+            key: y,
+            onClick: Te((m) => r(y), ["stop"]),
+            class: Q(["autocomplete-result", { "is-active": I === n.activeItemIndex }])
+          }, A(y), 11, At))), 128))
         ], 512), [
-          [R, n.open]
+          [U, n.open]
         ]),
-        d("label", null, D(f.label), 1)
+        d("label", null, A(f.label), 1)
       ])
     ], 2)), [
-      [C(pt), o]
+      [$(bt), o]
     ]);
   }
-}), At = /* @__PURE__ */ S(_t, [["__scopeId", "data-v-16c329d1"]]);
-function Se(e) {
-  return Ae() ? (De(e), !0) : !1;
-}
-function ae(e) {
-  return typeof e == "function" ? e() : C(e);
+}), Ct = /* @__PURE__ */ L(It, [["__scopeId", "data-v-16c329d1"]]);
+function ue(e) {
+  return Ae() ? (Ie(e), !0) : !1;
 }
-const Dt = typeof window < "u" && typeof document < "u";
+const Tt = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const Et = (e) => e != null, Mt = Object.prototype.toString, It = (e) => Mt.call(e) === "[object Object]", Ct = () => {
-}, K = Dt ? window : void 0;
-function Y(e) {
+const St = (e) => e != null, $t = Object.prototype.toString, Lt = (e) => $t.call(e) === "[object Object]", xt = () => {
+};
+function J(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function Vt(e, t, n) {
+  return O(
+    e,
+    t,
+    {
+      ...n,
+      immediate: !0
+    }
+  );
+}
+const N = Tt ? window : void 0;
+function q(e) {
   var t;
-  const n = ae(e);
+  const n = D(e);
   return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function j(...e) {
-  let t, n, o, l;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, l] = e, t = K) : [t, n, o, l] = e, !t)
-    return Ct;
-  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
-  const a = [], s = () => {
-    a.forEach((c) => c()), a.length = 0;
-  }, r = (c, m, f, p) => (c.addEventListener(m, f, p), () => c.removeEventListener(m, f, p)), u = P(
-    () => [Y(t), ae(l)],
-    ([c, m]) => {
-      if (s(), !c)
+function z(...e) {
+  const t = [], n = () => {
+    t.forEach((l) => l()), t.length = 0;
+  }, o = (l, i, u, c) => (l.addEventListener(i, u, c), () => l.removeEventListener(i, u, c)), s = T(() => {
+    const l = J(D(e[0])).filter((i) => i != null);
+    return l.every((i) => typeof i != "string") ? l : void 0;
+  }), r = Vt(
+    () => {
+      var l, i;
+      return [
+        (i = (l = s.value) == null ? void 0 : l.map((u) => q(u))) != null ? i : [N].filter((u) => u != null),
+        J(D(s.value ? e[1] : e[0])),
+        J($(s.value ? e[2] : e[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        D(s.value ? e[3] : e[2])
+      ];
+    },
+    ([l, i, u, c]) => {
+      if (n(), !(l != null && l.length) || !(i != null && i.length) || !(u != null && u.length))
         return;
-      const f = It(m) ? { ...m } : m;
-      a.push(
-        ...n.flatMap((p) => o.map((w) => r(c, p, w, f)))
+      const v = Lt(c) ? { ...c } : c;
+      t.push(
+        ...l.flatMap(
+          (f) => i.flatMap(
+            (p) => u.map((y) => o(f, p, y, v))
+          )
+        )
       );
     },
-    { immediate: !0, flush: "post" }
-  ), i = () => {
-    u(), s();
+    { flush: "post" }
+  ), a = () => {
+    r(), n();
   };
-  return Se(i), i;
+  return ue(n), a;
 }
-function Tt() {
-  const e = y(!1), t = qe();
-  return t && ne(() => {
+function Pt() {
+  const e = le(!1), t = Ne();
+  return t && se(() => {
     e.value = !0;
   }, t), e;
 }
-function St(e) {
-  const t = Tt();
+function Ot(e) {
+  const t = Pt();
   return T(() => (t.value, !!e()));
 }
-function Lt(e, t, n = {}) {
-  const { window: o = K, ...l } = n;
-  let a;
-  const s = St(() => o && "MutationObserver" in o), r = () => {
-    a && (a.disconnect(), a = void 0);
-  }, u = T(() => {
-    const f = ae(e), p = (Array.isArray(f) ? f : [f]).map(Y).filter(Et);
+function Ft(e, t, n = {}) {
+  const { window: o = N, ...s } = n;
+  let r;
+  const a = Ot(() => o && "MutationObserver" in o), l = () => {
+    r && (r.disconnect(), r = void 0);
+  }, i = T(() => {
+    const f = D(e), p = J(f).map(q).filter(St);
     return new Set(p);
-  }), i = P(
-    () => u.value,
+  }), u = O(
+    () => i.value,
     (f) => {
-      r(), s.value && f.size && (a = new MutationObserver(t), f.forEach((p) => a.observe(p, l)));
+      l(), a.value && f.size && (r = new MutationObserver(t), f.forEach((p) => r.observe(p, s)));
     },
     { immediate: !0, flush: "post" }
-  ), c = () => a == null ? void 0 : a.takeRecords(), m = () => {
-    i(), r();
+  ), c = () => r == null ? void 0 : r.takeRecords(), v = () => {
+    u(), l();
   };
-  return Se(m), {
-    isSupported: s,
-    stop: m,
+  return ue(v), {
+    isSupported: a,
+    stop: v,
     takeRecords: c
   };
 }
-function $t(e = {}) {
+function Rt(e, t, n = {}) {
+  const {
+    window: o = N,
+    document: s = o == null ? void 0 : o.document,
+    flush: r = "sync"
+  } = n;
+  if (!o || !s)
+    return xt;
+  let a;
+  const l = (c) => {
+    a == null || a(), a = c;
+  }, i = Ue(() => {
+    const c = q(e);
+    if (c) {
+      const { stop: v } = Ft(
+        s,
+        (f) => {
+          f.map((p) => [...p.removedNodes]).flat().some((p) => p === c || p.contains(c)) && t(f);
+        },
+        {
+          window: o,
+          childList: !0,
+          subtree: !0
+        }
+      );
+      l(v);
+    }
+  }, { flush: r }), u = () => {
+    i(), l();
+  };
+  return ue(u), u;
+}
+function Ht(e = {}) {
   var t;
   const {
-    window: n = K,
+    window: n = N,
     deep: o = !0,
-    triggerOnRemoval: l = !1
-  } = e, a = (t = e.document) != null ? t : n == null ? void 0 : n.document, s = () => {
-    var i;
-    let c = a == null ? void 0 : a.activeElement;
+    triggerOnRemoval: s = !1
+  } = e, r = (t = e.document) != null ? t : n == null ? void 0 : n.document, a = () => {
+    var u;
+    let c = r == null ? void 0 : r.activeElement;
     if (o)
       for (; c != null && c.shadowRoot; )
-        c = (i = c == null ? void 0 : c.shadowRoot) == null ? void 0 : i.activeElement;
+        c = (u = c == null ? void 0 : c.shadowRoot) == null ? void 0 : u.activeElement;
     return c;
-  }, r = y(), u = () => {
-    r.value = s();
+  }, l = k(), i = () => {
+    l.value = a();
   };
-  return n && (j(n, "blur", (i) => {
-    i.relatedTarget === null && u();
-  }, !0), j(n, "focus", u, !0)), l && Lt(a, (i) => {
-    i.filter((c) => c.removedNodes.length).map((c) => Array.from(c.removedNodes)).flat().forEach((c) => {
-      c === r.value && u();
-    });
-  }, {
-    childList: !0,
-    subtree: !0
-  }), u(), r;
+  if (n) {
+    const u = {
+      capture: !0,
+      passive: !0
+    };
+    z(
+      n,
+      "blur",
+      (c) => {
+        c.relatedTarget === null && i();
+      },
+      u
+    ), z(
+      n,
+      "focus",
+      i,
+      u
+    );
+  }
+  return s && Rt(l, i, { document: r }), i(), l;
 }
-const xt = "focusin", Vt = "focusout";
-function Pt(e, t = {}) {
-  const { window: n = K } = t, o = T(() => Y(e)), l = y(!1), a = T(() => l.value), s = $t(t);
-  return !n || !s.value ? { focused: a } : (j(o, xt, () => l.value = !0), j(o, Vt, () => l.value = !1), { focused: a });
+const Bt = "focusin", qt = "focusout", Wt = ":focus-within";
+function Ut(e, t = {}) {
+  const { window: n = N } = t, o = T(() => q(e)), s = le(!1), r = T(() => s.value), a = Ht(t);
+  if (!n || !a.value)
+    return { focused: r };
+  const l = { passive: !0 };
+  return z(o, Bt, () => s.value = !0, l), z(o, qt, () => {
+    var i, u, c;
+    return s.value = (c = (u = (i = o.value) == null ? void 0 : i.matches) == null ? void 0 : u.call(i, Wt)) != null ? c : !1;
+  }, l), { focused: r };
 }
-function Ot(e, { window: t = K, scrollTarget: n } = {}) {
-  const o = y(!1), l = () => {
+function Nt(e, { window: t = N, scrollTarget: n } = {}) {
+  const o = k(!1), s = () => {
     if (!t) return;
-    const a = t.document, s = Y(e);
-    if (!s)
+    const r = t.document, a = q(e);
+    if (!a)
       o.value = !1;
     else {
-      const r = s.getBoundingClientRect();
-      o.value = r.top <= (t.innerHeight || a.documentElement.clientHeight) && r.left <= (t.innerWidth || a.documentElement.clientWidth) && r.bottom >= 0 && r.right >= 0;
+      const l = a.getBoundingClientRect();
+      o.value = l.top <= (t.innerHeight || r.documentElement.clientHeight) && l.left <= (t.innerWidth || r.documentElement.clientWidth) && l.bottom >= 0 && l.right >= 0;
     }
   };
-  return P(
-    () => Y(e),
-    () => l(),
+  return O(
+    () => q(e),
+    () => s(),
     { immediate: !0, flush: "post" }
-  ), t && j(n || t, "scroll", l, {
+  ), t && z(n || t, "scroll", s, {
     capture: !1,
     passive: !0
   }), o;
 }
-const L = (e) => {
-  let t = Ot(e).value;
+const x = (e) => {
+  let t = Nt(e).value;
   return t = t && e.offsetHeight > 0, t;
-}, $ = (e) => e.tabIndex >= 0, pe = (e) => {
+}, V = (e) => e.tabIndex >= 0, ge = (e) => {
   const t = e.target;
-  return re(t);
-}, re = (e) => {
+  return ce(t);
+}, ce = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
     const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
     if (o) {
-      const l = Array.from(o.children)[e.cellIndex];
-      l && (n = l);
+      const s = Array.from(o.children)[e.cellIndex];
+      s && (n = s);
     }
   } else if (e instanceof HTMLTableRowElement) {
     const o = e.previousElementSibling;
     o && (n = o);
   }
-  return n && (!$(n) || !L(n)) ? re(n) : n;
-}, Ft = (e) => {
+  return n && (!V(n) || !x(n)) ? ce(n) : n;
+}, Yt = (e) => {
   var t;
   const n = e.target;
   let o;
   if (n instanceof HTMLTableCellElement) {
-    const l = (t = n.parentElement) == null ? void 0 : t.parentElement;
-    if (l) {
-      const a = l.firstElementChild, s = a == null ? void 0 : a.children[n.cellIndex];
-      s && (o = s);
+    const s = (t = n.parentElement) == null ? void 0 : t.parentElement;
+    if (s) {
+      const r = s.firstElementChild, a = r == null ? void 0 : r.children[n.cellIndex];
+      a && (o = a);
     }
   } else if (n instanceof HTMLTableRowElement) {
-    const l = n.parentElement;
-    if (l) {
-      const a = l.firstElementChild;
-      a && (o = a);
+    const s = n.parentElement;
+    if (s) {
+      const r = s.firstElementChild;
+      r && (o = r);
     }
   }
-  return o && (!$(o) || !L(o)) ? ie(o) : o;
-}, ve = (e) => {
+  return o && (!V(o) || !x(o)) ? de(o) : o;
+}, ye = (e) => {
   const t = e.target;
-  return ie(t);
-}, ie = (e) => {
+  return de(t);
+}, de = (e) => {
   var t;
   let n;
   if (e instanceof HTMLTableCellElement) {
     const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
     if (o) {
-      const l = Array.from(o.children)[e.cellIndex];
-      l && (n = l);
+      const s = Array.from(o.children)[e.cellIndex];
+      s && (n = s);
     }
   } else if (e instanceof HTMLTableRowElement) {
     const o = e.nextElementSibling;
     o && (n = o);
   }
-  return n && (!$(n) || !L(n)) ? ie(n) : n;
-}, Ht = (e) => {
+  return n && (!V(n) || !x(n)) ? de(n) : n;
+}, jt = (e) => {
   var t;
   const n = e.target;
   let o;
   if (n instanceof HTMLTableCellElement) {
-    const l = (t = n.parentElement) == null ? void 0 : t.parentElement;
-    if (l) {
-      const a = l.lastElementChild, s = a == null ? void 0 : a.children[n.cellIndex];
-      s && (o = s);
+    const s = (t = n.parentElement) == null ? void 0 : t.parentElement;
+    if (s) {
+      const r = s.lastElementChild, a = r == null ? void 0 : r.children[n.cellIndex];
+      a && (o = a);
     }
   } else if (n instanceof HTMLTableRowElement) {
-    const l = n.parentElement;
-    if (l) {
-      const a = l.lastElementChild;
-      a && (o = a);
+    const s = n.parentElement;
+    if (s) {
+      const r = s.lastElementChild;
+      r && (o = r);
     }
   }
-  return o && (!$(o) || !L(o)) ? re(o) : o;
-}, he = (e) => {
+  return o && (!V(o) || !x(o)) ? ce(o) : o;
+}, be = (e) => {
   const t = e.target;
-  return ue(t);
-}, ue = (e) => {
+  return fe(t);
+}, fe = (e) => {
   var t;
   let n;
   if (e.previousElementSibling)
@@ -664,11 +782,11 @@ const L = (e) => {
     const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
     n = o == null ? void 0 : o.lastElementChild;
   }
-  return n && (!$(n) || !L(n)) ? ue(n) : n;
-}, ge = (e) => {
+  return n && (!V(n) || !x(n)) ? fe(n) : n;
+}, we = (e) => {
   const t = e.target;
-  return ce(t);
-}, ce = (e) => {
+  return me(t);
+}, me = (e) => {
   var t;
   let n;
   if (e.nextElementSibling)
@@ -677,155 +795,155 @@ const L = (e) => {
     const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
     n = o == null ? void 0 : o.firstElementChild;
   }
-  return n && (!$(n) || !L(n)) ? ce(n) : n;
-}, ye = (e) => {
+  return n && (!V(n) || !x(n)) ? me(n) : n;
+}, ke = (e) => {
   const t = e.target.parentElement, n = t == null ? void 0 : t.firstElementChild;
-  return n && (!$(n) || !L(n)) ? ce(n) : n;
-}, be = (e) => {
+  return n && (!V(n) || !x(n)) ? me(n) : n;
+}, _e = (e) => {
   const t = e.target.parentElement, n = t == null ? void 0 : t.lastElementChild;
-  return n && (!$(n) || !L(n)) ? ue(n) : n;
-}, z = ["alt", "control", "shift", "meta"], Rt = {
+  return n && (!V(n) || !x(n)) ? fe(n) : n;
+}, X = ["alt", "control", "shift", "meta"], Kt = {
   ArrowUp: "up",
   ArrowDown: "down",
   ArrowLeft: "left",
   ArrowRight: "right"
-}, Le = {
+}, xe = {
   "keydown.up": (e) => {
-    const t = pe(e);
+    const t = ge(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.down": (e) => {
-    const t = ve(e);
+    const t = ye(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.left": (e) => {
-    const t = he(e);
+    const t = be(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.right": (e) => {
-    const t = ge(e);
+    const t = we(e);
     e.preventDefault(), e.stopPropagation(), t && t.focus();
   },
   "keydown.control.up": (e) => {
-    const t = Ft(e);
+    const t = Yt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.down": (e) => {
-    const t = Ht(e);
+    const t = jt(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.left": (e) => {
-    const t = ye(e);
+    const t = ke(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.control.right": (e) => {
-    const t = be(e);
+    const t = _e(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.end": (e) => {
-    const t = be(e);
+    const t = _e(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = ve(e);
+      const t = ye(e);
       t && t.focus();
     }
   },
   "keydown.shift.enter": (e) => {
     if (e.target instanceof HTMLTableCellElement) {
       e.preventDefault(), e.stopPropagation();
-      const t = pe(e);
+      const t = ge(e);
       t && t.focus();
     }
   },
   "keydown.home": (e) => {
-    const t = ye(e);
+    const t = ke(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.tab": (e) => {
-    const t = ge(e);
+    const t = we(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   },
   "keydown.shift.tab": (e) => {
-    const t = he(e);
+    const t = be(e);
     t && (e.preventDefault(), e.stopPropagation(), t.focus());
   }
 };
-function Bt(e) {
-  const t = (s) => {
-    let r = null;
-    return s.parent && (typeof s.parent == "string" ? r = document.querySelector(s.parent) : s.parent instanceof HTMLElement ? r = s.parent : r = s.parent.value), r;
-  }, n = (s) => {
-    var r;
-    const u = t(s);
-    let i = [];
-    if (typeof s.selectors == "string")
-      i = u ? Array.from(u.querySelectorAll(s.selectors)) : Array.from(document.querySelectorAll(s.selectors));
-    else if (Array.isArray(s.selectors))
-      for (const c of s.selectors)
-        c instanceof HTMLElement ? i.push(c) : i.push(c.$el);
-    else if (s.selectors instanceof HTMLElement)
-      i.push(s.selectors);
-    else if ((r = s.selectors) != null && r.value)
-      if (Array.isArray(s.selectors.value))
-        for (const c of s.selectors.value)
-          c instanceof HTMLElement ? i.push(c) : i.push(c.$el);
-      else
-        i.push(s.selectors.value);
-    return i;
-  }, o = (s) => {
-    const r = t(s);
+function zt(e) {
+  const t = (a) => {
+    let l = null;
+    return a.parent && (typeof a.parent == "string" ? l = document.querySelector(a.parent) : a.parent instanceof HTMLElement ? l = a.parent : l = a.parent.value), l;
+  }, n = (a) => {
+    var l;
+    const i = t(a);
     let u = [];
-    return s.selectors ? u = n(s) : r && (u = Array.from(r.children).filter((i) => $(i) && L(i))), u;
-  }, l = (s) => (r) => {
-    const u = Rt[r.key] || r.key.toLowerCase();
-    if (z.includes(u)) return;
-    const i = s.handlers || Le;
-    for (const c of Object.keys(i)) {
-      const [m, ...f] = c.split(".");
-      if (m === "keydown" && f.includes(u)) {
-        const p = i[c], w = f.filter((h) => z.includes(h)), v = z.some((h) => {
-          const _ = h.charAt(0).toUpperCase() + h.slice(1);
-          return r.getModifierState(_);
+    if (typeof a.selectors == "string")
+      u = i ? Array.from(i.querySelectorAll(a.selectors)) : Array.from(document.querySelectorAll(a.selectors));
+    else if (Array.isArray(a.selectors))
+      for (const c of a.selectors)
+        c instanceof HTMLElement ? u.push(c) : u.push(c.$el);
+    else if (a.selectors instanceof HTMLElement)
+      u.push(a.selectors);
+    else if ((l = a.selectors) != null && l.value)
+      if (Array.isArray(a.selectors.value))
+        for (const c of a.selectors.value)
+          c instanceof HTMLElement ? u.push(c) : u.push(c.$el);
+      else
+        u.push(a.selectors.value);
+    return u;
+  }, o = (a) => {
+    const l = t(a);
+    let i = [];
+    return a.selectors ? i = n(a) : l && (i = Array.from(l.children).filter((u) => V(u) && x(u))), i;
+  }, s = (a) => (l) => {
+    const i = Kt[l.key] || l.key.toLowerCase();
+    if (X.includes(i)) return;
+    const u = a.handlers || xe;
+    for (const c of Object.keys(u)) {
+      const [v, ...f] = c.split(".");
+      if (v === "keydown" && f.includes(i)) {
+        const p = u[c], y = f.filter((m) => X.includes(m)), I = X.some((m) => {
+          const h = m.charAt(0).toUpperCase() + m.slice(1);
+          return l.getModifierState(h);
         });
-        if (w.length > 0) {
-          if (v) {
-            for (const h of z)
-              if (f.includes(h)) {
-                const _ = h.charAt(0).toUpperCase() + h.slice(1);
-                r.getModifierState(_) && p(r);
+        if (y.length > 0) {
+          if (I) {
+            for (const m of X)
+              if (f.includes(m)) {
+                const h = m.charAt(0).toUpperCase() + m.slice(1);
+                l.getModifierState(h) && p(l);
               }
           }
         } else
-          v || p(r);
+          I || p(l);
       }
     }
-  }, a = [];
-  ne(() => {
-    for (const s of e) {
-      const r = t(s), u = o(s), i = l(s), c = r ? [r] : u;
-      for (const m of c) {
-        const { focused: f } = Pt(y(m)), p = P(f, (w) => {
-          w ? m.addEventListener("keydown", i) : m.removeEventListener("keydown", i);
+  }, r = [];
+  se(() => {
+    for (const a of e) {
+      const l = t(a), i = o(a), u = s(a), c = l ? [l] : i;
+      for (const v of c) {
+        const { focused: f } = Ut(k(v)), p = O(f, (y) => {
+          y ? v.addEventListener("keydown", u) : v.removeEventListener("keydown", u);
         });
-        a.push(p);
+        r.push(p);
       }
     }
-  }), Be(() => {
-    for (const s of a)
-      s();
+  }), We(() => {
+    for (const a of r)
+      a();
   });
 }
-const qt = {
+const Gt = {
   class: "adatepicker",
   tabindex: "0",
   ref: "datepicker"
-}, Wt = {
+}, Xt = {
   colspan: "5",
   tabindex: -1
-}, Ut = ["onClick", "onKeydown"], Nt = 6, we = 7, Yt = /* @__PURE__ */ M({
+}, Jt = ["onClick", "onKeydown"], Qt = 6, De = 7, Zt = /* @__PURE__ */ C({
   __name: "ADatePicker",
   props: {
     modelValue: { default: /* @__PURE__ */ new Date() },
@@ -833,46 +951,46 @@ const qt = {
   },
   emits: ["update:modelValue"],
   setup(e, { expose: t }) {
-    const n = H(e, "modelValue"), o = y(new Date(n.value)), l = y(o.value.getMonth()), a = y(o.value.getFullYear()), s = y([]), r = _e("datepicker");
-    ne(async () => {
-      u(), await We();
-      const k = document.getElementsByClassName("selectedDate");
-      if (k.length > 0)
-        k[0].focus();
+    const n = W(e, "modelValue"), o = k(new Date(n.value)), s = k(o.value.getMonth()), r = k(o.value.getFullYear()), a = k([]), l = Me("datepicker");
+    se(async () => {
+      i(), await Ye();
+      const b = document.getElementsByClassName("selectedDate");
+      if (b.length > 0)
+        b[0].focus();
       else {
-        const A = document.getElementsByClassName("todaysDate");
-        A.length > 0 && A[0].focus();
+        const _ = document.getElementsByClassName("todaysDate");
+        _.length > 0 && _[0].focus();
       }
     });
-    const u = () => {
-      s.value = [];
-      const k = new Date(a.value, l.value, 1), A = k.getDay(), I = k.setDate(k.getDate() - A);
-      for (const x of Array(43).keys())
-        s.value.push(I + x * 864e5);
+    const i = () => {
+      a.value = [];
+      const b = new Date(r.value, s.value, 1), _ = b.getDay(), S = b.setDate(b.getDate() - _);
+      for (const P of Array(43).keys())
+        a.value.push(S + P * 864e5);
     };
-    P([l, a], u);
-    const i = () => a.value -= 1, c = () => a.value += 1, m = () => {
-      l.value == 0 ? (l.value = 11, i()) : l.value -= 1;
+    O([s, r], i);
+    const u = () => r.value -= 1, c = () => r.value += 1, v = () => {
+      s.value == 0 ? (s.value = 11, u()) : s.value -= 1;
     }, f = () => {
-      l.value == 11 ? (l.value = 0, c()) : l.value += 1;
-    }, p = (k) => {
-      const A = /* @__PURE__ */ new Date();
-      if (l.value === A.getMonth())
-        return A.toDateString() === new Date(k).toDateString();
-    }, w = (k) => new Date(k).toDateString() === new Date(o.value).toDateString(), v = (k, A) => (k - 1) * we + A, h = (k, A) => s.value[v(k, A)], _ = (k) => {
-      n.value = o.value = new Date(s.value[k]);
-    }, B = T(() => new Date(a.value, l.value, 1).toLocaleDateString(void 0, {
+      s.value == 11 ? (s.value = 0, c()) : s.value += 1;
+    }, p = (b) => {
+      const _ = /* @__PURE__ */ new Date();
+      if (s.value === _.getMonth())
+        return _.toDateString() === new Date(b).toDateString();
+    }, y = (b) => new Date(b).toDateString() === new Date(o.value).toDateString(), I = (b, _) => (b - 1) * De + _, m = (b, _) => a.value[I(b, _)], h = (b) => {
+      n.value = o.value = new Date(a.value[b]);
+    }, E = T(() => new Date(r.value, s.value, 1).toLocaleDateString(void 0, {
       year: "numeric",
       month: "long"
     }));
-    return Bt([
+    return zt([
       {
-        parent: r,
+        parent: l,
         selectors: "td",
         handlers: {
-          ...Le,
-          "keydown.pageup": m,
-          "keydown.shift.pageup": i,
+          ...xe,
+          "keydown.pageup": v,
+          "keydown.shift.pageup": u,
           "keydown.pagedown": f,
           "keydown.shift.pagedown": c,
           // TODO: this is a hack to override the stonecrop enter handler;
@@ -882,23 +1000,23 @@ const qt = {
           }
         }
       }
-    ]), t({ currentMonth: l, currentYear: a, selectedDate: o }), (k, A) => (g(), b("div", qt, [
+    ]), t({ currentMonth: s, currentYear: r, selectedDate: o }), (b, _) => (g(), w("div", Gt, [
       d("table", null, [
         d("tbody", null, [
           d("tr", null, [
             d("td", {
               id: "previous-month-btn",
-              onClick: m,
+              onClick: v,
               tabindex: -1
             }, "<"),
-            d("th", Wt, D(B.value), 1),
+            d("th", Xt, A(E.value), 1),
             d("td", {
               id: "next-month-btn",
               onClick: f,
               tabindex: -1
             }, ">")
           ]),
-          A[0] || (A[0] = d("tr", { class: "days-header" }, [
+          _[0] || (_[0] = d("tr", { class: "days-header" }, [
             d("td", null, "M"),
             d("td", null, "T"),
             d("td", null, "W"),
@@ -907,37 +1025,37 @@ const qt = {
             d("td", null, "S"),
             d("td", null, "S")
           ], -1)),
-          (g(), b(U, null, N(Nt, (I) => d("tr", { key: I }, [
-            (g(), b(U, null, N(we, (x) => d("td", {
+          (g(), w(j, null, K(Qt, (S) => d("tr", { key: S }, [
+            (g(), w(j, null, K(De, (P) => d("td", {
               ref_for: !0,
               ref: "celldate",
-              key: v(I, x),
+              key: I(S, P),
               contenteditable: !1,
               spellcheck: !1,
               tabindex: 0,
-              onClick: Me((xe) => _(v(I, x)), ["prevent", "stop"]),
-              onKeydown: O((xe) => _(v(I, x)), ["enter"]),
-              class: J({
-                todaysDate: p(h(I, x)),
-                selectedDate: w(h(I, x))
+              onClick: Te((Pe) => h(I(S, P)), ["prevent", "stop"]),
+              onKeydown: R((Pe) => h(I(S, P)), ["enter"]),
+              class: Q({
+                todaysDate: p(m(S, P)),
+                selectedDate: y(m(S, P))
               })
-            }, D(new Date(h(I, x)).getDate()), 43, Ut)), 64))
+            }, A(new Date(m(S, P)).getDate()), 43, Jt)), 64))
           ])), 64))
         ])
       ])
     ], 512));
   }
-}), jt = /* @__PURE__ */ S(Yt, [["__scopeId", "data-v-f49cfd40"]]), Gt = /* @__PURE__ */ M({
+}), en = /* @__PURE__ */ L(Zt, [["__scopeId", "data-v-f49cfd40"]]), tn = /* @__PURE__ */ C({
   __name: "CollapseButton",
   props: {
     collapsed: { type: Boolean }
   },
   setup(e) {
-    return (t, n) => (g(), b("button", {
-      class: J(["collapse-button", t.collapsed ? "rotated" : "unrotated"])
+    return (t, n) => (g(), w("button", {
+      class: Q(["collapse-button", t.collapsed ? "rotated" : "unrotated"])
     }, "×", 2));
   }
-}), Kt = /* @__PURE__ */ S(Gt, [["__scopeId", "data-v-6f1c1b45"]]), zt = { class: "aform" }, Xt = /* @__PURE__ */ M({
+}), nn = /* @__PURE__ */ L(tn, [["__scopeId", "data-v-6f1c1b45"]]), on = { class: "aform" }, ln = /* @__PURE__ */ C({
   __name: "AForm",
   props: {
     modelValue: {},
@@ -946,36 +1064,36 @@ const qt = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = t, o = y(e.data || {}), l = (s) => {
-      let r = {};
-      for (const [u, i] of Object.entries(s))
-        ["component", "fieldtype"].includes(u) || (r[u] = i), u === "rows" && i && i.length === 0 && (r.rows = o.value[s.fieldname]);
-      return r;
-    }, a = T({
-      get: () => e.modelValue.map((s, r) => T({
+    const n = t, o = k(e.data || {}), s = (a) => {
+      let l = {};
+      for (const [i, u] of Object.entries(a))
+        ["component", "fieldtype"].includes(i) || (l[i] = u), i === "rows" && u && u.length === 0 && (l.rows = o.value[a.fieldname]);
+      return l;
+    }, r = T({
+      get: () => e.modelValue.map((a, l) => T({
         get() {
-          return s.value;
+          return a.value;
         },
-        set: (u) => {
-          e.modelValue[r].value = u, n("update:modelValue", e.modelValue);
+        set: (i) => {
+          e.modelValue[l].value = i, n("update:modelValue", e.modelValue);
         }
       })),
       set: () => {
       }
     });
-    return (s, r) => (g(), b("form", zt, [
-      (g(!0), b(U, null, N(s.modelValue, (u, i) => (g(), te(Ue(u.component), Ne({
-        key: i,
-        schema: u,
-        modelValue: a.value[i].value,
-        "onUpdate:modelValue": (c) => a.value[i].value = c,
-        data: o.value[u.fieldname],
-        readonly: s.readonly,
+    return (a, l) => (g(), w("form", on, [
+      (g(!0), w(j, null, K(a.modelValue, (i, u) => (g(), oe(je(i.component), Ke({
+        key: u,
+        schema: i,
+        modelValue: r.value[u].value,
+        "onUpdate:modelValue": (c) => r.value[u].value = c,
+        data: o.value[i.fieldname],
+        readonly: a.readonly,
         ref_for: !0
-      }, l(u)), null, 16, ["schema", "modelValue", "onUpdate:modelValue", "data", "readonly"]))), 128))
+      }, s(i)), null, 16, ["schema", "modelValue", "onUpdate:modelValue", "data", "readonly"]))), 128))
     ]));
   }
-}), $e = /* @__PURE__ */ S(Xt, [["__scopeId", "data-v-68845234"]]), Jt = /* @__PURE__ */ M({
+}), Ve = /* @__PURE__ */ L(ln, [["__scopeId", "data-v-68845234"]]), sn = /* @__PURE__ */ C({
   __name: "AFieldset",
   props: {
     schema: {},
@@ -984,65 +1102,65 @@ const qt = {
     data: {}
   },
   setup(e, { expose: t }) {
-    const n = y(!1), o = y(e.data || []), l = y(e.schema), a = (s) => {
-      s.preventDefault(), e.collapsible && (n.value = !n.value);
+    const n = k(!1), o = k(e.data || []), s = k(e.schema), r = (a) => {
+      a.preventDefault(), e.collapsible && (n.value = !n.value);
     };
-    return t({ collapsed: n }), (s, r) => (g(), b("fieldset", null, [
+    return t({ collapsed: n }), (a, l) => (g(), w("fieldset", null, [
       d("legend", {
-        onClick: a,
-        onSubmit: a
+        onClick: r,
+        onSubmit: r
       }, [
-        Ie(D(s.label) + " ", 1),
-        s.collapsible ? (g(), te(Kt, {
+        Se(A(a.label) + " ", 1),
+        a.collapsible ? (g(), oe(nn, {
           key: 0,
           collapsed: n.value
-        }, null, 8, ["collapsed"])) : oe("", !0)
+        }, null, 8, ["collapsed"])) : ae("", !0)
       ], 32),
-      Ye(s.$slots, "default", { collapsed: n.value }, () => [
-        E(je($e, {
-          modelValue: l.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (u) => l.value = u),
+      ze(a.$slots, "default", { collapsed: n.value }, () => [
+        M(Ge(Ve, {
+          modelValue: s.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (i) => s.value = i),
           data: o.value
         }, null, 8, ["modelValue", "data"]), [
-          [R, !n.value]
+          [U, !n.value]
         ])
       ], !0)
     ]));
   }
-}), Qt = /* @__PURE__ */ S(Jt, [["__scopeId", "data-v-e7ea7e12"]]), Zt = { class: "aform_form-element aform_file-attach aform__grid--full" }, en = {
+}), an = /* @__PURE__ */ L(sn, [["__scopeId", "data-v-e7ea7e12"]]), rn = { class: "aform_form-element aform_file-attach aform__grid--full" }, un = {
   key: 0,
   class: "aform_file-attach-feedback"
-}, tn = ["disabled"], nn = /* @__PURE__ */ M({
+}, cn = ["disabled"], dn = /* @__PURE__ */ C({
   __name: "AFileAttach",
   props: {
     label: {}
   },
   setup(e) {
-    const { files: t, open: n, reset: o, onChange: l } = mt(), a = T(() => `${t.value.length} ${t.value.length === 1 ? "file" : "files"}`);
-    return l((s) => s), (s, r) => (g(), b("div", Zt, [
-      C(t) ? (g(), b("div", en, [
+    const { files: t, open: n, reset: o, onChange: s } = yt(), r = T(() => `${t.value.length} ${t.value.length === 1 ? "file" : "files"}`);
+    return s((a) => a), (a, l) => (g(), w("div", rn, [
+      $(t) ? (g(), w("div", un, [
         d("p", null, [
-          r[2] || (r[2] = Ie(" You have selected: ")),
-          d("b", null, D(a.value), 1)
+          l[2] || (l[2] = Se(" You have selected: ")),
+          d("b", null, A(r.value), 1)
         ]),
-        (g(!0), b(U, null, N(C(t), (u) => (g(), b("li", {
-          key: u.name
-        }, D(u.name), 1))), 128))
-      ])) : oe("", !0),
+        (g(!0), w(j, null, K($(t), (i) => (g(), w("li", {
+          key: i.name
+        }, A(i.name), 1))), 128))
+      ])) : ae("", !0),
       d("button", {
         type: "button",
-        onClick: r[0] || (r[0] = (u) => C(n)()),
+        onClick: l[0] || (l[0] = (i) => $(n)()),
         class: "aform_form-btn"
-      }, D(s.label), 1),
+      }, A(a.label), 1),
       d("button", {
         type: "button",
-        disabled: !C(t),
-        onClick: r[1] || (r[1] = (u) => C(o)()),
+        disabled: !$(t),
+        onClick: l[1] || (l[1] = (i) => $(o)()),
         class: "aform_form-btn"
-      }, "Reset", 8, tn)
+      }, "Reset", 8, cn)
     ]));
   }
-}), on = /* @__PURE__ */ S(nn, [["__scopeId", "data-v-0b3a11cc"]]), ln = { class: "aform_form-element" }, sn = ["id", "disabled", "required"], an = ["for"], rn = ["innerHTML"], un = /* @__PURE__ */ M({
+}), fn = /* @__PURE__ */ L(dn, [["__scopeId", "data-v-0b3a11cc"]]), mn = { class: "aform_form-element" }, pn = ["id", "disabled", "required"], vn = ["for"], hn = ["innerHTML"], gn = /* @__PURE__ */ C({
   __name: "ANumericInput",
   props: /* @__PURE__ */ G({
     schema: {},
@@ -1058,31 +1176,31 @@ const qt = {
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = H(e, "modelValue");
-    return (n, o) => (g(), b("div", ln, [
-      E(d("input", {
+    const t = W(e, "modelValue");
+    return (n, o) => (g(), w("div", mn, [
+      M(d("input", {
         class: "aform_input-field",
-        "onUpdate:modelValue": o[0] || (o[0] = (l) => t.value = l),
+        "onUpdate:modelValue": o[0] || (o[0] = (s) => t.value = s),
         type: "number",
         id: n.uuid,
         disabled: n.readonly,
         required: n.required
-      }, null, 8, sn), [
-        [F, t.value]
+      }, null, 8, pn), [
+        [B, t.value]
       ]),
       d("label", {
         class: "aform_field-label",
         for: n.uuid
-      }, D(n.label), 9, an),
-      E(d("p", {
+      }, A(n.label), 9, vn),
+      M(d("p", {
         class: "aform_error",
         innerHTML: n.validation.errorMessage
-      }, null, 8, rn), [
-        [R, n.validation.errorMessage]
+      }, null, 8, hn), [
+        [U, n.validation.errorMessage]
       ])
     ]));
   }
-}), ke = {
+}), Ee = {
   date: "##/##/####",
   datetime: "####/##/## ##:##",
   time: "##:##",
@@ -1090,57 +1208,57 @@ const qt = {
   phone: "(###) ### - ####",
   card: "#### #### #### ####"
 };
-function cn(e) {
+function yn(e) {
   try {
     return Function(`"use strict";return (${e})`)();
   } catch {
   }
 }
-function dn(e) {
-  var n, o, l;
+function bn(e) {
+  var n, o, s;
   let t = e.value;
   if (t) {
-    const a = cn(t);
-    if (a) {
-      const s = (n = e.instance) == null ? void 0 : n.locale;
-      t = a(s);
+    const r = yn(t);
+    if (r) {
+      const a = (n = e.instance) == null ? void 0 : n.locale;
+      t = r(a);
     }
   } else {
-    const a = (o = e.instance) == null ? void 0 : o.schema, s = (l = a == null ? void 0 : a.fieldtype) == null ? void 0 : l.toLowerCase();
-    s && ke[s] && (t = ke[s]);
+    const r = (o = e.instance) == null ? void 0 : o.schema, a = (s = r == null ? void 0 : r.fieldtype) == null ? void 0 : s.toLowerCase();
+    a && Ee[a] && (t = Ee[a]);
   }
   return t;
 }
-function fn(e, t) {
+function wn(e, t) {
   let n = e;
   const o = [t, "/", "-", "(", ")", " "];
-  for (const l of o)
-    n = n.replaceAll(l, "");
+  for (const s of o)
+    n = n.replaceAll(s, "");
   return n;
 }
-function mn(e, t, n) {
+function kn(e, t, n) {
   let o = t;
-  for (const l of e) {
-    const a = o.indexOf(n);
-    if (a !== -1) {
-      const s = o.substring(0, a), r = o.substring(a + 1);
-      o = s + l + r;
+  for (const s of e) {
+    const r = o.indexOf(n);
+    if (r !== -1) {
+      const a = o.substring(0, r), l = o.substring(r + 1);
+      o = a + s + l;
     }
   }
   return o.slice(0, t.length);
 }
-function pn(e, t) {
-  var s;
-  const n = dn(t);
+function _n(e, t) {
+  var a;
+  const n = bn(t);
   if (!n) return;
-  const o = "#", l = e.value, a = fn(l, o);
-  if (a) {
-    const r = mn(a, n, o);
-    (s = t.instance) != null && s.maskFilled && (t.instance.maskFilled = !r.includes(o)), e.value = r;
+  const o = "#", s = e.value, r = wn(s, o);
+  if (r) {
+    const l = kn(r, n, o);
+    (a = t.instance) != null && a.maskFilled && (t.instance.maskFilled = !l.includes(o)), e.value = l;
   } else
     e.value = n;
 }
-const vn = { class: "aform_form-element" }, hn = ["id", "disabled", "maxlength", "required"], gn = ["for"], yn = ["innerHTML"], bn = /* @__PURE__ */ M({
+const Dn = { class: "aform_form-element" }, En = ["id", "disabled", "maxlength", "required"], Mn = ["for"], An = ["innerHTML"], In = /* @__PURE__ */ C({
   __name: "ATextInput",
   props: /* @__PURE__ */ G({
     schema: {},
@@ -1156,35 +1274,35 @@ const vn = { class: "aform_form-element" }, hn = ["id", "disabled", "maxlength",
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = y(!0), n = H(e, "modelValue");
-    return (o, l) => (g(), b("div", vn, [
-      E(d("input", {
+    const t = k(!0), n = W(e, "modelValue");
+    return (o, s) => (g(), w("div", Dn, [
+      M(d("input", {
         class: "aform_input-field",
-        "onUpdate:modelValue": l[0] || (l[0] = (a) => n.value = a),
+        "onUpdate:modelValue": s[0] || (s[0] = (r) => n.value = r),
         id: o.uuid,
         disabled: o.readonly,
         maxlength: o.mask ? t.value && o.mask.length : void 0,
         required: o.required
-      }, null, 8, hn), [
-        [F, n.value],
-        [C(pn), o.mask]
+      }, null, 8, En), [
+        [B, n.value],
+        [$(_n), o.mask]
       ]),
       d("label", {
         class: "aform_field-label",
         for: o.uuid
-      }, D(o.label), 9, gn),
-      E(d("p", {
+      }, A(o.label), 9, Mn),
+      M(d("p", {
         class: "aform_error",
         innerHTML: o.validation.errorMessage
-      }, null, 8, yn), [
-        [R, o.validation.errorMessage]
+      }, null, 8, An), [
+        [U, o.validation.errorMessage]
       ])
     ]));
   }
-}), wn = { class: "login-container" }, kn = { class: "account-container" }, _n = { class: "account-header" }, An = { id: "account-title" }, Dn = { id: "account-subtitle" }, En = { class: "login-form-container" }, Mn = { class: "login-form-email aform_form-element" }, In = ["disabled"], Cn = { class: "login-form-password aform_form-element" }, Tn = ["disabled"], Sn = ["disabled"], Ln = {
+}), Cn = { class: "login-container" }, Tn = { class: "account-container" }, Sn = { class: "account-header" }, $n = { id: "account-title" }, Ln = { id: "account-subtitle" }, xn = { class: "login-form-container" }, Vn = { class: "login-form-email aform_form-element" }, Pn = ["disabled"], On = { class: "login-form-password aform_form-element" }, Fn = ["disabled"], Rn = ["disabled"], Hn = {
   key: 0,
   class: "material-symbols-outlined loading-icon"
-}, $n = /* @__PURE__ */ M({
+}, Bn = /* @__PURE__ */ C({
   __name: "Login",
   props: {
     headerTitle: { default: "Login" },
@@ -1192,94 +1310,94 @@ const vn = { class: "aform_form-element" }, hn = ["id", "disabled", "maxlength",
   },
   emits: ["loginFailed", "loginSuccess"],
   setup(e, { emit: t }) {
-    const n = t, o = y(""), l = y(""), a = y(!1), s = y(!1);
-    function r(u) {
-      if (u.preventDefault(), a.value = !0, s.value) {
-        a.value = !1, n("loginFailed");
+    const n = t, o = k(""), s = k(""), r = k(!1), a = k(!1);
+    function l(i) {
+      if (i.preventDefault(), r.value = !0, a.value) {
+        r.value = !1, n("loginFailed");
         return;
       }
-      a.value = !1, n("loginSuccess");
+      r.value = !1, n("loginSuccess");
     }
-    return (u, i) => (g(), b("div", wn, [
+    return (i, u) => (g(), w("div", Cn, [
       d("div", null, [
-        d("div", kn, [
-          d("div", _n, [
-            d("h1", An, D(u.headerTitle), 1),
-            d("p", Dn, D(u.headerSubtitle), 1)
+        d("div", Tn, [
+          d("div", Sn, [
+            d("h1", $n, A(i.headerTitle), 1),
+            d("p", Ln, A(i.headerSubtitle), 1)
           ]),
-          d("form", { onSubmit: r }, [
-            d("div", En, [
-              d("div", Mn, [
-                i[2] || (i[2] = d("label", {
+          d("form", { onSubmit: l }, [
+            d("div", xn, [
+              d("div", Vn, [
+                u[2] || (u[2] = d("label", {
                   id: "login-email",
                   for: "email",
                   class: "aform_field-label"
                 }, "Email", -1)),
-                E(d("input", {
+                M(d("input", {
                   id: "email",
                   class: "aform_input-field",
                   name: "email",
                   placeholder: "name@example.com",
                   type: "email",
-                  "onUpdate:modelValue": i[0] || (i[0] = (c) => o.value = c),
+                  "onUpdate:modelValue": u[0] || (u[0] = (c) => o.value = c),
                   "auto-capitalize": "none",
                   "auto-complete": "email",
                   "auto-correct": "off",
-                  disabled: a.value
-                }, null, 8, In), [
-                  [F, o.value]
+                  disabled: r.value
+                }, null, 8, Pn), [
+                  [B, o.value]
                 ])
               ]),
-              d("div", Cn, [
-                i[3] || (i[3] = d("label", {
+              d("div", On, [
+                u[3] || (u[3] = d("label", {
                   id: "login-password",
                   for: "password",
                   class: "aform_field-label"
                 }, "Password", -1)),
-                E(d("input", {
+                M(d("input", {
                   id: "password",
                   class: "aform_input-field",
                   name: "password",
                   type: "password",
-                  "onUpdate:modelValue": i[1] || (i[1] = (c) => l.value = c),
-                  disabled: a.value
-                }, null, 8, Tn), [
-                  [F, l.value]
+                  "onUpdate:modelValue": u[1] || (u[1] = (c) => s.value = c),
+                  disabled: r.value
+                }, null, 8, Fn), [
+                  [B, s.value]
                 ])
               ]),
               d("button", {
                 class: "btn",
-                onClick: r,
-                disabled: a.value || !o.value || !l.value
+                onClick: l,
+                disabled: r.value || !o.value || !s.value
               }, [
-                a.value ? (g(), b("span", Ln, "progress_activity")) : oe("", !0),
-                i[4] || (i[4] = d("span", { id: "login-form-button" }, "Login", -1))
-              ], 8, Sn)
+                r.value ? (g(), w("span", Hn, "progress_activity")) : ae("", !0),
+                u[4] || (u[4] = d("span", { id: "login-form-button" }, "Login", -1))
+              ], 8, Rn)
             ])
           ], 32),
-          i[5] || (i[5] = d("button", { class: "btn" }, [
+          u[5] || (u[5] = d("button", { class: "btn" }, [
             d("span", { id: "forgot-password-button" }, "Forgot password?")
           ], -1))
         ])
       ])
     ]));
   }
-}), Vn = /* @__PURE__ */ S($n, [["__scopeId", "data-v-6cbd3add"]]);
-function Pn(e) {
-  e.component("ACheckbox", Ze), e.component("ACombobox", et), e.component("ADate", st), e.component("ADropdown", At), e.component("ADatePicker", jt), e.component("AFieldset", Qt), e.component("AFileAttach", on), e.component("AForm", $e), e.component("ANumericInput", un), e.component("ATextInput", bn);
+}), Wn = /* @__PURE__ */ L(Bn, [["__scopeId", "data-v-6cbd3add"]]);
+function Un(e) {
+  e.component("ACheckbox", nt), e.component("ACombobox", ot), e.component("ADate", it), e.component("ADropdown", Ct), e.component("ADatePicker", en), e.component("AFieldset", an), e.component("AFileAttach", fn), e.component("AForm", Ve), e.component("ANumericInput", gn), e.component("ATextInput", In);
 }
 export {
-  Ze as ACheckbox,
-  et as AComboBox,
-  st as ADate,
-  jt as ADatePicker,
-  At as ADropdown,
-  Qt as AFieldset,
-  on as AFileAttach,
-  $e as AForm,
-  un as ANumericInput,
-  bn as ATextInput,
-  Vn as Login,
-  Pn as install
+  nt as ACheckbox,
+  ot as AComboBox,
+  it as ADate,
+  en as ADatePicker,
+  Ct as ADropdown,
+  an as AFieldset,
+  fn as AFileAttach,
+  Ve as AForm,
+  gn as ANumericInput,
+  In as ATextInput,
+  Wn as Login,
+  Un as install
 };
 //# sourceMappingURL=aform.js.map