@stonecrop/aform 0.3.10 → 0.4.0

package/dist/aform.js

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