vx-vue 0.3.0 → 0.5.0

package/dist/vxvue.es.js

@@ -1,21 +1,287 @@
-import { ref as w, computed as $, openBlock as r, createElementBlock as d, Fragment as D, createCommentVNode as C, createVNode as F, Transition as Z, withCtx as z, createElementVNode as u, normalizeClass as k, renderSlot as S, createTextVNode as A, toDisplayString as y, renderList as V, withModifiers as M, unref as _, nextTick as R, toValue as q, getCurrentScope as ue, onScopeDispose as ie, watch as B, useAttrs as E, withDirectives as J, mergeProps as L, vModelText as ce, createBlock as O, onMounted as K, resolveDynamicComponent as Q, resolveComponent as de, vShow as ve } from "vue";
-const he = {
+import { getCurrentScope as we, onScopeDispose as xe, unref as M, watch as E, useAttrs as q, ref as g, computed as C, onUpdated as ye, openBlock as u, createElementBlock as d, normalizeClass as _, createElementVNode as c, mergeProps as O, withKeys as U, withModifiers as V, createCommentVNode as D, Fragment as P, renderList as B, renderSlot as A, toDisplayString as $, createVNode as N, Transition as ae, withCtx as G, createTextVNode as j, nextTick as ee, toValue as te, withDirectives as ne, vModelText as ke, createBlock as R, onMounted as oe, pushScopeId as $e, popScopeId as _e, resolveDynamicComponent as re, resolveComponent as Ce, vShow as Se } from "vue";
+function De(e) {
+  return we() ? (xe(e), !0) : !1;
+}
+function ue(e) {
+  return typeof e == "function" ? e() : M(e);
+}
+const ie = typeof window < "u" && typeof document < "u", Me = Object.prototype.toString, Ve = (e) => Me.call(e) === "[object Object]", Q = () => {
+}, Pe = /* @__PURE__ */ Ae();
+function Ae() {
+  var e;
+  return ie && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
+}
+const Be = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a{1,2}|A{1,2}|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
+function Fe(e, n, l, s) {
+  let t = e < 12 ? "AM" : "PM";
+  return s && (t = t.split("").reduce((o, r) => o += `${r}.`, "")), l ? t.toLowerCase() : t;
+}
+function le(e, n, l = {}) {
+  var s;
+  const t = e.getFullYear(), o = e.getMonth(), r = e.getDate(), a = e.getHours(), v = e.getMinutes(), i = e.getSeconds(), h = e.getMilliseconds(), m = e.getDay(), f = (s = l.customMeridiem) != null ? s : Fe, p = {
+    YY: () => String(t).slice(-2),
+    YYYY: () => t,
+    M: () => o + 1,
+    MM: () => `${o + 1}`.padStart(2, "0"),
+    MMM: () => e.toLocaleDateString(l.locales, { month: "short" }),
+    MMMM: () => e.toLocaleDateString(l.locales, { month: "long" }),
+    D: () => String(r),
+    DD: () => `${r}`.padStart(2, "0"),
+    H: () => String(a),
+    HH: () => `${a}`.padStart(2, "0"),
+    h: () => `${a % 12 || 12}`.padStart(1, "0"),
+    hh: () => `${a % 12 || 12}`.padStart(2, "0"),
+    m: () => String(v),
+    mm: () => `${v}`.padStart(2, "0"),
+    s: () => String(i),
+    ss: () => `${i}`.padStart(2, "0"),
+    SSS: () => `${h}`.padStart(3, "0"),
+    d: () => m,
+    dd: () => e.toLocaleDateString(l.locales, { weekday: "narrow" }),
+    ddd: () => e.toLocaleDateString(l.locales, { weekday: "short" }),
+    dddd: () => e.toLocaleDateString(l.locales, { weekday: "long" }),
+    A: () => f(a, v),
+    AA: () => f(a, v, !1, !0),
+    a: () => f(a, v, !0),
+    aa: () => f(a, v, !0, !0)
+  };
+  return n.replace(Be, (k, Y) => {
+    var L, z;
+    return (z = Y ?? ((L = p[k]) == null ? void 0 : L.call(p))) != null ? z : k;
+  });
+}
+function W(e) {
+  var n;
+  const l = ue(e);
+  return (n = l == null ? void 0 : l.$el) != null ? n : l;
+}
+const ce = ie ? window : void 0;
+function J(...e) {
+  let n, l, s, t;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, s, t] = e, n = ce) : [n, l, s, t] = e, !n)
+    return Q;
+  Array.isArray(l) || (l = [l]), Array.isArray(s) || (s = [s]);
+  const o = [], r = () => {
+    o.forEach((h) => h()), o.length = 0;
+  }, a = (h, m, f, p) => (h.addEventListener(m, f, p), () => h.removeEventListener(m, f, p)), v = E(
+    () => [W(n), ue(t)],
+    ([h, m]) => {
+      if (r(), !h)
+        return;
+      const f = Ve(m) ? { ...m } : m;
+      o.push(
+        ...l.flatMap((p) => s.map((k) => a(h, p, k, f)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), i = () => {
+    v(), r();
+  };
+  return De(i), i;
+}
+let se = !1;
+function de(e, n, l = {}) {
+  const { window: s = ce, ignore: t = [], capture: o = !0, detectIframe: r = !1 } = l;
+  if (!s)
+    return;
+  Pe && !se && (se = !0, Array.from(s.document.body.children).forEach((f) => f.addEventListener("click", Q)), s.document.documentElement.addEventListener("click", Q));
+  let a = !0;
+  const v = (f) => t.some((p) => {
+    if (typeof p == "string")
+      return Array.from(s.document.querySelectorAll(p)).some((k) => k === f.target || f.composedPath().includes(k));
+    {
+      const k = W(p);
+      return k && (f.target === k || f.composedPath().includes(k));
+    }
+  }), h = [
+    J(s, "click", (f) => {
+      const p = W(e);
+      if (!(!p || p === f.target || f.composedPath().includes(p))) {
+        if (f.detail === 0 && (a = !v(f)), !a) {
+          a = !0;
+          return;
+        }
+        n(f);
+      }
+    }, { passive: !0, capture: o }),
+    J(s, "pointerdown", (f) => {
+      const p = W(e);
+      p && (a = !f.composedPath().includes(p) && !v(f));
+    }, { passive: !0 }),
+    r && J(s, "blur", (f) => {
+      setTimeout(() => {
+        var p;
+        const k = W(e);
+        ((p = s.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !(k != null && k.contains(s.document.activeElement)) && n(f);
+      }, 0);
+    })
+  ].filter(Boolean);
+  return () => h.forEach((f) => f());
+}
+const Le = ["value", "onKeydown"], Ie = { class: "absolute right-0 pr-3 flex items-center inset-y-0 text-vxvue-700" }, Te = {
+  key: 0,
+  class: "animate-spin w-5 h-5",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24"
+}, Oe = /* @__PURE__ */ c("circle", {
+  class: "opacity-25",
+  cx: "12",
+  cy: "12",
+  r: "10",
+  stroke: "currentColor",
+  "stroke-width": "4"
+}, null, -1), je = /* @__PURE__ */ c("path", {
+  class: "opacity-75",
+  fill: "currentColor",
+  d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+}, null, -1), Ye = [
+  Oe,
+  je
+], al = {
+  __name: "autocomplete",
+  props: {
+    modelValue: { type: String, default: "" },
+    search: { type: Function, required: !0 },
+    baseClass: { type: String, default: "vxvue-autocomplete" },
+    resultListClass: { type: String, default: "result-list" },
+    resultItemClass: { type: String, default: "result-list-item" },
+    inputClass: { type: String, default: "autocomplete-input" },
+    autoSelect: { type: Boolean, default: !1 },
+    getResultValue: { type: Function, default: (e) => e }
+  },
+  emits: ["update:modelValue", "blur", "submit"],
+  setup(e, { emit: n }) {
+    const l = e, s = q(), o = (() => {
+      let b = 0;
+      return (w) => (w || "") + ++b;
+    })()((s.id || "autocomplete") + "-"), r = g([]), a = g(-1), v = g(0), i = g(!1), h = g(!1), m = g("top-0 translate-y-12"), f = g(!0), p = g(null), k = g(null), Y = g(null), L = C(
+      () => r.value.map((b, w) => ({
+        id: (s.id || "autocomplete") + "-item-" + w,
+        class: ["autocomplete-item", l.resultItemClass, { "bg-vxvue-700 text-white": a.value === w }],
+        "data-result-index": w,
+        role: "option",
+        ...a.value === w ? { "aria-selected": "true" } : {}
+      }))
+    ), z = C(() => ({
+      role: "combobox",
+      autocomplete: "off",
+      autocapitalize: "off",
+      autocorrect: "off",
+      spellcheck: "false",
+      "aria-autocomplete": "list",
+      "aria-haspopup": "listbox",
+      "aria-owns": o,
+      "aria-expanded": i.value ? "true" : "false",
+      "aria-activedescendant": a.value > -1 ? L.value[a.value].id : "",
+      ...s
+    })), x = C(() => ({
+      id: o,
+      class: ["autocomplete-list absolute min-w-full transform z-10", l.resultListClass, m.value],
+      role: "listbox"
+    })), S = () => {
+      a.value = -1, r.value = [], i.value = !1, f.value = !0;
+    }, y = (b) => {
+      const w = l.search(b);
+      if (w instanceof Promise) {
+        const T = ++v.value;
+        h.value = !0, w.then((F) => {
+          T === v.value && (r.value = F, h.value = !1, r.value.length ? (a.value = l.autoSelect ? 0 : -1, i.value = !0) : S());
+        });
+      } else
+        r.value = w, r.value.length === 0 ? S() : (a.value = l.autoSelect ? 0 : -1, i.value = !0);
+    }, I = () => {
+      const b = r.value[a.value];
+      return b && n("update:modelValue", l.getResultValue(b)), S(), b;
+    }, X = (b) => {
+      n("update:modelValue", b), y(b);
+    }, K = (b) => y(b.target.value), H = () => {
+      S(), n("blur");
+    }, Z = () => {
+      const b = r.value.length;
+      a.value = ((a.value - 1) % b + b) % b;
+    }, he = (b) => {
+      i.value || K(b);
+      const w = r.value.length;
+      a.value = ((a.value + 1) % w + w) % w;
+    }, me = () => {
+      S(), n("update:modelValue", "");
+    }, ge = () => n("submit", I()), be = (b) => {
+      const w = b.target.closest("[data-result-index]");
+      w && (a.value = parseInt(w.dataset.resultIndex, 10), n("submit", I()));
+    };
+    return de(Y, S), ye(() => {
+      if (p.value) {
+        const b = k.value.getBoundingClientRect(), w = p.value.getBoundingClientRect();
+        f.value && r.value.length && (f.value = !1, m.value = b.bottom + w.height > window.innerHeight && window.innerHeight - b.bottom < b.top && window.pageYOffset + b.top - w.height > 0 ? "bottom-0  -translate-y-12" : "top-0 translate-y-12");
+        const T = p.value.querySelector('[data-result-index="' + a.value + '"]');
+        if (T) {
+          let F = T.getBoundingClientRect();
+          F.top < w.top ? p.value.scrollTop -= w.top - F.top : F.bottom > w.bottom && (p.value.scrollTop += F.bottom - w.bottom);
+        }
+      }
+    }), (b, w) => (u(), d("div", {
+      class: _(["relative inline-block", b.$attrs.class]),
+      ref_key: "container",
+      ref: Y
+    }, [
+      c("input", O({
+        ref_key: "input",
+        ref: k,
+        class: "form-input w-full block focus:border-vxvue pr-10",
+        value: e.modelValue
+      }, z.value, {
+        onInput: w[0] || (w[0] = (T) => X(T.target.value)),
+        onKeydown: [
+          U(ge, ["enter"]),
+          U(me, ["esc"]),
+          U(I, ["tab"]),
+          U(V(Z, ["prevent"]), ["up"]),
+          U(V(he, ["prevent"]), ["down"])
+        ],
+        onFocus: K,
+        onBlur: H
+      }), null, 16, Le),
+      c("span", Ie, [
+        h.value ? (u(), d("svg", Te, Ye)) : D("", !0)
+      ]),
+      r.value.length ? (u(), d("ul", O({
+        key: 0,
+        ref_key: "resultList",
+        ref: p
+      }, x.value, {
+        onClick: be,
+        onMousedown: w[1] || (w[1] = V(() => {
+        }, ["prevent"]))
+      }), [
+        (u(!0), d(P, null, B(r.value, (T, F) => A(b.$slots, "result", {
+          result: T,
+          props: L.value[F]
+        }, () => [
+          (u(), d("li", O({
+            key: L.value[F].id
+          }, L.value[F]), $(e.getResultValue(T)), 17))
+        ])), 256))
+      ], 16)) : D("", !0)
+    ], 2));
+  }
+}, Ee = {
   key: 0,
   class: "fixed inset-0 z-50 bg-black bg-opacity-50 backdrop-blur-sm",
   "aria-hidden": "true"
-}, fe = {
+}, Ne = {
   key: 0,
   class: "overflow-y-auto fixed inset-0 z-50"
-}, me = { class: "flex justify-center items-end px-4 pt-4 pb-20 min-h-screen text-center sm:block sm:p-0" }, pe = { key: 0 }, ge = /* @__PURE__ */ u("span", {
+}, ze = { class: "flex justify-center items-end px-4 pt-4 pb-20 min-h-screen text-center sm:block sm:p-0" }, Re = { key: 0 }, He = /* @__PURE__ */ c("span", {
   class: "hidden sm:inline-block sm:h-screen sm:align-middle",
   "aria-hidden": "true"
-}, "​", -1), xe = { class: "inline-block overflow-hidden text-left align-bottom bg-white rounded shadow-xl transition-all transform sm:my-8 sm:w-full sm:max-w-sm sm:align-middle lg:max-w-lg" }, be = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, we = { class: "flex flex-row items-center" }, ye = { class: "flex-shrink-0" }, ke = { class: "flex-grow text-center" }, $e = ["onClick"], Tt = {
+}, "​", -1), Ue = { class: "inline-block overflow-hidden text-left align-bottom bg-white rounded shadow-xl transition-all transform sm:my-8 sm:w-full sm:max-w-sm sm:align-middle lg:max-w-lg" }, We = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, qe = { class: "flex flex-row items-center" }, Ke = { class: "flex-shrink-0" }, Ge = { class: "flex-grow text-center" }, Xe = ["onClick"], nl = {
   __name: "confirm",
   props: {
     buttons: {
       type: [Object, Array],
       default: { label: "Ok" },
-      validator: (e) => Array.isArray(e) && e.length <= 2 && e.filter((a) => a.label !== "undefined" && a.value !== "undefined").length === e.length || e.label !== void 0 && e.value !== void 0
+      validator: (e) => Array.isArray(e) && e.length <= 2 && e.filter((n) => n.label !== "undefined" && n.value !== "undefined").length === e.length || e.label !== void 0 && e.value !== void 0
     },
     headerClass: {
       type: String,
@@ -26,238 +292,119 @@ const he = {
       default: "button"
     }
   },
-  setup(e, { expose: a }) {
-    const l = e, s = w(""), t = w(""), o = w(!1);
-    let c = null, n = null;
-    const v = $(() => Array.isArray(l.buttons) ? l.buttons : [l.buttons]), i = w(null);
-    return a({ open: (m, h) => (s.value = m, t.value = h, o.value = !0, R(() => i.value.firstElementChild.focus()), new Promise((p, b) => {
-      c = p, n = b;
-    })) }), (m, h) => (r(), d(D, null, [
-      o.value ? (r(), d("div", he)) : C("", !0),
-      F(Z, { name: "appear" }, {
-        default: z(() => [
-          o.value ? (r(), d("div", fe, [
-            u("div", me, [
-              o.value ? (r(), d("div", pe, [
-                ge,
-                u("div", xe, [
-                  s.value ? (r(), d("h3", {
+  setup(e, { expose: n }) {
+    const l = e, s = g(""), t = g(""), o = g(!1);
+    let r = null, a = null;
+    const v = C(() => Array.isArray(l.buttons) ? l.buttons : [l.buttons]), i = g(null);
+    return n({ open: (m, f) => (s.value = m, t.value = f, o.value = !0, ee(() => i.value.firstElementChild.focus()), new Promise((p, k) => {
+      r = p, a = k;
+    })) }), (m, f) => (u(), d(P, null, [
+      o.value ? (u(), d("div", Ee)) : D("", !0),
+      N(ae, { name: "appear" }, {
+        default: G(() => [
+          o.value ? (u(), d("div", Ne, [
+            c("div", ze, [
+              o.value ? (u(), d("div", Re, [
+                He,
+                c("div", Ue, [
+                  s.value ? (u(), d("h3", {
                     key: 0,
-                    class: k(["py-4 pt-4 text-lg font-medium text-center sm:py-6", e.headerClass])
+                    class: _(["py-4 pt-4 text-lg font-medium text-center sm:py-6", e.headerClass])
                   }, [
-                    S(m.$slots, "title", { title: s.value }, () => [
-                      A(y(s.value), 1)
+                    A(m.$slots, "title", { title: s.value }, () => [
+                      j($(s.value), 1)
                     ])
-                  ], 2)) : C("", !0),
-                  u("div", be, [
-                    u("div", we, [
-                      u("div", ye, [
-                        S(m.$slots, "icon")
+                  ], 2)) : D("", !0),
+                  c("div", We, [
+                    c("div", qe, [
+                      c("div", Ke, [
+                        A(m.$slots, "icon")
                       ]),
-                      u("p", ke, [
-                        S(m.$slots, "default", { message: t.value }, () => [
-                          A(y(t.value), 1)
+                      c("p", Ge, [
+                        A(m.$slots, "default", { message: t.value }, () => [
+                          j($(t.value), 1)
                         ])
                       ])
                     ]),
-                    u("div", {
+                    c("div", {
                       class: "flex justify-center mt-5 space-x-2 sm:mt-6",
                       ref_key: "buttonsContainer",
                       ref: i
                     }, [
-                      (r(!0), d(D, null, V(v.value, (p, b) => (r(), d("button", {
-                        class: k([e.buttonClass, p.class]),
-                        onClick: M((T) => {
-                          o.value = !1, b === 0 ? _(c)() : _(n)();
+                      (u(!0), d(P, null, B(v.value, (p, k) => (u(), d("button", {
+                        class: _([e.buttonClass, p.class]),
+                        onClick: V((Y) => {
+                          o.value = !1, k === 0 ? M(r)() : M(a)();
                         }, ["prevent"])
-                      }, y(p.label), 11, $e))), 256))
+                      }, $(p.label), 11, Xe))), 256))
                     ], 512)
                   ])
                 ])
-              ])) : C("", !0)
+              ])) : D("", !0)
             ])
-          ])) : C("", !0)
+          ])) : D("", !0)
         ]),
         _: 3
       })
     ], 64));
   }
 };
-function _e(e, a) {
-  const l = w(!1), s = q(a);
-  let t, o = s.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), c = [];
+function Ze(e, n) {
+  const l = g(!1), s = te(n);
+  let t, o = s.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), r = [];
   if ((t = s.match(/\bd\b/gi)) && t.length === 1)
     o = o.replace("d", "(\\d{1,2})");
   else if ((t = s.match(/\bdd\b/gi)) && t.length === 1)
     o = o.replace("dd", "(\\d{2})");
   else
     return { date: l };
-  if (c.push({ srcPos: s.toLowerCase().indexOf("d"), destPos: 2 }), (t = s.match(/\bm\b/gi)) && t.length === 1)
+  if (r.push({ srcPos: s.toLowerCase().indexOf("d"), destPos: 2 }), (t = s.match(/\bm\b/gi)) && t.length === 1)
     o = o.replace("m", "(\\d{1,2})");
   else if ((t = s.match(/\bmm\b/gi)) && t.length === 1)
     o = o.replace("mm", "(\\d{2})");
   else
     return { date: l };
-  if (c.push({ srcPos: s.toLowerCase().indexOf("m"), destPos: 1 }), (t = s.match(/\byyyy\b/gi)) && t.length === 1)
+  if (r.push({ srcPos: s.toLowerCase().indexOf("m"), destPos: 1 }), (t = s.match(/\byyyy\b/gi)) && t.length === 1)
     o = o.replace("yyyy", "(\\d{4})");
   else
     return { date: l };
-  if (c.push({ srcPos: s.toLowerCase().indexOf("y"), destPos: 0 }), !(t = q(e).match(o)))
+  if (r.push({ srcPos: s.toLowerCase().indexOf("y"), destPos: 0 }), !(t = te(e).match(o)))
     return { date: l };
-  t.shift(), c.sort((f, m) => f.srcPos < m.srcPos ? -1 : 1);
-  let n = [], v, i;
+  t.shift(), r.sort((h, m) => h.srcPos < m.srcPos ? -1 : 1);
+  let a = [], v, i;
   for (; v = t.shift(); )
-    i = c.shift(), n[i.destPos] = v;
-  return n = Date.parse(n.join("-")), n && (n = new Date(n), l.value = new Date(n.getFullYear(), n.getMonth(), n.getDate(), 0, 0, 0)), { date: l };
-}
-function Ce(e) {
-  return ue() ? (ie(e), !0) : !1;
-}
-function ee(e) {
-  return typeof e == "function" ? e() : _(e);
-}
-const te = typeof window < "u" && typeof document < "u", De = Object.prototype.toString, Se = (e) => De.call(e) === "[object Object]", W = () => {
-}, Me = /* @__PURE__ */ Ve();
-function Ve() {
-  var e;
-  return te && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
-}
-const Pe = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a{1,2}|A{1,2}|m{1,2}|s{1,2}|Z{1,2}|SSS/g;
-function Ae(e, a, l, s) {
-  let t = e < 12 ? "AM" : "PM";
-  return s && (t = t.split("").reduce((o, c) => o += `${c}.`, "")), l ? t.toLowerCase() : t;
-}
-function G(e, a, l = {}) {
-  var s;
-  const t = e.getFullYear(), o = e.getMonth(), c = e.getDate(), n = e.getHours(), v = e.getMinutes(), i = e.getSeconds(), f = e.getMilliseconds(), m = e.getDay(), h = (s = l.customMeridiem) != null ? s : Ae, p = {
-    YY: () => String(t).slice(-2),
-    YYYY: () => t,
-    M: () => o + 1,
-    MM: () => `${o + 1}`.padStart(2, "0"),
-    MMM: () => e.toLocaleDateString(l.locales, { month: "short" }),
-    MMMM: () => e.toLocaleDateString(l.locales, { month: "long" }),
-    D: () => String(c),
-    DD: () => `${c}`.padStart(2, "0"),
-    H: () => String(n),
-    HH: () => `${n}`.padStart(2, "0"),
-    h: () => `${n % 12 || 12}`.padStart(1, "0"),
-    hh: () => `${n % 12 || 12}`.padStart(2, "0"),
-    m: () => String(v),
-    mm: () => `${v}`.padStart(2, "0"),
-    s: () => String(i),
-    ss: () => `${i}`.padStart(2, "0"),
-    SSS: () => `${f}`.padStart(3, "0"),
-    d: () => m,
-    dd: () => e.toLocaleDateString(l.locales, { weekday: "narrow" }),
-    ddd: () => e.toLocaleDateString(l.locales, { weekday: "short" }),
-    dddd: () => e.toLocaleDateString(l.locales, { weekday: "long" }),
-    A: () => h(n, v),
-    AA: () => h(n, v, !1, !0),
-    a: () => h(n, v, !0),
-    aa: () => h(n, v, !0, !0)
-  };
-  return a.replace(Pe, (b, T) => {
-    var I, N;
-    return (N = T ?? ((I = p[b]) == null ? void 0 : I.call(p))) != null ? N : b;
-  });
-}
-function Y(e) {
-  var a;
-  const l = ee(e);
-  return (a = l == null ? void 0 : l.$el) != null ? a : l;
-}
-const le = te ? window : void 0;
-function U(...e) {
-  let a, l, s, t;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([l, s, t] = e, a = le) : [a, l, s, t] = e, !a)
-    return W;
-  Array.isArray(l) || (l = [l]), Array.isArray(s) || (s = [s]);
-  const o = [], c = () => {
-    o.forEach((f) => f()), o.length = 0;
-  }, n = (f, m, h, p) => (f.addEventListener(m, h, p), () => f.removeEventListener(m, h, p)), v = B(
-    () => [Y(a), ee(t)],
-    ([f, m]) => {
-      if (c(), !f)
-        return;
-      const h = Se(m) ? { ...m } : m;
-      o.push(
-        ...l.flatMap((p) => s.map((b) => n(f, p, b, h)))
-      );
-    },
-    { immediate: !0, flush: "post" }
-  ), i = () => {
-    v(), c();
-  };
-  return Ce(i), i;
+    i = r.shift(), a[i.destPos] = v;
+  return a = Date.parse(a.join("-")), a && (a = new Date(a), l.value = new Date(a.getFullYear(), a.getMonth(), a.getDate(), 0, 0, 0)), { date: l };
 }
-let X = !1;
-function Be(e, a, l = {}) {
-  const { window: s = le, ignore: t = [], capture: o = !0, detectIframe: c = !1 } = l;
-  if (!s)
-    return;
-  Me && !X && (X = !0, Array.from(s.document.body.children).forEach((h) => h.addEventListener("click", W)), s.document.documentElement.addEventListener("click", W));
-  let n = !0;
-  const v = (h) => t.some((p) => {
-    if (typeof p == "string")
-      return Array.from(s.document.querySelectorAll(p)).some((b) => b === h.target || h.composedPath().includes(b));
-    {
-      const b = Y(p);
-      return b && (h.target === b || h.composedPath().includes(b));
-    }
-  }), f = [
-    U(s, "click", (h) => {
-      const p = Y(e);
-      if (!(!p || p === h.target || h.composedPath().includes(p))) {
-        if (h.detail === 0 && (n = !v(h)), !n) {
-          n = !0;
-          return;
-        }
-        a(h);
-      }
-    }, { passive: !0, capture: o }),
-    U(s, "pointerdown", (h) => {
-      const p = Y(e);
-      p && (n = !h.composedPath().includes(p) && !v(h));
-    }, { passive: !0 }),
-    c && U(s, "blur", (h) => {
-      setTimeout(() => {
-        var p;
-        const b = Y(e);
-        ((p = s.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !(b != null && b.contains(s.document.activeElement)) && a(h);
-      }, 0);
-    })
-  ].filter(Boolean);
-  return () => f.forEach((h) => h());
-}
-const Fe = { key: 0 }, Le = { class: "text-vxvue-700" }, Oe = /* @__PURE__ */ u("svg", {
+const Je = { key: 0 }, Qe = { class: "text-vxvue-700" }, et = /* @__PURE__ */ c("svg", {
   class: "w-2 h-2",
   stroke: "currentColor",
   fill: "none",
   viewBox: "0 0 8 8"
 }, [
-  /* @__PURE__ */ u("path", {
+  /* @__PURE__ */ c("path", {
     "stroke-linecap": "round",
     "stroke-width": "1.5",
     d: "M1 1l6 6m0-6L1 7"
   })
-], -1), Te = [
-  Oe
-], je = /* @__PURE__ */ u("svg", {
+], -1), tt = [
+  et
+], lt = /* @__PURE__ */ c("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor"
 }, [
-  /* @__PURE__ */ u("path", {
+  /* @__PURE__ */ c("path", {
     "stroke-linecap": "round",
     "stroke-linejoin": "round",
     "stroke-width": "2",
     d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
   })
-], -1), Ye = [
-  je
-], Ie = {
+], -1), st = [
+  lt
+], at = {
   __name: "date-input",
   props: {
     outputFormat: { type: String, default: "YYYY-MM-DD" },
@@ -267,118 +414,118 @@ const Fe = { key: 0 }, Le = { class: "text-vxvue-700" }, Oe = /* @__PURE__ */ u(
     modelValue: Date
   },
   emits: ["update:modelValue", "toggle-datepicker"],
-  setup(e, { emit: a }) {
-    const l = e, s = w(""), t = $(() => l.modelValue ? G(l.modelValue, l.outputFormat) : ""), o = $(() => {
-      let c = Object.assign({}, E());
-      return delete c.class, c;
+  setup(e, { emit: n }) {
+    const l = e, s = g(""), t = C(() => l.modelValue ? le(l.modelValue, l.outputFormat) : ""), o = C(() => {
+      let r = Object.assign({}, q());
+      return delete r.class, r;
     });
-    return B(() => l.modelValue, (c) => s.value = c ? G(c, l.outputFormat) : ""), (c, n) => (r(), d("div", {
-      class: k(["inline-block relative", c.$attrs.class])
+    return E(() => l.modelValue, (r) => s.value = r ? le(r, l.outputFormat) : ""), (r, a) => (u(), d("div", {
+      class: _(["inline-block relative", r.$attrs.class])
     }, [
-      t.value ? (r(), d("div", Fe, [
-        u("div", {
-          class: k(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showButton }])
+      t.value ? (u(), d("div", Je, [
+        c("div", {
+          class: _(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showButton }])
         }, [
-          u("span", Le, y(t.value), 1),
-          u("button", {
-            onClick: n[0] || (n[0] = (v) => a("update:modelValue", null)),
+          c("span", Qe, $(t.value), 1),
+          c("button", {
+            onClick: a[0] || (a[0] = (v) => n("update:modelValue", null)),
             class: "inline-flex flex-shrink-0 justify-center items-center ml-2 w-4 h-4 rounded-full focus:text-white focus:outline-none text-vxvue hover:bg-vxvue-100 hover:text-vue-700 focus:bg-vxvue-700"
-          }, Te)
+          }, tt)
         ], 2)
-      ])) : J((r(), d("input", L({
+      ])) : ne((u(), d("input", O({
         key: 1,
         type: "text",
         class: ["block w-full form-input focus:border-vxvue peer", { "pr-10": e.showButton }],
-        "onUpdate:modelValue": n[1] || (n[1] = (v) => s.value = v),
-        onBlur: n[2] || (n[2] = (v) => {
+        "onUpdate:modelValue": a[1] || (a[1] = (v) => s.value = v),
+        onBlur: a[2] || (a[2] = (v) => {
           var i;
-          return a("update:modelValue", ((i = _(_e)(s.value, l.inputFormat).date) == null ? void 0 : i.value) || null);
+          return n("update:modelValue", ((i = M(Ze)(s.value, l.inputFormat).date) == null ? void 0 : i.value) || null);
         }),
-        onInput: n[3] || (n[3] = M(() => {
+        onInput: a[3] || (a[3] = V(() => {
         }, ["prevent"]))
       }, o.value), null, 16)), [
-        [ce, s.value]
+        [ke, s.value]
       ]),
-      e.showButton ? (r(), d("button", {
+      e.showButton ? (u(), d("button", {
         key: 2,
         class: "flex absolute inset-y-0 right-0 items-center px-2 text-vxvue-700 hover:text-vxvue",
-        onClick: n[4] || (n[4] = M((v) => a("toggle-datepicker"), ["stop"]))
-      }, Ye)) : C("", !0),
-      S(c.$slots, "default")
+        onClick: a[4] || (a[4] = V((v) => n("toggle-datepicker"), ["stop"]))
+      }, st)) : D("", !0),
+      A(r.$slots, "default")
     ], 2));
   }
 };
-function se(e, a) {
-  return r(), d("svg", {
+function ve(e, n) {
+  return u(), d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true"
   }, [
-    u("path", {
+    c("path", {
       "fill-rule": "evenodd",
       d: "M7.72 12.53a.75.75 0 010-1.06l7.5-7.5a.75.75 0 111.06 1.06L9.31 12l6.97 6.97a.75.75 0 11-1.06 1.06l-7.5-7.5z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function ne(e, a) {
-  return r(), d("svg", {
+function fe(e, n) {
+  return u(), d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true"
   }, [
-    u("path", {
+    c("path", {
       "fill-rule": "evenodd",
       d: "M16.28 11.47a.75.75 0 010 1.06l-7.5 7.5a.75.75 0 01-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 011.06-1.06l7.5 7.5z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function Ne(e, a) {
-  return r(), d("svg", {
+function nt(e, n) {
+  return u(), d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true"
   }, [
-    u("path", {
+    c("path", {
       "fill-rule": "evenodd",
       d: "M3.75 12a.75.75 0 01.75-.75h15a.75.75 0 010 1.5h-15a.75.75 0 01-.75-.75z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function Ee(e, a) {
-  return r(), d("svg", {
+function ot(e, n) {
+  return u(), d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true"
   }, [
-    u("path", {
+    c("path", {
       "fill-rule": "evenodd",
       d: "M12 3.75a.75.75 0 01.75.75v6.75h6.75a.75.75 0 010 1.5h-6.75v6.75a.75.75 0 01-1.5 0v-6.75H4.5a.75.75 0 010-1.5h6.75V4.5a.75.75 0 01.75-.75z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-function ze(e, a) {
-  return r(), d("svg", {
+function rt(e, n) {
+  return u(), d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
     "aria-hidden": "true"
   }, [
-    u("path", {
+    c("path", {
       "fill-rule": "evenodd",
       d: "M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z",
       "clip-rule": "evenodd"
     })
   ]);
 }
-const He = { class: "flex flex-row items-center py-2 px-3 text-white bg-vxvue-700" }, Ue = ["onClick"], We = { class: "flex-grow text-center" }, Re = ["onClick"], qe = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, Ge = ["disabled", "onClick"], jt = {
+const ut = { class: "flex flex-row items-center py-2 px-3 text-white bg-vxvue-700" }, it = ["onClick"], ct = { class: "flex-grow text-center" }, dt = ["onClick"], vt = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, ft = ["disabled", "onClick"], ol = {
   __name: "datepicker",
   props: {
     modelValue: [Date, Boolean],
@@ -390,156 +537,198 @@ const He = { class: "flex flex-row items-center py-2 px-3 text-white bg-vxvue-70
     hasInput: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "month-change"],
-  setup(e, { emit: a }) {
+  setup(e, { emit: n }) {
     const l = e, s = (() => {
-      let g = /* @__PURE__ */ new Date();
-      return new Date(g.getFullYear(), g.getMonth(), g.getDate());
-    })(), t = w(new Date(s.getFullYear(), s.getMonth(), 1)), o = w(null), c = w(!l.hasInput), n = w("left-0"), v = w("top-0"), i = w(null), f = w(null), m = $(() => l.hasInput ? { class: ["absolute", c.value ? "block" : "hidden"] } : {}), h = $(() => {
-      const g = [], P = t.value.getFullYear(), x = t.value.getMonth(), j = new Date(P, x + 1, 0), ae = new Date(P, x, 0).getDay() + 1 - l.startOfWeekIndex, oe = (6 + l.startOfWeekIndex - j.getDay()) % 7;
-      for (let H = -ae, re = j.getDate() + oe; H < re; ++H)
-        g.push(new Date(P, x, H + 1));
-      return g;
-    }), p = $(() => l.startOfWeekIndex ? l.dayNames.slice(1).concat(l.dayNames[0]) : l.dayNames.slice());
-    B(() => l.modelValue, (g) => {
-      g ? (o.value = new Date(g.getFullYear(), g.getMonth(), g.getDate()), t.value = new Date(o.value.getTime())) : (o.value = null, t.value = new Date(s.getTime())), t.value.setDate(1);
-    }, { immediate: !0 }), B(c, (g) => {
-      g && l.hasInput && R(() => {
-        const P = i.value.$el.getBoundingClientRect(), x = f.value.getBoundingClientRect();
-        n.value = P.left + x.width > window.innerWidth ? "right-0" : "left-0", v.value = P.bottom + x.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12";
+      let x = /* @__PURE__ */ new Date();
+      return new Date(x.getFullYear(), x.getMonth(), x.getDate());
+    })(), t = g(new Date(s.getFullYear(), s.getMonth(), 1)), o = g(null), r = g(!l.hasInput), a = g("left-0"), v = g("top-0"), i = g(null), h = g(null), m = C(() => l.hasInput ? { class: ["absolute", r.value ? "block" : "hidden"] } : {}), f = C(() => {
+      const x = [], S = t.value.getFullYear(), y = t.value.getMonth(), I = new Date(S, y + 1, 0), X = new Date(S, y, 0).getDay() + 1 - l.startOfWeekIndex, K = (6 + l.startOfWeekIndex - I.getDay()) % 7;
+      for (let H = -X, Z = I.getDate() + K; H < Z; ++H)
+        x.push(new Date(S, y, H + 1));
+      return x;
+    }), p = C(() => l.startOfWeekIndex ? l.dayNames.slice(1).concat(l.dayNames[0]) : l.dayNames.slice());
+    E(() => l.modelValue, (x) => {
+      x ? (o.value = new Date(x.getFullYear(), x.getMonth(), x.getDate()), t.value = new Date(o.value.getTime())) : (o.value = null, t.value = new Date(s.getTime())), t.value.setDate(1);
+    }, { immediate: !0 }), E(r, (x) => {
+      x && l.hasInput && ee(() => {
+        const S = i.value.$el.getBoundingClientRect(), y = h.value.getBoundingClientRect();
+        a.value = S.left + y.width > window.innerWidth ? "right-0" : "left-0", v.value = S.bottom + y.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12";
       });
-    }), Be(f, () => c.value = !1);
-    const b = () => {
-      t.value = new Date(t.value.getFullYear(), t.value.getMonth() - 1, 1), a("month-change", t.value);
-    }, T = () => {
-      t.value = new Date(t.value.getFullYear(), t.value.getMonth() + 1, 1), a("month-change", t.value);
-    }, I = (g) => {
-      o.value = g, a("update:modelValue", g), c.value = !l.hasInput;
-    }, N = (g) => {
-      o.value = g, a("update:modelValue", g);
+    }), de(h, () => r.value = !1);
+    const k = () => {
+      t.value = new Date(t.value.getFullYear(), t.value.getMonth() - 1, 1), n("month-change", t.value);
+    }, Y = () => {
+      t.value = new Date(t.value.getFullYear(), t.value.getMonth() + 1, 1), n("month-change", t.value);
+    }, L = (x) => {
+      o.value = x, n("update:modelValue", x), r.value = !l.hasInput;
+    }, z = (x) => {
+      o.value = x, n("update:modelValue", x);
     };
-    return (g, P) => (r(), d("div", {
-      class: k(["relative", g.$attrs.class])
+    return (x, S) => (u(), d("div", {
+      class: _(["relative", x.$attrs.class])
     }, [
-      e.hasInput ? (r(), O(Ie, L({
+      e.hasInput ? (u(), R(at, O({
         key: 0,
         modelValue: o.value,
-        onToggleDatepicker: P[0] || (P[0] = (x) => c.value = !0),
-        "onUpdate:modelValue": N
-      }, g.$attrs, {
+        onToggleDatepicker: S[0] || (S[0] = (y) => r.value = !0),
+        "onUpdate:modelValue": z
+      }, x.$attrs, {
         ref_key: "input",
         ref: i,
         class: "w-full",
         locale: e.locale
       }), {
-        default: z(() => [
-          S(g.$slots, "default")
+        default: G(() => [
+          A(x.$slots, "default")
         ]),
         _: 3
-      }, 16, ["modelValue", "locale"])) : C("", !0),
-      u("div", L({ class: "z-10 bg-white shadow-md" }, m.value, {
+      }, 16, ["modelValue", "locale"])) : D("", !0),
+      c("div", O({ class: "z-10 bg-white shadow-md" }, m.value, {
         ref_key: "calendar",
-        ref: f,
-        class: [n.value, v.value]
+        ref: h,
+        class: [a.value, v.value]
       }), [
-        u("div", He, [
-          u("button", {
-            onClick: M(b, ["stop"]),
+        c("div", ut, [
+          c("button", {
+            onClick: V(k, ["stop"]),
             class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
           }, [
-            F(_(se), { class: "w-6 h-6" })
-          ], 8, Ue),
-          u("div", We, y(t.value.toLocaleString(e.locale, { month: "long" })) + " " + y(t.value.getFullYear()), 1),
-          u("button", {
-            onClick: M(T, ["stop"]),
+            N(M(ve), { class: "w-6 h-6" })
+          ], 8, it),
+          c("div", ct, $(t.value.toLocaleString(e.locale, { month: "long" })) + " " + $(t.value.getFullYear()), 1),
+          c("button", {
+            onClick: V(Y, ["stop"]),
             class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
           }, [
-            F(_(ne), { class: "w-6 h-6" })
-          ], 8, Re)
+            N(M(fe), { class: "w-6 h-6" })
+          ], 8, dt)
         ]),
-        u("div", qe, [
-          (r(!0), d(D, null, V(p.value, (x, j) => (r(), d("div", {
+        c("div", vt, [
+          (u(!0), d(P, null, B(p.value, (y, I) => (u(), d("div", {
             class: "py-2 text-center bg-gray-200",
-            key: j
-          }, y(x), 1))), 128)),
-          (r(!0), d(D, null, V(h.value, (x) => (r(), d("div", {
-            class: k(["text-center", x.getMonth() - t.value.getMonth() === 0 ? "text-vxvue-700" : "text-gray-400"])
+            key: I
+          }, $(y), 1))), 128)),
+          (u(!0), d(P, null, B(f.value, (y) => (u(), d("div", {
+            class: _(["text-center", y.getMonth() - t.value.getMonth() === 0 ? "text-vxvue-700" : "text-gray-400"])
           }, [
-            u("button", {
-              class: k([
+            c("button", {
+              class: _([
                 {
-                  "bg-vxvue-700 text-white": o.value && x.getTime() === o.value.getTime(),
-                  "bg-gray-200": x.getTime() === _(s).getTime(),
-                  "text-red-400": e.validFrom && e.validFrom > x || e.validUntil && e.validUntil < x
+                  "bg-vxvue-700 text-white": o.value && y.getTime() === o.value.getTime(),
+                  "bg-gray-200": y.getTime() === M(s).getTime(),
+                  "text-red-400": e.validFrom && e.validFrom > y || e.validUntil && e.validUntil < y
                 },
                 "py-2 px-3 rounded-sm"
               ]),
-              disabled: e.validFrom && e.validFrom > x || e.validUntil && e.validUntil < x,
-              onClick: M((j) => e.validFrom && e.validFrom > x || e.validUntil && e.validUntil < x ? null : I(x), ["stop"])
-            }, y(x.getDate()), 11, Ge)
+              disabled: e.validFrom && e.validFrom > y || e.validUntil && e.validUntil < y,
+              onClick: V((I) => e.validFrom && e.validFrom > y || e.validUntil && e.validUntil < y ? null : L(y), ["stop"])
+            }, $(y.getDate()), 11, ft)
           ], 2))), 256))
         ])
       ], 16)
     ], 2));
   }
-}, Xe = ["value"], Ze = {
+}, pt = ["for"], ht = ["id", "multiple", "accept"], rl = {
+  __name: "form-file-button",
+  props: {
+    modelValue: { type: Array },
+    accept: { type: String, default: "*" },
+    multiple: { type: Boolean, default: !1 },
+    name: { type: String, default: "file" },
+    id: { type: String, default: "form-file-button-" + Math.ceil(Math.random() * 1e3) }
+  },
+  emits: ["update:modelValue", "form-data"],
+  setup(e, { emit: n }) {
+    const l = e, s = (o) => {
+      const r = new FormData();
+      for (let a of o)
+        r.append(l.name, a, a.name);
+      return r;
+    }, t = (o) => {
+      const r = o.target.files || o.dataTransfer.files;
+      if (r) {
+        const a = [...r];
+        n("update:modelValue", a), n("form-data", s(a));
+      }
+    };
+    return (o, r) => (u(), d("label", { for: e.id }, [
+      A(o.$slots, "default", {}, () => [
+        j("Upload")
+      ]),
+      c("input", {
+        type: "file",
+        id: e.id,
+        multiple: e.multiple,
+        accept: e.accept,
+        onChange: t,
+        class: "hidden"
+      }, null, 40, ht)
+    ], 8, pt));
+  }
+}, mt = ["value"], gt = {
   key: 0,
   disabled: "",
   value: ""
-}, Je = ["value", "selected"], Yt = {
+}, bt = ["value", "selected"], ul = {
   __name: "form-select",
   props: { options: Array, modelValue: [String, Number], disabledLabel: String },
   emits: ["update:modelValue"],
-  setup(e, { emit: a }) {
-    return (l, s) => (r(), d("select", L(l.$attrs, {
+  setup(e, { emit: n }) {
+    return (l, s) => (u(), d("select", O(l.$attrs, {
       value: e.modelValue,
       class: "form-select",
-      onChange: s[0] || (s[0] = (t) => a("update:modelValue", t.target.value))
+      onChange: s[0] || (s[0] = (t) => n("update:modelValue", t.target.value))
     }), [
-      e.disabledLabel ? (r(), d("option", Ze, y(e.disabledLabel), 1)) : C("", !0),
-      (r(!0), d(D, null, V(e.options, (t) => (r(), d("option", {
+      e.disabledLabel ? (u(), d("option", gt, $(e.disabledLabel), 1)) : D("", !0),
+      (u(!0), d(P, null, B(e.options, (t) => (u(), d("option", {
         value: t.key !== void 0 ? t.key : t.label || t,
         selected: (t.key !== void 0 ? t.key : t.label || t) === e.modelValue
-      }, y(t.label || t), 9, Je))), 256))
-    ], 16, Xe));
+      }, $(t.label || t), 9, bt))), 256))
+    ], 16, mt));
   }
-}, Ke = ["aria-checked"], Qe = ["checked"], It = {
+}, wt = ["aria-checked"], xt = ["checked"], il = {
   __name: "form-switch",
   props: ["modelValue"],
   emits: ["update:modelValue"],
-  setup(e, { emit: a }) {
-    const l = e, s = $(() => l.modelValue ? "bg-vxvue" : "bg-slate-200"), t = $(() => l.modelValue ? "translate-x-5" : "translate-x-0"), o = $(() => {
-      let c = Object.assign({}, E());
-      return delete c.class, c;
+  setup(e, { emit: n }) {
+    const l = e, s = C(() => l.modelValue ? "bg-vxvue" : "bg-slate-200"), t = C(() => l.modelValue ? "translate-x-5" : "translate-x-0"), o = C(() => {
+      let r = Object.assign({}, q());
+      return delete r.class, r;
     });
-    return (c, n) => (r(), d(D, null, [
-      u("label", {
-        class: k(c.$attrs.class)
+    return (r, a) => (u(), d(P, null, [
+      c("label", {
+        class: _(r.$attrs.class)
       }, [
-        u("span", {
-          class: k([s.value, "inline-flex relative flex-shrink-0 w-11 h-6 rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out cursor-pointer focus:ring-2 focus:ring-offset-2 focus:outline-none focus:ring-vxvue"]),
+        c("span", {
+          class: _([s.value, "inline-flex relative flex-shrink-0 w-11 h-6 rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out cursor-pointer focus:ring-2 focus:ring-offset-2 focus:outline-none focus:ring-vxvue"]),
           role: "switch",
           "aria-checked": !!e.modelValue
         }, [
-          u("span", {
+          c("span", {
             "aria-hidden": "true",
-            class: k([t.value, "inline-block w-5 h-5 bg-white rounded-full ring-0 shadow transition duration-200 ease-in-out transform pointer-events-none"])
+            class: _([t.value, "inline-block w-5 h-5 bg-white rounded-full ring-0 shadow transition duration-200 ease-in-out transform pointer-events-none"])
           }, null, 2),
-          u("input", L({
+          c("input", O({
             class: "hidden",
             value: "1",
             type: "checkbox",
-            onChange: n[0] || (n[0] = (v) => a("update:modelValue", v.target.checked))
-          }, o.value, { checked: e.modelValue }), null, 16, Qe)
-        ], 10, Ke)
+            onChange: a[0] || (a[0] = (v) => n("update:modelValue", v.target.checked))
+          }, o.value, { checked: e.modelValue }), null, 16, xt)
+        ], 10, wt)
       ], 2),
-      S(c.$slots, "default")
+      A(r.$slots, "default")
     ], 64));
   }
 };
-const et = {
+const pe = (e, n) => {
+  const l = e.__vccOpts || e;
+  for (const [s, t] of n)
+    l[s] = t;
+  return l;
+}, yt = (e) => ($e("data-v-1be10676"), e = e(), _e(), e), kt = {
   "aria-live": "assertive",
   class: "flex fixed inset-0 z-50 items-start py-6 px-4 pointer-events-none sm:p-6"
-}, tt = { class: "flex flex-col items-center space-y-4 w-full" }, lt = { class: "p-4" }, st = { class: "flex items-start" }, nt = { class: "flex-shrink-0" }, at = { class: "flex-1 pt-0.5 ml-3 w-0" }, ot = { class: "font-bold" }, rt = { class: "mt-1" }, ut = { class: "flex flex-shrink-0 ml-4" }, it = /* @__PURE__ */ u("span", { class: "sr-only" }, "Close", -1), Nt = /* @__PURE__ */ Object.assign({
+}, $t = { class: "flex flex-col items-center space-y-4 w-full" }, _t = { class: "p-4" }, Ct = { class: "flex items-start" }, St = { class: "flex-shrink-0" }, Dt = { class: "flex-1 pt-0.5 ml-3 w-0" }, Mt = { class: "font-bold" }, Vt = { class: "mt-1" }, Pt = { class: "flex flex-shrink-0 ml-4" }, At = /* @__PURE__ */ yt(() => /* @__PURE__ */ c("span", { class: "sr-only" }, "Close", -1)), Bt = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "message-toast",
@@ -550,56 +739,56 @@ const et = {
     active: { type: Boolean, default: !1 }
   },
   emits: ["timeout", "close"],
-  setup(e, { emit: a }) {
-    const l = e, s = w(null), t = $(() => typeof l.message == "string" ? [l.message] : l.message), o = () => {
+  setup(e, { emit: n }) {
+    const l = e, s = g(null), t = C(() => typeof l.message == "string" ? [l.message] : l.message), o = () => {
       window.clearTimeout(s.value), l.active && l.timeout && (s.value = window.setTimeout(() => {
-        a("timeout");
+        n("timeout");
       }, l.timeout));
     };
-    return B(() => l.active, o), K(o), (c, n) => (r(), d("div", et, [
-      u("div", tt, [
-        F(Z, { name: "messagetoast-fade" }, {
-          default: z(() => [
-            e.active ? (r(), d("div", {
+    return E(() => l.active, o), oe(o), (r, a) => (u(), d("div", kt, [
+      c("div", $t, [
+        N(ae, { name: "messagetoast-fade" }, {
+          default: G(() => [
+            e.active ? (u(), d("div", {
               key: 0,
-              class: k(["overflow-hidden w-full max-w-sm rounded-md ring-1 ring-black ring-opacity-5 shadow-lg pointer-events-auto", c.$attrs.class])
+              class: _(["overflow-hidden w-full max-w-sm rounded-md ring-1 ring-black ring-opacity-5 shadow-lg pointer-events-auto", r.$attrs.class])
             }, [
-              u("div", lt, [
-                u("div", st, [
-                  u("div", nt, [
-                    S(c.$slots, "icon")
+              c("div", _t, [
+                c("div", Ct, [
+                  c("div", St, [
+                    A(r.$slots, "icon", {}, void 0, !0)
                   ]),
-                  u("div", at, [
-                    u("p", ot, [
-                      S(c.$slots, "title", {}, () => [
-                        A(y(e.title), 1)
-                      ])
+                  c("div", Dt, [
+                    c("p", Mt, [
+                      A(r.$slots, "title", {}, () => [
+                        j($(e.title), 1)
+                      ], !0)
                     ]),
-                    (r(!0), d(D, null, V(t.value, (v) => (r(), d("p", rt, [
-                      S(c.$slots, "default", {}, () => [
-                        A(y(v), 1)
-                      ])
+                    (u(!0), d(P, null, B(t.value, (v) => (u(), d("p", Vt, [
+                      A(r.$slots, "default", {}, () => [
+                        j($(v), 1)
+                      ], !0)
                     ]))), 256))
                   ]),
-                  u("div", ut, [
-                    u("button", {
-                      onClick: n[0] || (n[0] = (v) => a("close")),
+                  c("div", Pt, [
+                    c("button", {
+                      onClick: a[0] || (a[0] = (v) => n("close")),
                       class: "inline-flex text-white bg-black bg-opacity-20 rounded-sm focus:ring-2 focus:outline-none hover:text-stone-200 focus:ring-stone-200"
                     }, [
-                      it,
-                      F(_(ze), { class: "w-5 h-5" })
+                      At,
+                      N(M(rt), { class: "w-5 h-5" })
                     ])
                   ])
                 ])
               ])
-            ], 2)) : C("", !0)
+            ], 2)) : D("", !0)
           ]),
           _: 3
         })
       ])
     ]));
   }
-}), ct = { class: "flex justify-between items-center px-4 sm:px-0" }, dt = { class: "flex flex-1 -mt-px w-0" }, vt = ["onClick"], ht = { class: "hidden md:flex md:-mt-px" }, ft = { class: "flex flex-1 justify-end -mt-px w-0" }, mt = ["onClick"], Et = {
+}), cl = /* @__PURE__ */ pe(Bt, [["__scopeId", "data-v-1be10676"]]), Ft = { class: "flex justify-between items-center px-4 sm:px-0" }, Lt = { class: "flex flex-1 -mt-px w-0" }, It = ["onClick"], Tt = { class: "hidden md:flex md:-mt-px" }, Ot = { class: "flex flex-1 justify-end -mt-px w-0" }, jt = ["onClick"], dl = {
   __name: "pagination",
   props: {
     page: { type: Number, default: 1 },
@@ -624,69 +813,69 @@ const et = {
     }
   },
   emits: ["update:page"],
-  setup(e, { emit: a }) {
-    const l = e, s = w(Math.ceil(l.total / l.perPage)), t = w(null), o = $(() => l.markerPosition === "above" ? "border-t-2 pt-4" : "border-b-2 pb-4"), c = $(() => {
+  setup(e, { emit: n }) {
+    const l = e, s = g(Math.ceil(l.total / l.perPage)), t = g(null), o = C(() => l.markerPosition === "above" ? "border-t-2 pt-4" : "border-b-2 pb-4"), r = C(() => {
       let i = [1];
       if (l.showAllPages || s.value <= 7) {
-        for (let f = 2; f <= s.value; ++f)
-          i.push(f);
+        for (let h = 2; h <= s.value; ++h)
+          i.push(h);
         return i;
       }
       return t.value >= s.value ? i.push("dots", t.value - 2, t.value - 1) : t.value - 1 && t.value - 1 > 1 && (t.value > 1 && i.push("dots"), i.push(t.value - 1)), t.value > 1 && i.push(t.value), t.value + 1 < s.value && (i.push(t.value + 1), t.value <= 1 && i.push(t.value + 2), t.value + 2 < this.maxPage && i.push("dots")), t.value < this.maxPage && i.push(this.maxPage), i;
-    }), n = () => {
-      t.value > 1 && a("update:page", t.value - 1);
+    }), a = () => {
+      t.value > 1 && n("update:page", t.value - 1);
     }, v = () => {
-      t.value < s.value && a("update:page", t.value + 1);
+      t.value < s.value && n("update:page", t.value + 1);
     };
-    return B(() => l.page, (i) => t.value = Math.min(Math.max(i, 1), s.value), { immediate: !0 }), B(() => l.perPage, (i) => {
-      s.value = Math.ceil(l.total / l.perPage), a("update:page", 1);
-    }), B(() => l.total, (i) => {
-      s.value = Math.ceil(l.total / l.perPage), t.value > s.value && a("update:page", 1);
-    }), (i, f) => (r(), d("nav", ct, [
-      u("div", dt, [
-        e.showNavButtons ? (r(), d("a", {
+    return E(() => l.page, (i) => t.value = Math.min(Math.max(i, 1), s.value), { immediate: !0 }), E(() => l.perPage, (i) => {
+      s.value = Math.ceil(l.total / l.perPage), n("update:page", 1);
+    }), E(() => l.total, (i) => {
+      s.value = Math.ceil(l.total / l.perPage), t.value > s.value && n("update:page", 1);
+    }), (i, h) => (u(), d("nav", Ft, [
+      c("div", Lt, [
+        e.showNavButtons ? (u(), d("a", {
           key: 0,
-          onClick: M(n, ["prevent"]),
+          onClick: V(a, ["prevent"]),
           href: "#",
-          class: k(["inline-flex items-center pr-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300", [{ "cursor-default pointer-events-none": t.value <= 1 }, o.value]])
+          class: _(["inline-flex items-center pr-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300", [{ "cursor-default pointer-events-none": t.value <= 1 }, o.value]])
         }, [
-          F(_(se), { class: "w-5 h-5" }),
-          A(" " + y(e.prevText), 1)
-        ], 10, vt)) : C("", !0)
+          N(M(ve), { class: "w-5 h-5" }),
+          j(" " + $(e.prevText), 1)
+        ], 10, It)) : D("", !0)
       ]),
-      u("div", ht, [
-        (r(!0), d(D, null, V(c.value, (m, h) => (r(), O(Q(m !== "dots" ? "a" : "span"), {
-          onClick: M((p) => m !== "dots" ? a("update:page", m) : null, ["prevent"]),
-          key: h,
+      c("div", Tt, [
+        (u(!0), d(P, null, B(r.value, (m, f) => (u(), R(re(m !== "dots" ? "a" : "span"), {
+          onClick: V((p) => m !== "dots" ? n("update:page", m) : null, ["prevent"]),
+          key: f,
           href: m !== "dots" ? "#" : null,
-          class: k(["inline-flex items-center px-4 text-sm font-medium", [{
+          class: _(["inline-flex items-center px-4 text-sm font-medium", [{
             "border-vxvue-500 text-vxvue-700": m === t.value,
             "border-transparent text-gray-500": m !== t.value,
             "hover:text-gray-700 hover:border-gray-300": m !== "dots"
           }, o.value]])
         }, {
-          default: z(() => [
-            A(y(m !== "dots" ? m : "..."), 1)
+          default: G(() => [
+            j($(m !== "dots" ? m : "..."), 1)
           ]),
           _: 2
         }, 1032, ["onClick", "href", "class"]))), 128))
       ]),
-      u("div", ft, [
-        e.showNavButtons ? (r(), d("a", {
+      c("div", Ot, [
+        e.showNavButtons ? (u(), d("a", {
           key: 0,
-          onClick: M(v, ["prevent"]),
+          onClick: V(v, ["prevent"]),
           href: "#",
-          class: k(["inline-flex items-center pl-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300", [o.value, { "cursor-default pointer-events-none": t.value >= s.value }]])
+          class: _(["inline-flex items-center pl-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300", [o.value, { "cursor-default pointer-events-none": t.value >= s.value }]])
         }, [
-          A(y(e.nextText) + " ", 1),
-          F(_(ne), { class: "w-5 h-5" })
-        ], 10, mt)) : C("", !0)
+          j($(e.nextText) + " ", 1),
+          N(M(fe), { class: "w-5 h-5" })
+        ], 10, jt)) : D("", !0)
       ])
     ]));
   }
 };
-function pt(e, a) {
-  return r(), d("svg", {
+function Yt(e, n) {
+  return u(), d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -694,15 +883,15 @@ function pt(e, a) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    u("path", {
+    c("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88"
     })
   ]);
 }
-function gt(e, a) {
-  return r(), d("svg", {
+function Et(e, n) {
+  return u(), d("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -710,131 +899,126 @@ function gt(e, a) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    u("path", {
+    c("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z"
     }),
-    u("path", {
+    c("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
     })
   ]);
 }
-const xt = ["value", "type"], zt = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const Nt = ["value", "type"], vl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "password-input",
   props: ["modelValue"],
   emits: ["update:modelValue"],
-  setup(e, { emit: a }) {
-    const l = w(!1), s = $(() => {
-      let t = Object.assign({}, E());
+  setup(e, { emit: n }) {
+    const l = g(!1), s = C(() => {
+      let t = Object.assign({}, q());
       return delete t.class, t;
     });
-    return (t, o) => (r(), d("div", {
-      class: k("inline-block relative " + E().class)
+    return (t, o) => (u(), d("div", {
+      class: _("inline-block relative " + q().class)
     }, [
-      u("input", L({
+      c("input", O({
         value: e.modelValue,
         type: l.value ? "text" : "password",
-        onInput: o[0] || (o[0] = (c) => a("update:modelValue", c.target.value))
-      }, s.value, { class: "block pr-10 w-full form-input peer" }), null, 16, xt),
-      u("button", {
-        onClick: o[1] || (o[1] = M((c) => l.value = !l.value, ["stop"])),
+        onInput: o[0] || (o[0] = (r) => n("update:modelValue", r.target.value))
+      }, s.value, { class: "block pr-10 w-full form-input peer" }), null, 16, Nt),
+      c("button", {
+        onClick: o[1] || (o[1] = V((r) => l.value = !l.value, ["stop"])),
         class: "flex absolute inset-y-0 right-0 items-center pr-3 text-brand-700 hover:text-brand"
       }, [
-        l.value ? (r(), O(_(pt), {
+        l.value ? (u(), R(M(Yt), {
           key: 0,
           class: "w-5 h-5"
-        })) : (r(), O(_(gt), {
+        })) : (u(), R(M(Et), {
           key: 1,
           class: "w-5 h-5"
         }))
       ]),
-      S(t.$slots, "default")
+      A(t.$slots, "default")
     ], 2));
   }
-}), bt = { class: "flex items-center pb-1" }, wt = ["id", "checked"], yt = ["for"], kt = { key: 1 }, $t = ["href"], _t = {
+}), zt = { class: "flex items-center pb-1" }, Rt = ["id", "checked"], Ht = ["for"], Ut = { key: 1 }, Wt = ["href"], qt = {
   key: 0,
   class: "ml-6"
-}, Ht = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, fl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "simple-tree",
   props: { branch: { type: Object, default: {} } },
   emits: ["branch-selected", "expand"],
-  setup(e, { emit: a }) {
-    const l = e, s = w(!1);
-    return K(() => {
-      l.branch.current && a("expand", !0);
+  setup(e, { emit: n }) {
+    const l = e, s = g(!1);
+    return oe(() => {
+      l.branch.current && n("expand", !0);
     }), (t, o) => {
-      const c = de("simple-tree", !0);
-      return r(), d("div", {
-        class: k([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", t.$attrs.class])
+      const r = Ce("simple-tree", !0);
+      return u(), d("div", {
+        class: _([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", t.$attrs.class])
       }, [
-        u("div", bt, [
-          e.branch.branches && e.branch.branches.length ? (r(), d(D, { key: 0 }, [
-            u("input", {
+        c("div", zt, [
+          e.branch.branches && e.branch.branches.length ? (u(), d(P, { key: 0 }, [
+            c("input", {
               type: "checkbox",
               id: "branch-" + e.branch.id,
-              onClick: o[0] || (o[0] = (n) => s.value = !s.value),
+              onClick: o[0] || (o[0] = (a) => s.value = !s.value),
               checked: s.value,
               class: "hidden"
-            }, null, 8, wt),
-            u("label", {
+            }, null, 8, Rt),
+            c("label", {
               for: "branch-" + e.branch.id,
               class: "mr-2"
             }, [
-              (r(), O(Q(s.value ? _(Ne) : _(Ee)), { class: "w-4 h-4 border" }))
-            ], 8, yt)
-          ], 64)) : C("", !0),
-          e.branch.current ? (r(), d("strong", kt, y(e.branch.label), 1)) : (r(), d("a", {
+              (u(), R(re(s.value ? M(nt) : M(ot)), { class: "w-4 h-4 border" }))
+            ], 8, Ht)
+          ], 64)) : D("", !0),
+          e.branch.current ? (u(), d("strong", Ut, $(e.branch.label), 1)) : (u(), d("a", {
             key: 2,
             href: e.branch.path,
-            onClick: o[1] || (o[1] = M((n) => a("branch-selected", e.branch), ["prevent"]))
-          }, y(e.branch.label), 9, $t))
+            onClick: o[1] || (o[1] = V((a) => n("branch-selected", e.branch), ["prevent"]))
+          }, $(e.branch.label), 9, Wt))
         ]),
-        e.branch.branches && e.branch.branches.length ? J((r(), d("ul", _t, [
-          (r(!0), d(D, null, V(e.branch.branches, (n) => (r(), O(c, {
-            branch: n,
-            key: n.id,
-            onBranchSelected: o[2] || (o[2] = (v) => a("branch-selected", v)),
+        e.branch.branches && e.branch.branches.length ? ne((u(), d("ul", qt, [
+          (u(!0), d(P, null, B(e.branch.branches, (a) => (u(), R(r, {
+            branch: a,
+            key: a.id,
+            onBranchSelected: o[2] || (o[2] = (v) => n("branch-selected", v)),
             onExpand: o[3] || (o[3] = (v) => {
-              s.value = v, a("expand", v);
+              s.value = v, n("expand", v);
             })
           }, null, 8, ["branch"]))), 128))
         ], 512)), [
-          [ve, s.value]
-        ]) : C("", !0)
+          [Se, s.value]
+        ]) : D("", !0)
       ], 2);
     };
   }
 });
-const Ct = (e, a) => {
-  const l = e.__vccOpts || e;
-  for (const [s, t] of a)
-    l[s] = t;
-  return l;
-}, Dt = { class: "overflow-hidden rounded ring-1 ring-opacity-10 shadow ring-slate-500" }, St = { class: "min-w-full divide-y divide-y-slate-900" }, Mt = { class: "text-white bg-slate-700" }, Vt = ["onClick"], Pt = { class: "flex items-center" }, At = {
+const Kt = { class: "overflow-hidden rounded ring-1 ring-opacity-10 shadow ring-slate-500" }, Gt = { class: "min-w-full divide-y divide-y-slate-900" }, Xt = { class: "text-white bg-slate-700" }, Zt = ["onClick"], Jt = { class: "flex items-center" }, Qt = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "flex-shrink-0 ml-2 w-4 h-4",
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor"
-}, Bt = ["d"], Ft = {
+}, el = ["d"], tl = {
   key: 1,
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "2",
   d: "M8 9l4-4 4 4m0 6l-4 4-4-4"
-}, Lt = {
+}, ll = {
   __name: "sortable",
   props: {
     columns: {
       type: Array,
       required: !0,
       validator: (e) => {
-        for (const a of e)
-          if (a.label === void 0 || a.prop === void 0)
+        for (const n of e)
+          if (n.label === void 0 || n.prop === void 0)
             return !1;
         return !0;
       }
@@ -847,57 +1031,57 @@ const Ct = (e, a) => {
     keyProperty: { type: String, default: "key" }
   },
   emits: ["before-sort", "after-sort"],
-  setup(e, { emit: a }) {
-    const l = e, s = w(l.sortProp), t = w(l.sortDirection), o = $(() => {
-      let n = l.rows.slice();
+  setup(e, { emit: n }) {
+    const l = e, s = g(l.sortProp), t = g(l.sortDirection), o = C(() => {
+      let a = l.rows.slice();
       const v = l.columns.find(({ prop: i }) => i === s.value);
-      return v && (t.value === "asc" && v.sortAscFunction ? n.sort(v.sortAscFunction) : t.value === "desc" && v.sortDescFunction ? n.sort(v.sortDescFunction) : n.sort((i, f) => i[s.value] < f[s.value] ? t.value === "asc" ? -1 : 1 : i[s.value] > f[s.value] ? t.value === "asc" ? 1 : -1 : 0)), n.slice(l.offset || 0, (l.offset || 0) + (l.count || n.length));
-    }), c = (n) => {
-      a("before-sort", { prop: s.value, dir: t.value }), s.value === n ? t.value = t.value === "asc" ? "desc" : "asc" : (s.value = n, t.value = t.value || "asc"), R(() => a("after-sort", { prop: s.value, dir: t.value }));
+      return v && (t.value === "asc" && v.sortAscFunction ? a.sort(v.sortAscFunction) : t.value === "desc" && v.sortDescFunction ? a.sort(v.sortDescFunction) : a.sort((i, h) => i[s.value] < h[s.value] ? t.value === "asc" ? -1 : 1 : i[s.value] > h[s.value] ? t.value === "asc" ? 1 : -1 : 0)), a.slice(l.offset || 0, (l.offset || 0) + (l.count || a.length));
+    }), r = (a) => {
+      n("before-sort", { prop: s.value, dir: t.value }), s.value === a ? t.value = t.value === "asc" ? "desc" : "asc" : (s.value = a, t.value = t.value || "asc"), ee(() => n("after-sort", { prop: s.value, dir: t.value }));
     };
-    return (n, v) => (r(), d("div", Dt, [
-      u("table", St, [
-        u("thead", Mt, [
-          u("tr", null, [
-            (r(!0), d(D, null, V(e.columns, (i) => (r(), d("th", {
+    return (a, v) => (u(), d("div", Kt, [
+      c("table", Gt, [
+        c("thead", Xt, [
+          c("tr", null, [
+            (u(!0), d(P, null, B(e.columns, (i) => (u(), d("th", {
               scope: "col",
-              class: k(["py-3 px-6 text-left", [
+              class: _(["py-3 px-6 text-left", [
                 { "cursor-pointer": i.sortable, active: s.value === i.prop },
                 i.cssClass
               ]]),
-              onClick: (f) => i.sortable ? c(i.prop) : null
+              onClick: (h) => i.sortable ? r(i.prop) : null
             }, [
-              S(n.$slots, i.prop + "-header", {
+              A(a.$slots, i.prop + "-header", {
                 column: i,
                 sortDir: t.value,
                 sortProp: s.value
               }, () => [
-                u("div", Pt, [
-                  u("span", null, y(i.label), 1),
-                  i.sortable ? (r(), d("svg", At, [
-                    s.value === i.prop ? (r(), d("path", {
+                c("div", Jt, [
+                  c("span", null, $(i.label), 1),
+                  i.sortable ? (u(), d("svg", Qt, [
+                    s.value === i.prop ? (u(), d("path", {
                       key: 0,
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
                       d: t.value === "asc" ? "M19 9l-7 7-7-7" : "M5 15l7-7 7 7"
-                    }, null, 8, Bt)) : (r(), d("path", Ft))
-                  ])) : C("", !0)
+                    }, null, 8, el)) : (u(), d("path", tl))
+                  ])) : D("", !0)
                 ])
               ], !0)
-            ], 10, Vt))), 256))
+            ], 10, Zt))), 256))
           ])
         ]),
-        u("tbody", null, [
-          (r(!0), d(D, null, V(o.value, (i) => (r(), d("tr", {
+        c("tbody", null, [
+          (u(!0), d(P, null, B(o.value, (i) => (u(), d("tr", {
             key: i[e.keyProperty],
-            class: k(i.cssClass)
+            class: _(i.cssClass)
           }, [
-            (r(!0), d(D, null, V(e.columns, (f) => (r(), d("td", {
-              class: k(["py-3 px-6 whitespace-nowrap", { active: s.value === f.prop }])
+            (u(!0), d(P, null, B(e.columns, (h) => (u(), d("td", {
+              class: _(["py-3 px-6 whitespace-nowrap", { active: s.value === h.prop }])
             }, [
-              S(n.$slots, f.prop, { row: i }, () => [
-                A(y(i[f.prop]), 1)
+              A(a.$slots, h.prop, { row: i }, () => [
+                j($(i[h.prop]), 1)
               ], !0)
             ], 2))), 256))
           ], 2))), 128))
@@ -905,16 +1089,18 @@ const Ct = (e, a) => {
       ])
     ]));
   }
-}, Ut = /* @__PURE__ */ Ct(Lt, [["__scopeId", "data-v-069dfce3"]]);
+}, pl = /* @__PURE__ */ pe(ll, [["__scopeId", "data-v-f0e4e642"]]);
 export {
-  Tt as Confirm,
-  Ie as DateInput,
-  jt as Datepicker,
-  Yt as FormSelect,
-  It as FormSwitch,
-  Nt as MessageToast,
-  Et as Pagination,
-  zt as PasswordInput,
-  Ht as SimpleTree,
-  Ut as Sortable
+  al as Autocomplete,
+  nl as Confirm,
+  at as DateInput,
+  ol as Datepicker,
+  rl as FormFileButton,
+  ul as FormSelect,
+  il as FormSwitch,
+  cl as MessageToast,
+  dl as Pagination,
+  vl as PasswordInput,
+  fl as SimpleTree,
+  pl as Sortable
 };