npm - vx-vue - Versions diffs - 0.7.2 → 0.7.3 - Mend

vx-vue 0.7.2 → 0.7.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/vxvue.es.js CHANGED Viewed

@@ -1,124 +1,137 @@
-import { getCurrentScope as we, onScopeDispose as ke, unref as P, watch as Y, useAttrs as U, ref as x, computed as S, onUpdated as $e, openBlock as r, createElementBlock as i, normalizeClass as _, createElementVNode as d, mergeProps as O, withKeys as K, withModifiers as B, createCommentVNode as V, Fragment as D, renderList as I, renderSlot as A, toDisplayString as C, createVNode as z, Transition as te, withCtx as G, createTextVNode as E, nextTick as le, toValue as se, withDirectives as ue, vModelText as _e, createBlock as W, onMounted as ie, pushScopeId as Ce, popScopeId as Se, resolveDynamicComponent as ce, resolveComponent as Me, vShow as Ve, normalizeStyle as De, toHandlers as ne } from "vue";
-function Ae(e) {
-  return we() ? (ke(e), !0) : !1;
+import { getCurrentScope as ke, onScopeDispose as $e, unref as P, watch as H, useAttrs as K, ref as b, computed as S, onUpdated as _e, openBlock as r, createElementBlock as c, normalizeClass as _, createElementVNode as d, mergeProps as j, withKeys as X, withModifiers as L, createCommentVNode as M, Fragment as D, renderList as T, renderSlot as A, toDisplayString as C, createVNode as U, Transition as ae, withCtx as J, createTextVNode as N, nextTick as se, toValue as oe, withDirectives as ie, vModelText as Ce, createBlock as G, onMounted as ce, pushScopeId as Se, popScopeId as Me, resolveDynamicComponent as de, resolveComponent as Ve, vShow as De, toHandlers as ee, normalizeStyle as Ae } from "vue";
+function Pe(e) {
+  return ke() ? ($e(e), !0) : !1;
 }
-function de(e) {
+function ve(e) {
   return typeof e == "function" ? e() : P(e);
 }
-const ve = typeof window < "u" && typeof document < "u", Pe = Object.prototype.toString, Be = (e) => Pe.call(e) === "[object Object]", ee = () => {
-}, Le = /* @__PURE__ */ Fe();
-function Fe() {
+const me = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const Be = Object.prototype.toString, Le = (e) => Be.call(e) === "[object Object]", le = () => {
+}, Fe = /* @__PURE__ */ Ie();
+function Ie() {
   var e;
-  return ve && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
+  return me && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && /* @__PURE__ */ /iP(ad|hone|od)/.test(window.navigator.userAgent);
 }
-const Ie = /\[([^\]]+)]|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 Te(e, m, t, s) {
+const Te = /[YMDHhms]o|\[([^\]]+)]|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 Oe(e, m, t, n) {
   let a = e < 12 ? "AM" : "PM";
-  return s && (a = a.split("").reduce((l, c) => l += `${c}.`, "")), t ? a.toLowerCase() : a;
+  return n && (a = a.split("").reduce((l, i) => l += `${i}.`, "")), t ? a.toLowerCase() : a;
 }
-function oe(e, m, t = {}) {
-  var s;
-  const a = e.getFullYear(), l = e.getMonth(), c = e.getDate(), n = e.getHours(), o = e.getMinutes(), v = e.getSeconds(), u = e.getMilliseconds(), b = e.getDay(), h = (s = t.customMeridiem) != null ? s : Te, p = {
+function q(e) {
+  const m = ["th", "st", "nd", "rd"], t = e % 100;
+  return e + (m[(t - 20) % 10] || m[t] || m[0]);
+}
+function re(e, m, t = {}) {
+  var n;
+  const a = e.getFullYear(), l = e.getMonth(), i = e.getDate(), s = e.getHours(), o = e.getMinutes(), v = e.getSeconds(), u = e.getMilliseconds(), g = e.getDay(), h = (n = t.customMeridiem) != null ? n : Oe, p = {
+    Yo: () => q(a),
     YY: () => String(a).slice(-2),
     YYYY: () => a,
     M: () => l + 1,
+    Mo: () => q(l + 1),
     MM: () => `${l + 1}`.padStart(2, "0"),
     MMM: () => e.toLocaleDateString(t.locales, { month: "short" }),
     MMMM: () => e.toLocaleDateString(t.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"),
+    D: () => String(i),
+    Do: () => q(i),
+    DD: () => `${i}`.padStart(2, "0"),
+    H: () => String(s),
+    Ho: () => q(s),
+    HH: () => `${s}`.padStart(2, "0"),
+    h: () => `${s % 12 || 12}`.padStart(1, "0"),
+    ho: () => q(s % 12 || 12),
+    hh: () => `${s % 12 || 12}`.padStart(2, "0"),
     m: () => String(o),
+    mo: () => q(o),
     mm: () => `${o}`.padStart(2, "0"),
     s: () => String(v),
+    so: () => q(v),
     ss: () => `${v}`.padStart(2, "0"),
     SSS: () => `${u}`.padStart(3, "0"),
-    d: () => b,
+    d: () => g,
     dd: () => e.toLocaleDateString(t.locales, { weekday: "narrow" }),
     ddd: () => e.toLocaleDateString(t.locales, { weekday: "short" }),
     dddd: () => e.toLocaleDateString(t.locales, { weekday: "long" }),
-    A: () => h(n, o),
-    AA: () => h(n, o, !1, !0),
-    a: () => h(n, o, !0),
-    aa: () => h(n, o, !0, !0)
+    A: () => h(s, o),
+    AA: () => h(s, o, !1, !0),
+    a: () => h(s, o, !0),
+    aa: () => h(s, o, !0, !0)
   };
-  return m.replace(Ie, (w, F) => {
-    var T, L;
-    return (L = F ?? ((T = p[w]) == null ? void 0 : T.call(p))) != null ? L : w;
+  return m.replace(Te, (x, E) => {
+    var O, F;
+    return (F = E ?? ((O = p[x]) == null ? void 0 : O.call(p))) != null ? F : x;
   });
 }
-function X(e) {
+function Z(e) {
   var m;
-  const t = de(e);
+  const t = ve(e);
   return (m = t == null ? void 0 : t.$el) != null ? m : t;
 }
-const me = ve ? window : void 0;
-function Q(...e) {
-  let m, t, s, a;
-  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, s, a] = e, m = me) : [m, t, s, a] = e, !m)
-    return ee;
-  Array.isArray(t) || (t = [t]), Array.isArray(s) || (s = [s]);
-  const l = [], c = () => {
+const fe = me ? window : void 0;
+function te(...e) {
+  let m, t, n, a;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([t, n, a] = e, m = fe) : [m, t, n, a] = e, !m)
+    return le;
+  Array.isArray(t) || (t = [t]), Array.isArray(n) || (n = [n]);
+  const l = [], i = () => {
     l.forEach((u) => u()), l.length = 0;
-  }, n = (u, b, h, p) => (u.addEventListener(b, h, p), () => u.removeEventListener(b, h, p)), o = Y(
-    () => [X(m), de(a)],
-    ([u, b]) => {
-      if (c(), !u)
+  }, s = (u, g, h, p) => (u.addEventListener(g, h, p), () => u.removeEventListener(g, h, p)), o = H(
+    () => [Z(m), ve(a)],
+    ([u, g]) => {
+      if (i(), !u)
         return;
-      const h = Be(b) ? { ...b } : b;
+      const h = Le(g) ? { ...g } : g;
       l.push(
-        ...t.flatMap((p) => s.map((w) => n(u, p, w, h)))
+        ...t.flatMap((p) => n.map((x) => s(u, p, x, h)))
       );
     },
     { immediate: !0, flush: "post" }
   ), v = () => {
-    o(), c();
+    o(), i();
   };
-  return Ae(v), v;
+  return Pe(v), v;
 }
-let re = !1;
-function ae(e, m, t = {}) {
-  const { window: s = me, ignore: a = [], capture: l = !0, detectIframe: c = !1 } = t;
-  if (!s)
+let ue = !1;
+function ne(e, m, t = {}) {
+  const { window: n = fe, ignore: a = [], capture: l = !0, detectIframe: i = !1 } = t;
+  if (!n)
     return;
-  Le && !re && (re = !0, Array.from(s.document.body.children).forEach((h) => h.addEventListener("click", ee)), s.document.documentElement.addEventListener("click", ee));
-  let n = !0;
+  Fe && !ue && (ue = !0, Array.from(n.document.body.children).forEach((h) => h.addEventListener("click", le)), n.document.documentElement.addEventListener("click", le));
+  let s = !0;
   const o = (h) => a.some((p) => {
     if (typeof p == "string")
-      return Array.from(s.document.querySelectorAll(p)).some((w) => w === h.target || h.composedPath().includes(w));
+      return Array.from(n.document.querySelectorAll(p)).some((x) => x === h.target || h.composedPath().includes(x));
     {
-      const w = X(p);
-      return w && (h.target === w || h.composedPath().includes(w));
+      const x = Z(p);
+      return x && (h.target === x || h.composedPath().includes(x));
     }
   }), u = [
-    Q(s, "click", (h) => {
-      const p = X(e);
+    te(n, "click", (h) => {
+      const p = Z(e);
       if (!(!p || p === h.target || h.composedPath().includes(p))) {
-        if (h.detail === 0 && (n = !o(h)), !n) {
-          n = !0;
+        if (h.detail === 0 && (s = !o(h)), !s) {
+          s = !0;
           return;
         }
         m(h);
       }
     }, { passive: !0, capture: l }),
-    Q(s, "pointerdown", (h) => {
-      const p = X(e);
-      p && (n = !h.composedPath().includes(p) && !o(h));
+    te(n, "pointerdown", (h) => {
+      const p = Z(e);
+      s = !o(h) && !!(p && !h.composedPath().includes(p));
     }, { passive: !0 }),
-    c && Q(s, "blur", (h) => {
+    i && te(n, "blur", (h) => {
       setTimeout(() => {
         var p;
-        const w = X(e);
-        ((p = s.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !(w != null && w.contains(s.document.activeElement)) && m(h);
+        const x = Z(e);
+        ((p = n.document.activeElement) == null ? void 0 : p.tagName) === "IFRAME" && !(x != null && x.contains(n.document.activeElement)) && m(h);
       }, 0);
     })
   ].filter(Boolean);
   return () => u.forEach((h) => h());
 }
-const Oe = ["value", "onKeydown"], je = { class: "flex absolute inset-y-0 right-0 items-center pr-3 text-vxvue-700" }, Ee = {
+const je = ["value", "onKeydown"], Ee = { class: "flex absolute inset-y-0 right-0 items-center pr-3 text-vxvue-700" }, Ye = {
   key: 0,
   class: "w-5 h-5 animate-spin",
   xmlns: "http://www.w3.org/2000/svg",
@@ -131,14 +144,14 @@ const Oe = ["value", "onKeydown"], je = { class: "flex absolute inset-y-0 right-
   r: "10",
   stroke: "currentColor",
   "stroke-width": "4"
-}, null, -1), Ye = /* @__PURE__ */ d("path", {
+}, null, -1), ze = /* @__PURE__ */ d("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), ze = [
+}, null, -1), Re = [
   Ne,
-  Ye
-], gl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+  ze
+], bl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "autocomplete",
   props: {
     modelValue: { type: String, default: "" },
@@ -152,18 +165,18 @@ const Oe = ["value", "onKeydown"], je = { class: "flex absolute inset-y-0 right-
   },
   emits: ["update:modelValue", "blur", "submit"],
   setup(e, { emit: m }) {
-    const t = m, s = e, a = U(), c = (() => {
-      let k = 0;
-      return ($) => ($ || "") + ++k;
-    })()((a.id || "autocomplete") + "-"), n = x([]), o = x(-1), v = x(0), u = x(!1), b = x(!1), h = x("top-0 translate-y-12"), p = x(!0), w = x(null), F = x(null), T = x(null), L = S(
-      () => n.value.map((k, $) => ({
-        id: (a.id || "autocomplete") + "-item-" + $,
-        class: ["autocomplete-item", s.resultItemClass, { "bg-vxvue-700 text-white": o.value === $ }],
-        "data-result-index": $,
+    const t = m, n = e, a = K(), i = (() => {
+      let w = 0;
+      return (k) => (k || "") + ++w;
+    })()((a.id || "autocomplete") + "-"), s = b([]), o = b(-1), v = b(0), u = b(!1), g = b(!1), h = b("top-0 translate-y-12"), p = b(!0), x = b(null), E = b(null), O = b(null), F = S(
+      () => s.value.map((w, k) => ({
+        id: (a.id || "autocomplete") + "-item-" + k,
+        class: ["autocomplete-item", n.resultItemClass, { "bg-vxvue-700 text-white": o.value === k }],
+        "data-result-index": k,
         role: "option",
-        ...o.value === $ ? { "aria-selected": "true" } : {}
+        ...o.value === k ? { "aria-selected": "true" } : {}
       }))
-    ), H = S(() => ({
+    ), W = S(() => ({
       role: "combobox",
       autocomplete: "off",
       autocapitalize: "off",
@@ -171,111 +184,111 @@ const Oe = ["value", "onKeydown"], je = { class: "flex absolute inset-y-0 right-
       spellcheck: "false",
       "aria-autocomplete": "list",
       "aria-haspopup": "listbox",
-      "aria-owns": c,
+      "aria-owns": i,
       "aria-expanded": u.value ? "true" : "false",
-      "aria-activedescendant": o.value > -1 ? L.value[o.value].id : "",
+      "aria-activedescendant": o.value > -1 ? F.value[o.value].id : "",
       ...a
-    })), f = S(() => ({
-      id: c,
-      class: ["autocomplete-list absolute min-w-full transform z-10", s.resultListClass, h.value],
+    })), $ = S(() => ({
+      id: i,
+      class: ["autocomplete-list absolute min-w-full transform z-10", n.resultListClass, h.value],
       role: "listbox"
-    })), g = () => {
-      o.value = -1, n.value = [], u.value = !1, p.value = !0;
-    }, y = (k) => {
-      const $ = s.search(k);
-      if ($ instanceof Promise) {
-        const N = ++v.value;
-        b.value = !0, $.then((j) => {
-          N === v.value && (n.value = j, b.value = !1, n.value.length ? (o.value = s.autoSelect ? 0 : -1, u.value = !0) : g());
+    })), V = () => {
+      o.value = -1, s.value = [], u.value = !1, p.value = !0;
+    }, f = (w) => {
+      const k = n.search(w);
+      if (k instanceof Promise) {
+        const R = ++v.value;
+        g.value = !0, k.then((Y) => {
+          R === v.value && (s.value = Y, g.value = !1, s.value.length ? (o.value = n.autoSelect ? 0 : -1, u.value = !0) : V());
         });
       } else
-        n.value = $, n.value.length === 0 ? g() : (o.value = s.autoSelect ? 0 : -1, u.value = !0);
-    }, M = () => {
-      const k = n.value[o.value];
-      return k && t("update:modelValue", s.getResultValue(k)), g(), k;
-    }, R = (k) => {
-      t("update:modelValue", k), y(k);
-    }, Z = (k) => y(k.target.value), q = () => {
-      g(), t("blur");
-    }, J = () => {
-      const k = n.value.length;
-      o.value = ((o.value - 1) % k + k) % k;
-    }, ge = (k) => {
-      u.value || Z(k);
-      const $ = n.value.length;
-      o.value = ((o.value + 1) % $ + $) % $;
-    }, be = () => {
-      g(), t("update:modelValue", "");
-    }, ye = () => t("submit", M()), xe = (k) => {
-      const $ = k.target.closest("[data-result-index]");
-      $ && (o.value = parseInt($.dataset.resultIndex, 10), t("submit", M()));
+        s.value = k, s.value.length === 0 ? V() : (o.value = n.autoSelect ? 0 : -1, u.value = !0);
+    }, y = () => {
+      const w = s.value[o.value];
+      return w && t("update:modelValue", n.getResultValue(w)), V(), w;
+    }, B = (w) => {
+      t("update:modelValue", w), f(w);
+    }, I = (w) => f(w.target.value), z = () => {
+      V(), t("blur");
+    }, Q = () => {
+      const w = s.value.length;
+      o.value = ((o.value - 1) % w + w) % w;
+    }, be = (w) => {
+      u.value || I(w);
+      const k = s.value.length;
+      o.value = ((o.value + 1) % k + k) % k;
+    }, ye = () => {
+      V(), t("update:modelValue", "");
+    }, xe = () => t("submit", y()), we = (w) => {
+      const k = w.target.closest("[data-result-index]");
+      k && (o.value = parseInt(k.dataset.resultIndex, 10), t("submit", y()));
     };
-    return ae(T, g), $e(() => {
-      if (w.value) {
-        const k = F.value.getBoundingClientRect(), $ = w.value.getBoundingClientRect();
-        p.value && n.value.length && (p.value = !1, h.value = k.bottom + $.height > window.innerHeight && window.innerHeight - k.bottom < k.top && window.pageYOffset + k.top - $.height > 0 ? "bottom-0  -translate-y-12" : "top-0 translate-y-12");
-        const N = w.value.querySelector('[data-result-index="' + o.value + '"]');
-        if (N) {
-          let j = N.getBoundingClientRect();
-          j.top < $.top ? w.value.scrollTop -= $.top - j.top : j.bottom > $.bottom && (w.value.scrollTop += j.bottom - $.bottom);
+    return ne(O, V), _e(() => {
+      if (x.value) {
+        const w = E.value.getBoundingClientRect(), k = x.value.getBoundingClientRect();
+        p.value && s.value.length && (p.value = !1, h.value = w.bottom + k.height > window.innerHeight && window.innerHeight - w.bottom < w.top && window.pageYOffset + w.top - k.height > 0 ? "bottom-0  -translate-y-12" : "top-0 translate-y-12");
+        const R = x.value.querySelector('[data-result-index="' + o.value + '"]');
+        if (R) {
+          let Y = R.getBoundingClientRect();
+          Y.top < k.top ? x.value.scrollTop -= k.top - Y.top : Y.bottom > k.bottom && (x.value.scrollTop += Y.bottom - k.bottom);
         }
       }
-    }), (k, $) => (r(), i("div", {
-      class: _(["inline-block relative", k.$attrs.class]),
+    }), (w, k) => (r(), c("div", {
+      class: _(["inline-block relative", w.$attrs.class]),
       ref_key: "container",
-      ref: T
+      ref: O
     }, [
-      d("input", O({
+      d("input", j({
         ref_key: "input",
-        ref: F,
+        ref: E,
         class: "block pr-10 w-full form-input focus:border-vxvue",
         value: e.modelValue
-      }, H.value, {
-        onInput: $[0] || ($[0] = (N) => R(N.target.value)),
+      }, W.value, {
+        onInput: k[0] || (k[0] = (R) => B(R.target.value)),
         onKeydown: [
-          K(ye, ["enter"]),
-          K(be, ["esc"]),
-          K(M, ["tab"]),
-          K(B(J, ["prevent"]), ["up"]),
-          K(B(ge, ["prevent"]), ["down"])
+          X(xe, ["enter"]),
+          X(ye, ["esc"]),
+          X(y, ["tab"]),
+          X(L(Q, ["prevent"]), ["up"]),
+          X(L(be, ["prevent"]), ["down"])
         ],
-        onFocus: Z,
-        onBlur: q
-      }), null, 16, Oe),
-      d("span", je, [
-        b.value ? (r(), i("svg", Ee, ze)) : V("", !0)
+        onFocus: I,
+        onBlur: z
+      }), null, 16, je),
+      d("span", Ee, [
+        g.value ? (r(), c("svg", Ye, Re)) : M("", !0)
       ]),
-      n.value.length ? (r(), i("ul", O({
+      s.value.length ? (r(), c("ul", j({
         key: 0,
         ref_key: "resultList",
-        ref: w
-      }, f.value, {
-        onClick: xe,
-        onMousedown: $[1] || ($[1] = B(() => {
+        ref: x
+      }, $.value, {
+        onClick: we,
+        onMousedown: k[1] || (k[1] = L(() => {
         }, ["prevent"]))
       }), [
-        (r(!0), i(D, null, I(n.value, (N, j) => A(k.$slots, "result", {
-          result: N,
-          props: L.value[j]
+        (r(!0), c(D, null, T(s.value, (R, Y) => A(w.$slots, "result", {
+          result: R,
+          props: F.value[Y]
         }, () => [
-          (r(), i("li", O({
-            key: L.value[j].id
-          }, L.value[j]), C(e.getResultValue(N)), 17))
+          (r(), c("li", j({
+            key: F.value[Y].id
+          }, F.value[Y]), C(e.getResultValue(R)), 17))
         ])), 256))
-      ], 16)) : V("", !0)
+      ], 16)) : M("", !0)
     ], 2));
   }
-}), Re = {
+}), He = {
   key: 0,
   class: "fixed inset-0 z-50 bg-black bg-opacity-50 backdrop-blur-sm",
   "aria-hidden": "true"
-}, He = {
+}, Ue = {
   key: 0,
   class: "overflow-y-auto fixed inset-0 z-50"
-}, Ue = { class: "flex justify-center items-center min-h-screen text-center sm:block sm:p-0" }, We = { key: 0 }, qe = /* @__PURE__ */ d("span", {
+}, We = { class: "flex justify-center items-center min-h-screen text-center sm:block sm:p-0" }, qe = { key: 0 }, Ke = /* @__PURE__ */ d("span", {
   class: "hidden sm:inline-block sm:h-screen sm:align-middle",
   "aria-hidden": "true"
-}, "", -1), Ke = { 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" }, Xe = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, Ge = { class: "flex flex-row items-center" }, Ze = { class: "flex-shrink-0" }, Je = { class: "flex-grow text-center" }, Qe = ["onClick"], bl = {
+}, "", -1), Ge = { 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" }, Xe = { class: "px-4 pb-4 mt-4 sm:px-6 sm:pb-6 sm:mt-5" }, Ze = { class: "flex flex-row items-center" }, Je = { class: "flex-shrink-0" }, Qe = { class: "flex-grow text-center" }, et = ["onClick"], yl = {
   __name: "confirm",
   props: {
     buttons: {
@@ -293,36 +306,36 @@ const Oe = ["value", "onKeydown"], je = { class: "flex absolute inset-y-0 right-
     }
   },
   setup(e, { expose: m }) {
-    const t = e, s = x(""), a = x(""), l = x(!1);
-    let c = null, n = null;
-    const o = S(() => Array.isArray(t.buttons) ? t.buttons : [t.buttons]), v = x(null);
-    return m({ open: (b, h) => (s.value = b, a.value = h, l.value = !0, le(() => v.value.firstElementChild.focus()), new Promise((p, w) => {
-      c = p, n = w;
-    })) }), (b, h) => (r(), i(D, null, [
-      l.value ? (r(), i("div", Re)) : V("", !0),
-      z(te, { name: "appear" }, {
-        default: G(() => [
-          l.value ? (r(), i("div", He, [
-            d("div", Ue, [
-              l.value ? (r(), i("div", We, [
-                qe,
-                d("div", Ke, [
-                  s.value ? (r(), i("h3", {
+    const t = e, n = b(""), a = b(""), l = b(!1);
+    let i = null, s = null;
+    const o = S(() => Array.isArray(t.buttons) ? t.buttons : [t.buttons]), v = b(null);
+    return m({ open: (g, h) => (n.value = g, a.value = h, l.value = !0, se(() => v.value.firstElementChild.focus()), new Promise((p, x) => {
+      i = p, s = x;
+    })) }), (g, h) => (r(), c(D, null, [
+      l.value ? (r(), c("div", He)) : M("", !0),
+      U(ae, { name: "appear" }, {
+        default: J(() => [
+          l.value ? (r(), c("div", Ue, [
+            d("div", We, [
+              l.value ? (r(), c("div", qe, [
+                Ke,
+                d("div", Ge, [
+                  n.value ? (r(), c("h3", {
                     key: 0,
                     class: _(["py-4 pt-4 text-lg font-medium text-center sm:py-6", e.headerClass])
                   }, [
-                    A(b.$slots, "title", { title: s.value }, () => [
-                      E(C(s.value), 1)
+                    A(g.$slots, "title", { title: n.value }, () => [
+                      N(C(n.value), 1)
                     ])
-                  ], 2)) : V("", !0),
+                  ], 2)) : M("", !0),
                   d("div", Xe, [
-                    d("div", Ge, [
-                      d("div", Ze, [
-                        A(b.$slots, "icon")
+                    d("div", Ze, [
+                      d("div", Je, [
+                        A(g.$slots, "icon")
                       ]),
-                      d("p", Je, [
-                        A(b.$slots, "default", { message: a.value }, () => [
-                          E(C(a.value), 1)
+                      d("p", Qe, [
+                        A(g.$slots, "default", { message: a.value }, () => [
+                          N(C(a.value), 1)
                         ])
                       ])
                     ]),
@@ -331,52 +344,52 @@ const Oe = ["value", "onKeydown"], je = { class: "flex absolute inset-y-0 right-
                       ref_key: "buttonsContainer",
                       ref: v
                     }, [
-                      (r(!0), i(D, null, I(o.value, (p, w) => (r(), i("button", {
+                      (r(!0), c(D, null, T(o.value, (p, x) => (r(), c("button", {
                         class: _([e.buttonClass, p.class]),
-                        onClick: B((F) => {
-                          l.value = !1, w === 0 ? P(c)() : P(n)();
+                        onClick: L((E) => {
+                          l.value = !1, x === 0 ? P(i)() : P(s)();
                         }, ["prevent"])
-                      }, C(p.label), 11, Qe))), 256))
+                      }, C(p.label), 11, et))), 256))
                     ], 512)
                   ])
                 ])
-              ])) : V("", !0)
+              ])) : M("", !0)
             ])
-          ])) : V("", !0)
+          ])) : M("", !0)
         ]),
         _: 3
       })
     ], 64));
   }
 };
-function et(e, m) {
-  const t = x(!1), s = se(m);
-  let a, l = s.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), c = [];
-  if ((a = s.match(/\bd\b/gi)) && a.length === 1)
+function tt(e, m) {
+  const t = b(!1), n = oe(m);
+  let a, l = n.toLowerCase().replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), i = [];
+  if ((a = n.match(/\bd\b/gi)) && a.length === 1)
     l = l.replace("d", "(\\d{1,2})");
-  else if ((a = s.match(/\bdd\b/gi)) && a.length === 1)
+  else if ((a = n.match(/\bdd\b/gi)) && a.length === 1)
     l = l.replace("dd", "(\\d{2})");
   else
     return { date: t };
-  if (c.push({ srcPos: s.toLowerCase().indexOf("d"), destPos: 2 }), (a = s.match(/\bm\b/gi)) && a.length === 1)
+  if (i.push({ srcPos: n.toLowerCase().indexOf("d"), destPos: 2 }), (a = n.match(/\bm\b/gi)) && a.length === 1)
     l = l.replace("m", "(\\d{1,2})");
-  else if ((a = s.match(/\bmm\b/gi)) && a.length === 1)
+  else if ((a = n.match(/\bmm\b/gi)) && a.length === 1)
     l = l.replace("mm", "(\\d{2})");
   else
     return { date: t };
-  if (c.push({ srcPos: s.toLowerCase().indexOf("m"), destPos: 1 }), (a = s.match(/\byyyy\b/gi)) && a.length === 1)
+  if (i.push({ srcPos: n.toLowerCase().indexOf("m"), destPos: 1 }), (a = n.match(/\byyyy\b/gi)) && a.length === 1)
     l = l.replace("yyyy", "(\\d{4})");
   else
     return { date: t };
-  if (c.push({ srcPos: s.toLowerCase().indexOf("y"), destPos: 0 }), !(a = se(e).match(l)))
+  if (i.push({ srcPos: n.toLowerCase().indexOf("y"), destPos: 0 }), !(a = oe(e).match(l)))
     return { date: t };
-  a.shift(), c.sort((u, b) => u.srcPos < b.srcPos ? -1 : 1);
-  let n = [], o, v;
+  a.shift(), i.sort((u, g) => u.srcPos < g.srcPos ? -1 : 1);
+  let s = [], o, v;
   for (; o = a.shift(); )
-    v = c.shift(), n[v.destPos] = o;
-  return n = Date.parse(n.join("-")), n && (n = new Date(n), t.value = new Date(n.getFullYear(), n.getMonth(), n.getDate(), 0, 0, 0)), { date: t };
+    v = i.shift(), s[v.destPos] = o;
+  return s = Date.parse(s.join("-")), s && (s = new Date(s), t.value = new Date(s.getFullYear(), s.getMonth(), s.getDate(), 0, 0, 0)), { date: t };
 }
-const tt = { key: 0 }, lt = { class: "text-vxvue-700" }, at = /* @__PURE__ */ d("svg", {
+const lt = { key: 0 }, at = { class: "text-vxvue-700" }, st = /* @__PURE__ */ d("svg", {
   class: "w-2 h-2",
   stroke: "currentColor",
   fill: "none",
@@ -387,9 +400,9 @@ const tt = { key: 0 }, lt = { class: "text-vxvue-700" }, at = /* @__PURE__ */ d(
     "stroke-width": "1.5",
     d: "M1 1l6 6m0-6L1 7"
   })
-], -1), st = [
-  at
-], nt = /* @__PURE__ */ d("svg", {
+], -1), nt = [
+  st
+], ot = /* @__PURE__ */ d("svg", {
   xmlns: "http://www.w3.org/2000/svg",
   class: "w-6 h-6",
   fill: "none",
@@ -402,9 +415,9 @@ const tt = { key: 0 }, lt = { class: "text-vxvue-700" }, at = /* @__PURE__ */ d(
     "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), ot = [
-  nt
-], rt = {
+], -1), rt = [
+  ot
+], ut = {
   __name: "date-input",
   props: {
     outputFormat: { type: String, default: "YYYY-MM-DD" },
@@ -415,48 +428,48 @@ const tt = { key: 0 }, lt = { class: "text-vxvue-700" }, at = /* @__PURE__ */ d(
   },
   emits: ["update:modelValue", "toggle-datepicker"],
   setup(e, { emit: m }) {
-    const t = m, s = e, a = x(""), l = S(() => s.modelValue ? oe(s.modelValue, s.outputFormat) : ""), c = S(() => {
-      let n = Object.assign({}, U());
-      return delete n.class, n;
+    const t = m, n = e, a = b(""), l = S(() => n.modelValue ? re(n.modelValue, n.outputFormat) : ""), i = S(() => {
+      let s = Object.assign({}, K());
+      return delete s.class, s;
     });
-    return Y(() => s.modelValue, (n) => a.value = n ? oe(n, s.outputFormat) : ""), (n, o) => (r(), i("div", {
-      class: _(["inline-block relative", n.$attrs.class])
+    return H(() => n.modelValue, (s) => a.value = s ? re(s, n.outputFormat) : ""), (s, o) => (r(), c("div", {
+      class: _(["inline-block relative", s.$attrs.class])
     }, [
-      l.value ? (r(), i("div", tt, [
+      l.value ? (r(), c("div", lt, [
         d("div", {
           class: _(["block flex items-center w-full form-input bg-vxvue-50", { "pr-10": e.showButton }])
         }, [
-          d("span", lt, C(l.value), 1),
+          d("span", at, C(l.value), 1),
           d("button", {
             onClick: o[0] || (o[0] = (v) => t("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"
-          }, st)
+          }, nt)
         ], 2)
-      ])) : ue((r(), i("input", O({
+      ])) : ie((r(), c("input", j({
         key: 1,
         type: "text",
         class: ["block w-full form-input peer focus:border-vxvue", { "pr-10": e.showButton }],
         "onUpdate:modelValue": o[1] || (o[1] = (v) => a.value = v),
         onBlur: o[2] || (o[2] = (v) => {
           var u;
-          return t("update:modelValue", ((u = P(et)(a.value, s.inputFormat).date) == null ? void 0 : u.value) || null);
+          return t("update:modelValue", ((u = P(tt)(a.value, n.inputFormat).date) == null ? void 0 : u.value) || null);
         }),
-        onInput: o[3] || (o[3] = B(() => {
+        onInput: o[3] || (o[3] = L(() => {
         }, ["prevent"]))
-      }, c.value), null, 16)), [
-        [_e, a.value]
+      }, i.value), null, 16)), [
+        [Ce, a.value]
       ]),
-      e.showButton ? (r(), i("button", {
+      e.showButton ? (r(), c("button", {
         key: 2,
         class: "flex absolute inset-y-0 right-0 items-center px-2 text-vxvue-700 hover:text-vxvue",
-        onClick: o[4] || (o[4] = B((v) => t("toggle-datepicker"), ["stop"]))
-      }, ot)) : V("", !0),
-      A(n.$slots, "default")
+        onClick: o[4] || (o[4] = L((v) => t("toggle-datepicker"), ["stop"]))
+      }, rt)) : M("", !0),
+      A(s.$slots, "default")
     ], 2));
   }
 };
-function fe(e, m) {
-  return r(), i("svg", {
+function he(e, m) {
+  return r(), c("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -469,8 +482,8 @@ function fe(e, m) {
     })
   ]);
 }
-function he(e, m) {
-  return r(), i("svg", {
+function pe(e, m) {
+  return r(), c("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -483,8 +496,8 @@ function he(e, m) {
     })
   ]);
 }
-function ut(e, m) {
-  return r(), i("svg", {
+function it(e, m) {
+  return r(), c("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -497,8 +510,8 @@ function ut(e, m) {
     })
   ]);
 }
-function it(e, m) {
-  return r(), i("svg", {
+function ct(e, m) {
+  return r(), c("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -511,8 +524,8 @@ function it(e, m) {
     })
   ]);
 }
-function ct(e, m) {
-  return r(), i("svg", {
+function dt(e, m) {
+  return r(), c("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
@@ -525,7 +538,7 @@ function ct(e, m) {
     })
   ]);
 }
-const dt = { class: "flex flex-row items-center py-2 px-3 text-white bg-vxvue-700" }, vt = ["onClick"], mt = { class: "flex-grow text-center" }, ft = ["onClick"], ht = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, pt = ["disabled", "onClick"], yl = {
+const vt = { class: "flex flex-row items-center py-2 px-3 text-white bg-vxvue-700" }, mt = ["onClick"], ft = { class: "flex-grow text-center" }, ht = ["onClick"], pt = { class: "grid grid-cols-7 gap-0.5 p-0.5" }, gt = ["disabled", "onClick"], xl = {
   __name: "datepicker",
   props: {
     modelValue: [Date, Boolean],
@@ -538,97 +551,97 @@ const dt = { class: "flex flex-row items-center py-2 px-3 text-white bg-vxvue-70
   },
   emits: ["update:modelValue", "month-change"],
   setup(e, { emit: m }) {
-    const t = e, s = m, a = (() => {
-      let f = /* @__PURE__ */ new Date();
-      return new Date(f.getFullYear(), f.getMonth(), f.getDate());
-    })(), l = x(new Date(a.getFullYear(), a.getMonth(), 1)), c = x(null), n = x(!t.hasInput), o = x("left-0"), v = x("top-0"), u = x(null), b = x(null), h = S(() => t.hasInput ? { class: ["absolute", n.value ? "block" : "hidden"] } : {}), p = S(() => {
-      const f = [], g = l.value.getFullYear(), y = l.value.getMonth(), M = new Date(g, y + 1, 0), R = new Date(g, y, 0).getDay() + 1 - t.startOfWeekIndex, Z = (6 + t.startOfWeekIndex - M.getDay()) % 7;
-      for (let q = -R, J = M.getDate() + Z; q < J; ++q)
-        f.push(new Date(g, y, q + 1));
-      return f;
-    }), w = S(() => t.startOfWeekIndex ? t.dayNames.slice(1).concat(t.dayNames[0]) : t.dayNames.slice());
-    Y(() => t.modelValue, (f) => {
-      f ? (c.value = new Date(f.getFullYear(), f.getMonth(), f.getDate()), l.value = new Date(c.value.getTime())) : (c.value = null, l.value = new Date(a.getTime())), l.value.setDate(1);
-    }, { immediate: !0 }), Y(n, (f) => {
-      f && t.hasInput && le(() => {
-        const g = u.value.$el.getBoundingClientRect(), y = b.value.getBoundingClientRect();
-        o.value = g.left + y.width > window.innerWidth ? "right-0" : "left-0", v.value = g.bottom + y.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12";
+    const t = e, n = m, a = (() => {
+      let $ = /* @__PURE__ */ new Date();
+      return new Date($.getFullYear(), $.getMonth(), $.getDate());
+    })(), l = b(new Date(a.getFullYear(), a.getMonth(), 1)), i = b(null), s = b(!t.hasInput), o = b("left-0"), v = b("top-0"), u = b(null), g = b(null), h = S(() => t.hasInput ? { class: ["absolute", s.value ? "block" : "hidden"] } : {}), p = S(() => {
+      const $ = [], V = l.value.getFullYear(), f = l.value.getMonth(), y = new Date(V, f + 1, 0), B = new Date(V, f, 0).getDay() + 1 - t.startOfWeekIndex, I = (6 + t.startOfWeekIndex - y.getDay()) % 7;
+      for (let z = -B, Q = y.getDate() + I; z < Q; ++z)
+        $.push(new Date(V, f, z + 1));
+      return $;
+    }), x = S(() => t.startOfWeekIndex ? t.dayNames.slice(1).concat(t.dayNames[0]) : t.dayNames.slice());
+    H(() => t.modelValue, ($) => {
+      $ ? (i.value = new Date($.getFullYear(), $.getMonth(), $.getDate()), l.value = new Date(i.value.getTime())) : (i.value = null, l.value = new Date(a.getTime())), l.value.setDate(1);
+    }, { immediate: !0 }), H(s, ($) => {
+      $ && t.hasInput && se(() => {
+        const V = u.value.$el.getBoundingClientRect(), f = g.value.getBoundingClientRect();
+        o.value = V.left + f.width > window.innerWidth ? "right-0" : "left-0", v.value = V.bottom + f.height > window.innerHeight ? "bottom-0 -translate-y-12" : "top-0 translate-y-12";
       });
-    }), ae(b, () => n.value = !1);
-    const F = () => {
-      l.value = new Date(l.value.getFullYear(), l.value.getMonth() - 1, 1), s("month-change", l.value);
-    }, T = () => {
-      l.value = new Date(l.value.getFullYear(), l.value.getMonth() + 1, 1), s("month-change", l.value);
-    }, L = (f) => {
-      c.value = f, s("update:modelValue", f), n.value = !t.hasInput;
-    }, H = (f) => {
-      c.value = f, s("update:modelValue", f);
+    }), ne(g, () => s.value = !1);
+    const E = () => {
+      l.value = new Date(l.value.getFullYear(), l.value.getMonth() - 1, 1), n("month-change", l.value);
+    }, O = () => {
+      l.value = new Date(l.value.getFullYear(), l.value.getMonth() + 1, 1), n("month-change", l.value);
+    }, F = ($) => {
+      i.value = $, n("update:modelValue", $), s.value = !t.hasInput;
+    }, W = ($) => {
+      i.value = $, n("update:modelValue", $);
     };
-    return (f, g) => (r(), i("div", {
-      class: _(["relative", f.$attrs.class])
+    return ($, V) => (r(), c("div", {
+      class: _(["relative", $.$attrs.class])
     }, [
-      e.hasInput ? (r(), W(rt, O({
+      e.hasInput ? (r(), G(ut, j({
         key: 0,
-        modelValue: c.value,
-        onToggleDatepicker: g[0] || (g[0] = (y) => n.value = !0),
-        "onUpdate:modelValue": H
-      }, f.$attrs, {
+        modelValue: i.value,
+        onToggleDatepicker: V[0] || (V[0] = (f) => s.value = !0),
+        "onUpdate:modelValue": W
+      }, $.$attrs, {
         ref_key: "input",
         ref: u,
         class: "w-full",
         locale: e.locale
       }), {
-        default: G(() => [
-          A(f.$slots, "default")
+        default: J(() => [
+          A($.$slots, "default")
         ]),
         _: 3
-      }, 16, ["modelValue", "locale"])) : V("", !0),
-      d("div", O({ class: "z-10 bg-white shadow-md" }, h.value, {
+      }, 16, ["modelValue", "locale"])) : M("", !0),
+      d("div", j({ class: "z-10 bg-white shadow-md" }, h.value, {
         ref_key: "calendar",
-        ref: b,
+        ref: g,
         class: [o.value, v.value]
       }), [
-        d("div", dt, [
+        d("div", vt, [
           d("button", {
-            onClick: B(F, ["stop"]),
+            onClick: L(E, ["stop"]),
             class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
           }, [
-            z(P(fe), { class: "w-6 h-6" })
-          ], 8, vt),
-          d("div", mt, C(l.value.toLocaleString(e.locale, { month: "long" })) + " " + C(l.value.getFullYear()), 1),
+            U(P(he), { class: "w-6 h-6" })
+          ], 8, mt),
+          d("div", ft, C(l.value.toLocaleString(e.locale, { month: "long" })) + " " + C(l.value.getFullYear()), 1),
           d("button", {
-            onClick: B(T, ["stop"]),
+            onClick: L(O, ["stop"]),
             class: "flex-shrink-0 text-vxvue-100 hover:text-vxvue-50"
           }, [
-            z(P(he), { class: "w-6 h-6" })
-          ], 8, ft)
+            U(P(pe), { class: "w-6 h-6" })
+          ], 8, ht)
         ]),
-        d("div", ht, [
-          (r(!0), i(D, null, I(w.value, (y, M) => (r(), i("div", {
+        d("div", pt, [
+          (r(!0), c(D, null, T(x.value, (f, y) => (r(), c("div", {
             class: "py-2 text-center bg-gray-200",
-            key: M
-          }, C(y), 1))), 128)),
-          (r(!0), i(D, null, I(p.value, (y) => (r(), i("div", {
-            class: _(["text-center", y.getMonth() - l.value.getMonth() === 0 ? "text-vxvue-700" : "text-gray-400"])
+            key: y
+          }, C(f), 1))), 128)),
+          (r(!0), c(D, null, T(p.value, (f) => (r(), c("div", {
+            class: _(["text-center", f.getMonth() - l.value.getMonth() === 0 ? "text-vxvue-700" : "text-gray-400"])
           }, [
             d("button", {
               class: _([
                 {
-                  "bg-vxvue-700 text-white": c.value && y.getTime() === c.value.getTime(),
-                  "bg-gray-200": y.getTime() === P(a).getTime(),
-                  "text-red-400": e.validFrom && e.validFrom > y || e.validUntil && e.validUntil < y
+                  "bg-vxvue-700 text-white": i.value && f.getTime() === i.value.getTime(),
+                  "bg-gray-200": f.getTime() === P(a).getTime(),
+                  "text-red-400": e.validFrom && e.validFrom > f || e.validUntil && e.validUntil < f
                 },
                 "py-2 px-3 rounded-sm"
               ]),
-              disabled: e.validFrom && e.validFrom > y || e.validUntil && e.validUntil < y,
-              onClick: B((M) => e.validFrom && e.validFrom > y || e.validUntil && e.validUntil < y ? null : L(y), ["stop"])
-            }, C(y.getDate()), 11, pt)
+              disabled: e.validFrom && e.validFrom > f || e.validUntil && e.validUntil < f,
+              onClick: L((y) => e.validFrom && e.validFrom > f || e.validUntil && e.validUntil < f ? null : F(f), ["stop"])
+            }, C(f.getDate()), 11, gt)
           ], 2))), 256))
         ])
       ], 16)
     ], 2));
   }
-}, gt = ["for"], bt = ["id", "multiple", "accept"], xl = {
+}, bt = ["for"], yt = ["id", "multiple", "accept"], wl = {
   __name: "form-file-button",
   props: {
     modelValue: { type: Array },
@@ -639,21 +652,21 @@ const dt = { class: "flex flex-row items-center py-2 px-3 text-white bg-vxvue-70
   },
   emits: ["update:modelValue", "form-data"],
   setup(e, { emit: m }) {
-    const t = m, s = e, a = (c) => {
-      const n = new FormData();
-      for (let o of c)
-        n.append(s.name, o, o.name);
-      return n;
-    }, l = (c) => {
-      const n = c.target.files || c.dataTransfer.files;
-      if (n) {
-        const o = [...n];
+    const t = m, n = e, a = (i) => {
+      const s = new FormData();
+      for (let o of i)
+        s.append(n.name, o, o.name);
+      return s;
+    }, l = (i) => {
+      const s = i.target.files || i.dataTransfer.files;
+      if (s) {
+        const o = [...s];
         t("update:modelValue", o), t("form-data", a(o));
       }
     };
-    return (c, n) => (r(), i("label", { for: e.id }, [
-      A(c.$slots, "default", {}, () => [
-        E("Upload")
+    return (i, s) => (r(), c("label", { for: e.id }, [
+      A(i.$slots, "default", {}, () => [
+        N("Upload")
       ]),
       d("input", {
         type: "file",
@@ -662,43 +675,43 @@ const dt = { class: "flex flex-row items-center py-2 px-3 text-white bg-vxvue-70
         accept: e.accept,
         onChange: l,
         class: "hidden"
-      }, null, 40, bt)
-    ], 8, gt));
+      }, null, 40, yt)
+    ], 8, bt));
   }
-}, yt = ["value"], xt = {
+}, xt = ["value"], wt = {
   key: 0,
   disabled: "",
   value: ""
-}, wt = ["value", "selected"], kt = {
+}, kt = ["value", "selected"], $t = {
   __name: "form-select",
   props: { options: Array, modelValue: [String, Number], disabledLabel: String },
   emits: ["update:modelValue"],
   setup(e, { emit: m }) {
     const t = m;
-    return (s, a) => (r(), i("select", O(s.$attrs, {
+    return (n, a) => (r(), c("select", j(n.$attrs, {
       value: e.modelValue,
       class: "form-select",
       onChange: a[0] || (a[0] = (l) => t("update:modelValue", l.target.value))
     }), [
-      e.disabledLabel ? (r(), i("option", xt, C(e.disabledLabel), 1)) : V("", !0),
-      (r(!0), i(D, null, I(e.options, (l) => (r(), i("option", {
+      e.disabledLabel ? (r(), c("option", wt, C(e.disabledLabel), 1)) : M("", !0),
+      (r(!0), c(D, null, T(e.options, (l) => (r(), c("option", {
         value: l.key !== void 0 ? l.key : l.label || l,
         selected: (l.key !== void 0 ? l.key : l.label || l) === e.modelValue
-      }, C(l.label || l), 9, wt))), 256))
-    ], 16, yt));
+      }, C(l.label || l), 9, kt))), 256))
+    ], 16, xt));
   }
-}, $t = ["aria-checked"], _t = ["checked"], wl = {
+}, _t = ["aria-checked"], Ct = ["checked"], kl = {
   __name: "form-switch",
   props: ["modelValue"],
   emits: ["update:modelValue"],
   setup(e, { emit: m }) {
-    const t = e, s = m, a = S(() => t.modelValue ? "bg-vxvue" : "bg-slate-200"), l = S(() => t.modelValue ? "translate-x-5" : "translate-x-0"), c = S(() => {
-      let n = Object.assign({}, U());
-      return delete n.class, n;
+    const t = e, n = m, a = S(() => t.modelValue ? "bg-vxvue" : "bg-slate-200"), l = S(() => t.modelValue ? "translate-x-5" : "translate-x-0"), i = S(() => {
+      let s = Object.assign({}, K());
+      return delete s.class, s;
     });
-    return (n, o) => (r(), i(D, null, [
+    return (s, o) => (r(), c(D, null, [
       d("label", {
-        class: _(n.$attrs.class)
+        class: _(s.$attrs.class)
       }, [
         d("span", {
           class: _([a.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"]),
@@ -709,27 +722,27 @@ const dt = { class: "flex flex-row items-center py-2 px-3 text-white bg-vxvue-70
             "aria-hidden": "true",
             class: _([l.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),
-          d("input", O({
+          d("input", j({
             class: "hidden",
             value: "1",
             type: "checkbox",
-            onChange: o[0] || (o[0] = (v) => s("update:modelValue", v.target.checked))
-          }, c.value, { checked: e.modelValue }), null, 16, _t)
-        ], 10, $t)
+            onChange: o[0] || (o[0] = (v) => n("update:modelValue", v.target.checked))
+          }, i.value, { checked: e.modelValue }), null, 16, Ct)
+        ], 10, _t)
       ], 2),
-      A(n.$slots, "default")
+      A(s.$slots, "default")
     ], 64));
   }
 };
-const pe = (e, m) => {
+const ge = (e, m) => {
   const t = e.__vccOpts || e;
-  for (const [s, a] of m)
-    t[s] = a;
+  for (const [n, a] of m)
+    t[n] = a;
   return t;
-}, Ct = (e) => (Ce("data-v-1be10676"), e = e(), Se(), e), St = {
+}, St = (e) => (Se("data-v-1be10676"), e = e(), Me(), e), Mt = {
   "aria-live": "assertive",
   class: "flex fixed inset-0 z-50 items-start py-6 px-4 pointer-events-none sm:p-6"
-}, Mt = { class: "flex flex-col items-center space-y-4 w-full" }, Vt = { class: "p-4" }, Dt = { class: "flex items-start" }, At = { class: "flex-shrink-0" }, Pt = { class: "flex-1 pt-0.5 ml-3 w-0" }, Bt = { class: "font-bold" }, Lt = { class: "mt-1" }, Ft = { class: "flex flex-shrink-0 ml-4" }, It = /* @__PURE__ */ Ct(() => /* @__PURE__ */ d("span", { class: "sr-only" }, "Close", -1)), Tt = /* @__PURE__ */ Object.assign({
+}, Vt = { class: "flex flex-col items-center space-y-4 w-full" }, Dt = { class: "p-4" }, At = { class: "flex items-start" }, Pt = { class: "flex-shrink-0" }, Bt = { class: "flex-1 pt-0.5 ml-3 w-0" }, Lt = { class: "font-bold" }, Ft = { class: "mt-1" }, It = { class: "flex flex-shrink-0 ml-4" }, Tt = /* @__PURE__ */ St(() => /* @__PURE__ */ d("span", { class: "sr-only" }, "Close", -1)), Ot = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "message-toast",
@@ -741,62 +754,62 @@ const pe = (e, m) => {
   },
   emits: ["timeout", "close"],
   setup(e, { emit: m }) {
-    const t = e, s = m, a = x(null), l = S(() => typeof t.message == "string" ? [t.message] : t.message), c = () => {
+    const t = e, n = m, a = b(null), l = S(() => typeof t.message == "string" ? [t.message] : t.message), i = () => {
       window.clearTimeout(a.value), t.active && t.timeout && (a.value = window.setTimeout(() => {
-        s("timeout");
+        n("timeout");
       }, t.timeout));
     };
-    return Y(() => t.active, c), ie(c), (n, o) => (r(), i("div", St, [
-      d("div", Mt, [
-        z(te, { name: "messagetoast-fade" }, {
-          default: G(() => [
-            e.active ? (r(), i("div", {
+    return H(() => t.active, i), ce(i), (s, o) => (r(), c("div", Mt, [
+      d("div", Vt, [
+        U(ae, { name: "messagetoast-fade" }, {
+          default: J(() => [
+            e.active ? (r(), c("div", {
               key: 0,
-              class: _(["overflow-hidden w-full max-w-sm rounded-md ring-1 ring-black ring-opacity-5 shadow-lg pointer-events-auto", n.$attrs.class])
+              class: _(["overflow-hidden w-full max-w-sm rounded-md ring-1 ring-black ring-opacity-5 shadow-lg pointer-events-auto", s.$attrs.class])
             }, [
-              d("div", Vt, [
-                d("div", Dt, [
-                  d("div", At, [
-                    A(n.$slots, "icon", {}, void 0, !0)
-                  ]),
+              d("div", Dt, [
+                d("div", At, [
                   d("div", Pt, [
-                    d("p", Bt, [
-                      A(n.$slots, "title", {}, () => [
-                        E(C(e.title), 1)
+                    A(s.$slots, "icon", {}, void 0, !0)
+                  ]),
+                  d("div", Bt, [
+                    d("p", Lt, [
+                      A(s.$slots, "title", {}, () => [
+                        N(C(e.title), 1)
                       ], !0)
                     ]),
-                    (r(!0), i(D, null, I(l.value, (v) => (r(), i("p", Lt, [
-                      A(n.$slots, "default", {}, () => [
-                        E(C(v), 1)
+                    (r(!0), c(D, null, T(l.value, (v) => (r(), c("p", Ft, [
+                      A(s.$slots, "default", {}, () => [
+                        N(C(v), 1)
                       ], !0)
                     ]))), 256))
                   ]),
-                  d("div", Ft, [
+                  d("div", It, [
                     d("button", {
-                      onClick: o[0] || (o[0] = (v) => s("close")),
+                      onClick: o[0] || (o[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,
-                      z(P(ct), { class: "w-5 h-5" })
+                      Tt,
+                      U(P(dt), { class: "w-5 h-5" })
                     ])
                   ])
                 ])
               ])
-            ], 2)) : V("", !0)
+            ], 2)) : M("", !0)
           ]),
           _: 3
         })
       ])
     ]));
   }
-}), kl = /* @__PURE__ */ pe(Tt, [["__scopeId", "data-v-1be10676"]]), Ot = {
+}), $l = /* @__PURE__ */ ge(Ot, [["__scopeId", "data-v-1be10676"]]), jt = {
   key: 0,
   class: "fixed inset-0 z-[9998] bg-white/50 backdrop-blur-sm",
   "aria-hidden": "true"
-}, jt = {
+}, Et = {
   key: 0,
   class: "fixed inset-0 z-[9999]"
-}, Et = { class: "flex justify-center items-center h-screen" }, $l = {
+}, Yt = { class: "flex justify-center items-center h-screen" }, _l = {
   __name: "modal",
   props: {
     show: Boolean,
@@ -806,17 +819,17 @@ const pe = (e, m) => {
   },
   emits: ["clicked-outside"],
   setup(e, { emit: m }) {
-    const t = m, s = x(null);
-    return ae(s, () => t("clicked-outside")), (a, l) => (r(), i(D, null, [
-      e.show ? (r(), i("div", Ot)) : V("", !0),
-      z(te, { name: "appear" }, {
-        default: G(() => [
-          e.show ? (r(), i("div", jt, [
-            d("div", Et, [
+    const t = m, n = b(null);
+    return ne(n, () => t("clicked-outside")), (a, l) => (r(), c(D, null, [
+      e.show ? (r(), c("div", jt)) : M("", !0),
+      U(ae, { name: "appear" }, {
+        default: J(() => [
+          e.show ? (r(), c("div", Et, [
+            d("div", Yt, [
               d("div", {
                 class: _(["overflow-hidden relative max-w-full bg-white rounded ring-1 ring-black ring-opacity-10 shadow-xl transition-all transform xl:max-w-screen-xl", e.containerClass]),
                 ref_key: "container",
-                ref: s
+                ref: n
               }, [
                 d("div", {
                   class: _(e.headerClass)
@@ -830,13 +843,13 @@ const pe = (e, m) => {
                 ], 2)
               ], 2)
             ])
-          ])) : V("", !0)
+          ])) : M("", !0)
         ]),
         _: 3
       })
     ], 64));
   }
-}, Nt = { class: "flex justify-between items-center px-4 sm:px-0" }, Yt = { class: "flex flex-1 -mt-px w-0" }, zt = ["onClick"], Rt = { class: "hidden md:flex md:-mt-px" }, Ht = { class: "flex flex-1 justify-end -mt-px w-0" }, Ut = ["onClick"], _l = {
+}, Nt = { class: "flex justify-between items-center px-4 sm:px-0" }, zt = { class: "flex flex-1 -mt-px w-0" }, Rt = ["onClick"], Ht = { class: "hidden md:flex md:-mt-px" }, Ut = { class: "flex flex-1 justify-end -mt-px w-0" }, Wt = ["onClick"], Cl = {
   __name: "pagination",
   props: {
     page: { type: Number, default: 1 },
@@ -862,11 +875,11 @@ const pe = (e, m) => {
   },
   emits: ["update:page"],
   setup(e, { emit: m }) {
-    const t = m, s = e, a = x(Math.ceil(s.total / s.perPage)), l = x(null), c = S(() => s.markerPosition === "above" ? "border-t-2 pt-4" : "border-b-2 pb-4"), n = S(() => {
+    const t = m, n = e, a = b(Math.ceil(n.total / n.perPage)), l = b(null), i = S(() => n.markerPosition === "above" ? "border-t-2 pt-4" : "border-b-2 pb-4"), s = S(() => {
       let u = [1];
-      if (s.showAllPages || a.value <= 7) {
-        for (let b = 2; b <= a.value; ++b)
-          u.push(b);
+      if (n.showAllPages || a.value <= 7) {
+        for (let g = 2; g <= a.value; ++g)
+          u.push(g);
         return u;
       }
       return l.value >= a.value ? u.push("dots", l.value - 2, l.value - 1) : l.value - 1 && l.value - 1 > 1 && (l.value > 1 && u.push("dots"), u.push(l.value - 1)), l.value > 1 && u.push(l.value), l.value + 1 < a.value && (u.push(l.value + 1), l.value <= 1 && u.push(l.value + 2), l.value + 2 < a.value && u.push("dots")), l.value < a.value && u.push(a.value), u;
@@ -875,55 +888,55 @@ const pe = (e, m) => {
     }, v = () => {
       l.value < a.value && t("update:page", l.value + 1);
     };
-    return Y(() => s.page, (u) => l.value = Math.min(Math.max(u, 1), a.value), { immediate: !0 }), Y(() => s.perPage, (u) => {
-      a.value = Math.ceil(s.total / s.perPage), t("update:page", 1);
-    }), Y(() => s.total, (u) => {
-      a.value = Math.ceil(s.total / s.perPage), l.value > a.value && t("update:page", 1);
-    }), (u, b) => (r(), i("nav", Nt, [
-      d("div", Yt, [
-        e.showNavButtons ? (r(), i("a", {
+    return H(() => n.page, (u) => l.value = Math.min(Math.max(u, 1), a.value), { immediate: !0 }), H(() => n.perPage, (u) => {
+      a.value = Math.ceil(n.total / n.perPage), t("update:page", 1);
+    }), H(() => n.total, (u) => {
+      a.value = Math.ceil(n.total / n.perPage), l.value > a.value && t("update:page", 1);
+    }), (u, g) => (r(), c("nav", Nt, [
+      d("div", zt, [
+        e.showNavButtons ? (r(), c("a", {
           key: 0,
-          onClick: B(o, ["prevent"]),
+          onClick: L(o, ["prevent"]),
           href: "#",
-          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": l.value <= 1 }, c.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": l.value <= 1 }, i.value]])
         }, [
-          z(P(fe), { class: "w-5 h-5" }),
-          E(" " + C(e.prevText), 1)
-        ], 10, zt)) : V("", !0)
+          U(P(he), { class: "w-5 h-5" }),
+          N(" " + C(e.prevText), 1)
+        ], 10, Rt)) : M("", !0)
       ]),
-      d("div", Rt, [
-        (r(!0), i(D, null, I(n.value, (h, p) => (r(), W(ce(h !== "dots" ? "a" : "span"), {
-          onClick: B((w) => h !== "dots" ? t("update:page", h) : null, ["prevent"]),
+      d("div", Ht, [
+        (r(!0), c(D, null, T(s.value, (h, p) => (r(), G(de(h !== "dots" ? "a" : "span"), {
+          onClick: L((x) => h !== "dots" ? t("update:page", h) : null, ["prevent"]),
           key: p,
           href: h !== "dots" ? "#" : null,
           class: _(["inline-flex items-center px-4 text-sm font-medium", [{
             "border-vxvue-500 text-vxvue-700": h === l.value,
             "border-transparent text-gray-500": h !== l.value,
             "hover:text-gray-700 hover:border-gray-300": h !== "dots"
-          }, c.value]])
+          }, i.value]])
         }, {
-          default: G(() => [
-            E(C(h !== "dots" ? h : "..."), 1)
+          default: J(() => [
+            N(C(h !== "dots" ? h : "..."), 1)
           ]),
           _: 2
         }, 1032, ["onClick", "href", "class"]))), 128))
       ]),
-      d("div", Ht, [
-        e.showNavButtons ? (r(), i("a", {
+      d("div", Ut, [
+        e.showNavButtons ? (r(), c("a", {
           key: 0,
-          onClick: B(v, ["prevent"]),
+          onClick: L(v, ["prevent"]),
           href: "#",
-          class: _(["inline-flex items-center pl-1 text-sm font-medium text-gray-500 border-transparent hover:text-gray-700 hover:border-gray-300", [c.value, { "cursor-default pointer-events-none": l.value >= a.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", [i.value, { "cursor-default pointer-events-none": l.value >= a.value }]])
         }, [
-          E(C(e.nextText) + " ", 1),
-          z(P(he), { class: "w-5 h-5" })
-        ], 10, Ut)) : V("", !0)
+          N(C(e.nextText) + " ", 1),
+          U(P(pe), { class: "w-5 h-5" })
+        ], 10, Wt)) : M("", !0)
       ])
     ]));
   }
 };
-function Wt(e, m) {
-  return r(), i("svg", {
+function qt(e, m) {
+  return r(), c("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -938,8 +951,8 @@ function Wt(e, m) {
     })
   ]);
 }
-function qt(e, m) {
-  return r(), i("svg", {
+function Kt(e, m) {
+  return r(), c("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -959,31 +972,31 @@ function qt(e, m) {
     })
   ]);
 }
-const Kt = ["value", "type"], Cl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+const Gt = ["value", "type"], Sl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "password-input",
   props: ["modelValue"],
   emits: ["update:modelValue"],
   setup(e, { emit: m }) {
-    const t = m, s = x(!1), a = S(() => {
-      let l = Object.assign({}, U());
+    const t = m, n = b(!1), a = S(() => {
+      let l = Object.assign({}, K());
       return delete l.class, l;
     });
-    return (l, c) => (r(), i("div", {
-      class: _("inline-block relative " + U().class)
+    return (l, i) => (r(), c("div", {
+      class: _("inline-block relative " + K().class)
     }, [
-      d("input", O({
+      d("input", j({
         value: e.modelValue,
-        type: s.value ? "text" : "password",
-        onInput: c[0] || (c[0] = (n) => t("update:modelValue", n.target.value))
-      }, a.value, { class: "block pr-10 w-full form-input peer" }), null, 16, Kt),
+        type: n.value ? "text" : "password",
+        onInput: i[0] || (i[0] = (s) => t("update:modelValue", s.target.value))
+      }, a.value, { class: "block pr-10 w-full form-input peer" }), null, 16, Gt),
       d("button", {
-        onClick: c[1] || (c[1] = B((n) => s.value = !s.value, ["stop"])),
+        onClick: i[1] || (i[1] = L((s) => n.value = !n.value, ["stop"])),
         class: "flex absolute inset-y-0 right-0 items-center pr-3 text-brand-700 hover:text-brand"
       }, [
-        s.value ? (r(), W(P(Wt), {
+        n.value ? (r(), G(P(qt), {
           key: 0,
           class: "w-5 h-5"
-        })) : (r(), W(P(qt), {
+        })) : (r(), G(P(Kt), {
           key: 1,
           class: "w-5 h-5"
         }))
@@ -991,60 +1004,60 @@ const Kt = ["value", "type"], Cl = /* @__PURE__ */ Object.assign({ inheritAttrs:
       A(l.$slots, "default")
     ], 2));
   }
-}), Xt = { class: "flex items-center pb-1" }, Gt = ["id", "checked"], Zt = ["for"], Jt = { key: 1 }, Qt = ["href"], el = {
+}), Xt = { class: "flex items-center pb-1" }, Zt = ["id", "checked"], Jt = ["for"], Qt = { key: 1 }, el = ["href"], tl = {
   key: 0,
   class: "ml-6"
-}, Sl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}, Ml = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "simple-tree",
   props: { branch: { type: Object, default: {} } },
   emits: ["branch-selected", "expand"],
   setup(e, { emit: m }) {
-    const t = e, s = m, a = x(!1);
-    return ie(() => {
-      t.branch.current && s("expand", !0);
-    }), (l, c) => {
-      const n = Me("simple-tree", !0);
-      return r(), i("div", {
+    const t = e, n = m, a = b(!1);
+    return ce(() => {
+      t.branch.current && n("expand", !0);
+    }), (l, i) => {
+      const s = Ve("simple-tree", !0);
+      return r(), c("div", {
         class: _([!e.branch.branches || !e.branch.branches.length ? "terminates" : "", l.$attrs.class])
       }, [
         d("div", Xt, [
-          e.branch.branches && e.branch.branches.length ? (r(), i(D, { key: 0 }, [
+          e.branch.branches && e.branch.branches.length ? (r(), c(D, { key: 0 }, [
             d("input", {
               type: "checkbox",
               id: "branch-" + e.branch.id,
-              onClick: c[0] || (c[0] = (o) => a.value = !a.value),
+              onClick: i[0] || (i[0] = (o) => a.value = !a.value),
               checked: a.value,
               class: "hidden"
-            }, null, 8, Gt),
+            }, null, 8, Zt),
             d("label", {
               for: "branch-" + e.branch.id,
               class: "mr-2"
             }, [
-              (r(), W(ce(a.value ? P(ut) : P(it)), { class: "w-4 h-4 border" }))
-            ], 8, Zt)
-          ], 64)) : V("", !0),
-          e.branch.current ? (r(), i("strong", Jt, C(e.branch.label), 1)) : (r(), i("a", {
+              (r(), G(de(a.value ? P(it) : P(ct)), { class: "w-4 h-4 border" }))
+            ], 8, Jt)
+          ], 64)) : M("", !0),
+          e.branch.current ? (r(), c("strong", Qt, C(e.branch.label), 1)) : (r(), c("a", {
             key: 2,
             href: e.branch.path,
-            onClick: c[1] || (c[1] = B((o) => s("branch-selected", e.branch), ["prevent"]))
-          }, C(e.branch.label), 9, Qt))
+            onClick: i[1] || (i[1] = L((o) => n("branch-selected", e.branch), ["prevent"]))
+          }, C(e.branch.label), 9, el))
         ]),
-        e.branch.branches && e.branch.branches.length ? ue((r(), i("ul", el, [
-          (r(!0), i(D, null, I(e.branch.branches, (o) => (r(), W(n, {
+        e.branch.branches && e.branch.branches.length ? ie((r(), c("ul", tl, [
+          (r(!0), c(D, null, T(e.branch.branches, (o) => (r(), G(s, {
             branch: o,
             key: o.id,
-            onBranchSelected: c[2] || (c[2] = (v) => s("branch-selected", v)),
-            onExpand: c[3] || (c[3] = (v) => {
-              a.value = v, s("expand", v);
+            onBranchSelected: i[2] || (i[2] = (v) => n("branch-selected", v)),
+            onExpand: i[3] || (i[3] = (v) => {
+              a.value = v, n("expand", v);
             })
           }, null, 8, ["branch"]))), 128))
         ], 512)), [
-          [Ve, a.value]
-        ]) : V("", !0)
+          [De, a.value]
+        ]) : M("", !0)
       ], 2);
     };
   }
-}), tl = ["id", "aria-valuenow"], ll = ["id", "aria-valuenow"], Ml = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
+}), ll = ["id", "aria-valuenow"], al = ["id", "aria-valuenow"], Vl = /* @__PURE__ */ Object.assign({ inheritAttrs: !1 }, {
   __name: "slider",
   props: {
     min: { type: Number, default: 0 },
@@ -1057,62 +1070,63 @@ const Kt = ["value", "type"], Cl = /* @__PURE__ */ Object.assign({ inheritAttrs:
   },
   emits: ["update:modelValue"],
   setup(e, { emit: m }) {
-    const t = e, s = m, a = U(), l = x({ x: null, y: null }), c = x({ w: null, h: null }), n = x(!1), o = x(null), v = x(0), u = S(() => {
-      const f = t.max, g = t.min;
-      return t.modelValue instanceof Array ? t.modelValue.map((y) => Math.max(Math.min(y, f), g) * 100 / (f - g)) : Math.max(Math.min(t.modelValue, f), g) * 100 / (f - g);
-    }), b = S(() => {
+    const t = e, n = m, a = K(), l = b({ x: null, y: null }), i = b({ w: null, h: null }), s = b(!1), o = b(null), v = b(0), u = S(() => {
+      const f = t.max, y = t.min;
+      return t.modelValue instanceof Array ? t.modelValue.map((B) => Math.max(Math.min(B, f), y) * 100 / (f - y)) : Math.max(Math.min(t.modelValue, f), y) * 100 / (f - y);
+    }), g = S(() => {
       if (t.modelValue instanceof Array) {
-        const f = Math.min(...u.value) + "%", g = Math.max(...u.value) - Math.min(...u.value) + "%";
-        return t.vertical ? { bottom: f, height: g } : { left: f, width: g };
+        const f = Math.min(...u.value) + "%", y = Math.max(...u.value) - Math.min(...u.value) + "%";
+        return t.vertical ? { bottom: f, height: y } : { left: f, width: y };
       }
       return t.vertical ? { bottom: 0, height: u.value + "%" } : { width: u.value + "%" };
-    }), h = x({
+    }), h = b({
       class: (t.vertical ? "left-0 -translate-x-1.5 translate-y-2.5" : "top-0 -translate-x-2.5 -translate-y-1.5") + " touch-none absolute w-5 h-5 rounded-full border-2 bg-white transition-colors duration-200 " + (t.disabled ? "" : " focus:ring-4 focus:outline-none border-vxvue cursor-grab hover:bg-vxvue focus:ring-vxvue/50"),
       tabindex: 0,
       role: "slider",
       "aria-valuemin": t.min,
       "aria-valuemax": t.max
     }), p = (f) => {
-      let g = parseFloat(f.toFixed(10));
-      if (g = Math.min(t.max, Math.max(t.min, g)), t.modelValue instanceof Array) {
-        let y = [...t.modelValue];
-        y[v.value] = g, s("update:modelValue", y);
+      let y = parseFloat(f.toFixed(10));
+      if (y = Math.min(t.max, Math.max(t.min, y)), t.modelValue instanceof Array) {
+        let B = [...t.modelValue];
+        B[v.value] = y, n("update:modelValue", B);
       } else
-        s("update:modelValue", g);
-    }, w = (f) => {
-      const { pageX: g, pageY: y } = f.touches ? f.touches[0] : f, M = t.vertical ? (-y + l.value.y) / c.value.h : (g - l.value.x) / c.value.w;
-      p(Math.floor((t.max - t.min) * M + t.min));
-    }, F = (f) => {
-      n.value && (f.preventDefault(), w(f));
-    }, T = (f) => {
-      f.preventDefault(), n.value = !0;
-      const g = document.documentElement, y = o.value.getBoundingClientRect();
+        n("update:modelValue", y);
+    }, x = (f) => {
+      const { pageX: y, pageY: B } = f.touches ? f.touches[0] : f, I = t.vertical ? (-B + l.value.y) / i.value.h : (y - l.value.x) / i.value.w;
+      p(Math.floor((t.max - t.min) * I + t.min));
+    }, E = () => {
+      const f = document.documentElement, y = o.value.getBoundingClientRect();
       l.value = {
-        x: y.left + g.scrollLeft - g.clientLeft,
-        y: y.bottom + g.scrollTop - g.clientTop
-      }, c.value = {
+        x: y.left + f.scrollLeft - f.clientLeft,
+        y: y.bottom + f.scrollTop - f.clientTop
+      }, i.value = {
         w: o.value.offsetWidth,
         h: o.value.offsetHeight
-      }, f.currentTarget.focus(), document.addEventListener("mousemove", F), document.addEventListener("mouseup", L);
-    }, L = () => {
-      n.value && (n.value = !1, document.removeEventListener("mousemove", F), document.removeEventListener("mouseup", L));
-    }, H = (f) => {
+      };
+    }, O = (f) => {
+      s.value && (f.preventDefault(), x(f));
+    }, F = (f) => {
+      f.preventDefault(), f.currentTarget.focus(), E(), s.value = !0, document.addEventListener("mousemove", O), document.addEventListener("mouseup", W);
+    }, W = () => {
+      s.value && (s.value = !1, document.removeEventListener("mousemove", O), document.removeEventListener("mouseup", W));
+    }, $ = (f) => {
       f.keyCode >= 33 && f.keyCode <= 40 && f.preventDefault();
-      const g = t.modelValue[v.value] ?? t.modelValue;
+      const y = t.modelValue[v.value] ?? t.modelValue;
       switch (f.keyCode) {
         case 37:
         case 40:
-          p(g - 1);
+          p(y - 1);
           break;
         case 39:
         case 38:
-          p(g + 1);
+          p(y + 1);
           break;
         case 33:
-          p(g + (t.max - t.min) / 10);
+          p(y + (t.max - t.min) / 10);
           break;
         case 34:
-          p(g - (t.max - t.min) / 10);
+          p(y - (t.max - t.min) / 10);
           break;
         case 36:
           p(t.min);
@@ -1120,66 +1134,70 @@ const Kt = ["value", "type"], Cl = /* @__PURE__ */ Object.assign({ inheritAttrs:
         case 35:
           p(t.max);
       }
+    }, V = (f) => {
+      E(), x(f);
     };
-    return (f, g) => (r(), i("div", {
-      class: _(["relative  bg-slate-300", e.vertical ? "h-full w-2 rounded-t-full rounded-b-full" : "w-full h-2 rounded-r-full rounded-l-full"]),
+    return (f, y) => (r(), c("div", j({
+      class: ["relative  bg-slate-300", e.vertical ? "h-full w-2 rounded-t-full rounded-b-full" : "w-full h-2 rounded-r-full rounded-l-full"],
       ref_key: "track",
       ref: o
-    }, [
-      e.disabled ? V("", !0) : (r(), i("div", {
+    }, ee(e.disabled ? {} : {
+      click: V
+    }, !0)), [
+      e.disabled ? M("", !0) : (r(), c("div", {
         key: 0,
         class: _(["absolute bg-vxvue", e.vertical ? "w-full rounded-t-full rounded-b-full" : "h-full rounded-r-full rounded-l-full"]),
-        style: De(b.value)
+        style: Ae(g.value)
       }, null, 6)),
-      e.modelValue.length ? (r(!0), i(D, { key: 2 }, I(e.modelValue, (y, M) => (r(), i("button", O({
-        id: M ? null : P(a).id,
-        style: e.vertical ? { bottom: u.value[M] + "%" } : { left: u.value[M] + "%" },
-        "aria-valuenow": e.modelValue[M]
-      }, ne(e.disabled ? {} : {
-        focus: () => v.value = M,
-        keydown: H,
-        mousedown: (R) => {
-          v.value = M, T(R);
+      e.modelValue.length ? (r(!0), c(D, { key: 2 }, T(e.modelValue, (B, I) => (r(), c("button", j({
+        id: I ? null : P(a).id,
+        style: e.vertical ? { bottom: u.value[I] + "%" } : { left: u.value[I] + "%" },
+        "aria-valuenow": e.modelValue[I]
+      }, ee(e.disabled ? {} : {
+        focus: () => v.value = I,
+        keydown: $,
+        mousedown: (z) => {
+          v.value = I, F(z);
         },
-        touchstart: (R) => {
-          v.value = M, T(R);
+        touchstart: (z) => {
+          v.value = I, F(z);
         },
-        touchmove: F,
-        touchend: L
-      }, !0), h.value), null, 16, ll))), 256)) : (r(), i("button", O({
+        touchmove: O,
+        touchend: W
+      }, !0), h.value), null, 16, al))), 256)) : (r(), c("button", j({
         key: 1,
         id: P(a).id,
         style: e.vertical ? { bottom: u.value + "%" } : { left: u.value + "%" },
         "aria-valuenow": e.modelValue
-      }, ne(e.disabled ? {} : {
+      }, ee(e.disabled ? {} : {
         focus: () => v.value = 0,
-        keydown: H,
-        mousedown: (y) => {
-          v.value = 0, T(y);
+        keydown: $,
+        mousedown: (B) => {
+          v.value = 0, F(B);
         },
-        touchstart: (y) => {
-          v.value = 0, T(y);
+        touchstart: (B) => {
+          v.value = 0, F(B);
         },
-        touchmove: F,
-        touchend: L
-      }, !0), h.value), null, 16, tl))
-    ], 2));
+        touchmove: O,
+        touchend: W
+      }, !0), h.value), null, 16, ll))
+    ], 16));
   }
 });
-const al = { class: "w-full divide-y divide-y-slate-900" }, sl = { class: "text-white bg-slate-700" }, nl = ["onClick"], ol = { class: "flex items-center" }, rl = {
+const sl = { class: "w-full divide-y divide-y-slate-900" }, nl = { class: "text-white bg-slate-700" }, ol = ["onClick"], rl = { class: "flex items-center" }, ul = {
   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"
-}, ul = ["d"], il = {
+}, il = ["d"], cl = {
   key: 1,
   "stroke-linecap": "round",
   "stroke-linejoin": "round",
   "stroke-width": "2",
   d: "M8 9l4-4 4 4m0 6l-4 4-4-4"
-}, cl = {
+}, dl = {
   __name: "sortable",
   props: {
     columns: {
@@ -1201,65 +1219,65 @@ const al = { class: "w-full divide-y divide-y-slate-900" }, sl = { class: "text-
   },
   emits: ["before-sort", "after-sort"],
   setup(e, { emit: m }) {
-    const t = e, s = m, a = x(t.sortProp), l = x(t.sortDirection), c = S(() => {
+    const t = e, n = m, a = b(t.sortProp), l = b(t.sortDirection), i = S(() => {
       let o = t.rows.slice();
       const v = t.columns.find(({ prop: u }) => u === a.value);
-      return v && (l.value === "asc" && v.sortAscFunction ? o.sort(v.sortAscFunction) : l.value === "desc" && v.sortDescFunction ? o.sort(v.sortDescFunction) : o.sort((u, b) => u[a.value] < b[a.value] ? l.value === "asc" ? -1 : 1 : u[a.value] > b[a.value] ? l.value === "asc" ? 1 : -1 : 0)), o.slice(t.offset || 0, (t.offset || 0) + (t.count || o.length));
-    }), n = (o) => {
-      s("before-sort", { prop: a.value, dir: l.value }), a.value === o ? l.value = l.value === "asc" ? "desc" : "asc" : (a.value = o, l.value = l.value || "asc"), le(() => s("after-sort", { prop: a.value, dir: l.value }));
+      return v && (l.value === "asc" && v.sortAscFunction ? o.sort(v.sortAscFunction) : l.value === "desc" && v.sortDescFunction ? o.sort(v.sortDescFunction) : o.sort((u, g) => u[a.value] < g[a.value] ? l.value === "asc" ? -1 : 1 : u[a.value] > g[a.value] ? l.value === "asc" ? 1 : -1 : 0)), o.slice(t.offset || 0, (t.offset || 0) + (t.count || o.length));
+    }), s = (o) => {
+      n("before-sort", { prop: a.value, dir: l.value }), a.value === o ? l.value = l.value === "asc" ? "desc" : "asc" : (a.value = o, l.value = l.value || "asc"), se(() => n("after-sort", { prop: a.value, dir: l.value }));
     };
-    return (o, v) => (r(), i("table", al, [
-      d("thead", sl, [
+    return (o, v) => (r(), c("table", sl, [
+      d("thead", nl, [
         d("tr", null, [
-          (r(!0), i(D, null, I(e.columns, (u) => (r(), i("th", {
+          (r(!0), c(D, null, T(e.columns, (u) => (r(), c("th", {
             scope: "col",
             class: _(["py-3 px-6 text-left", [
               { "cursor-pointer": u.sortable, active: a.value === u.prop },
               u.cssClass
             ]]),
-            onClick: (b) => u.sortable ? n(u.prop) : null
+            onClick: (g) => u.sortable ? s(u.prop) : null
           }, [
             A(o.$slots, u.prop + "-header", {
               column: u,
               sortDir: l.value,
               sortProp: a.value
             }, () => [
-              d("div", ol, [
+              d("div", rl, [
                 d("span", null, C(u.label), 1),
-                u.sortable ? (r(), i("svg", rl, [
-                  a.value === u.prop ? (r(), i("path", {
+                u.sortable ? (r(), c("svg", ul, [
+                  a.value === u.prop ? (r(), c("path", {
                     key: 0,
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
                     "stroke-width": "2",
                     d: l.value === "asc" ? "M19 9l-7 7-7-7" : "M5 15l7-7 7 7"
-                  }, null, 8, ul)) : (r(), i("path", il))
-                ])) : V("", !0)
+                  }, null, 8, il)) : (r(), c("path", cl))
+                ])) : M("", !0)
               ])
             ], !0)
-          ], 10, nl))), 256))
+          ], 10, ol))), 256))
         ])
       ]),
       d("tbody", null, [
-        (r(!0), i(D, null, I(c.value, (u) => (r(), i("tr", {
+        (r(!0), c(D, null, T(i.value, (u) => (r(), c("tr", {
           key: u[e.keyProperty],
           class: _(u.cssClass)
         }, [
-          (r(!0), i(D, null, I(e.columns, (b) => (r(), i("td", {
-            class: _(["py-3 px-6 whitespace-nowrap", { active: a.value === b.prop }])
+          (r(!0), c(D, null, T(e.columns, (g) => (r(), c("td", {
+            class: _(["py-3 px-6 whitespace-nowrap", { active: a.value === g.prop }])
           }, [
-            A(o.$slots, b.prop, { row: u }, () => [
-              E(C(u[b.prop]), 1)
+            A(o.$slots, g.prop, { row: u }, () => [
+              N(C(u[g.prop]), 1)
             ], !0)
           ], 2))), 256))
         ], 2))), 128))
       ])
     ]));
   }
-}, Vl = /* @__PURE__ */ pe(cl, [["__scopeId", "data-v-1c751c5a"]]), dl = { class: "sm:hidden" }, vl = { class: "hidden sm:block" }, ml = { class: "border-b border-gray-200" }, fl = {
+}, Dl = /* @__PURE__ */ ge(dl, [["__scopeId", "data-v-1c751c5a"]]), vl = { class: "sm:hidden" }, ml = { class: "hidden sm:block" }, fl = { class: "border-b border-gray-200" }, hl = {
   class: "flex -mb-px space-x-8",
   "aria-label": "Tabs"
-}, hl = ["onClick", "aria-current"], Dl = {
+}, pl = ["onClick", "aria-current"], Al = {
   __name: "tabs",
   props: {
     items: { type: Array, default: [] },
@@ -1267,34 +1285,34 @@ const al = { class: "w-full divide-y divide-y-slate-900" }, sl = { class: "text-
   },
   emits: ["update:active-index"],
   setup(e, { emit: m }) {
-    const t = e, s = m, a = x(t.items[t.activeIndex] || {}), l = S(() => {
-      let n = [];
+    const t = e, n = m, a = b(t.items[t.activeIndex] || {}), l = S(() => {
+      let s = [];
       return t.items.forEach((o, v) => {
-        o.disabled || n.push({ label: o.name, key: v });
-      }), n;
+        o.disabled || s.push({ label: o.name, key: v });
+      }), s;
     });
-    Y(() => t.activeIndex, (n) => {
-      a.value = t.items[n] || {};
+    H(() => t.activeIndex, (s) => {
+      a.value = t.items[s] || {};
     });
-    const c = (n) => {
-      n.disabled || (a.value = n, s("update:active-index", t.items.indexOf(n)));
+    const i = (s) => {
+      s.disabled || (a.value = s, n("update:active-index", t.items.indexOf(s)));
     };
-    return (n, o) => (r(), i(D, null, [
-      d("div", dl, [
-        z(kt, {
+    return (s, o) => (r(), c(D, null, [
+      d("div", vl, [
+        U($t, {
           options: l.value,
           "model-value": e.activeIndex,
-          "onUpdate:modelValue": o[0] || (o[0] = (v) => s("update:activeIndex", v)),
+          "onUpdate:modelValue": o[0] || (o[0] = (v) => n("update:activeIndex", v)),
           class: "w-full"
         }, null, 8, ["options", "model-value"])
       ]),
-      d("div", vl, [
-        d("div", ml, [
-          d("nav", fl, [
-            (r(!0), i(D, null, I(e.items, (v) => (r(), i("a", {
+      d("div", ml, [
+        d("div", fl, [
+          d("nav", hl, [
+            (r(!0), c(D, null, T(e.items, (v) => (r(), c("a", {
               key: v.name,
               href: "#",
-              onClick: B((u) => c(v), ["prevent"]),
+              onClick: L((u) => i(v), ["prevent"]),
               class: _([
                 a.value === v ? "border-vxvue-500 text-vxvue-600" : "border-transparent text-gray-900 hover:text-gray-700 hover:border-gray-300",
                 v.disabled ? "cursor-not-allowed text-gray-400 hover:border-transparent" : "",
@@ -1302,21 +1320,21 @@ const al = { class: "w-full divide-y divide-y-slate-900" }, sl = { class: "text-
               ]),
               "aria-current": a.value === v ? "page" : void 0
             }, [
-              A(n.$slots, "icon", { tab: v }),
+              A(s.$slots, "icon", { tab: v }),
               d("span", null, [
-                A(n.$slots, "default", { tab: v }, () => [
-                  E(C(v.name), 1)
+                A(s.$slots, "default", { tab: v }, () => [
+                  N(C(v.name), 1)
                 ])
               ]),
-              v.badge ? (r(), i("span", {
+              v.badge ? (r(), c("span", {
                 key: 0,
                 class: _([
                   a.value === v ? "bg-vxvue-50 text-vxvue-700" : "bg-gray-200 text-gray-900",
                   v.disabled ? "bg-gray-100 text-gray-400" : "",
                   "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"
                 ])
-              }, C(v.badge), 3)) : V("", !0)
-            ], 10, hl))), 128))
+              }, C(v.badge), 3)) : M("", !0)
+            ], 10, pl))), 128))
           ])
         ])
       ])
@@ -1324,19 +1342,19 @@ const al = { class: "w-full divide-y divide-y-slate-900" }, sl = { class: "text-
   }
 };
 export {
-  gl as Autocomplete,
-  bl as Confirm,
-  rt as DateInput,
-  yl as Datepicker,
-  xl as FormFileButton,
-  kt as FormSelect,
-  wl as FormSwitch,
-  kl as MessageToast,
-  $l as Modal,
-  _l as Pagination,
-  Cl as PasswordInput,
-  Sl as SimpleTree,
-  Ml as Slider,
-  Vl as Sortable,
-  Dl as Tabs
+  bl as Autocomplete,
+  yl as Confirm,
+  ut as DateInput,
+  xl as Datepicker,
+  wl as FormFileButton,
+  $t as FormSelect,
+  kl as FormSwitch,
+  $l as MessageToast,
+  _l as Modal,
+  Cl as Pagination,
+  Sl as PasswordInput,
+  Ml as SimpleTree,
+  Vl as Slider,
+  Dl as Sortable,
+  Al as Tabs
 };