vs-datatable 1.2.6 → 1.2.8

package/dist/vs-datatable.es.js

@@ -1,18 +1,19 @@
-import { defineComponent as _, computed as F, createElementBlock as k, openBlock as y, createElementVNode as w, createCommentVNode as P, Fragment as z, renderList as Q, normalizeClass as G, toDisplayString as H, unref as $, mergeProps as Ae, renderSlot as j, ref as I, watch as Y, createVNode as ne, withModifiers as pe, withCtx as X, withDirectives as te, vModelText as he, nextTick as oe, onMounted as Re, onUnmounted as pt, createBlock as fe, Teleport as Dt, Transition as It, vModelSelect as Qe, normalizeStyle as gt, createSlots as Te, createTextVNode as Ge, onBeforeUnmount as He, isRef as Fe, shallowRef as yt, useAttrs as qt, onBeforeMount as Mt, normalizeProps as ot, guardReactiveProps as st } from "vue";
-import './index.css';const Bt = (e, n) => n ? n.split(".").reduce((t, o) => t && t[o], e) : "";
+import { defineComponent as _, computed as F, createElementBlock as x, openBlock as y, createElementVNode as b, createCommentVNode as D, Fragment as z, renderList as Q, normalizeClass as G, toDisplayString as B, unref as $, mergeProps as Ae, renderSlot as j, ref as q, watch as Y, createVNode as ne, withModifiers as pe, withCtx as X, withDirectives as te, vModelText as he, nextTick as oe, onMounted as Re, onUnmounted as mt, createBlock as fe, Teleport as Dt, Transition as Pt, vModelSelect as Qe, normalizeStyle as pt, createSlots as Te, createTextVNode as Ge, onBeforeUnmount as He, isRef as Fe, shallowRef as gt, useAttrs as It, onBeforeMount as qt, normalizeProps as ot, guardReactiveProps as st } from "vue";
+import './index.css';const Mt = (e, n) => n ? n.split(".").reduce((t, o) => t && t[o], e) : "";
 function re(e, n, t = "id") {
   return typeof t == "function" ? t(e, n) : e[t] || n;
 }
-function wt(e, n, t = "id") {
-  return n.some((o) => re(o, -1, t) === re(e, -1, t));
+function yt(e, n, t = "id") {
+  return n.some(
+    (o) => re(o, -1, t) === re(e, -1, t)
+  );
 }
-function Ht(e, n, t) {
+function Bt(e, n, t) {
   const o = (l) => l.reduce((a, r) => r.children && r.children.length > 0 ? a + o(r.children) : a + 1, 0);
   return o(e) + (n ? 1 : 0) + (t ? 1 : 0);
 }
-function Wt(e, n) {
-  if (!n.length)
-    return e;
+function Ht(e, n) {
+  if (!n.length) return e;
   const t = (o, s) => s.split(".").reduce((l, a) => l?.[a], o) ?? "";
   return [...e].sort((o, s) => {
     for (const { field: l, order: a } of n) {
@@ -24,25 +25,25 @@ function Wt(e, n) {
   });
 }
 function Nt(e, n, t) {
-  if (!t)
-    return e;
+  if (!t) return e;
   const o = (n - 1) * t, s = o + t;
   return e.slice(o, s);
 }
-function Kt(e, n, t) {
+function Wt(e, n, t) {
   const o = (e - 1) * n + 1, s = Math.min(e * n, t);
   return { start: o, end: s };
 }
-function bt(e, n) {
+function wt(e, n) {
   return Math.ceil(e / n);
 }
 function lt(e, n, t) {
-  if (!n || n.trim() === "")
-    return e;
+  if (!n || n.trim() === "") return e;
   const o = n.toLowerCase();
-  return e.filter((s) => Object.values(s).some((l) => String(l ?? "").toLowerCase().includes(o)));
+  return e.filter((s) => Object.values(s).some(
+    (l) => String(l ?? "").toLowerCase().includes(o)
+  ));
 }
-function zt(e = []) {
+function Kt(e = []) {
   const n = [], t = (o) => {
     o.forEach((s) => {
       Array.isArray(s.children) && s.children.length ? t(s.children) : n.push(s);
@@ -50,13 +51,13 @@ function zt(e = []) {
   };
   return t(e), n;
 }
-const jt = ["id"], Ut = ["disabled"], Zt = {
+const zt = ["id"], jt = ["disabled"], Ut = {
   key: 1,
   class: "vs-pagination-ellipsis"
-}, Xt = ["id", "onClick"], Qt = {
+}, Zt = ["id", "onClick"], Xt = {
   key: 2,
   class: "vs-pagination-ellipsis"
-}, Yt = ["disabled"], Gt = /* @__PURE__ */ _({
+}, Qt = ["disabled"], Yt = /* @__PURE__ */ _({
   __name: "VsPagination",
   props: {
     modelValue: {},
@@ -73,66 +74,66 @@ const jt = ["id"], Ut = ["disabled"], Zt = {
       set: (f) => {
         o("update:modelValue", f), o("pageChanged", f);
       }
-    }), a = F(() => l.value <= Math.floor(s / 2) ? 1 : l.value >= i.value - Math.floor(s / 2) ? Math.max(i.value - s + 1, 1) : l.value - Math.floor(s / 2)), r = F(() => Math.min(a.value + s - 1, i.value)), i = F(() => bt(t.totalRecords, t.rowsPerPage)), c = F(() => {
+    }), a = F(() => l.value <= Math.floor(s / 2) ? 1 : l.value >= i.value - Math.floor(s / 2) ? Math.max(i.value - s + 1, 1) : l.value - Math.floor(s / 2)), r = F(() => Math.min(a.value + s - 1, i.value)), i = F(() => wt(t.totalRecords, t.rowsPerPage)), u = F(() => {
       const f = [];
-      for (let d = a.value; d <= r.value; d++)
-        f.push(d);
+      for (let h = a.value; h <= r.value; h++)
+        f.push(h);
       return f;
-    }), u = (f) => {
+    }), d = (f) => {
       f >= 1 && f <= i.value && (l.value = f);
     }, v = () => {
       l.value > 1 && l.value--;
     }, m = () => {
       l.value < i.value && l.value++;
     };
-    return (f, d) => (y(), k("div", {
+    return (f, h) => (y(), x("div", {
       class: "vs-pagination",
       id: e.tablename + "-pagination"
     }, [
-      w("button", {
+      b("button", {
         onClick: v,
         type: "button",
         class: "vs-pagination-button vs-pagination-nav",
         disabled: l.value === 1
-      }, " ‹‹ ", 8, Ut),
-      a.value > 1 ? (y(), k("button", {
+      }, " ‹‹ ", 8, jt),
+      a.value > 1 ? (y(), x("button", {
         key: 0,
         type: "button",
         class: "vs-pagination-button",
-        onClick: d[0] || (d[0] = (h) => u(1))
-      }, " 1 ")) : P("", !0),
-      a.value > 2 ? (y(), k("span", Zt, "...")) : P("", !0),
-      (y(!0), k(z, null, Q(c.value, (h) => (y(), k("button", {
-        key: h,
+        onClick: h[0] || (h[0] = (c) => d(1))
+      }, " 1 ")) : D("", !0),
+      a.value > 2 ? (y(), x("span", Ut, "...")) : D("", !0),
+      (y(!0), x(z, null, Q(u.value, (c) => (y(), x("button", {
+        key: c,
         type: "button",
         class: G([
           "vs-pagination-button",
-          { "vs-active": l.value === h }
+          { "vs-active": l.value === c }
         ]),
-        id: e.tablename + "-page-" + h,
-        onClick: (g) => u(h)
-      }, H(h), 11, Xt))), 128)),
-      r.value < i.value - 1 ? (y(), k("span", Qt, "...")) : P("", !0),
-      r.value < i.value ? (y(), k("button", {
+        id: e.tablename + "-page-" + c,
+        onClick: (g) => d(c)
+      }, B(c), 11, Zt))), 128)),
+      r.value < i.value - 1 ? (y(), x("span", Xt, "...")) : D("", !0),
+      r.value < i.value ? (y(), x("button", {
         key: 3,
         type: "button",
         class: "vs-pagination-button",
-        onClick: d[1] || (d[1] = (h) => u(i.value))
-      }, H(i.value), 1)) : P("", !0),
-      w("button", {
+        onClick: h[1] || (h[1] = (c) => d(i.value))
+      }, B(i.value), 1)) : D("", !0),
+      b("button", {
         onClick: m,
         type: "button",
         class: "vs-pagination-button vs-pagination-nav",
         disabled: l.value === i.value
-      }, " ›› ", 8, Yt)
-    ], 8, jt));
+      }, " ›› ", 8, Qt)
+    ], 8, zt));
   }
 }), ae = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [o, s] of n)
     t[o] = s;
   return t;
-}, Jt = /* @__PURE__ */ ae(Gt, [["__scopeId", "data-v-b327b254"]]), _t = { class: "vs-rows-per-page" }, en = ["value"], tn = ["value"], nn = /* @__PURE__ */ _({
+}, Gt = /* @__PURE__ */ ae(Yt, [["__scopeId", "data-v-b327b254"]]), Jt = { class: "vs-rows-per-page" }, _t = ["value"], en = ["value"], tn = /* @__PURE__ */ _({
   __name: "VsRowsPerPage",
   props: {
     modelValue: {},
@@ -144,92 +145,92 @@ const jt = ["id"], Ut = ["disabled"], Zt = {
       const r = Number(a.target.value);
       o("update:modelValue", r), o("rowsPerPageChanged", r);
     };
-    return (a, r) => (y(), k("div", _t, [
-      r[0] || (r[0] = w("span", { class: "vs-rows-label" }, "Items Per Page", -1)),
-      w("select", {
+    return (a, r) => (y(), x("div", Jt, [
+      r[0] || (r[0] = b("span", { class: "vs-rows-label" }, "Items Per Page", -1)),
+      b("select", {
         class: "vs-items-dropdown",
         value: e.modelValue,
         onChange: l
       }, [
-        (y(!0), k(z, null, Q($(s), (i) => (y(), k("option", {
+        (y(!0), x(z, null, Q($(s), (i) => (y(), x("option", {
           key: i,
           value: i
-        }, H(i), 9, tn))), 128))
-      ], 40, en)
+        }, B(i), 9, en))), 128))
+      ], 40, _t)
     ]));
   }
-}), on = /* @__PURE__ */ ae(nn, [["__scopeId", "data-v-0c2bdd9c"]]), De = Math.min, we = Math.max, Ie = Math.round, Le = Math.floor, ie = (e) => ({
+}), nn = /* @__PURE__ */ ae(tn, [["__scopeId", "data-v-0c2bdd9c"]]), Pe = Math.min, be = Math.max, Ie = Math.round, Le = Math.floor, ie = (e) => ({
   x: e,
   y: e
-}), sn = {
+}), on = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, ln = {
+}, sn = {
   start: "end",
   end: "start"
 };
 function at(e, n, t) {
-  return we(e, De(n, t));
+  return be(e, Pe(n, t));
 }
-function We(e, n) {
+function Ne(e, n) {
   return typeof e == "function" ? e(n) : e;
 }
-function be(e) {
+function xe(e) {
   return e.split("-")[0];
 }
-function Ne(e) {
+function We(e) {
   return e.split("-")[1];
 }
-function xt(e) {
+function bt(e) {
   return e === "x" ? "y" : "x";
 }
-function kt(e) {
+function xt(e) {
   return e === "y" ? "height" : "width";
 }
-const an = /* @__PURE__ */ new Set(["top", "bottom"]);
+const ln = /* @__PURE__ */ new Set(["top", "bottom"]);
 function me(e) {
-  return an.has(be(e)) ? "y" : "x";
+  return ln.has(xe(e)) ? "y" : "x";
 }
-function Ct(e) {
-  return xt(me(e));
+function kt(e) {
+  return bt(me(e));
 }
-function rn(e, n, t) {
+function an(e, n, t) {
   t === void 0 && (t = !1);
-  const o = Ne(e), s = Ct(e), l = kt(s);
+  const o = We(e), s = kt(e), l = xt(s);
   let a = s === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return n.reference[l] > n.floating[l] && (a = qe(a)), [a, qe(a)];
 }
-function cn(e) {
+function rn(e) {
   const n = qe(e);
   return [Je(e), n, Je(n)];
 }
 function Je(e) {
-  return e.replace(/start|end/g, (n) => ln[n]);
+  return e.replace(/start|end/g, (n) => sn[n]);
 }
-const rt = ["left", "right"], it = ["right", "left"], un = ["top", "bottom"], dn = ["bottom", "top"];
-function fn(e, n, t) {
+const rt = ["left", "right"], it = ["right", "left"], cn = ["top", "bottom"], un = ["bottom", "top"];
+function dn(e, n, t) {
   switch (e) {
     case "top":
     case "bottom":
       return t ? n ? it : rt : n ? rt : it;
     case "left":
     case "right":
-      return n ? un : dn;
+      return n ? cn : un;
     default:
       return [];
   }
 }
-function vn(e, n, t, o) {
-  const s = Ne(e);
-  let l = fn(be(e), t === "start", o);
+function fn(e, n, t, o) {
+  const s = We(e);
+  let l = dn(xe(e), t === "start", o);
   return s && (l = l.map((a) => a + "-" + s), n && (l = l.concat(l.map(Je)))), l;
 }
 function qe(e) {
-  return e.replace(/left|right|bottom|top/g, (n) => sn[n]);
+  return e.replace(/left|right|bottom|top/g, (n) => on[n]);
 }
-function hn(e) {
+function vn(e) {
   return {
     top: 0,
     right: 0,
@@ -238,8 +239,8 @@ function hn(e) {
     ...e
   };
 }
-function mn(e) {
-  return typeof e != "number" ? hn(e) : {
+function hn(e) {
+  return typeof e != "number" ? vn(e) : {
     top: e,
     right: e,
     bottom: e,
@@ -269,18 +270,18 @@ function ct(e, n, t) {
     reference: o,
     floating: s
   } = e;
-  const l = me(n), a = Ct(n), r = kt(a), i = be(n), c = l === "y", u = o.x + o.width / 2 - s.width / 2, v = o.y + o.height / 2 - s.height / 2, m = o[r] / 2 - s[r] / 2;
+  const l = me(n), a = kt(n), r = xt(a), i = xe(n), u = l === "y", d = o.x + o.width / 2 - s.width / 2, v = o.y + o.height / 2 - s.height / 2, m = o[r] / 2 - s[r] / 2;
   let f;
   switch (i) {
     case "top":
       f = {
-        x: u,
+        x: d,
         y: o.y - s.height
       };
       break;
     case "bottom":
       f = {
-        x: u,
+        x: d,
         y: o.y + o.height
       };
       break;
@@ -302,78 +303,78 @@ function ct(e, n, t) {
         y: o.y
       };
   }
-  switch (Ne(n)) {
+  switch (We(n)) {
     case "start":
-      f[a] -= m * (t && c ? -1 : 1);
+      f[a] -= m * (t && u ? -1 : 1);
       break;
     case "end":
-      f[a] += m * (t && c ? -1 : 1);
+      f[a] += m * (t && u ? -1 : 1);
       break;
   }
   return f;
 }
-const pn = async (e, n, t) => {
+const mn = async (e, n, t) => {
   const {
     placement: o = "bottom",
     strategy: s = "absolute",
     middleware: l = [],
     platform: a
   } = t, r = l.filter(Boolean), i = await (a.isRTL == null ? void 0 : a.isRTL(n));
-  let c = await a.getElementRects({
+  let u = await a.getElementRects({
     reference: e,
     floating: n,
     strategy: s
   }), {
-    x: u,
+    x: d,
     y: v
-  } = ct(c, o, i), m = o, f = {}, d = 0;
-  for (let h = 0; h < r.length; h++) {
+  } = ct(u, o, i), m = o, f = {}, h = 0;
+  for (let c = 0; c < r.length; c++) {
     const {
       name: g,
       fn: C
-    } = r[h], {
-      x: S,
+    } = r[c], {
+      x: R,
       y: E,
       data: V,
-      reset: L
+      reset: T
     } = await C({
-      x: u,
+      x: d,
       y: v,
       initialPlacement: o,
       placement: m,
       strategy: s,
       middlewareData: f,
-      rects: c,
+      rects: u,
       platform: a,
       elements: {
         reference: e,
         floating: n
       }
     });
-    u = S ?? u, v = E ?? v, f = {
+    d = R ?? d, v = E ?? v, f = {
       ...f,
       [g]: {
         ...f[g],
         ...V
       }
-    }, L && d <= 50 && (d++, typeof L == "object" && (L.placement && (m = L.placement), L.rects && (c = L.rects === !0 ? await a.getElementRects({
+    }, T && h <= 50 && (h++, typeof T == "object" && (T.placement && (m = T.placement), T.rects && (u = T.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: n,
       strategy: s
-    }) : L.rects), {
-      x: u,
+    }) : T.rects), {
+      x: d,
       y: v
-    } = ct(c, m, i)), h = -1);
+    } = ct(u, m, i)), c = -1);
   }
   return {
-    x: u,
+    x: d,
     y: v,
     placement: m,
     strategy: s,
     middlewareData: f
   };
 };
-async function St(e, n) {
+async function Ct(e, n) {
   var t;
   n === void 0 && (n = {});
   const {
@@ -384,17 +385,17 @@ async function St(e, n) {
     elements: r,
     strategy: i
   } = e, {
-    boundary: c = "clippingAncestors",
-    rootBoundary: u = "viewport",
+    boundary: u = "clippingAncestors",
+    rootBoundary: d = "viewport",
     elementContext: v = "floating",
     altBoundary: m = !1,
     padding: f = 0
-  } = We(n, e), d = mn(f), g = r[m ? v === "floating" ? "reference" : "floating" : v], C = Me(await l.getClippingRect({
+  } = Ne(n, e), h = hn(f), g = r[m ? v === "floating" ? "reference" : "floating" : v], C = Me(await l.getClippingRect({
     element: (t = await (l.isElement == null ? void 0 : l.isElement(g))) == null || t ? g : g.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(r.floating)),
-    boundary: c,
-    rootBoundary: u,
+    boundary: u,
+    rootBoundary: d,
     strategy: i
-  })), S = v === "floating" ? {
+  })), R = v === "floating" ? {
     x: o,
     y: s,
     width: a.floating.width,
@@ -405,20 +406,20 @@ async function St(e, n) {
   } : {
     x: 1,
     y: 1
-  }, L = Me(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, T = Me(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
-    rect: S,
+    rect: R,
     offsetParent: E,
     strategy: i
-  }) : S);
+  }) : R);
   return {
-    top: (C.top - L.top + d.top) / V.y,
-    bottom: (L.bottom - C.bottom + d.bottom) / V.y,
-    left: (C.left - L.left + d.left) / V.x,
-    right: (L.right - C.right + d.right) / V.x
+    top: (C.top - T.top + h.top) / V.y,
+    bottom: (T.bottom - C.bottom + h.bottom) / V.y,
+    left: (C.left - T.left + h.left) / V.x,
+    right: (T.right - C.right + h.right) / V.x
   };
 }
-const gn = function(e) {
+const pn = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -430,86 +431,86 @@ const gn = function(e) {
         rects: a,
         initialPlacement: r,
         platform: i,
-        elements: c
+        elements: u
       } = n, {
-        mainAxis: u = !0,
+        mainAxis: d = !0,
         crossAxis: v = !0,
         fallbackPlacements: m,
         fallbackStrategy: f = "bestFit",
-        fallbackAxisSideDirection: d = "none",
-        flipAlignment: h = !0,
+        fallbackAxisSideDirection: h = "none",
+        flipAlignment: c = !0,
         ...g
-      } = We(e, n);
+      } = Ne(e, n);
       if ((t = l.arrow) != null && t.alignmentOffset)
         return {};
-      const C = be(s), S = me(r), E = be(r) === r, V = await (i.isRTL == null ? void 0 : i.isRTL(c.floating)), L = m || (E || !h ? [qe(r)] : cn(r)), M = d !== "none";
-      !m && M && L.push(...vn(r, h, d, V));
-      const b = [r, ...L], p = await St(n, g), x = [];
-      let R = ((o = l.flip) == null ? void 0 : o.overflows) || [];
-      if (u && x.push(p[C]), v) {
-        const O = rn(s, a, V);
-        x.push(p[O[0]], p[O[1]]);
+      const C = xe(s), R = me(r), E = xe(r) === r, V = await (i.isRTL == null ? void 0 : i.isRTL(u.floating)), T = m || (E || !c ? [qe(r)] : rn(r)), W = h !== "none";
+      !m && W && T.push(...fn(r, c, h, V));
+      const S = [r, ...T], k = await Ct(n, g), w = [];
+      let p = ((o = l.flip) == null ? void 0 : o.overflows) || [];
+      if (d && w.push(k[C]), v) {
+        const O = an(s, a, V);
+        w.push(k[O[0]], k[O[1]]);
       }
-      if (R = [...R, {
+      if (p = [...p, {
         placement: s,
-        overflows: x
-      }], !x.every((O) => O <= 0)) {
-        var T, B;
-        const O = (((T = l.flip) == null ? void 0 : T.index) || 0) + 1, K = b[O];
-        if (K && (!(v === "alignment" ? S !== me(K) : !1) || // We leave the current main axis only if every placement on that axis
+        overflows: w
+      }], !w.every((O) => O <= 0)) {
+        var A, P;
+        const O = (((A = l.flip) == null ? void 0 : A.index) || 0) + 1, H = S[O];
+        if (H && (!(v === "alignment" ? R !== me(H) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        R.every((N) => me(N.placement) === S ? N.overflows[0] > 0 : !0)))
+        p.every((K) => me(K.placement) === R ? K.overflows[0] > 0 : !0)))
           return {
             data: {
               index: O,
-              overflows: R
+              overflows: p
             },
             reset: {
-              placement: K
+              placement: H
             }
           };
-        let q = (B = R.filter((W) => W.overflows[0] <= 0).sort((W, N) => W.overflows[1] - N.overflows[1])[0]) == null ? void 0 : B.placement;
-        if (!q)
+        let M = (P = p.filter((N) => N.overflows[0] <= 0).sort((N, K) => N.overflows[1] - K.overflows[1])[0]) == null ? void 0 : P.placement;
+        if (!M)
           switch (f) {
             case "bestFit": {
-              var A;
-              const W = (A = R.filter((N) => {
-                if (M) {
-                  const D = me(N.placement);
-                  return D === S || // Create a bias to the `y` side axis due to horizontal
+              var L;
+              const N = (L = p.filter((K) => {
+                if (W) {
+                  const I = me(K.placement);
+                  return I === R || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  D === "y";
+                  I === "y";
                 }
                 return !0;
-              }).map((N) => [N.placement, N.overflows.filter((D) => D > 0).reduce((D, ve) => D + ve, 0)]).sort((N, D) => N[1] - D[1])[0]) == null ? void 0 : A[0];
-              W && (q = W);
+              }).map((K) => [K.placement, K.overflows.filter((I) => I > 0).reduce((I, ve) => I + ve, 0)]).sort((K, I) => K[1] - I[1])[0]) == null ? void 0 : L[0];
+              N && (M = N);
               break;
             }
             case "initialPlacement":
-              q = r;
+              M = r;
               break;
           }
-        if (s !== q)
+        if (s !== M)
           return {
             reset: {
-              placement: q
+              placement: M
             }
           };
       }
       return {};
     }
   };
-}, yn = /* @__PURE__ */ new Set(["left", "top"]);
-async function wn(e, n) {
+}, gn = /* @__PURE__ */ new Set(["left", "top"]);
+async function yn(e, n) {
   const {
     placement: t,
     platform: o,
     elements: s
-  } = e, l = await (o.isRTL == null ? void 0 : o.isRTL(s.floating)), a = be(t), r = Ne(t), i = me(t) === "y", c = yn.has(a) ? -1 : 1, u = l && i ? -1 : 1, v = We(n, e);
+  } = e, l = await (o.isRTL == null ? void 0 : o.isRTL(s.floating)), a = xe(t), r = We(t), i = me(t) === "y", u = gn.has(a) ? -1 : 1, d = l && i ? -1 : 1, v = Ne(n, e);
   let {
     mainAxis: m,
     crossAxis: f,
-    alignmentAxis: d
+    alignmentAxis: h
   } = typeof v == "number" ? {
     mainAxis: v,
     crossAxis: 0,
@@ -519,15 +520,15 @@ async function wn(e, n) {
     crossAxis: v.crossAxis || 0,
     alignmentAxis: v.alignmentAxis
   };
-  return r && typeof d == "number" && (f = r === "end" ? d * -1 : d), i ? {
-    x: f * u,
-    y: m * c
+  return r && typeof h == "number" && (f = r === "end" ? h * -1 : h), i ? {
+    x: f * d,
+    y: m * u
   } : {
-    x: m * c,
-    y: f * u
+    x: m * u,
+    y: f * d
   };
 }
-const bn = function(e) {
+const wn = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -538,7 +539,7 @@ const bn = function(e) {
         y: l,
         placement: a,
         middlewareData: r
-      } = n, i = await wn(n, e);
+      } = n, i = await yn(n, e);
       return a === ((t = r.offset) == null ? void 0 : t.placement) && (o = r.arrow) != null && o.alignmentOffset ? {} : {
         x: s + i.x,
         y: l + i.y,
@@ -549,7 +550,7 @@ const bn = function(e) {
       };
     }
   };
-}, xn = function(e) {
+}, bn = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -565,38 +566,38 @@ const bn = function(e) {
           fn: (g) => {
             let {
               x: C,
-              y: S
+              y: R
             } = g;
             return {
               x: C,
-              y: S
+              y: R
             };
           }
         },
         ...i
-      } = We(e, n), c = {
+      } = Ne(e, n), u = {
         x: t,
         y: o
-      }, u = await St(n, i), v = me(be(s)), m = xt(v);
-      let f = c[m], d = c[v];
+      }, d = await Ct(n, i), v = me(xe(s)), m = bt(v);
+      let f = u[m], h = u[v];
       if (l) {
-        const g = m === "y" ? "top" : "left", C = m === "y" ? "bottom" : "right", S = f + u[g], E = f - u[C];
-        f = at(S, f, E);
+        const g = m === "y" ? "top" : "left", C = m === "y" ? "bottom" : "right", R = f + d[g], E = f - d[C];
+        f = at(R, f, E);
       }
       if (a) {
-        const g = v === "y" ? "top" : "left", C = v === "y" ? "bottom" : "right", S = d + u[g], E = d - u[C];
-        d = at(S, d, E);
+        const g = v === "y" ? "top" : "left", C = v === "y" ? "bottom" : "right", R = h + d[g], E = h - d[C];
+        h = at(R, h, E);
       }
-      const h = r.fn({
+      const c = r.fn({
         ...n,
         [m]: f,
-        [v]: d
+        [v]: h
       });
       return {
-        ...h,
+        ...c,
         data: {
-          x: h.x - t,
-          y: h.y - o,
+          x: c.x - t,
+          y: c.y - o,
           enabled: {
             [m]: l,
             [v]: a
@@ -610,7 +611,7 @@ function Ke() {
   return typeof window < "u";
 }
 function Ee(e) {
-  return Rt(e) ? (e.nodeName || "").toLowerCase() : "#document";
+  return St(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function J(e) {
   var n;
@@ -618,9 +619,9 @@ function J(e) {
 }
 function ue(e) {
   var n;
-  return (n = (Rt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
+  return (n = (St(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
 }
-function Rt(e) {
+function St(e) {
   return Ke() ? e instanceof Node || e instanceof J(e).Node : !1;
 }
 function se(e) {
@@ -632,7 +633,7 @@ function ce(e) {
 function ut(e) {
   return !Ke() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof J(e).ShadowRoot;
 }
-const kn = /* @__PURE__ */ new Set(["inline", "contents"]);
+const xn = /* @__PURE__ */ new Set(["inline", "contents"]);
 function Ve(e) {
   const {
     overflow: n,
@@ -640,15 +641,15 @@ function Ve(e) {
     overflowY: o,
     display: s
   } = le(e);
-  return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !kn.has(s);
+  return /auto|scroll|overlay|hidden|clip/.test(n + o + t) && !xn.has(s);
 }
-const Cn = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function Sn(e) {
-  return Cn.has(Ee(e));
+const kn = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Cn(e) {
+  return kn.has(Ee(e));
 }
-const Rn = [":popover-open", ":modal"];
+const Sn = [":popover-open", ":modal"];
 function ze(e) {
-  return Rn.some((n) => {
+  return Sn.some((n) => {
     try {
       return e.matches(n);
     } catch {
@@ -656,12 +657,12 @@ function ze(e) {
     }
   });
 }
-const En = ["transform", "translate", "scale", "rotate", "perspective"], $n = ["transform", "translate", "scale", "rotate", "perspective", "filter"], An = ["paint", "layout", "strict", "content"];
+const Rn = ["transform", "translate", "scale", "rotate", "perspective"], En = ["transform", "translate", "scale", "rotate", "perspective", "filter"], $n = ["paint", "layout", "strict", "content"];
 function et(e) {
   const n = tt(), t = se(e) ? le(e) : e;
-  return En.some((o) => t[o] ? t[o] !== "none" : !1) || (t.containerType ? t.containerType !== "normal" : !1) || !n && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !n && (t.filter ? t.filter !== "none" : !1) || $n.some((o) => (t.willChange || "").includes(o)) || An.some((o) => (t.contain || "").includes(o));
+  return Rn.some((o) => t[o] ? t[o] !== "none" : !1) || (t.containerType ? t.containerType !== "normal" : !1) || !n && (t.backdropFilter ? t.backdropFilter !== "none" : !1) || !n && (t.filter ? t.filter !== "none" : !1) || En.some((o) => (t.willChange || "").includes(o)) || $n.some((o) => (t.contain || "").includes(o));
 }
-function Fn(e) {
+function An(e) {
   let n = ge(e);
   for (; ce(n) && !Se(n); ) {
     if (et(n))
@@ -675,9 +676,9 @@ function Fn(e) {
 function tt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const Tn = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+const Fn = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function Se(e) {
-  return Tn.has(Ee(e));
+  return Fn.has(Ee(e));
 }
 function le(e) {
   return J(e).getComputedStyle(e);
@@ -703,14 +704,14 @@ function ge(e) {
   );
   return ut(n) ? n.host : n;
 }
-function Et(e) {
+function Rt(e) {
   const n = ge(e);
-  return Se(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : ce(n) && Ve(n) ? n : Et(n);
+  return Se(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : ce(n) && Ve(n) ? n : Rt(n);
 }
 function Oe(e, n, t) {
   var o;
   n === void 0 && (n = []), t === void 0 && (t = !0);
-  const s = Et(e), l = s === ((o = e.ownerDocument) == null ? void 0 : o.body), a = J(s);
+  const s = Rt(e), l = s === ((o = e.ownerDocument) == null ? void 0 : o.body), a = J(s);
   if (l) {
     const r = _e(a);
     return n.concat(a, a.visualViewport || [], Ve(s) ? s : [], r && t ? Oe(r) : []);
@@ -720,7 +721,7 @@ function Oe(e, n, t) {
 function _e(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function $t(e) {
+function Et(e) {
   const n = le(e);
   let t = parseFloat(n.width) || 0, o = parseFloat(n.height) || 0;
   const s = ce(e), l = s ? e.offsetWidth : t, a = s ? e.offsetHeight : o, r = Ie(t) !== l || Ie(o) !== a;
@@ -733,7 +734,7 @@ function $t(e) {
 function nt(e) {
   return se(e) ? e : e.contextElement;
 }
-function ke(e) {
+function Ce(e) {
   const n = nt(e);
   if (!ce(n))
     return ie(1);
@@ -741,58 +742,58 @@ function ke(e) {
     width: o,
     height: s,
     $: l
-  } = $t(n);
+  } = Et(n);
   let a = (l ? Ie(t.width) : t.width) / o, r = (l ? Ie(t.height) : t.height) / s;
   return (!a || !Number.isFinite(a)) && (a = 1), (!r || !Number.isFinite(r)) && (r = 1), {
     x: a,
     y: r
   };
 }
-const On = /* @__PURE__ */ ie(0);
-function At(e) {
+const Tn = /* @__PURE__ */ ie(0);
+function $t(e) {
   const n = J(e);
-  return !tt() || !n.visualViewport ? On : {
+  return !tt() || !n.visualViewport ? Tn : {
     x: n.visualViewport.offsetLeft,
     y: n.visualViewport.offsetTop
   };
 }
-function Vn(e, n, t) {
+function On(e, n, t) {
   return n === void 0 && (n = !1), !t || n && t !== J(e) ? !1 : n;
 }
-function xe(e, n, t, o) {
+function ke(e, n, t, o) {
   n === void 0 && (n = !1), t === void 0 && (t = !1);
   const s = e.getBoundingClientRect(), l = nt(e);
   let a = ie(1);
-  n && (o ? se(o) && (a = ke(o)) : a = ke(e));
-  const r = Vn(l, t, o) ? At(l) : ie(0);
-  let i = (s.left + r.x) / a.x, c = (s.top + r.y) / a.y, u = s.width / a.x, v = s.height / a.y;
+  n && (o ? se(o) && (a = Ce(o)) : a = Ce(e));
+  const r = On(l, t, o) ? $t(l) : ie(0);
+  let i = (s.left + r.x) / a.x, u = (s.top + r.y) / a.y, d = s.width / a.x, v = s.height / a.y;
   if (l) {
     const m = J(l), f = o && se(o) ? J(o) : o;
-    let d = m, h = _e(d);
-    for (; h && o && f !== d; ) {
-      const g = ke(h), C = h.getBoundingClientRect(), S = le(h), E = C.left + (h.clientLeft + parseFloat(S.paddingLeft)) * g.x, V = C.top + (h.clientTop + parseFloat(S.paddingTop)) * g.y;
-      i *= g.x, c *= g.y, u *= g.x, v *= g.y, i += E, c += V, d = J(h), h = _e(d);
+    let h = m, c = _e(h);
+    for (; c && o && f !== h; ) {
+      const g = Ce(c), C = c.getBoundingClientRect(), R = le(c), E = C.left + (c.clientLeft + parseFloat(R.paddingLeft)) * g.x, V = C.top + (c.clientTop + parseFloat(R.paddingTop)) * g.y;
+      i *= g.x, u *= g.y, d *= g.x, v *= g.y, i += E, u += V, h = J(c), c = _e(h);
     }
   }
   return Me({
-    width: u,
+    width: d,
     height: v,
     x: i,
-    y: c
+    y: u
   });
 }
 function Ue(e, n) {
   const t = je(e).scrollLeft;
-  return n ? n.left + t : xe(ue(e)).left + t;
+  return n ? n.left + t : ke(ue(e)).left + t;
 }
-function Ft(e, n) {
+function At(e, n) {
   const t = e.getBoundingClientRect(), o = t.left + n.scrollLeft - Ue(e, t), s = t.top + n.scrollTop;
   return {
     x: o,
     y: s
   };
 }
-function Ln(e) {
+function Vn(e) {
   let {
     elements: n,
     rect: t,
@@ -805,28 +806,28 @@ function Ln(e) {
   let i = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = ie(1);
-  const u = ie(0), v = ce(o);
+  }, u = ie(1);
+  const d = ie(0), v = ce(o);
   if ((v || !v && !l) && ((Ee(o) !== "body" || Ve(a)) && (i = je(o)), ce(o))) {
-    const f = xe(o);
-    c = ke(o), u.x = f.x + o.clientLeft, u.y = f.y + o.clientTop;
+    const f = ke(o);
+    u = Ce(o), d.x = f.x + o.clientLeft, d.y = f.y + o.clientTop;
   }
-  const m = a && !v && !l ? Ft(a, i) : ie(0);
+  const m = a && !v && !l ? At(a, i) : ie(0);
   return {
-    width: t.width * c.x,
-    height: t.height * c.y,
-    x: t.x * c.x - i.scrollLeft * c.x + u.x + m.x,
-    y: t.y * c.y - i.scrollTop * c.y + u.y + m.y
+    width: t.width * u.x,
+    height: t.height * u.y,
+    x: t.x * u.x - i.scrollLeft * u.x + d.x + m.x,
+    y: t.y * u.y - i.scrollTop * u.y + d.y + m.y
   };
 }
-function Pn(e) {
+function Ln(e) {
   return Array.from(e.getClientRects());
 }
 function Dn(e) {
-  const n = ue(e), t = je(e), o = e.ownerDocument.body, s = we(n.scrollWidth, n.clientWidth, o.scrollWidth, o.clientWidth), l = we(n.scrollHeight, n.clientHeight, o.scrollHeight, o.clientHeight);
+  const n = ue(e), t = je(e), o = e.ownerDocument.body, s = be(n.scrollWidth, n.clientWidth, o.scrollWidth, o.clientWidth), l = be(n.scrollHeight, n.clientHeight, o.scrollHeight, o.clientHeight);
   let a = -t.scrollLeft + Ue(e);
   const r = -t.scrollTop;
-  return le(o).direction === "rtl" && (a += we(n.clientWidth, o.clientWidth) - s), {
+  return le(o).direction === "rtl" && (a += be(n.clientWidth, o.clientWidth) - s), {
     width: s,
     height: l,
     x: a,
@@ -834,19 +835,19 @@ function Dn(e) {
   };
 }
 const dt = 25;
-function In(e, n) {
+function Pn(e, n) {
   const t = J(e), o = ue(e), s = t.visualViewport;
   let l = o.clientWidth, a = o.clientHeight, r = 0, i = 0;
   if (s) {
     l = s.width, a = s.height;
-    const u = tt();
-    (!u || u && n === "fixed") && (r = s.offsetLeft, i = s.offsetTop);
+    const d = tt();
+    (!d || d && n === "fixed") && (r = s.offsetLeft, i = s.offsetTop);
   }
-  const c = Ue(o);
-  if (c <= 0) {
-    const u = o.ownerDocument, v = u.body, m = getComputedStyle(v), f = u.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, d = Math.abs(o.clientWidth - v.clientWidth - f);
-    d <= dt && (l -= d);
-  } else c <= dt && (l += c);
+  const u = Ue(o);
+  if (u <= 0) {
+    const d = o.ownerDocument, v = d.body, m = getComputedStyle(v), f = d.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, h = Math.abs(o.clientWidth - v.clientWidth - f);
+    h <= dt && (l -= h);
+  } else u <= dt && (l += u);
   return {
     width: l,
     height: a,
@@ -854,26 +855,26 @@ function In(e, n) {
     y: i
   };
 }
-const qn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function Mn(e, n) {
-  const t = xe(e, !0, n === "fixed"), o = t.top + e.clientTop, s = t.left + e.clientLeft, l = ce(e) ? ke(e) : ie(1), a = e.clientWidth * l.x, r = e.clientHeight * l.y, i = s * l.x, c = o * l.y;
+const In = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function qn(e, n) {
+  const t = ke(e, !0, n === "fixed"), o = t.top + e.clientTop, s = t.left + e.clientLeft, l = ce(e) ? Ce(e) : ie(1), a = e.clientWidth * l.x, r = e.clientHeight * l.y, i = s * l.x, u = o * l.y;
   return {
     width: a,
     height: r,
     x: i,
-    y: c
+    y: u
   };
 }
 function ft(e, n, t) {
   let o;
   if (n === "viewport")
-    o = In(e, t);
+    o = Pn(e, t);
   else if (n === "document")
     o = Dn(ue(e));
   else if (se(n))
-    o = Mn(n, t);
+    o = qn(n, t);
   else {
-    const s = At(e);
+    const s = $t(e);
     o = {
       x: n.x - s.x,
       y: n.y - s.y,
@@ -883,11 +884,11 @@ function ft(e, n, t) {
   }
   return Me(o);
 }
-function Tt(e, n) {
+function Ft(e, n) {
   const t = ge(e);
-  return t === n || !se(t) || Se(t) ? !1 : le(t).position === "fixed" || Tt(t, n);
+  return t === n || !se(t) || Se(t) ? !1 : le(t).position === "fixed" || Ft(t, n);
 }
-function Bn(e, n) {
+function Mn(e, n) {
   const t = n.get(e);
   if (t)
     return t;
@@ -896,20 +897,20 @@ function Bn(e, n) {
   let a = l ? ge(e) : e;
   for (; se(a) && !Se(a); ) {
     const r = le(a), i = et(a);
-    !i && r.position === "fixed" && (s = null), (l ? !i && !s : !i && r.position === "static" && !!s && qn.has(s.position) || Ve(a) && !i && Tt(e, a)) ? o = o.filter((u) => u !== a) : s = r, a = ge(a);
+    !i && r.position === "fixed" && (s = null), (l ? !i && !s : !i && r.position === "static" && !!s && In.has(s.position) || Ve(a) && !i && Ft(e, a)) ? o = o.filter((d) => d !== a) : s = r, a = ge(a);
   }
   return n.set(e, o), o;
 }
-function Hn(e) {
+function Bn(e) {
   let {
     element: n,
     boundary: t,
     rootBoundary: o,
     strategy: s
   } = e;
-  const a = [...t === "clippingAncestors" ? ze(n) ? [] : Bn(n, this._c) : [].concat(t), o], r = a[0], i = a.reduce((c, u) => {
-    const v = ft(n, u, s);
-    return c.top = we(v.top, c.top), c.right = De(v.right, c.right), c.bottom = De(v.bottom, c.bottom), c.left = we(v.left, c.left), c;
+  const a = [...t === "clippingAncestors" ? ze(n) ? [] : Mn(n, this._c) : [].concat(t), o], r = a[0], i = a.reduce((u, d) => {
+    const v = ft(n, d, s);
+    return u.top = be(v.top, u.top), u.right = Pe(v.right, u.right), u.bottom = Pe(v.bottom, u.bottom), u.left = be(v.left, u.left), u;
   }, ft(n, r, s));
   return {
     width: i.right - i.left,
@@ -918,33 +919,33 @@ function Hn(e) {
     y: i.top
   };
 }
-function Wn(e) {
+function Hn(e) {
   const {
     width: n,
     height: t
-  } = $t(e);
+  } = Et(e);
   return {
     width: n,
     height: t
   };
 }
 function Nn(e, n, t) {
-  const o = ce(n), s = ue(n), l = t === "fixed", a = xe(e, !0, l, n);
+  const o = ce(n), s = ue(n), l = t === "fixed", a = ke(e, !0, l, n);
   let r = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const i = ie(0);
-  function c() {
+  function u() {
     i.x = Ue(s);
   }
   if (o || !o && !l)
     if ((Ee(n) !== "body" || Ve(s)) && (r = je(n)), o) {
-      const f = xe(n, !0, l, n);
+      const f = ke(n, !0, l, n);
       i.x = f.x + n.clientLeft, i.y = f.y + n.clientTop;
-    } else s && c();
-  l && !o && s && c();
-  const u = s && !o && !l ? Ft(s, r) : ie(0), v = a.left + r.scrollLeft - i.x - u.x, m = a.top + r.scrollTop - i.y - u.y;
+    } else s && u();
+  l && !o && s && u();
+  const d = s && !o && !l ? At(s, r) : ie(0), v = a.left + r.scrollLeft - i.x - d.x, m = a.top + r.scrollTop - i.y - d.y;
   return {
     x: v,
     y: m,
@@ -963,7 +964,7 @@ function vt(e, n) {
   let t = e.offsetParent;
   return ue(e) === t && (t = t.ownerDocument.body), t;
 }
-function Ot(e, n) {
+function Tt(e, n) {
   const t = J(e);
   if (ze(e))
     return t;
@@ -977,12 +978,12 @@ function Ot(e, n) {
     return t;
   }
   let o = vt(e, n);
-  for (; o && Sn(o) && Ye(o); )
+  for (; o && Cn(o) && Ye(o); )
     o = vt(o, n);
-  return o && Se(o) && Ye(o) && !et(o) ? t : o || Fn(e) || t;
+  return o && Se(o) && Ye(o) && !et(o) ? t : o || An(e) || t;
 }
-const Kn = async function(e) {
-  const n = this.getOffsetParent || Ot, t = this.getDimensions, o = await t(e.floating);
+const Wn = async function(e) {
+  const n = this.getOffsetParent || Tt, t = this.getDimensions, o = await t(e.floating);
   return {
     reference: Nn(e.reference, await n(e.floating), e.strategy),
     floating: {
@@ -993,25 +994,25 @@ const Kn = async function(e) {
     }
   };
 };
-function zn(e) {
+function Kn(e) {
   return le(e).direction === "rtl";
 }
-const jn = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Ln,
+const zn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Vn,
   getDocumentElement: ue,
-  getClippingRect: Hn,
-  getOffsetParent: Ot,
-  getElementRects: Kn,
-  getClientRects: Pn,
-  getDimensions: Wn,
-  getScale: ke,
+  getClippingRect: Bn,
+  getOffsetParent: Tt,
+  getElementRects: Wn,
+  getClientRects: Ln,
+  getDimensions: Hn,
+  getScale: Ce,
   isElement: se,
-  isRTL: zn
+  isRTL: Kn
 };
-function Vt(e, n) {
+function Ot(e, n) {
   return e.x === n.x && e.y === n.y && e.width === n.width && e.height === n.height;
 }
-function Un(e, n) {
+function jn(e, n) {
   let t = null, o;
   const s = ue(e);
   function l() {
@@ -1020,44 +1021,44 @@ function Un(e, n) {
   }
   function a(r, i) {
     r === void 0 && (r = !1), i === void 0 && (i = 1), l();
-    const c = e.getBoundingClientRect(), {
-      left: u,
+    const u = e.getBoundingClientRect(), {
+      left: d,
       top: v,
       width: m,
       height: f
-    } = c;
+    } = u;
     if (r || n(), !m || !f)
       return;
-    const d = Le(v), h = Le(s.clientWidth - (u + m)), g = Le(s.clientHeight - (v + f)), C = Le(u), E = {
-      rootMargin: -d + "px " + -h + "px " + -g + "px " + -C + "px",
-      threshold: we(0, De(1, i)) || 1
+    const h = Le(v), c = Le(s.clientWidth - (d + m)), g = Le(s.clientHeight - (v + f)), C = Le(d), E = {
+      rootMargin: -h + "px " + -c + "px " + -g + "px " + -C + "px",
+      threshold: be(0, Pe(1, i)) || 1
     };
     let V = !0;
-    function L(M) {
-      const b = M[0].intersectionRatio;
-      if (b !== i) {
+    function T(W) {
+      const S = W[0].intersectionRatio;
+      if (S !== i) {
         if (!V)
           return a();
-        b ? a(!1, b) : o = setTimeout(() => {
+        S ? a(!1, S) : o = setTimeout(() => {
           a(!1, 1e-7);
         }, 1e3);
       }
-      b === 1 && !Vt(c, e.getBoundingClientRect()) && a(), V = !1;
+      S === 1 && !Ot(u, e.getBoundingClientRect()) && a(), V = !1;
     }
     try {
-      t = new IntersectionObserver(L, {
+      t = new IntersectionObserver(T, {
         ...E,
         // Handle <iframe>s
         root: s.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(L, E);
+      t = new IntersectionObserver(T, E);
     }
     t.observe(e);
   }
   return a(!0), l;
 }
-function Zn(e, n, t, o) {
+function Un(e, n, t, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: s = !0,
@@ -1065,51 +1066,50 @@ function Zn(e, n, t, o) {
     elementResize: a = typeof ResizeObserver == "function",
     layoutShift: r = typeof IntersectionObserver == "function",
     animationFrame: i = !1
-  } = o, c = nt(e), u = s || l ? [...c ? Oe(c) : [], ...Oe(n)] : [];
-  u.forEach((C) => {
+  } = o, u = nt(e), d = s || l ? [...u ? Oe(u) : [], ...Oe(n)] : [];
+  d.forEach((C) => {
     s && C.addEventListener("scroll", t, {
       passive: !0
     }), l && C.addEventListener("resize", t);
   });
-  const v = c && r ? Un(c, t) : null;
+  const v = u && r ? jn(u, t) : null;
   let m = -1, f = null;
   a && (f = new ResizeObserver((C) => {
-    let [S] = C;
-    S && S.target === c && f && (f.unobserve(n), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+    let [R] = C;
+    R && R.target === u && f && (f.unobserve(n), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
       var E;
       (E = f) == null || E.observe(n);
     })), t();
-  }), c && !i && f.observe(c), f.observe(n));
-  let d, h = i ? xe(e) : null;
+  }), u && !i && f.observe(u), f.observe(n));
+  let h, c = i ? ke(e) : null;
   i && g();
   function g() {
-    const C = xe(e);
-    h && !Vt(h, C) && t(), h = C, d = requestAnimationFrame(g);
+    const C = ke(e);
+    c && !Ot(c, C) && t(), c = C, h = requestAnimationFrame(g);
   }
   return t(), () => {
     var C;
-    u.forEach((S) => {
-      s && S.removeEventListener("scroll", t), l && S.removeEventListener("resize", t);
-    }), v?.(), (C = f) == null || C.disconnect(), f = null, i && cancelAnimationFrame(d);
+    d.forEach((R) => {
+      s && R.removeEventListener("scroll", t), l && R.removeEventListener("resize", t);
+    }), v?.(), (C = f) == null || C.disconnect(), f = null, i && cancelAnimationFrame(h);
   };
 }
-const Xn = bn, Qn = xn, Yn = gn, Gn = (e, n, t) => {
+const Zn = wn, Xn = bn, Qn = pn, Yn = (e, n, t) => {
   const o = /* @__PURE__ */ new Map(), s = {
-    platform: jn,
+    platform: zn,
     ...t
   }, l = {
     ...s.platform,
     _c: o
   };
-  return pn(e, n, {
+  return mn(e, n, {
     ...s,
     platform: l
   });
 }, Be = {
   text: (e, n, t) => {
     const o = String(e[n] ?? "").toLowerCase(), s = (t.value ?? "").toLowerCase().trim();
-    if (!s && !["empty", "notEmpty"].includes(t.operator ?? ""))
-      return !0;
+    if (!s && !["empty", "notEmpty"].includes(t.operator ?? "")) return !0;
     switch (t.operator) {
       case "contains":
         return o.includes(s);
@@ -1134,8 +1134,7 @@ const Xn = bn, Qn = xn, Yn = gn, Gn = (e, n, t) => {
   "multi-select": (e, n, t) => t.value?.length ? t.value.includes(String(e[n])) : !0,
   "number-range": (e, n, t) => {
     const o = Number(e[n]);
-    if (isNaN(o))
-      return !1;
+    if (isNaN(o)) return !1;
     switch (t.operator) {
       case "between":
         return !(t.min != null && o < t.min || t.max != null && o > t.max);
@@ -1157,8 +1156,7 @@ const Xn = bn, Qn = xn, Yn = gn, Gn = (e, n, t) => {
   },
   "date-range": (e, n, t) => {
     const o = new Date(String(e[n]));
-    if (isNaN(o.getTime()))
-      return !1;
+    if (isNaN(o.getTime())) return !1;
     const s = t.value ?? null, l = t.start ? new Date(t.start) : null, a = t.end ? new Date(t.end) : null;
     switch (t.operator ?? "between") {
       case "between":
@@ -1192,7 +1190,7 @@ const Xn = bn, Qn = xn, Yn = gn, Gn = (e, n, t) => {
     return !0;
   }
 };
-function Ce(e, n) {
+function we(e, n) {
   const t = {
     operator: n?.operator,
     value: n?.value ?? null
@@ -1221,7 +1219,7 @@ function Ce(e, n) {
       throw new Error(`Unsupported filter type: ${e}`);
   }
 }
-function ht(e) {
+function Gn(e) {
   switch (e.type) {
     case "text":
       return e.operator ? ["empty", "notEmpty"].includes(e.operator || "") ? !0 : !!e.value?.trim() : !1;
@@ -1260,7 +1258,7 @@ const Jn = _({
   }
 });
 function _n(e, n, t, o, s, l) {
-  return y(), k("div", Ae({ class: e.flexClasses }, e.attrs), [
+  return y(), x("div", Ae({ class: e.flexClasses }, e.attrs), [
     j(e.$slots, "default")
   ], 16);
 }
@@ -1286,15 +1284,15 @@ const ye = /* @__PURE__ */ ae(Jn, [["render", _n]]), eo = { class: "vs-multisele
   },
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
-    const t = e, o = n, s = I(""), l = I([...t.modelValue ?? []]), a = F(() => {
+    const t = e, o = n, s = q(""), l = q([...t.modelValue ?? []]), a = F(() => {
       const f = new Set(t.columnData.filter(Boolean));
       return Array.from(f);
     }), r = F(() => {
       const f = s.value.toLowerCase();
-      return a.value.filter((d) => d.toString().toLowerCase().includes(f));
-    }), i = F(() => l.value.length), c = F(() => a.value.length - l.value.length), u = (f) => {
-      const d = l.value.indexOf(f);
-      d > -1 ? l.value.splice(d, 1) : l.value.push(f), o("update:modelValue", [...l.value]);
+      return a.value.filter((h) => h.toString().toLowerCase().includes(f));
+    }), i = F(() => l.value.length), u = F(() => a.value.length - l.value.length), d = (f) => {
+      const h = l.value.indexOf(f);
+      h > -1 ? l.value.splice(h, 1) : l.value.push(f), o("update:modelValue", [...l.value]);
     }, v = () => {
       l.value = [...a.value], o("update:modelValue", [...l.value]);
     }, m = () => {
@@ -1305,20 +1303,20 @@ const ye = /* @__PURE__ */ ae(Jn, [["render", _n]]), eo = { class: "vs-multisele
       (f) => {
         l.value = [...f || []];
       }
-    ), (f, d) => (y(), k("div", eo, [
-      w("div", to, [
-        w("button", {
+    ), (f, h) => (y(), x("div", eo, [
+      b("div", to, [
+        b("button", {
           onClick: pe(v, ["stop"])
-        }, "Select All (" + H(c.value) + ")", 1),
-        w("button", {
+        }, "Select All (" + B(u.value) + ")", 1),
+        b("button", {
           onClick: pe(m, ["stop"])
-        }, "Deselect All (" + H(i.value) + ")", 1)
+        }, "Deselect All (" + B(i.value) + ")", 1)
       ]),
       ne(ye, { direction: "row" }, {
         default: X(() => [
-          te(w("input", {
+          te(b("input", {
             type: "text",
-            "onUpdate:modelValue": d[0] || (d[0] = (h) => s.value = h),
+            "onUpdate:modelValue": h[0] || (h[0] = (c) => s.value = c),
             placeholder: "Search...",
             class: "vs-multiselect-search vs-w-full"
           }, null, 512), [
@@ -1327,49 +1325,48 @@ const ye = /* @__PURE__ */ ae(Jn, [["render", _n]]), eo = { class: "vs-multisele
         ]),
         _: 1
       }),
-      e.isLoading ? (y(), k("div", no, "Loading options...")) : (y(), k("ul", oo, [
-        (y(!0), k(z, null, Q(r.value, (h) => (y(), k("li", {
-          key: h,
-          onClick: pe((g) => u(h), ["stop"]),
-          class: G({ selected: l.value.includes(h) })
+      e.isLoading ? (y(), x("div", no, "Loading options...")) : (y(), x("ul", oo, [
+        (y(!0), x(z, null, Q(r.value, (c) => (y(), x("li", {
+          key: c,
+          onClick: pe((g) => d(c), ["stop"]),
+          class: G({ selected: l.value.includes(c) })
         }, [
-          w("span", lo, H(h), 1),
-          l.value.includes(h) ? (y(), k("svg", ao, [...d[1] || (d[1] = [
-            w("path", {
+          b("span", lo, B(c), 1),
+          l.value.includes(c) ? (y(), x("svg", ao, [...h[1] || (h[1] = [
+            b("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
               d: "M5 13l4 4L19 7"
             }, null, -1)
-          ])])) : P("", !0)
+          ])])) : D("", !0)
         ], 10, so))), 128))
       ]))
     ]));
   }
-}), Pe = /* @__PURE__ */ new Map();
+}), De = /* @__PURE__ */ new Map();
 function io(e) {
-  const n = I(e.columnData || []), t = I(!1), o = () => t.value = !0, s = () => t.value = !1;
+  const n = q(e.columnData || []), t = q(!1), o = () => t.value = !0, s = () => t.value = !1;
   async function l(r = !1) {
-    if (!e.asyncOptions)
-      return;
+    if (!e.asyncOptions) return;
     const i = e.cacheKey ?? "default";
-    if (!r && Pe.has(i)) {
-      n.value = Pe.get(i);
+    if (!r && De.has(i)) {
+      n.value = De.get(i);
       return;
     }
     try {
       o();
-      const c = await e.asyncOptions(), u = Array.isArray(c) ? c : [];
-      n.value = u, Pe.set(i, u);
-    } catch (c) {
-      console.error("Failed to load async filter options:", c);
+      const u = await e.asyncOptions(), d = Array.isArray(u) ? u : [];
+      n.value = d, De.set(i, d);
+    } catch (u) {
+      console.error("Failed to load async filter options:", u);
     } finally {
       s();
     }
   }
   function a() {
     const r = e.cacheKey ?? "default";
-    Pe.delete(r);
+    De.delete(r);
   }
   return {
     columnOrAsyncOptions: n,
@@ -1438,8 +1435,8 @@ const co = {
       "date-range": ["between", "equals", "notEqual", "before", "after", "empty", "notEmpty"],
       custom: []
     };
-    function i(b) {
-      switch (b) {
+    function i(k) {
+      switch (k) {
         case "notEqual":
           return "Not Equal";
         case "greaterThan":
@@ -1457,176 +1454,178 @@ const co = {
         case "notEmpty":
           return "Not Empty";
         default:
-          return b.charAt(0).toUpperCase() + b.slice(1);
+          return k.charAt(0).toUpperCase() + k.slice(1);
       }
     }
-    const c = F(() => t.type === "custom" ? [] : t.operators?.length ? t.operators : r[t.type]), u = I(null), v = I(null), m = I(), f = I(!1);
+    const u = F(() => t.type === "custom" ? [] : t.operators?.length ? t.operators : r[t.type]), d = q(null), v = q(null), m = q(), f = q(!1);
     Y(
       () => t.visible,
-      async (b) => {
-        f.value = !!b, f.value ? (await oe(), E(), t.asyncOptions && a()) : V();
+      async (k) => {
+        f.value = !!k, f.value ? (await oe(), V(), t.asyncOptions && a()) : T();
       },
       { immediate: !0 }
     );
-    const d = I(Ce(t.type, t.modelValue));
+    const h = F(
+      () => Gn(t.modelValue ?? we(t.type))
+    ), c = q(we(t.type, t.modelValue));
     Y(
       () => t.modelValue,
-      (b) => {
-        d.value = Ce(t.type, b);
+      (k) => {
+        c.value = we(t.type, k);
       },
       { immediate: !0 }
     );
-    function h() {
-      o("open");
-    }
     function g() {
-      o("update:modelValue", { ...d.value }), o("apply", { ...d.value });
+      o("open");
     }
     function C() {
-      d.value = Ce(t.type), o("update:modelValue", { ...d.value }), o("clear"), S();
+      o("update:modelValue", { ...c.value }), o("apply", { ...c.value });
     }
-    function S() {
-      o("close");
+    function R() {
+      c.value = we(t.type), o("update:modelValue", { ...c.value }), o("clear"), E();
     }
     function E() {
-      !u.value || !v.value || (m.value = Zn(u.value, v.value, () => {
-        Gn(u.value, v.value, {
+      o("close");
+    }
+    function V() {
+      !d.value || !v.value || (m.value = Un(d.value, v.value, () => {
+        Yn(d.value, v.value, {
           placement: "bottom-start",
-          middleware: [Xn(6), Yn(), Qn({ padding: 8 })]
-        }).then(({ x: b, y: p }) => {
+          middleware: [Zn(6), Qn(), Xn({ padding: 8 })]
+        }).then(({ x: k, y: w }) => {
           Object.assign(v.value.style, {
-            left: `${b}px`,
-            top: `${p}px`,
+            left: `${k}px`,
+            top: `${w}px`,
             position: "absolute",
             zIndex: 2e3
           });
         });
       }));
     }
-    function V() {
+    function T() {
       m.value?.(), m.value = void 0;
     }
-    function L(b) {
-      const p = b.target;
-      f.value && u.value && v.value && !u.value.contains(p) && !v.value.contains(p) && S();
+    function W(k) {
+      const w = k.target;
+      f.value && d.value && v.value && !d.value.contains(w) && !v.value.contains(w) && E();
     }
-    function M(b) {
-      b.key === "Escape" && f.value && S();
+    function S(k) {
+      k.key === "Escape" && f.value && E();
     }
     return Re(() => {
-      document.addEventListener("click", L), document.addEventListener("keydown", M);
-    }), pt(() => {
-      document.removeEventListener("click", L), document.removeEventListener("keydown", M), V();
-    }), (b, p) => (y(), k(z, null, [
-      w("span", {
+      document.addEventListener("click", W), document.addEventListener("keydown", S);
+    }), mt(() => {
+      document.removeEventListener("click", W), document.removeEventListener("keydown", S), T();
+    }), (k, w) => (y(), x(z, null, [
+      b("span", {
         ref_key: "referenceRef",
-        ref: u,
+        ref: d,
         class: G(["vs-column-filter", {
-          "is-active": $(ht)(d.value),
-          "in-active": !$(ht)(d.value)
+          "is-active": h.value,
+          "in-active": !h.value
         }]),
-        onClick: pe(h, ["stop"])
-      }, [...p[13] || (p[13] = [
-        w("svg", {
+        onClick: pe(g, ["stop"])
+      }, [...w[13] || (w[13] = [
+        b("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           height: "24px",
           viewBox: "0 -960 960 960",
           width: "24px",
           fill: "currentColor"
         }, [
-          w("path", { d: "M400-240v-80h160v80H400ZM240-440v-80h480v80H240ZM120-640v-80h720v80H120Z" })
+          b("path", { d: "M400-240v-80h160v80H400ZM240-440v-80h480v80H240ZM120-640v-80h720v80H120Z" })
         ], -1)
       ])], 2),
       (y(), fe(Dt, { to: "body" }, [
-        ne(It, { name: "fade" }, {
+        ne(Pt, { name: "fade" }, {
           default: X(() => [
-            f.value ? (y(), k("div", {
+            f.value ? (y(), x("div", {
               key: 0,
               ref_key: "floatingRef",
               ref: v,
               class: "vs-filter-dropdown",
               style: { position: "absolute", "z-index": "1000" },
-              onClick: p[12] || (p[12] = pe(() => {
+              onClick: w[12] || (w[12] = pe(() => {
               }, ["stop"]))
             }, [
-              d.value.type === "text" ? (y(), k("div", co, [
-                c.value.length > 1 ? (y(), k("div", uo, [
-                  te(w("select", {
-                    "onUpdate:modelValue": p[0] || (p[0] = (x) => d.value.operator = x),
+              c.value.type === "text" ? (y(), x("div", co, [
+                u.value.length > 1 ? (y(), x("div", uo, [
+                  te(b("select", {
+                    "onUpdate:modelValue": w[0] || (w[0] = (p) => c.value.operator = p),
                     class: "vs-operator-select vs-mx-auto vs-w-full"
                   }, [
-                    (y(!0), k(z, null, Q(c.value, (x) => (y(), k("option", {
-                      key: x,
-                      value: x
-                    }, H(i(x)), 9, fo))), 128))
+                    (y(!0), x(z, null, Q(u.value, (p) => (y(), x("option", {
+                      key: p,
+                      value: p
+                    }, B(i(p)), 9, fo))), 128))
                   ], 512), [
-                    [Qe, d.value.operator]
+                    [Qe, c.value.operator]
                   ])
-                ])) : P("", !0),
+                ])) : D("", !0),
                 ne(ye, {
                   direction: "row",
                   class: "mb-6"
                 }, {
                   default: X(() => [
-                    te(w("input", {
+                    te(b("input", {
                       type: "text",
-                      "onUpdate:modelValue": p[1] || (p[1] = (x) => d.value.value = x),
+                      "onUpdate:modelValue": w[1] || (w[1] = (p) => c.value.value = p),
                       placeholder: "Search...",
                       class: "vs-input vs-mx-auto vs-w-full"
                     }, null, 512), [
-                      [he, d.value.value]
+                      [he, c.value.value]
                     ])
                   ]),
                   _: 1
                 })
-              ])) : d.value.type === "multi-select" ? (y(), k("div", vo, [
+              ])) : c.value.type === "multi-select" ? (y(), x("div", vo, [
                 ne(ye, {
                   direction: "row",
                   class: "mb-6 vs-align-center vs-justify-end"
                 }, {
                   default: X(() => [
-                    e.asyncOptions ? (y(), k("span", {
+                    e.asyncOptions ? (y(), x("span", {
                       key: 0,
-                      onClick: p[2] || (p[2] = (x) => $(a)(!0)),
+                      onClick: w[2] || (w[2] = (p) => $(a)(!0)),
                       class: "vs-cursor-pointer"
-                    }, [...p[14] || (p[14] = [
-                      w("svg", {
+                    }, [...w[14] || (w[14] = [
+                      b("svg", {
                         xmlns: "http://www.w3.org/2000/svg",
                         height: "24px",
                         viewBox: "0 -960 960 960",
                         width: "24px",
                         fill: "var(--vs-inactive)"
                       }, [
-                        w("path", { d: "M480-160q-134 0-227-93t-93-227q0-134 93-227t227-93q69 0 132 28.5T720-690v-110h80v280H520v-80h168q-32-56-87.5-88T480-720q-100 0-170 70t-70 170q0 100 70 170t170 70q77 0 139-44t87-116h84q-28 106-114 173t-196 67Z" })
+                        b("path", { d: "M480-160q-134 0-227-93t-93-227q0-134 93-227t227-93q69 0 132 28.5T720-690v-110h80v280H520v-80h168q-32-56-87.5-88T480-720q-100 0-170 70t-70 170q0 100 70 170t170 70q77 0 139-44t87-116h84q-28 106-114 173t-196 67Z" })
                       ], -1)
-                    ])])) : P("", !0)
+                    ])])) : D("", !0)
                   ]),
                   _: 1
                 }),
                 ne(ro, {
                   isLoading: $(l),
                   columnData: $(s),
-                  modelValue: d.value.value,
-                  "onUpdate:modelValue": p[3] || (p[3] = (x) => d.value.value = x),
+                  modelValue: c.value.value,
+                  "onUpdate:modelValue": w[3] || (w[3] = (p) => c.value.value = p),
                   placeholder: "Select values..."
                 }, null, 8, ["isLoading", "columnData", "modelValue"])
-              ])) : d.value.type === "number-range" ? (y(), k("div", ho, [
-                c.value.length > 1 ? (y(), k("div", mo, [
-                  te(w("select", {
-                    "onUpdate:modelValue": p[4] || (p[4] = (x) => d.value.operator = x),
+              ])) : c.value.type === "number-range" ? (y(), x("div", ho, [
+                u.value.length > 1 ? (y(), x("div", mo, [
+                  te(b("select", {
+                    "onUpdate:modelValue": w[4] || (w[4] = (p) => c.value.operator = p),
                     class: "vs-operator-select vs-w-full"
                   }, [
-                    (y(!0), k(z, null, Q(c.value, (x) => (y(), k("option", {
-                      key: x,
-                      value: x
-                    }, H(i(x)), 9, po))), 128))
+                    (y(!0), x(z, null, Q(u.value, (p) => (y(), x("option", {
+                      key: p,
+                      value: p
+                    }, B(i(p)), 9, po))), 128))
                   ], 512), [
-                    [Qe, d.value.operator]
+                    [Qe, c.value.operator]
                   ])
-                ])) : (y(), k("div", go, [
-                  w("span", yo, H(d.value.operator), 1)
+                ])) : (y(), x("div", go, [
+                  b("span", yo, B(c.value.operator), 1)
                 ])),
-                d.value.operator === "between" ? (y(), fe(ye, {
+                c.value.operator === "between" ? (y(), fe(ye, {
                   key: 2,
                   justify: "between",
                   align: "center",
@@ -1634,75 +1633,75 @@ const co = {
                   class: "mb-6"
                 }, {
                   default: X(() => [
-                    te(w("input", {
+                    te(b("input", {
                       type: "number",
-                      "onUpdate:modelValue": p[5] || (p[5] = (x) => d.value.min = x),
+                      "onUpdate:modelValue": w[5] || (w[5] = (p) => c.value.min = p),
                       placeholder: "Min",
                       class: "vs-input vs-w-full"
                     }, null, 512), [
                       [
                         he,
-                        d.value.min,
+                        c.value.min,
                         void 0,
                         { number: !0 }
                       ]
                     ]),
-                    p[15] || (p[15] = w("span", null, "-", -1)),
-                    te(w("input", {
+                    w[15] || (w[15] = b("span", null, "-", -1)),
+                    te(b("input", {
                       type: "number",
-                      "onUpdate:modelValue": p[6] || (p[6] = (x) => d.value.max = x),
+                      "onUpdate:modelValue": w[6] || (w[6] = (p) => c.value.max = p),
                       placeholder: "Max",
                       class: "vs-input vs-w-full"
                     }, null, 512), [
                       [
                         he,
-                        d.value.max,
+                        c.value.max,
                         void 0,
                         { number: !0 }
                       ]
                     ])
                   ]),
                   _: 1
-                })) : ["equals", "notEqual", "greaterThan", "lessThan"].includes(d.value.operator || "") ? (y(), fe(ye, {
+                })) : ["equals", "notEqual", "greaterThan", "lessThan"].includes(c.value.operator || "") ? (y(), fe(ye, {
                   key: 3,
                   direction: "row"
                 }, {
                   default: X(() => [
-                    te(w("input", {
+                    te(b("input", {
                       type: "number",
-                      "onUpdate:modelValue": p[7] || (p[7] = (x) => d.value.value = x),
+                      "onUpdate:modelValue": w[7] || (w[7] = (p) => c.value.value = p),
                       placeholder: "Enter number",
                       class: "vs-input vs-w-full"
                     }, null, 512), [
                       [
                         he,
-                        d.value.value,
+                        c.value.value,
                         void 0,
                         { number: !0 }
                       ]
                     ])
                   ]),
                   _: 1
-                })) : ["empty", "notEmpty"].includes(d.value.operator || "") ? (y(), k("div", wo, [...p[16] || (p[16] = [
-                  w("div", { class: "vs-muted vs-text-center vs-pt-sm" }, "No input required", -1)
-                ])])) : P("", !0)
-              ])) : d.value.type === "date-range" ? (y(), k("div", bo, [
-                c.value.length > 1 ? (y(), k("div", xo, [
-                  te(w("select", {
-                    "onUpdate:modelValue": p[8] || (p[8] = (x) => d.value.operator = x),
+                })) : ["empty", "notEmpty"].includes(c.value.operator || "") ? (y(), x("div", wo, [...w[16] || (w[16] = [
+                  b("div", { class: "vs-muted vs-text-center vs-pt-sm" }, "No input required", -1)
+                ])])) : D("", !0)
+              ])) : c.value.type === "date-range" ? (y(), x("div", bo, [
+                u.value.length > 1 ? (y(), x("div", xo, [
+                  te(b("select", {
+                    "onUpdate:modelValue": w[8] || (w[8] = (p) => c.value.operator = p),
                     class: "vs-operator-select vs-w-full"
                   }, [
-                    (y(!0), k(z, null, Q(c.value, (x) => (y(), k("option", {
-                      key: x,
-                      value: x
-                    }, H(i(x)), 9, ko))), 128))
+                    (y(!0), x(z, null, Q(u.value, (p) => (y(), x("option", {
+                      key: p,
+                      value: p
+                    }, B(i(p)), 9, ko))), 128))
                   ], 512), [
-                    [Qe, d.value.operator]
+                    [Qe, c.value.operator]
                   ])
-                ])) : (y(), k("div", Co, [
-                  w("span", So, H(d.value.operator), 1)
+                ])) : (y(), x("div", Co, [
+                  b("span", So, B(c.value.operator), 1)
                 ])),
-                d.value.operator === "between" ? (y(), fe(ye, {
+                c.value.operator === "between" ? (y(), fe(ye, {
                   key: 2,
                   justify: "between",
                   align: "center",
@@ -1710,69 +1709,69 @@ const co = {
                   class: "mb-6"
                 }, {
                   default: X(() => [
-                    te(w("input", {
+                    te(b("input", {
                       type: "date",
-                      "onUpdate:modelValue": p[9] || (p[9] = (x) => d.value.start = x),
+                      "onUpdate:modelValue": w[9] || (w[9] = (p) => c.value.start = p),
                       class: "vs-input vs-w-full"
                     }, null, 512), [
-                      [he, d.value.start]
+                      [he, c.value.start]
                     ]),
-                    p[17] || (p[17] = w("span", null, "-", -1)),
-                    te(w("input", {
+                    w[17] || (w[17] = b("span", null, "-", -1)),
+                    te(b("input", {
                       type: "date",
-                      "onUpdate:modelValue": p[10] || (p[10] = (x) => d.value.end = x),
+                      "onUpdate:modelValue": w[10] || (w[10] = (p) => c.value.end = p),
                       class: "vs-input vs-w-full"
                     }, null, 512), [
-                      [he, d.value.end]
+                      [he, c.value.end]
                     ])
                   ]),
                   _: 1
-                })) : ["equals", "notEqual", "before", "after"].includes(d.value.operator || "") ? (y(), fe(ye, {
+                })) : ["equals", "notEqual", "before", "after"].includes(c.value.operator || "") ? (y(), fe(ye, {
                   key: 3,
                   direction: "row",
                   class: "vs-filter-single-date"
                 }, {
                   default: X(() => [
-                    te(w("input", {
+                    te(b("input", {
                       type: "date",
-                      "onUpdate:modelValue": p[11] || (p[11] = (x) => d.value.value = x),
+                      "onUpdate:modelValue": w[11] || (w[11] = (p) => c.value.value = p),
                       class: "vs-input vs-w-full"
                     }, null, 512), [
-                      [he, d.value.value]
+                      [he, c.value.value]
                     ])
                   ]),
                   _: 1
-                })) : ["empty", "notEmpty"].includes(d.value.operator || "") ? (y(), k("div", Ro, " No date input required ")) : P("", !0)
-              ])) : P("", !0),
-              d.value.type !== "custom" ? (y(), k("div", Eo, [
-                w("button", {
+                })) : ["empty", "notEmpty"].includes(c.value.operator || "") ? (y(), x("div", Ro, " No date input required ")) : D("", !0)
+              ])) : D("", !0),
+              c.value.type !== "custom" ? (y(), x("div", Eo, [
+                b("button", {
                   class: "vs-btn vs-btn-primary",
-                  onClick: g
+                  onClick: C
                 }, "Apply"),
-                w("button", {
+                b("button", {
                   class: "vs-btn vs-btn-secondary",
-                  onClick: C
+                  onClick: R
                 }, "Clear")
-              ])) : P("", !0),
-              j(b.$slots, "custom", {
-                filter: d.value,
-                apply: g,
-                clear: C
+              ])) : D("", !0),
+              j(k.$slots, "custom", {
+                filter: c.value,
+                apply: C,
+                clear: R
               }, void 0, !0)
-            ], 512)) : P("", !0)
+            ], 512)) : D("", !0)
           ]),
           _: 3
         })
       ]))
     ], 64));
   }
-}), Ao = /* @__PURE__ */ ae($o, [["__scopeId", "data-v-f4972f8b"]]), Fo = ["data-field", "rowspan"], To = { class: "vs-header-content" }, Oo = { class: "vs-header-label" }, Vo = {
+}), Ao = /* @__PURE__ */ ae($o, [["__scopeId", "data-v-a4176350"]]), Fo = ["data-field", "rowspan"], To = { class: "vs-header-content" }, Oo = { class: "vs-header-label" }, Vo = {
   key: 0,
   class: "vs-sort-icons"
 }, Lo = {
   key: 1,
   class: "vs-sort-priority"
-}, Po = /* @__PURE__ */ _({
+}, Do = /* @__PURE__ */ _({
   __name: "HeaderCell",
   props: {
     column: {},
@@ -1802,16 +1801,16 @@ const co = {
     function i() {
       t.column.field && o("clearFilter", t.column.field);
     }
-    function c() {
+    function u() {
       t.column.field && o("closeFilter", t.column.field);
     }
-    function u() {
+    function d() {
       t.column.field && o("openFilter", t.column.field);
     }
-    return (v, m) => e.column && e.column.field ? (y(), k("th", {
+    return (v, m) => e.column && e.column.field ? (y(), x("th", {
       key: 0,
       onClick: l,
-      style: gt([
+      style: pt([
         {
           width: e.column.width + "%",
           textAlign: "center"
@@ -1826,40 +1825,40 @@ const co = {
       ]])
     }, [
       j(v.$slots, `header-${e.column.field}`, { column: e.column }, () => [
-        w("div", To, [
-          w("span", Oo, H(e.column.label), 1),
-          e.column.sortable ? (y(), k("div", Vo, [
-            w("span", {
+        b("div", To, [
+          b("span", Oo, B(e.column.label), 1),
+          e.column.sortable ? (y(), x("div", Vo, [
+            b("span", {
               class: G(["vs-sort-icon vs-sort-asc", {
                 "vs-active": e.sortHelpers.isColumnSorted(e.column.field) && e.sortHelpers.getSortOrder(e.column.field) === "asc"
               }])
             }, [...m[2] || (m[2] = [
-              w("svg", {
+              b("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 height: "24px",
                 viewBox: "0 -960 960 960",
                 width: "24px",
                 fill: "var(--vs-gray-800)"
               }, [
-                w("path", { d: "m280-400 200-200 200 200H280Z" })
+                b("path", { d: "m280-400 200-200 200 200H280Z" })
               ], -1)
             ])], 2),
-            w("span", {
+            b("span", {
               class: G(["vs-sort-icon vs-sort-desc", {
                 "vs-active": e.sortHelpers.isColumnSorted(e.column.field) && e.sortHelpers.getSortOrder(e.column.field) === "desc"
               }])
             }, [...m[3] || (m[3] = [
-              w("svg", {
+              b("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 height: "24px",
                 viewBox: "0 -960 960 960",
                 width: "24px"
               }, [
-                w("path", { d: "M480-360 280-560h400L480-360Z" })
+                b("path", { d: "M480-360 280-560h400L480-360Z" })
               ], -1)
             ])], 2)
-          ])) : P("", !0),
-          e.sortHelpers.getSortPriority(e.column.field) !== null ? (y(), k("span", Lo, H(e.sortHelpers.getSortPriority(e.column.field)), 1)) : P("", !0),
+          ])) : D("", !0),
+          e.sortHelpers.getSortPriority(e.column.field) !== null ? (y(), x("span", Lo, B(e.sortHelpers.getSortPriority(e.column.field)), 1)) : D("", !0),
           e.column.filter ? (y(), fe(Ao, {
             key: 2,
             type: e.column.filter.type,
@@ -1872,26 +1871,26 @@ const co = {
             "column-data": a(),
             onApply: m[1] || (m[1] = (f) => r(f)),
             onClear: i,
-            onClose: c,
-            onOpen: u
+            onClose: u,
+            onOpen: d
           }, Te({ _: 2 }, [
             e.column.filter.custom ? {
               name: "custom",
-              fn: X(({ filter: f, apply: d, clear: h }) => [
+              fn: X(({ filter: f, apply: h, clear: c }) => [
                 j(v.$slots, e.column.filter.custom, {
                   filter: f,
-                  apply: d,
-                  clear: h
+                  apply: h,
+                  clear: c
                 }, void 0, !0)
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["type", "async-options", "field", "operators", "modelValue", "visible", "column-data"])) : P("", !0)
+          ]), 1032, ["type", "async-options", "field", "operators", "modelValue", "visible", "column-data"])) : D("", !0)
         ])
       ], !0)
-    ], 14, Fo)) : P("", !0);
+    ], 14, Fo)) : D("", !0);
   }
-}), mt = /* @__PURE__ */ ae(Po, [["__scopeId", "data-v-69e5e343"]]), Do = { key: 0 }, Io = {
+}), ht = /* @__PURE__ */ ae(Do, [["__scopeId", "data-v-69e5e343"]]), Po = { key: 0 }, Io = {
   key: 0,
   class: "vs-expand-column",
   rowspan: "2",
@@ -1903,7 +1902,7 @@ const co = {
   rowspan: "2",
   style: { width: "5%" },
   "data-field": "_checkbox"
-}, Mo = { class: "vs-checkbox" }, Bo = ["id", "checked", "indeterminate"], Ho = ["for"], Wo = ["colspan", "data-field"], No = {
+}, Mo = { class: "vs-checkbox" }, Bo = ["id", "checked", "indeterminate"], Ho = ["for"], No = ["colspan", "data-field"], Wo = {
   key: 0,
   class: "vs-expand-column",
   style: { width: "5%" },
@@ -1937,50 +1936,50 @@ const co = {
     const l = F({
       get: () => t.filters,
       set: (f) => o("update:filters", f)
-    }), a = I(null);
+    }), a = q(null);
     function r(f) {
       a.value = f;
     }
     function i(f) {
       a.value === f && (a.value = null);
     }
-    const c = I(null), u = F(() => t.columns.some((f) => f.children && f.children.length)), v = F(() => {
+    const u = q(null), d = F(() => t.columns.some((f) => f.children && f.children.length)), v = F(() => {
       const f = [];
-      return t.columns.forEach((d) => {
-        d.children && d.children.length ? f.push(...d.children) : f.push(d);
+      return t.columns.forEach((h) => {
+        h.children && h.children.length ? f.push(...h.children) : f.push(h);
       }), f;
     });
     function m(f) {
-      return u.value ? t.columns.some(
-        (d) => d.children && d.children.some((h) => h.field === f.field)
+      return d.value ? t.columns.some(
+        (h) => h.children && h.children.some((c) => c.field === f.field)
       ) : !0;
     }
-    return (f, d) => (y(), k("thead", {
+    return (f, h) => (y(), x("thead", {
       ref_key: "headerRef",
-      ref: c
+      ref: u
     }, [
-      u.value ? (y(), k("tr", Do, [
-        e.expandable ? (y(), k("th", Io)) : P("", !0),
-        e.isItemSelectedControlled ? (y(), k("th", qo, [
-          w("div", Mo, [
-            w("input", {
+      d.value ? (y(), x("tr", Po, [
+        e.expandable ? (y(), x("th", Io)) : D("", !0),
+        e.isItemSelectedControlled ? (y(), x("th", qo, [
+          b("div", Mo, [
+            b("input", {
               type: "checkbox",
               id: e.tablename + "-main-checkbox",
               checked: e.isAllChecked,
               indeterminate: e.isSomeChecked,
               onChange: s
             }, null, 40, Bo),
-            w("label", {
+            b("label", {
               for: e.tablename + "-main-checkbox"
             }, null, 8, Ho)
           ])
-        ])) : P("", !0),
-        (y(!0), k(z, null, Q(t.columns, (h) => (y(), k(z, {
-          key: h.field || h.label
+        ])) : D("", !0),
+        (y(!0), x(z, null, Q(t.columns, (c) => (y(), x(z, {
+          key: c.field || c.label
         }, [
-          !h.children || !h.children.length ? (y(), fe(mt, Ae({
+          !c.children || !c.children.length ? (y(), fe(ht, Ae({
             key: 0,
-            column: h,
+            column: c,
             rows: e.rows,
             rowspan: 2,
             "sort-helpers": e.sortHelpers,
@@ -1989,49 +1988,49 @@ const co = {
             "header-class": e.headerClass,
             tablename: e.tablename
           }, { ref_for: !0 }, f.$attrs, {
-            onApplyFilter: d[0] || (d[0] = (g, C) => o("applyFilter", g, C)),
-            onClearFilter: d[1] || (d[1] = (g) => o("clearFilter", g)),
+            onApplyFilter: h[0] || (h[0] = (g, C) => o("applyFilter", g, C)),
+            onClearFilter: h[1] || (h[1] = (g) => o("clearFilter", g)),
             onOpenFilter: r,
             onCloseFilter: i,
-            "onUpdate:filters": d[2] || (d[2] = (g) => o("update:filters", g))
+            "onUpdate:filters": h[2] || (h[2] = (g) => o("update:filters", g))
           }), Te({ _: 2 }, [
             Q(f.$slots, (g, C) => ({
               name: C,
-              fn: X((S) => [
-                j(f.$slots, C, Ae({ ref_for: !0 }, S), void 0, !0)
+              fn: X((R) => [
+                j(f.$slots, C, Ae({ ref_for: !0 }, R), void 0, !0)
               ])
             }))
-          ]), 1040, ["column", "rows", "sort-helpers", "filters", "open-filter", "header-class", "tablename"])) : (y(), k("th", {
+          ]), 1040, ["column", "rows", "sort-helpers", "filters", "open-filter", "header-class", "tablename"])) : (y(), x("th", {
             key: 1,
-            colspan: h.children.length,
-            "data-field": `group-${h.label}`,
+            colspan: c.children.length,
+            "data-field": `group-${c.label}`,
             class: "vs-group-header",
             style: { textAlign: "center" }
-          }, H(h.label), 9, Wo))
+          }, B(c.label), 9, No))
         ], 64))), 128))
-      ])) : P("", !0),
-      w("tr", null, [
-        e.expandable && !u.value ? (y(), k("th", No)) : P("", !0),
-        e.isItemSelectedControlled && !u.value ? (y(), k("th", Ko, [
-          w("div", zo, [
-            w("input", {
+      ])) : D("", !0),
+      b("tr", null, [
+        e.expandable && !d.value ? (y(), x("th", Wo)) : D("", !0),
+        e.isItemSelectedControlled && !d.value ? (y(), x("th", Ko, [
+          b("div", zo, [
+            b("input", {
               type: "checkbox",
               id: e.tablename + "-main-checkbox",
               checked: e.isAllChecked,
               indeterminate: e.isSomeChecked,
               onChange: s
             }, null, 40, jo),
-            w("label", {
+            b("label", {
               for: e.tablename + "-main-checkbox"
             }, null, 8, Uo)
           ])
-        ])) : P("", !0),
-        (y(!0), k(z, null, Q(v.value, (h) => (y(), k(z, {
-          key: h.field
+        ])) : D("", !0),
+        (y(!0), x(z, null, Q(v.value, (c) => (y(), x(z, {
+          key: c.field
         }, [
-          h.field && m(h) ? (y(), fe(mt, Ae({
+          c.field && m(c) ? (y(), fe(ht, Ae({
             key: 0,
-            column: h,
+            column: c,
             rows: e.rows,
             "sort-helpers": e.sortHelpers,
             filters: l.value,
@@ -2039,19 +2038,19 @@ const co = {
             "header-class": e.headerClass,
             tablename: e.tablename
           }, { ref_for: !0 }, f.$attrs, {
-            onApplyFilter: d[3] || (d[3] = (g, C) => o("applyFilter", g, C)),
-            onClearFilter: d[4] || (d[4] = (g) => o("clearFilter", g)),
+            onApplyFilter: h[3] || (h[3] = (g, C) => o("applyFilter", g, C)),
+            onClearFilter: h[4] || (h[4] = (g) => o("clearFilter", g)),
             onOpenFilter: r,
             onCloseFilter: i,
-            "onUpdate:filters": d[5] || (d[5] = (g) => o("update:filters", g))
+            "onUpdate:filters": h[5] || (h[5] = (g) => o("update:filters", g))
           }), Te({ _: 2 }, [
             Q(f.$slots, (g, C) => ({
               name: C,
-              fn: X((S) => [
-                j(f.$slots, C, Ae({ ref_for: !0 }, S), void 0, !0)
+              fn: X((R) => [
+                j(f.$slots, C, Ae({ ref_for: !0 }, R), void 0, !0)
               ])
             }))
-          ]), 1040, ["column", "rows", "sort-helpers", "filters", "open-filter", "header-class", "tablename"])) : P("", !0)
+          ]), 1040, ["column", "rows", "sort-helpers", "filters", "open-filter", "header-class", "tablename"])) : D("", !0)
         ], 64))), 128))
       ])
     ], 512));
@@ -2090,148 +2089,148 @@ const co = {
   },
   emits: ["row-click"],
   setup(e, { emit: n }) {
-    const t = e, o = F(() => t.rowKey ?? "id"), s = I(null), l = F(() => t.columns.flatMap(
+    const t = e, o = F(() => t.rowKey ?? "id"), s = q(null), l = F(() => t.columns.flatMap(
       (a) => "children" in a ? a.children : [a]
     ));
-    return (a, r) => (y(), k("tbody", {
+    return (a, r) => (y(), x("tbody", {
       ref_key: "bodyRef",
       ref: s
     }, [
-      e.loading ? (y(), k("tr", Qo, [
-        w("td", {
+      e.loading ? (y(), x("tr", Qo, [
+        b("td", {
           colspan: e.totalColumns,
           class: "vs-loading"
         }, [
-          r[2] || (r[2] = w("div", { class: "vs-spinner" }, null, -1)),
-          w("span", null, H(e.loadingText), 1)
+          r[2] || (r[2] = b("div", { class: "vs-spinner" }, null, -1)),
+          b("span", null, B(e.loadingText), 1)
         ], 8, Yo)
-      ])) : e.paginatedRows.length ? (y(!0), k(z, { key: 2 }, Q(e.paginatedRows, (i, c) => (y(), k(z, {
-        key: e.getRowKey(i, c)
+      ])) : e.paginatedRows.length ? (y(!0), x(z, { key: 2 }, Q(e.paginatedRows, (i, u) => (y(), x(z, {
+        key: e.getRowKey(i, u)
       }, [
-        w("tr", {
+        b("tr", {
           class: G([
             e.rowClass,
             { "vs-row-clickable": e.hasRowClick },
             { "vs-row-selected": e.isRowSelected(i, e.selectedItems, o.value) }
           ]),
-          onClick: (u) => a.$emit("row-click", i, c)
+          onClick: (d) => a.$emit("row-click", i, u)
         }, [
-          e.expandable ? (y(), k("td", {
+          e.expandable ? (y(), x("td", {
             key: 0,
             class: "vs-expand-column",
             "data-field": "_expand",
             onClick: r[0] || (r[0] = pe(() => {
             }, ["stop"]))
           }, [
-            w("button", {
+            b("button", {
               class: "vs-expand-btn",
               type: "button",
-              "aria-expanded": e.isRowExpanded(i, c),
-              "aria-controls": `row-details-${e.getRowKey(i, c)}`,
-              onClick: pe((u) => e.toggleRowExpansion(i, c), ["stop"])
+              "aria-expanded": e.isRowExpanded(i, u),
+              "aria-controls": `row-details-${e.getRowKey(i, u)}`,
+              onClick: pe((d) => e.toggleRowExpansion(i, u), ["stop"])
             }, [
-              e.isRowExpanded(i, c) ? (y(), k("span", os, [...r[4] || (r[4] = [
-                w("svg", {
+              e.isRowExpanded(i, u) ? (y(), x("span", os, [...r[4] || (r[4] = [
+                b("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   height: "24px",
                   viewBox: "0 -960 960 960",
                   width: "24px",
                   fill: "var(--vs-gray-800)"
                 }, [
-                  w("path", { d: "M480-345 240-585l56-56 184 183 184-183 56 56-240 240Z" })
+                  b("path", { d: "M480-345 240-585l56-56 184 183 184-183 56 56-240 240Z" })
                 ], -1)
-              ])])) : (y(), k("span", ss, [...r[5] || (r[5] = [
-                w("svg", {
+              ])])) : (y(), x("span", ss, [...r[5] || (r[5] = [
+                b("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   height: "24px",
                   viewBox: "0 -960 960 960",
                   width: "24px",
                   fill: "var(--vs-gray-800)"
                 }, [
-                  w("path", { d: "M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z" })
+                  b("path", { d: "M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z" })
                 ], -1)
               ])]))
             ], 8, ns)
-          ])) : P("", !0),
-          e.isItemSelectedControlled ? (y(), k("td", {
+          ])) : D("", !0),
+          e.isItemSelectedControlled ? (y(), x("td", {
             key: 1,
             class: "vs-checkbox-column",
             "data-field": "_checkbox",
             onClick: r[1] || (r[1] = pe(() => {
             }, ["stop"]))
           }, [
-            w("div", ls, [
-              w("input", {
+            b("div", ls, [
+              b("input", {
                 type: "checkbox",
-                id: e.tablename + "-checkbox-" + e.getRowKey(i, c),
+                id: e.tablename + "-checkbox-" + e.getRowKey(i, u),
                 value: i,
-                checked: e.selectedItems.some((u, v) => e.getRowKey(u, v) === e.getRowKey(i, c)),
-                onChange: (u) => e.toggleRow(i, c)
+                checked: e.selectedItems.some((d, v) => e.getRowKey(d, v) === e.getRowKey(i, u)),
+                onChange: (d) => e.toggleRow(i, u)
               }, null, 40, as),
-              w("label", {
-                for: e.tablename + "-checkbox-" + e.getRowKey(i, c)
+              b("label", {
+                for: e.tablename + "-checkbox-" + e.getRowKey(i, u)
               }, null, 8, rs)
             ])
-          ])) : P("", !0),
-          (y(!0), k(z, null, Q(l.value, (u) => (y(), k(z, null, [
-            u && u.field ? (y(), k("td", {
-              key: u.field,
+          ])) : D("", !0),
+          (y(!0), x(z, null, Q(l.value, (d) => (y(), x(z, null, [
+            d && d.field ? (y(), x("td", {
+              key: d.field,
               class: G(e.cellClass),
-              "data-field": u.field
+              "data-field": d.field
             }, [
-              j(a.$slots, `cell-${u.field}`, {
+              j(a.$slots, `cell-${d.field}`, {
                 item: i,
-                value: e.getValue(i, u.field),
-                column: u,
-                index: c
+                value: e.getValue(i, d.field),
+                column: d,
+                index: u
               }, () => [
-                Ge(H(e.getValue(i, u.field)), 1)
+                Ge(B(e.getValue(i, d.field)), 1)
               ], !0)
-            ], 10, is)) : P("", !0)
+            ], 10, is)) : D("", !0)
           ], 64))), 256))
         ], 10, ts),
-        e.expandable ? (y(), k(z, { key: 0 }, [
-          e.isRowExpanded(i, c) ? (y(), k("tr", cs, [
-            w("td", {
+        e.expandable ? (y(), x(z, { key: 0 }, [
+          e.isRowExpanded(i, u) ? (y(), x("tr", cs, [
+            b("td", {
               colspan: e.totalColumns,
               class: "vs-expanded-cell"
             }, [
-              e.isRowLoading(i, c) ? j(a.$slots, "row-expanded-loader", {
+              e.isRowLoading(i, u) ? j(a.$slots, "row-expanded-loader", {
                 key: 0,
                 item: i,
-                index: c
+                index: u
               }, () => [
-                r[6] || (r[6] = w("div", { class: "vs-loader-bar" }, [
-                  w("div", { class: "vs-loader-bar-inner" })
+                r[6] || (r[6] = b("div", { class: "vs-loader-bar" }, [
+                  b("div", { class: "vs-loader-bar-inner" })
                 ], -1))
-              ], !0) : (y(), k("div", ds, [
+              ], !0) : (y(), x("div", ds, [
                 j(a.$slots, "row-expanded", {
                   item: i,
-                  index: c
+                  index: u
                 }, () => [
                   r[7] || (r[7] = Ge(" Expanded details for row ", -1)),
-                  w("b", null, H(e.getRowKey(i, c)), 1)
+                  b("b", null, B(e.getRowKey(i, u)), 1)
                 ], !0)
               ]))
             ], 8, us)
-          ])) : P("", !0)
-        ], 64)) : P("", !0)
-      ], 64))), 128)) : (y(), k("tr", Go, [
-        w("td", {
+          ])) : D("", !0)
+        ], 64)) : D("", !0)
+      ], 64))), 128)) : (y(), x("tr", Go, [
+        b("td", {
           colspan: e.totalColumns,
           class: "vs-no-data"
         }, [
           j(a.$slots, "no-data", {}, () => [
-            r[3] || (r[3] = w("div", { class: "vs-no-data-icon" }, [
-              w("svg", {
+            r[3] || (r[3] = b("div", { class: "vs-no-data-icon" }, [
+              b("svg", {
                 viewBox: "0 0 24 24",
                 fill: "currentColor"
               }, [
-                w("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z" })
+                b("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z" })
               ])
             ], -1)),
-            w("div", _o, H(e.noDataText), 1),
-            w("div", es, H(e.noDataDescription), 1)
+            b("div", _o, B(e.noDataText), 1),
+            b("div", es, B(e.noDataDescription), 1)
           ], !0)
         ], 8, Jo)
       ]))
@@ -2249,19 +2248,19 @@ const co = {
       const l = s.target;
       t("update:modelValue", l.value), t("inputTyped", l.value);
     };
-    return (s, l) => (y(), k("div", hs, [
-      l[0] || (l[0] = w("div", { class: "vs-search-icon" }, [
-        w("svg", {
+    return (s, l) => (y(), x("div", hs, [
+      l[0] || (l[0] = b("div", { class: "vs-search-icon" }, [
+        b("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           height: "22px",
           viewBox: "0 -960 960 960",
           width: "22px",
           fill: "#e3e3e3"
         }, [
-          w("path", { d: "M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z" })
+          b("path", { d: "M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z" })
         ])
       ], -1)),
-      w("input", {
+      b("input", {
         type: "text",
         class: "vs-search-input",
         placeholder: e.placeholder,
@@ -2286,19 +2285,19 @@ const co = {
     const t = n, o = (s) => {
       t("update:searchQuery", s), t("search", s);
     };
-    return (s, l) => (y(), k("div", ys, [
-      w("div", ws, [
-        e.showSearch ? (y(), k("div", bs, [
+    return (s, l) => (y(), x("div", ys, [
+      b("div", ws, [
+        e.showSearch ? (y(), x("div", bs, [
           ne(gs, {
             "model-value": e.searchQuery,
             "onUpdate:modelValue": o,
             placeholder: e.searchPlaceholder,
             class: G(e.searchClass)
           }, null, 8, ["model-value", "placeholder", "class"])
-        ])) : P("", !0),
+        ])) : D("", !0),
         j(s.$slots, "left", {}, void 0, !0)
       ]),
-      w("div", xs, [
+      b("div", xs, [
         j(s.$slots, "right", {}, void 0, !0)
       ])
     ]));
@@ -2330,8 +2329,8 @@ const co = {
         if (typeof a.footerValue == "function")
           try {
             i = a.footerValue(n.rows);
-          } catch (c) {
-            console.warn(`Error computing footerValue for column "${a.field}"`, c);
+          } catch (u) {
+            console.warn(`Error computing footerValue for column "${a.field}"`, u);
           }
         else a.footerValue !== void 0 && (i = a.footerValue);
         return {
@@ -2352,15 +2351,15 @@ const co = {
         }
       return typeof l == "number" ? s.field === "price" ? `$${l.toFixed(2)}` : s.field === "tax" ? l.toFixed(2) : l.toLocaleString() : String(l);
     }
-    return (s, l) => t.value.length ? (y(), k("tfoot", Ss, [
-      w("tr", Rs, [
-        e.expandable ? (y(), k("td", Es)) : P("", !0),
-        e.isItemSelectedControlled ? (y(), k("td", $s)) : P("", !0),
-        (y(!0), k(z, null, Q(t.value, (a, r) => (y(), k("td", {
+    return (s, l) => t.value.length ? (y(), x("tfoot", Ss, [
+      b("tr", Rs, [
+        e.expandable ? (y(), x("td", Es)) : D("", !0),
+        e.isItemSelectedControlled ? (y(), x("td", $s)) : D("", !0),
+        (y(!0), x(z, null, Q(t.value, (a, r) => (y(), x("td", {
           key: r,
           "data-field": a.field,
           class: G(["vs-footer-cell", a.footerClass || ""]),
-          style: gt(a.footerStyle || {})
+          style: pt(a.footerStyle || {})
         }, [
           a.hasFooter ? j(s.$slots, `footer-${a.field}`, {
             key: 0,
@@ -2368,19 +2367,25 @@ const co = {
             value: a.footerValue,
             rows: e.rows
           }, () => [
-            Ge(H(a.formattedValue), 1)
-          ], !0) : P("", !0)
+            Ge(B(a.formattedValue), 1)
+          ], !0) : D("", !0)
         ], 14, As))), 128))
       ])
-    ])) : P("", !0);
+    ])) : D("", !0);
   }
 }), Ts = /* @__PURE__ */ ae(Fs, [["__scopeId", "data-v-f3b614d3"]]);
 function Os(e, n, t) {
-  const o = I(1), s = I(e.sort ? [...e.sort] : []);
-  Y(() => e.sort, (v) => {
-    v && (s.value = [...v]);
-  }, { deep: !0 });
-  const l = F(() => e.serverOptions?.sort ?? s.value ?? []);
+  const o = q(1), s = q(e.sort ? [...e.sort] : []);
+  Y(
+    () => e.sort,
+    (v) => {
+      v && (s.value = [...v]);
+    },
+    { deep: !0 }
+  );
+  const l = F(
+    () => e.serverOptions?.sort ?? s.value ?? []
+  );
   return {
     activeSort: l,
     sortHelpers: {
@@ -2392,8 +2397,8 @@ function Os(e, n, t) {
       getSortOrder: (v) => l.value.find((m) => m.field === v)?.order ?? null,
       handleSort: (v, m) => {
         let f = [...s.value];
-        const d = f.findIndex((h) => h.field === v);
-        m.shiftKey ? d === -1 ? f.push({ field: v, order: "asc" }) : f[d]?.order === "asc" ? f[d].order = "desc" : f.splice(d, 1) : d === -1 ? f = [{ field: v, order: "asc" }] : f[d]?.order === "asc" ? f = [{ field: v, order: "desc" }] : f = [], f = f.map((h, g) => ({ ...h, priority: g + 1 })), s.value = [...f], e.serverOptions ? n("update:serverOptions", { ...e.serverOptions, sort: f }) : n("update:sort", f), t.value = o.value, n("sortChanged", { sort: f });
+        const h = f.findIndex((c) => c.field === v);
+        m.shiftKey ? h === -1 ? f.push({ field: v, order: "asc" }) : f[h]?.order === "asc" ? f[h].order = "desc" : f.splice(h, 1) : h === -1 ? f = [{ field: v, order: "asc" }] : f[h]?.order === "asc" ? f = [{ field: v, order: "desc" }] : f = [], f = f.map((c, g) => ({ ...c, priority: g + 1 })), s.value = [...f], e.serverOptions ? n("update:serverOptions", { ...e.serverOptions, sort: f }) : n("update:sort", f), t.value = o.value, n("sortChanged", { sort: f });
       }
     }
   };
@@ -2401,19 +2406,19 @@ function Os(e, n, t) {
 function Vs(e, n, t, o, s) {
   const l = F({
     get: () => e.serverItemsLength !== void 0 ? e.serverItemsLength : s.value.length,
-    set: (u) => {
-      console.log("serverItemsLength: ", u), e.serverItemsLength !== void 0 && n("update:serverItemsLength", u);
+    set: (d) => {
+      console.log("serverItemsLength: ", d), e.serverItemsLength !== void 0 && n("update:serverItemsLength", d);
     }
   }), a = F({
     get: () => e.serverOptions?.page ?? t.value,
-    set: (u) => {
-      e.serverOptions ? n("update:serverOptions", { ...e.serverOptions, page: u }) : t.value = u;
+    set: (d) => {
+      e.serverOptions ? n("update:serverOptions", { ...e.serverOptions, page: d }) : t.value = d;
     }
   }), r = F(() => {
-    const u = o.value;
-    return Kt(t.value, u, l.value);
-  }), i = (u) => {
-    e.serverOptions && n("update:serverOptions", { ...e.serverOptions, page: u }), n("pageUpdated", u);
+    const d = o.value;
+    return Wt(t.value, d, l.value);
+  }), i = (d) => {
+    e.serverOptions && n("update:serverOptions", { ...e.serverOptions, page: d }), n("pageUpdated", d);
   };
   return {
     currentPage: a,
@@ -2434,7 +2439,7 @@ function Ls(e, n, t, o) {
     set: (a) => o.value = a
   });
   return Y(o, (a) => {
-    const r = e.serverItemsLength ?? e.rows.length, i = bt(r, a);
+    const r = e.serverItemsLength ?? e.rows.length, i = wt(r, a);
     t.value > i ? t.value = i || 1 : t.value < 1 && (t.value = 1);
   }), {
     vsRowsPerPage: s,
@@ -2443,7 +2448,7 @@ function Ls(e, n, t, o) {
     }
   };
 }
-function Ps(e, n) {
+function Ds(e, n) {
   const t = (a) => {
     n.value = a, e("inputTyped", a);
   };
@@ -2462,114 +2467,118 @@ function Ps(e, n) {
     }
   };
 }
-function Ds(e, n) {
-  const t = I([]), o = I(/* @__PURE__ */ new Map()), s = F({
+function Ps(e, n) {
+  const t = q([]), o = q(/* @__PURE__ */ new Map()), s = F({
     get: () => e.expanded ?? t.value,
-    set: (u) => {
-      e.expanded !== void 0 ? n("update:expanded", u) : t.value = u;
+    set: (d) => {
+      e.expanded !== void 0 ? n("update:expanded", d) : t.value = d;
     }
   });
-  function l(u, v) {
-    return typeof e.rowKey == "function" ? e.rowKey(u, v) : typeof e.rowKey == "string" && u[e.rowKey] !== void 0 ? u[e.rowKey] : v;
+  function l(d, v) {
+    return typeof e.rowKey == "function" ? e.rowKey(d, v) : typeof e.rowKey == "string" && d[e.rowKey] !== void 0 ? d[e.rowKey] : v;
   }
-  function a(u, v) {
-    const m = l(u, v);
+  function a(d, v) {
+    const m = l(d, v);
     return s.value.includes(m);
   }
-  function r(u, v) {
-    const m = l(u, v), f = s.value.includes(m);
-    let d;
-    f ? (d = s.value.filter((h) => h !== m), n("collapseRow", { row: u, index: v, rowId: m })) : (d = e.accordion ? [m] : [...s.value, m], n("expandRow", { row: u, index: v, rowId: m })), s.value = d;
+  function r(d, v) {
+    const m = l(d, v), f = s.value.includes(m);
+    let h;
+    f ? (h = s.value.filter((c) => c !== m), n("collapseRow", { row: d, index: v, rowId: m })) : (h = e.accordion ? [m] : [...s.value, m], n("expandRow", { row: d, index: v, rowId: m })), s.value = h;
   }
-  function i(u, v) {
-    const m = l(u, v);
+  function i(d, v) {
+    const m = l(d, v);
     return o.value.get(m) === !0;
   }
-  function c(u, v) {
-    o.value.set(u, v);
+  function u(d, v) {
+    o.value.set(d, v);
   }
   return {
     expandedRows: s,
     isRowExpanded: a,
     toggleRowExpansion: r,
     getRowId: l,
-    setRowLoading: c,
+    setRowLoading: u,
     isRowLoading: i
   };
 }
 function Is(e, n, t) {
-  const o = I({}), s = F(() => t?.serverMode ? e.value : e.value.filter((r) => n.every((i) => {
-    if (!i.field)
-      return !0;
-    const c = o.value[i.field];
-    if (!c || !c.type)
-      return !0;
-    const u = r[i.field];
+  const o = q({}), s = F(() => t?.serverMode ? e.value : e.value.filter((r) => n.every((i) => {
+    if (!i.field) return !0;
+    const u = o.value[i.field];
+    if (!u || !u.type) return !0;
+    const d = r[i.field];
     if (i.filter?.filterFn)
-      return i.filter.filterFn(u, c.value, r);
-    if (c.type === "custom" && i.filter?.filterKey) {
+      return i.filter.filterFn(d, u.value, r);
+    if (u.type === "custom" && i.filter?.filterKey) {
       const m = Be[i.filter.filterKey];
-      return typeof m == "function" ? m(r, i.field, c) : !0;
+      return typeof m == "function" ? m(r, i.field, u) : !0;
     }
-    const v = Be[c.type];
-    return typeof v == "function" ? v(r, i.field, c) : !0;
+    const v = Be[u.type];
+    return typeof v == "function" ? v(r, i.field, u) : !0;
   })));
-  Y(o, (r) => {
-    if (t?.serverMode && t.onServerFilter) {
-      const i = Object.entries(r).reduce((c, [u, v]) => {
-        if (!v?.type)
-          return c;
-        const m = {
-          type: v.type,
-          operator: v.operator
-        };
-        switch (v.type) {
-          case "text":
-            c[u] = {
-              ...m,
-              value: v.value ?? null
+  Y(
+    o,
+    (r) => {
+      if (t?.serverMode && t.onServerFilter) {
+        const i = Object.entries(r).reduce(
+          (u, [d, v]) => {
+            if (!v?.type) return u;
+            const m = {
+              type: v.type,
+              operator: v.operator
             };
-            break;
-          case "multi-select":
-            c[u] = {
-              ...m,
-              value: v.value ?? []
-            };
-            break;
-          case "number-range":
-            c[u] = {
-              ...m,
-              value: v.value ?? null,
-              min: v.min ?? null,
-              max: v.max ?? null
-            };
-            break;
-          case "date-range":
-            c[u] = {
-              ...m,
-              value: v.value ?? null,
-              start: v.start ?? null,
-              end: v.end ?? null
-            };
-            break;
-          case "custom":
-            c[u] = {
-              ...m,
-              value: v.value,
-              filterKey: v.filterKey
-            };
-            break;
-        }
-        return c;
-      }, {});
-      t.onServerFilter(i);
-    }
-  }, { deep: !0 });
-  function l(r, i, c) {
-    i ? o.value[r] = Ce(i.type, i) : c && (o.value[r] = Ce(c));
+            switch (v.type) {
+              case "text":
+                u[d] = {
+                  ...m,
+                  value: v.value ?? null
+                };
+                break;
+              case "multi-select":
+                u[d] = {
+                  ...m,
+                  value: v.value ?? []
+                };
+                break;
+              case "number-range":
+                u[d] = {
+                  ...m,
+                  value: v.value ?? null,
+                  min: v.min ?? null,
+                  max: v.max ?? null
+                };
+                break;
+              case "date-range":
+                u[d] = {
+                  ...m,
+                  value: v.value ?? null,
+                  start: v.start ?? null,
+                  end: v.end ?? null
+                };
+                break;
+              case "custom":
+                u[d] = {
+                  ...m,
+                  value: v.value,
+                  filterKey: v.filterKey
+                };
+                break;
+            }
+            return u;
+          },
+          {}
+        );
+        t.onServerFilter(i);
+      }
+    },
+    { deep: !0 }
+  );
+  function l(r, i, u) {
+    i ? o.value[r] = we(i.type, i) : u && (o.value[r] = we(u));
   }
   function a(r, i) {
-    i ? o.value[r] = Ce(i) : delete o.value[r];
+    i ? o.value[r] = we(i) : delete o.value[r];
   }
   return {
     filters: o,
@@ -2582,55 +2591,50 @@ function qs(e, n = {}) {
   const { enabled: t = !1, maxHeight: o = "calc(100vh - 250px)" } = n;
   let s = null, l = null;
   const a = () => {
-    const c = e.value;
-    if (!t || !c)
-      return;
-    const u = c.querySelector("thead"), v = c.querySelector("tbody");
-    !u || !v || (c.parentElement?.classList.contains("vs-table-wrapper") ? s = c.parentElement : (s = document.createElement("div"), s.classList.add("vs-table-wrapper"), c.parentNode?.insertBefore(s, c), s.appendChild(c)), Object.assign(s.style, {
+    const u = e.value;
+    if (!t || !u) return;
+    const d = u.querySelector("thead"), v = u.querySelector("tbody");
+    !d || !v || (u.parentElement?.classList.contains("vs-table-wrapper") ? s = u.parentElement : (s = document.createElement("div"), s.classList.add("vs-table-wrapper"), u.parentNode?.insertBefore(s, u), s.appendChild(u)), Object.assign(s.style, {
       overflowY: "auto",
       overflowX: "auto",
       position: "relative",
       maxHeight: typeof o == "number" ? `${o}px` : o
-    }), Object.assign(u.style, {
+    }), Object.assign(d.style, {
       position: "sticky",
       top: "0",
       zIndex: "5",
       background: "var(--vs-table-header-bg, #fff)"
     }), l || (l = new ResizeObserver(() => {
       r();
-    }), l.observe(c)), r());
+    }), l.observe(u)), r());
   }, r = () => {
-    const c = e.value;
-    if (!c)
-      return;
-    const u = c.querySelector("thead"), v = c.querySelector("tbody");
-    if (!u || !v)
-      return;
-    const m = Array.from(u.querySelectorAll("tr")), f = v.querySelector("tr");
-    if (!f)
-      return;
-    const d = Array.from(f.querySelectorAll("td"));
-    if (!d.length)
-      return;
-    const h = [];
-    m.forEach((g) => {
-      Array.from(g.querySelectorAll("th")).forEach((S) => {
-        parseInt(S.getAttribute("colspan") || "1", 10) === 1 && h.push(S);
+    const u = e.value;
+    if (!u) return;
+    const d = u.querySelector("thead"), v = u.querySelector("tbody");
+    if (!d || !v) return;
+    const m = Array.from(d.querySelectorAll("tr")), f = v.querySelector("tr");
+    if (!f) return;
+    const h = Array.from(f.querySelectorAll("td"));
+    if (!h.length || h.length === 1 || f.querySelector(".vs-no-data") != null) return;
+    const g = [];
+    m.forEach((C) => {
+      Array.from(C.querySelectorAll("th")).forEach((E) => {
+        parseInt(E.getAttribute("colspan") || "1", 10) === 1 && g.push(E);
       });
-    }), h.forEach((g, C) => {
-      const S = d[C];
-      S && (g.style.width = `${S.offsetWidth}px`);
-    }), m.forEach((g) => {
-      Array.from(g.querySelectorAll("th")).forEach((S) => {
-        const E = parseInt(S.getAttribute("colspan") || "1", 10);
-        if (E > 1) {
-          let V = 0;
-          const L = Array.from(g.children).indexOf(S);
-          for (let M = 0; M < E; M++) {
-            const b = d[L + M];
-            b && (V += b.offsetWidth);
+    }), g.forEach((C, R) => {
+      const E = h[R];
+      E && (C.style.width = `${E.offsetWidth}px`);
+    }), m.forEach((C) => {
+      Array.from(C.querySelectorAll("th")).forEach((E) => {
+        const V = parseInt(E.getAttribute("colspan") || "1", 10);
+        if (V > 1) {
+          let T = 0;
+          const W = Array.from(C.children).indexOf(E);
+          for (let S = 0; S < V; S++) {
+            const k = h[W + S];
+            k && (T += k.offsetWidth);
           }
-          V > 0 && (S.style.width = `${V}px`);
+          T > 0 && (E.style.width = `${T}px`);
         }
       });
     });
@@ -2641,65 +2645,73 @@ function qs(e, n = {}) {
     t && (await oe(), a());
   }), He(() => {
     i();
-  }), Y(() => t, async (c) => {
-    await oe(), c ? a() : i();
-  }), {
+  }), Y(
+    () => t,
+    async (u) => {
+      await oe(), u ? a() : i();
+    }
+  ), {
     refresh: a,
     cleanup: i
   };
 }
 function Ms(e, n = {}) {
-  const { enabled: t = !1, maxHeight: o = "calc(100vh - 250px)", debounceMs: s = 100 } = n;
-  let l = null, a = null, r = null, i = !1, c = !1, u = null;
-  const m = ((h, g = 100) => {
+  const {
+    enabled: t = !1,
+    maxHeight: o = "calc(100vh - 250px)",
+    debounceMs: s = 100
+  } = n;
+  let l = null, a = null, r = null, i = !1, u = !1, d = null;
+  const m = ((c, g = 100) => {
     let C = null;
-    return (...S) => {
-      C && clearTimeout(C), C = window.setTimeout(() => h(...S), g);
+    return (...R) => {
+      C && clearTimeout(C), C = window.setTimeout(() => c(...R), g);
     };
   })(() => {
     i || (i = !0, cancelAnimationFrame(r), r = requestAnimationFrame(() => {
-      const h = e.value;
-      if (!h)
-        return;
-      const g = h.querySelector("tfoot"), C = h.querySelector("tbody");
-      if (!g || !C)
+      const c = e.value;
+      if (!c) return;
+      const g = c.querySelector("tfoot"), C = c.querySelector("tbody");
+      if (!g || !C) return;
+      const R = g.querySelector("tr"), E = C.querySelector("tr");
+      if (!R || !E) {
+        i = !1;
         return;
-      const S = g.querySelector("tr"), E = C.querySelector("tr");
-      if (!S || !E) {
+      }
+      const V = Array.from(R.querySelectorAll("td, th")), T = Array.from(E.querySelectorAll("td"));
+      if (!V.length || !T.length) {
         i = !1;
         return;
       }
-      const V = Array.from(S.querySelectorAll("td, th")), L = Array.from(E.querySelectorAll("td"));
-      if (!V.length || !L.length) {
+      if (T.length === 1 || E.querySelector(".vs-no-data") != null) {
         i = !1;
         return;
       }
-      let M = 0;
-      V.forEach((b) => {
-        const p = parseInt(b.getAttribute("colspan") || "1", 10);
-        if (p === 1) {
-          const x = L[M];
-          if (x) {
-            const R = x.offsetWidth;
-            b.offsetWidth !== R && (b.style.width = `${R}px`, b.style.minWidth = `${R}px`);
+      let S = 0;
+      V.forEach((k) => {
+        const w = parseInt(k.getAttribute("colspan") || "1", 10);
+        if (w === 1) {
+          const p = T[S];
+          if (p) {
+            const A = p.offsetWidth;
+            k.offsetWidth !== A && (k.style.width = `${A}px`, k.style.minWidth = `${A}px`);
           }
-          M += 1;
+          S += 1;
         } else {
-          let x = 0;
-          for (let R = 0; R < p; R++) {
-            const T = L[M + R];
-            T && (x += T.offsetWidth);
+          let p = 0;
+          for (let A = 0; A < w; A++) {
+            const P = T[S + A];
+            P && (p += P.offsetWidth);
           }
-          x > 0 && b.offsetWidth !== x && (b.style.width = `${x}px`, b.style.minWidth = `${x}px`), M += p;
+          p > 0 && k.offsetWidth !== p && (k.style.width = `${p}px`, k.style.minWidth = `${p}px`), S += w;
         }
       }), i = !1;
     }));
   }, s), f = () => {
-    const h = e.value;
-    if (!t || !h)
-      return;
-    const g = h.querySelector("tfoot"), C = h.querySelector("tbody"), S = h.querySelector("thead");
-    !g || !C || (h.parentElement?.classList.contains("vs-table-wrapper") ? l = h.parentElement : (l = document.createElement("div"), l.classList.add("vs-table-wrapper"), h.parentNode?.insertBefore(l, h), l.appendChild(h)), Object.assign(l.style, {
+    const c = e.value;
+    if (!t || !c) return;
+    const g = c.querySelector("tfoot"), C = c.querySelector("tbody"), R = c.querySelector("thead");
+    !g || !C || (c.parentElement?.classList.contains("vs-table-wrapper") ? l = c.parentElement : (l = document.createElement("div"), l.classList.add("vs-table-wrapper"), c.parentNode?.insertBefore(l, c), l.appendChild(c)), Object.assign(l.style, {
       overflowY: "auto",
       overflowX: "auto",
       position: "relative",
@@ -2709,103 +2721,130 @@ function Ms(e, n = {}) {
       bottom: "0",
       zIndex: "5",
       background: "var(--vs-table-footer-bg, var(--vs-table-header-bg, #fff))"
-    }), !c && S && (u = () => {
+    }), !u && R && (d = () => {
       const E = l.scrollLeft;
-      S.scrollLeft = E, g.scrollLeft = E;
-    }, l.addEventListener("scroll", u), c = !0), a || (a = new ResizeObserver(() => {
+      R.scrollLeft = E, g.scrollLeft = E;
+    }, l.addEventListener("scroll", d), u = !0), a || (a = new ResizeObserver(() => {
       m();
-    }), a.observe(h)), m());
-  }, d = () => {
-    cancelAnimationFrame(r), a && (a.disconnect(), a = null), l && u && c && (l.removeEventListener("scroll", u), c = !1);
-    const h = e.value;
-    if (h) {
-      const g = h.querySelector("tfoot");
+    }), a.observe(c)), m());
+  }, h = () => {
+    cancelAnimationFrame(r), a && (a.disconnect(), a = null), l && d && u && (l.removeEventListener("scroll", d), u = !1);
+    const c = e.value;
+    if (c) {
+      const g = c.querySelector("tfoot");
       g && (g.style.position = "", g.style.bottom = "", g.style.zIndex = "", g.style.background = "");
     }
   };
   return Re(async () => {
     t && (await oe(), f());
-  }), He(d), Y(() => t, async (h) => {
-    await oe(), h ? f() : d();
-  }), {
+  }), He(h), Y(
+    () => t,
+    async (c) => {
+      await oe(), c ? f() : h();
+    }
+  ), {
     refresh: m,
-    cleanup: d
+    cleanup: h
   };
 }
 function Bs(e, n, t = {}, o) {
-  const s = o || (Fe(e.rows) ? e.rows : yt(e.rows)), l = I(1), a = I(e.serverOptions?.rowsPerPage ?? e.rowsPerPage), r = I(""), i = I(), c = I(null), u = I(), { isRowExpanded: v, toggleRowExpansion: m, getRowId: f, setRowLoading: d, isRowLoading: h } = Ds(e, n), { filters: g, filteredData: C, setFilter: S, clearFilter: E } = Is(F(() => $(s)), zt($(e.columns)), {
-    serverMode: !!e.serverOptions,
-    onServerFilter(D) {
-      n("filterChange", D);
+  const s = o || (Fe(e.rows) ? e.rows : gt(e.rows)), l = q(1), a = q(e.serverOptions?.rowsPerPage ?? e.rowsPerPage), r = q(""), i = q(), u = q(null), d = q(), { isRowExpanded: v, toggleRowExpansion: m, getRowId: f, setRowLoading: h, isRowLoading: c } = Ps(e, n), { filters: g, filteredData: C, setFilter: R, clearFilter: E } = Is(
+    F(() => $(s)),
+    Kt($(e.columns)),
+    {
+      serverMode: !!e.serverOptions,
+      onServerFilter(I) {
+        n("filterChange", I);
+      }
     }
-  }), { activeSort: V, sortHelpers: L } = Os(e, n, l), { onInputTyped: M } = Ps(n, r), { totalRecords: b, recordRange: p, handlePageChange: x } = Vs(e, n, l, a, F(() => W.value)), { handleRowsPerPage: R } = Ls(e, n, l, a), { header: T = !0, footer: B = !0, maxHeight: A = "calc(100vh - 100px)" } = t, O = qs(u, { enabled: T, maxHeight: A }), K = Ms(u, { enabled: B, maxHeight: A }), q = F(() => {
-    let D = C.value;
-    return r.value && (D = lt(D, r.value)), D;
-  }), W = F(() => {
-    let D = q.value;
-    return e.serverOptions || (r.value && (D = lt(D, r.value)), V.value.length && (D = Wt(D, V.value))), D = D.map((ve, Ze) => ({
+  ), { activeSort: V, sortHelpers: T } = Os(e, n, l), { onInputTyped: W } = Ds(n, r), { totalRecords: S, recordRange: k, handlePageChange: w } = Vs(
+    e,
+    n,
+    l,
+    a,
+    F(() => N.value)
+  ), { handleRowsPerPage: p } = Ls(e, n, l, a), { header: A = !0, footer: P = !0, maxHeight: L = "calc(100vh - 100px)" } = t, O = qs(d, { enabled: A, maxHeight: L }), H = Ms(d, { enabled: P, maxHeight: L }), M = F(() => {
+    let I = C.value;
+    return e.serverOptions || r.value && (I = lt(I, r.value)), I;
+  }), N = F(() => {
+    let I = M.value;
+    return e.serverOptions || (r.value && (I = lt(I, r.value)), V.value.length && (I = Ht(I, V.value))), I = I.map((ve, Ze) => ({
       ...ve,
       isExpanded: v(ve, Ze)
-    })), D;
+    })), I;
   });
   Y([g, r], () => l.value = 1, { deep: !0 });
-  const N = F(() => e.serverOptions ? W.value : Nt(W.value, l.value, a.value));
-  return Y(s, (D) => {
-    Array.isArray(D) && D.length > 1e3 && console.log(`[useDataTable] Large dataset updated (${D.length} rows)`);
+  const K = F(() => e.serverOptions ? N.value : Nt(N.value, l.value, a.value));
+  return Y(s, (I) => {
+    Array.isArray(I) && I.length > 1e3 && console.log(`[useDataTable] Large dataset updated (${I.length} rows)`);
   }), {
     // Pagination
     page: l,
-    totalRecords: b,
-    recordRange: p,
-    handlePageChange: x,
+    totalRecords: S,
+    recordRange: k,
+    handlePageChange: w,
     rowsPerPage: a,
-    handleRowsPerPage: R,
+    handleRowsPerPage: p,
     // Sorting
-    processedRows: W,
-    paginatedRows: N,
-    sortHelpers: L,
+    processedRows: N,
+    paginatedRows: K,
+    sortHelpers: T,
     // Search
     searchQuery: r,
-    onInputTyped: M,
+    onInputTyped: W,
     // Expandable
     isRowExpanded: v,
     toggleRowExpansion: m,
     getRowId: f,
-    setRowLoading: d,
-    isRowLoading: h,
+    setRowLoading: h,
+    isRowLoading: c,
     // Column filters
     filters: g,
     filteredData: C,
-    setFilter: S,
+    setFilter: R,
     clearFilter: E,
     // Table Ref
     tableContainer: i,
-    tableResponsiveRef: c,
-    tableRef: u,
+    tableResponsiveRef: u,
+    tableRef: d,
     // Sticky Header and Footer
     refresh() {
-      O.refresh?.(), K.refresh?.();
+      O.refresh?.(), H.refresh?.();
     },
     cleanup() {
-      O.cleanup?.(), K.cleanup?.();
+      O.cleanup?.(), H.cleanup?.();
     }
   };
 }
 function Hs(e, n) {
-  const t = I(e.itemSelected || []);
-  Y(() => e.itemSelected, (h) => {
-    h ? t.value = [...h] : t.value = [];
-  }, { immediate: !0, deep: !0 });
+  const t = q(e.itemSelected || []);
+  Y(
+    () => e.itemSelected,
+    (c) => {
+      c ? t.value = [...c] : t.value = [];
+    },
+    { immediate: !0, deep: !0 }
+  );
   const o = F({
     get: () => t.value,
-    set: (h) => {
-      t.value = h, n("update:itemSelected", h);
+    set: (c) => {
+      t.value = c, n("update:itemSelected", c);
     }
-  }), s = F(() => e.itemSelected !== null), l = F(() => e.rows.length > 0 && o.value.length === e.rows.length), a = F(() => !e.rows.length || !o.value.length ? !1 : !l.value && e.rows.some((h, g) => o.value.some((C, S) => re(C, S, e.rowKey) === re(h, g, e.rowKey)))), r = (h, g) => {
-    const C = re(h, g, e.rowKey);
-    o.value.some((E, V) => re(E, V, e.rowKey) === C) ? (o.value = o.value.filter((E, V) => re(E, V, e.rowKey) !== C), n("rowDeselected", h, g)) : (o.value = [...o.value, h], n("rowSelected", h, g));
-  }, i = (h) => {
-    const g = h.target;
+  }), s = F(() => e.itemSelected !== null), l = F(
+    () => e.rows.length > 0 && o.value.length === e.rows.length
+  ), a = F(() => !e.rows.length || !o.value.length ? !1 : !l.value && e.rows.some(
+    (c, g) => o.value.some(
+      (C, R) => re(C, R, e.rowKey) === re(c, g, e.rowKey)
+    )
+  )), r = (c, g) => {
+    const C = re(c, g, e.rowKey);
+    o.value.some(
+      (E, V) => re(E, V, e.rowKey) === C
+    ) ? (o.value = o.value.filter(
+      (E, V) => re(E, V, e.rowKey) !== C
+    ), n("rowDeselected", c, g)) : (o.value = [...o.value, c], n("rowSelected", c, g));
+  }, i = (c) => {
+    const g = c.target;
     o.value = g.checked ? [...e.rows] : [], n("allRowsSelected", o.value);
   };
   return {
@@ -2815,12 +2854,14 @@ function Hs(e, n) {
     isSomeChecked: a,
     toggleRow: r,
     toggleAll: i,
-    selectRow: (h, g) => {
-      wt(h, o.value, e.rowKey) || (o.value = [...o.value, h], n("rowSelected", h, g));
+    selectRow: (c, g) => {
+      yt(c, o.value, e.rowKey) || (o.value = [...o.value, c], n("rowSelected", c, g));
     },
-    deselectRow: (h, g) => {
-      const C = re(h, g, e.rowKey);
-      o.value = o.value.filter((S, E) => re(S, E, e.rowKey) !== C), n("rowDeselected", h, g);
+    deselectRow: (c, g) => {
+      const C = re(c, g, e.rowKey);
+      o.value = o.value.filter(
+        (R, E) => re(R, E, e.rowKey) !== C
+      ), n("rowDeselected", c, g);
     },
     selectAll: () => {
       o.value = [...e.rows], n("allRowsSelected", o.value);
@@ -2841,173 +2882,189 @@ function Hs(e, n) {
     }
   };
 }
-function Ws(e, n, t = I(!1)) {
-  const o = I(!1), s = I(!1);
+function Ns(e, n, t = q(!1)) {
+  const o = q(!1), s = q(!1);
   let l = !1;
   const a = () => {
-    if (l)
-      return;
-    const b = e.value?.parentElement, p = e.value;
-    if (!b || !p)
-      return;
-    const x = b.scrollLeft, R = b.scrollWidth - b.clientWidth;
-    o.value = x > 0, s.value = x < R - 1;
-    const T = Array.from(p.querySelectorAll(".vs-sticky-left")), B = Array.from(p.querySelectorAll(".vs-sticky-right"));
-    if (x > 0 ? T.forEach((A) => {
-      const O = A.closest("thead") !== null;
-      A.style.zIndex = O ? "5" : "4";
-    }) : T.forEach((A) => {
-      const O = A.closest("thead") !== null;
-      A.style.zIndex = O ? "4" : "3";
-    }), B.length) {
-      const A = B[0], O = A ? p.offsetWidth - A.offsetLeft : p.offsetWidth;
-      b.scrollWidth - (x + b.clientWidth) <= O + 5 ? B.forEach((q) => {
-        const W = q.closest("thead") !== null;
-        q.style.zIndex = W ? "5" : "4";
-      }) : B.forEach((q) => {
-        const W = q.closest("thead") !== null;
-        q.style.zIndex = W ? "4" : "3";
+    if (l) return;
+    const S = e.value?.parentElement, k = e.value;
+    if (!S || !k) return;
+    const w = S.scrollLeft, p = S.scrollWidth - S.clientWidth;
+    o.value = w > 0, s.value = w < p - 1;
+    const A = Array.from(k.querySelectorAll(".vs-sticky-left")), P = Array.from(k.querySelectorAll(".vs-sticky-right"));
+    if (w > 0 ? A.forEach((L) => {
+      const O = L.closest("thead") !== null;
+      L.style.zIndex = O ? "5" : "4";
+    }) : A.forEach((L) => {
+      const O = L.closest("thead") !== null;
+      L.style.zIndex = O ? "4" : "3";
+    }), P.length) {
+      const L = P[0], O = L ? k.offsetWidth - L.offsetLeft : k.offsetWidth;
+      S.scrollWidth - (w + S.clientWidth) <= O + 5 ? P.forEach((M) => {
+        const N = M.closest("thead") !== null;
+        M.style.zIndex = N ? "5" : "4";
+      }) : P.forEach((M) => {
+        const N = M.closest("thead") !== null;
+        M.style.zIndex = N ? "4" : "3";
       });
     }
   }, r = () => {
-    const b = e.value;
-    return b ? Array.from(b.querySelectorAll("tr")) : [];
-  }, i = (b) => b.filter((p) => p.closest("tbody")), c = (b) => {
-    const p = b[0];
-    return p ? Array.from(p.children) : [];
-  }, u = (b) => {
-    const p = /* @__PURE__ */ new Map();
-    return b.forEach((x, R) => {
-      const T = x.getAttribute("data-field");
-      T && p.set(T, R);
-    }), p;
-  }, v = (b) => {
-    for (const p of b)
-      if (p.children?.length) {
-        if (p.children.some((x) => x.sticky === "left" || x.sticky === "right"))
+    const S = e.value;
+    return S ? Array.from(S.querySelectorAll("tr")) : [];
+  }, i = (S) => S.filter((k) => k.closest("tbody")), u = (S) => {
+    const k = S[0];
+    return k ? Array.from(k.children) : [];
+  }, d = (S) => {
+    const k = /* @__PURE__ */ new Map();
+    return S.forEach((w, p) => {
+      const A = w.getAttribute("data-field");
+      A && k.set(A, p);
+    }), k;
+  }, v = (S) => {
+    for (const k of S)
+      if (k.children?.length) {
+        if (k.children.some((w) => w.sticky === "left" || w.sticky === "right"))
           return !0;
-      } else if (p.sticky === "left" || p.sticky === "right")
+      } else if (k.sticky === "left" || k.sticky === "right")
         return !0;
     return !1;
-  }, m = (b, p, x) => {
-    const R = [], T = [];
-    return v(x) && b.forEach((A, O) => {
-      (A.classList.contains("vs-expand-column") || A.classList.contains("vs-checkbox-column")) && R.push(O);
-    }), x.forEach((A) => {
-      if (A.children?.length)
-        A.children.forEach((O) => {
-          const K = p.get(O.field);
-          if (K === void 0)
-            return;
-          const q = A.sticky || O.sticky;
-          q === "left" && R.push(K), q === "right" && T.push(K);
+  }, m = (S, k, w) => {
+    const p = [], A = [];
+    return v(w) && S.forEach((L, O) => {
+      (L.classList.contains("vs-expand-column") || L.classList.contains("vs-checkbox-column")) && p.push(O);
+    }), w.forEach((L) => {
+      if (L.children?.length)
+        L.children.forEach((O) => {
+          const H = k.get(O.field);
+          if (H === void 0) return;
+          const M = L.sticky || O.sticky;
+          M === "left" && p.push(H), M === "right" && A.push(H);
         });
       else {
-        const O = p.get(A.field);
-        if (O === void 0)
-          return;
-        const K = A.sticky;
-        K === "left" && R.push(O), K === "right" && T.push(O);
+        const O = k.get(L.field);
+        if (O === void 0) return;
+        const H = L.sticky;
+        H === "left" && p.push(O), H === "right" && A.push(O);
       }
     }), {
-      left: [...new Set(R)].sort((A, O) => A - O),
-      right: [...new Set(T)].sort((A, O) => O - A)
+      left: [...new Set(p)].sort((L, O) => L - O),
+      right: [...new Set(A)].sort((L, O) => O - L)
     };
-  }, f = (b, p, x) => {
-    const R = /* @__PURE__ */ new Map();
-    let T = 0;
-    return p.forEach((B) => {
-      R.set(B, T);
-      const A = b[B];
-      A && (T += A.offsetWidth);
-    }), R;
-  }, d = (b) => {
-    const p = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map();
-    return b.forEach((R) => {
-      R.children?.length && (p.set(R.label, R.children[0]?.field), x.set(R.label, R.children[R.children.length - 1]?.field));
-    }), { firstChild: p, lastChild: x };
-  }, h = (b, p, x, R) => {
-    if (b) {
-      if (b.startsWith("group-")) {
-        const T = b.replace(/^group-/, "");
-        if (R === "left") {
-          const B = x.firstChild.get(T);
-          return B ? p.get(B) : void 0;
+  }, f = (S, k) => {
+    const w = /* @__PURE__ */ new Map();
+    let p = 0;
+    return k.forEach((A) => {
+      w.set(A, p);
+      const P = S[A];
+      P && (p += P.offsetWidth);
+    }), w;
+  }, h = (S) => {
+    const k = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map();
+    return S.forEach((p) => {
+      p.children?.length && (k.set(p.label, p.children[0]?.field), w.set(p.label, p.children[p.children.length - 1]?.field));
+    }), { firstChild: k, lastChild: w };
+  }, c = (S, k, w, p) => {
+    if (S) {
+      if (S.startsWith("group-")) {
+        const A = S.replace(/^group-/, "");
+        if (p === "left") {
+          const P = w.firstChild.get(A);
+          return P ? k.get(P) : void 0;
         } else {
-          const B = x.lastChild.get(T);
-          return B ? p.get(B) : void 0;
+          const P = w.lastChild.get(A);
+          return P ? k.get(P) : void 0;
         }
       }
-      return p.get(b);
+      return k.get(S);
     }
-  }, g = (b) => {
-    b.forEach((p) => {
-      Array.from(p.children).forEach((R) => {
-        R.style.position = "", R.style.left = "", R.style.right = "", R.style.zIndex = "", R.style.background = "", R.style.minWidth = "", R.style.width = "", R.classList.remove("vs-sticky-left", "vs-sticky-right");
+  }, g = (S) => {
+    S.forEach((k) => {
+      Array.from(k.children).forEach((p) => {
+        p.style.position = "", p.style.left = "", p.style.right = "", p.style.zIndex = "", p.style.background = "", p.style.minWidth = "", p.style.width = "", p.classList.remove("vs-sticky-left", "vs-sticky-right");
       });
     });
-  }, C = (b, p, x, R, T, B) => {
+  }, C = (S, k, w, p, A, P) => {
     if (!l) {
       l = !0;
       try {
-        b.forEach((A) => {
-          const O = Array.from(A.children), K = A.closest("thead") !== null;
-          O.forEach((q) => {
-            const W = q.getAttribute("data-field");
-            if (!W)
-              return;
-            const N = h(W, T, B, R);
-            if (N === void 0 || !p.includes(N))
-              return;
-            const D = x.get(N) || 0, ve = K ? "4" : "3";
-            q.style.position = "sticky", q.style[R] = `${D}px`, q.style.zIndex = ve, q.classList.add(`vs-sticky-${R}`), q.style.background = "var(--vs-table-bg, #fff)";
+        S.forEach((L) => {
+          const O = Array.from(L.children), H = L.closest("thead") !== null;
+          O.forEach((M) => {
+            const N = M.getAttribute("data-field");
+            if (!N) return;
+            const K = c(
+              N,
+              A,
+              P,
+              p
+            );
+            if (K === void 0 || !k.includes(K)) return;
+            const I = w.get(K) || 0, ve = H ? "4" : "3";
+            M.style.position = "sticky", M.style[p] = `${I}px`, M.style.zIndex = ve, M.classList.add(`vs-sticky-${p}`), M.style.background = "var(--vs-table-bg, #fff)";
           });
         });
       } finally {
         l = !1;
       }
     }
-  }, S = async () => {
-    if (l)
-      return;
-    const b = r();
-    if (!b.length)
-      return;
-    const p = i(b);
-    if (!p.length)
-      return;
-    const x = c(p), R = u(x), T = m(x, R, n.value);
-    if (g(b), T.left.length > 0 || T.right.length > 0) {
-      const B = f(x, T.left), A = f(x, T.right), O = d(n.value);
-      C(b, T.left, B, "left", R, O), C(b, T.right, A, "right", R, O);
+  }, R = async () => {
+    if (l) return;
+    const S = r();
+    if (!S.length) return;
+    const k = i(S);
+    if (!k.length) return;
+    const w = u(k);
+    if (w.length === 1 || k[0]?.querySelector(".vs-no-data") != null) return;
+    const A = d(w), P = m(w, A, n.value);
+    if (g(S), P.left.length > 0 || P.right.length > 0) {
+      const L = f(w, P.left), O = f(w, P.right), H = h(n.value);
+      C(
+        S,
+        P.left,
+        L,
+        "left",
+        A,
+        H
+      ), C(
+        S,
+        P.right,
+        O,
+        "right",
+        A,
+        H
+      );
     }
     a();
   }, E = async () => {
     l || (await oe(), setTimeout(() => {
       try {
-        S();
-      } catch (b) {
-        console.warn("[useStickyColumns] refreshSticky failed:", b);
+        R();
+      } catch (S) {
+        console.warn("[useStickyColumns] refreshSticky failed:", S);
       }
     }, 150));
   }, V = () => {
     e.value?.parentElement?.addEventListener("scroll", a), a();
-  }, L = () => {
+  }, T = () => {
     e.value?.parentElement?.removeEventListener("scroll", a);
   };
   Re(async () => {
     await oe(), setTimeout(() => {
       E();
     }, 300), V();
-  }), He(L);
-  let M = null;
-  return Y([n, t], () => {
-    M && clearTimeout(M), M = setTimeout(() => {
-      E();
-    }, 100);
-  }, { deep: !0 }), { hasLeftShadow: o, hasRightShadow: s, refreshSticky: E };
+  }), He(T);
+  let W = null;
+  return Y(
+    [n, t],
+    () => {
+      W && clearTimeout(W), W = setTimeout(() => {
+        E();
+      }, 100);
+    },
+    { deep: !0 }
+  ), { hasLeftShadow: o, hasRightShadow: s, refreshSticky: E };
 }
-function Ns(e, n) {
+function Ws(e, n) {
   let t = null, o = null;
   const s = () => {
     const a = e.value;
@@ -3065,7 +3122,7 @@ const Ks = { class: "vs-datatable" }, zs = {
   },
   emits: ["update:serverItemsLength", "update:serverOptions", "pageUpdated", "inputTyped", "update:sort", "sortChanged", "update:itemSelected", "rowSelected", "rowDeselected", "allRowsSelected", "rowClick", "tableBeforeMount", "tableMounted", "tableUnmounted", "dataLoaded", "dataError", "update:expanded", "expandRow", "collapseRow", "filterChange"],
   setup(e, { expose: n, emit: t }) {
-    const o = e, s = yt(o.rows);
+    const o = e, s = gt(o.rows);
     Y(
       () => o.rows,
       (ee) => {
@@ -3073,27 +3130,27 @@ const Ks = { class: "vs-datatable" }, zs = {
       },
       { deep: !1 }
     );
-    const l = t, a = qt(), r = F(() => !!a.onRowClick), i = I(), c = I(), {
-      page: u,
+    const l = t, a = It(), r = F(() => !!a.onRowClick), i = q(), u = q(), {
+      page: d,
       rowsPerPage: v,
       totalRecords: m,
       recordRange: f,
-      handlePageChange: d,
-      handleRowsPerPage: h,
+      handlePageChange: h,
+      handleRowsPerPage: c,
       paginatedRows: g,
       sortHelpers: C,
-      searchQuery: S,
+      searchQuery: R,
       onInputTyped: E,
       isRowExpanded: V,
-      toggleRowExpansion: L,
-      setRowLoading: M,
-      isRowLoading: b,
-      filters: p,
-      setFilter: x,
-      clearFilter: R,
-      tableRef: T,
-      tableContainer: B,
-      tableResponsiveRef: A,
+      toggleRowExpansion: T,
+      setRowLoading: W,
+      isRowLoading: S,
+      filters: k,
+      setFilter: w,
+      clearFilter: p,
+      tableRef: A,
+      tableContainer: P,
+      tableResponsiveRef: L,
       refresh: O
     } = Bs(
       o,
@@ -3101,19 +3158,19 @@ const Ks = { class: "vs-datatable" }, zs = {
       { header: o.stickyHeader, footer: o.stickyFooter },
       s
     ), {
-      selectedItems: K,
-      isItemSelectedControlled: q,
-      isAllChecked: W,
-      isSomeChecked: N,
-      toggleAll: D,
+      selectedItems: H,
+      isItemSelectedControlled: M,
+      isAllChecked: N,
+      isSomeChecked: K,
+      toggleAll: I,
       toggleRow: ve
     } = Hs(o, l), Ze = F(
-      () => Ht(o.columns, q.value, o.expandable)
-    ), { hasLeftShadow: Lt, hasRightShadow: Pt, refreshSticky: $e } = Ws(
-      T,
+      () => Bt(o.columns, M.value, o.expandable)
+    ), { hasLeftShadow: Vt, hasRightShadow: Lt, refreshSticky: $e } = Ns(
+      A,
       F(() => o.columns)
     );
-    return Ns(T, $e), Y(
+    return Ws(A, $e), Y(
       () => g.value,
       () => {
         oe(() => {
@@ -3130,8 +3187,8 @@ const Ks = { class: "vs-datatable" }, zs = {
       },
       { deep: !0 }
     ), n({
-      toggleRowExpansion: L,
-      setRowLoading: M,
+      toggleRowExpansion: T,
+      setRowLoading: W,
       refreshSticky: $e
     }), Re(async () => {
       setTimeout(() => {
@@ -3142,15 +3199,15 @@ const Ks = { class: "vs-datatable" }, zs = {
       } catch (ee) {
         l("dataError", ee);
       }
-    }), pt(() => {
+    }), mt(() => {
       l("tableUnmounted");
-    }), Mt(() => {
+    }), qt(() => {
       l("tableBeforeMount");
-    }), (ee, U) => (y(), k("div", Ks, [
+    }), (ee, U) => (y(), x("div", Ks, [
       ne(Cs, {
         "show-search": e.showSearch,
-        "search-query": $(S),
-        "onUpdate:searchQuery": U[0] || (U[0] = (Z) => Fe(S) ? S.value = Z : null),
+        "search-query": $(R),
+        "onUpdate:searchQuery": U[0] || (U[0] = (Z) => Fe(R) ? R.value = Z : null),
         onSearch: $(E),
         "search-placeholder": e.searchPlaceholder,
         "search-class": e.searchClass
@@ -3163,25 +3220,25 @@ const Ks = { class: "vs-datatable" }, zs = {
         ]),
         _: 3
       }, 8, ["show-search", "search-query", "onSearch", "search-placeholder", "search-class"]),
-      w("div", {
+      b("div", {
         ref_key: "tableContainer",
-        ref: B,
+        ref: P,
         class: G(["vs-table-container vs-position-relative vs-overflow-auto", [
           e.containerClass,
           {
-            "has-left-shadow": $(Lt),
-            "has-right-shadow": $(Pt)
+            "has-left-shadow": $(Vt),
+            "has-right-shadow": $(Lt)
           }
         ]])
       }, [
-        w("div", {
+        b("div", {
           ref_key: "tableResponsiveRef",
-          ref: A,
+          ref: L,
           class: G(["vs-table-wrapper", { "vs-sticky-header-wrapper": e.stickyHeader }])
         }, [
-          w("table", {
+          b("table", {
             ref_key: "tableRef",
-            ref: T,
+            ref: A,
             class: G(["vs-table", e.tableClass])
           }, [
             ne(Xo, {
@@ -3189,21 +3246,21 @@ const Ks = { class: "vs-datatable" }, zs = {
               ref: i,
               columns: e.columns,
               expandable: e.expandable,
-              "is-item-selected-controlled": $(q),
-              "is-all-checked": $(W),
-              "is-some-checked": $(N),
+              "is-item-selected-controlled": $(M),
+              "is-all-checked": $(N),
+              "is-some-checked": $(K),
               tablename: e.tablename,
               "sort-helpers": $(C),
-              filters: $(p),
-              "onUpdate:filters": U[1] || (U[1] = (Z) => Fe(p) ? p.value = Z : null),
+              filters: $(k),
+              "onUpdate:filters": U[1] || (U[1] = (Z) => Fe(k) ? k.value = Z : null),
               rows: e.rows,
               "header-class": e.headerClass,
-              onToggleAll: $(D),
+              onToggleAll: $(I),
               onApplyFilter: U[2] || (U[2] = (Z, de) => {
-                $(x)(Z, de), u.value = 1;
+                $(w)(Z, de), d.value = 1;
               }),
               onClearFilter: U[3] || (U[3] = (Z) => {
-                $(R)(Z), u.value = 1;
+                $(p)(Z), d.value = 1;
               })
             }, Te({ _: 2 }, [
               Q(ee.$slots, (Z, de) => ({
@@ -3215,7 +3272,7 @@ const Ks = { class: "vs-datatable" }, zs = {
             ]), 1032, ["columns", "expandable", "is-item-selected-controlled", "is-all-checked", "is-some-checked", "tablename", "sort-helpers", "filters", "rows", "header-class", "onToggleAll"]),
             ne(vs, {
               ref_key: "bodyRef",
-              ref: c,
+              ref: u,
               loading: e.loading,
               "loading-text": e.loadingText,
               "no-data-text": e.noDataText,
@@ -3223,8 +3280,8 @@ const Ks = { class: "vs-datatable" }, zs = {
               "paginated-rows": $(g),
               "total-columns": Ze.value,
               expandable: e.expandable,
-              "is-item-selected-controlled": $(q),
-              "selected-items": $(K),
+              "is-item-selected-controlled": $(M),
+              "selected-items": $(H),
               tablename: e.tablename,
               columns: e.columns,
               "row-key": e.rowKey,
@@ -3232,12 +3289,12 @@ const Ks = { class: "vs-datatable" }, zs = {
               "cell-class": e.cellClass,
               "has-row-click": r.value,
               "get-row-key": $(re),
-              "get-value": $(Bt),
+              "get-value": $(Mt),
               "is-row-expanded": $(V),
-              "is-row-loading": $(b),
-              "toggle-row-expansion": $(L),
+              "is-row-loading": $(S),
+              "toggle-row-expansion": $(T),
               "toggle-row": $(ve),
-              "is-row-selected": $(wt),
+              "is-row-selected": $(yt),
               onRowClick: U[4] || (U[4] = (Z, de) => ee.$emit("rowClick", Z, de))
             }, Te({ _: 2 }, [
               Q(ee.$slots, (Z, de) => ({
@@ -3252,32 +3309,32 @@ const Ks = { class: "vs-datatable" }, zs = {
               columns: e.columns,
               rows: $(g),
               expandable: e.expandable,
-              "is-item-selected-controlled": $(q)
-            }, null, 8, ["columns", "rows", "expandable", "is-item-selected-controlled"])) : P("", !0)
+              "is-item-selected-controlled": $(M)
+            }, null, 8, ["columns", "rows", "expandable", "is-item-selected-controlled"])) : D("", !0)
           ], 2)
         ], 2)
       ], 2),
-      e.showPagination ? (y(), k("div", zs, [
-        w("div", js, [
-          ne(on, {
+      e.showPagination ? (y(), x("div", zs, [
+        b("div", js, [
+          ne(nn, {
             modelValue: $(v),
             "onUpdate:modelValue": U[5] || (U[5] = (Z) => Fe(v) ? v.value = Z : null),
-            onRowsPerPageChanged: $(h)
+            onRowsPerPageChanged: $(c)
           }, null, 8, ["modelValue", "onRowsPerPageChanged"]),
-          U[7] || (U[7] = w("div", { class: "vs-divider" }, null, -1)),
-          w("div", Us, H($(f).start < 1 ? 0 : $(f).start) + " - " + H($(f).end) + " of " + H($(m)) + " " + H(e.entriesText), 1)
+          U[7] || (U[7] = b("div", { class: "vs-divider" }, null, -1)),
+          b("div", Us, B($(f).start < 1 ? 0 : $(f).start) + " - " + B($(f).end) + " of " + B($(m)) + " " + B(e.entriesText), 1)
         ]),
-        ne(Jt, {
-          modelValue: $(u),
-          "onUpdate:modelValue": U[6] || (U[6] = (Z) => Fe(u) ? u.value = Z : null),
+        ne(Gt, {
+          modelValue: $(d),
+          "onUpdate:modelValue": U[6] || (U[6] = (Z) => Fe(d) ? d.value = Z : null),
           totalRecords: $(m),
           rowsPerPage: $(v),
           maxVisible: e.maxVisiblePages,
           tablename: e.tablename,
           class: G(e.paginationClass),
-          onPageChanged: $(d)
+          onPageChanged: $(h)
         }, null, 8, ["modelValue", "totalRecords", "rowsPerPage", "maxVisible", "tablename", "class", "onPageChanged"])
-      ])) : P("", !0)
+      ])) : D("", !0)
     ]));
   }
 }), Xs = /* @__PURE__ */ ae(Zs, [["__scopeId", "data-v-397a4bba"]]), Ys = {