vs-datatable 1.2.2 → 1.2.3

package/dist/vs-datatable.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as _, computed as F, createElementBlock as k, openBlock as y, createElementVNode as w, createCommentVNode as D, Fragment as K, renderList as Q, normalizeClass as G, toDisplayString as H, unref as $, mergeProps as Ae, renderSlot as z, ref as q, watch as Y, createVNode as ne, withModifiers as me, withCtx as X, withDirectives as te, vModelText as ve, nextTick as oe, onMounted as Re, onUnmounted as mt, createBlock as fe, Teleport as Dt, Transition as It, vModelSelect as Xe, normalizeStyle as pt, createSlots as Te, createTextVNode as Ye, onBeforeUnmount as He, isRef as Fe, shallowRef as gt, useAttrs as qt, onBeforeMount as Mt, normalizeProps as nt, guardReactiveProps as ot } from "vue";
+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) : "";
 function re(e, n, t = "id") {
   return typeof t == "function" ? t(e, n) : e[t] || n;
 }
-function yt(e, n, t = "id") {
+function wt(e, n, t = "id") {
   return n.some(
     (o) => re(o, -1, t) === re(e, -1, t)
   );
@@ -33,10 +33,10 @@ function Kt(e, n, t) {
   const o = (e - 1) * n + 1, s = Math.min(e * n, t);
   return { start: o, end: s };
 }
-function wt(e, n) {
+function bt(e, n) {
   return Math.ceil(e / n);
 }
-function st(e, n, t) {
+function lt(e, n, t) {
   if (!n || n.trim() === "") return e;
   const o = n.toLowerCase();
   return e.filter((s) => Object.values(s).some(
@@ -74,19 +74,19 @@ 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(() => wt(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(() => bt(t.totalRecords, t.rowsPerPage)), c = F(() => {
       const f = [];
-      for (let u = a.value; u <= r.value; u++)
-        f.push(u);
+      for (let d = a.value; d <= r.value; d++)
+        f.push(d);
       return f;
-    }), d = (f) => {
+    }), u = (f) => {
       f >= 1 && f <= i.value && (l.value = f);
     }, v = () => {
       l.value > 1 && l.value--;
     }, m = () => {
       l.value < i.value && l.value++;
     };
-    return (f, u) => (y(), k("div", {
+    return (f, d) => (y(), k("div", {
       class: "vs-pagination",
       id: e.tablename + "-pagination"
     }, [
@@ -100,10 +100,10 @@ const jt = ["id"], Ut = ["disabled"], Zt = {
         key: 0,
         type: "button",
         class: "vs-pagination-button",
-        onClick: u[0] || (u[0] = (h) => d(1))
-      }, " 1 ")) : D("", !0),
-      a.value > 2 ? (y(), k("span", Zt, "...")) : D("", !0),
-      (y(!0), k(K, null, Q(c.value, (h) => (y(), k("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,
         type: "button",
         class: G([
@@ -111,15 +111,15 @@ const jt = ["id"], Ut = ["disabled"], Zt = {
           { "vs-active": l.value === h }
         ]),
         id: e.tablename + "-page-" + h,
-        onClick: (g) => d(h)
+        onClick: (g) => u(h)
       }, H(h), 11, Xt))), 128)),
-      r.value < i.value - 1 ? (y(), k("span", Qt, "...")) : D("", !0),
+      r.value < i.value - 1 ? (y(), k("span", Qt, "...")) : P("", !0),
       r.value < i.value ? (y(), k("button", {
         key: 3,
         type: "button",
         class: "vs-pagination-button",
-        onClick: u[1] || (u[1] = (h) => d(i.value))
-      }, H(i.value), 1)) : D("", !0),
+        onClick: d[1] || (d[1] = (h) => u(i.value))
+      }, H(i.value), 1)) : P("", !0),
       w("button", {
         onClick: m,
         type: "button",
@@ -152,7 +152,7 @@ const jt = ["id"], Ut = ["disabled"], Zt = {
         value: e.modelValue,
         onChange: l
       }, [
-        (y(!0), k(K, null, Q($(s), (i) => (y(), k("option", {
+        (y(!0), k(z, null, Q($(s), (i) => (y(), k("option", {
           key: i,
           value: i
         }, H(i), 9, tn))), 128))
@@ -171,7 +171,7 @@ const jt = ["id"], Ut = ["disabled"], Zt = {
   start: "end",
   end: "start"
 };
-function lt(e, n, t) {
+function at(e, n, t) {
   return we(e, De(n, t));
 }
 function We(e, n) {
@@ -183,38 +183,38 @@ function be(e) {
 function Ne(e) {
   return e.split("-")[1];
 }
-function bt(e) {
+function xt(e) {
   return e === "x" ? "y" : "x";
 }
-function xt(e) {
+function kt(e) {
   return e === "y" ? "height" : "width";
 }
 const an = /* @__PURE__ */ new Set(["top", "bottom"]);
-function he(e) {
+function me(e) {
   return an.has(be(e)) ? "y" : "x";
 }
-function kt(e) {
-  return bt(he(e));
+function Ct(e) {
+  return xt(me(e));
 }
 function rn(e, n, t) {
   t === void 0 && (t = !1);
-  const o = Ne(e), s = kt(e), l = xt(s);
+  const o = Ne(e), s = Ct(e), l = kt(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) {
   const n = qe(e);
-  return [Ge(e), n, Ge(n)];
+  return [Je(e), n, Je(n)];
 }
-function Ge(e) {
+function Je(e) {
   return e.replace(/start|end/g, (n) => ln[n]);
 }
-const at = ["left", "right"], rt = ["right", "left"], un = ["top", "bottom"], dn = ["bottom", "top"];
+const rt = ["left", "right"], it = ["right", "left"], un = ["top", "bottom"], dn = ["bottom", "top"];
 function fn(e, n, t) {
   switch (e) {
     case "top":
     case "bottom":
-      return t ? n ? rt : at : n ? at : rt;
+      return t ? n ? it : rt : n ? rt : it;
     case "left":
     case "right":
       return n ? un : dn;
@@ -225,7 +225,7 @@ function fn(e, n, t) {
 function vn(e, n, t, o) {
   const s = Ne(e);
   let l = fn(be(e), t === "start", o);
-  return s && (l = l.map((a) => a + "-" + s), n && (l = l.concat(l.map(Ge)))), l;
+  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]);
@@ -265,23 +265,23 @@ function Me(e) {
     y: t
   };
 }
-function it(e, n, t) {
+function ct(e, n, t) {
   let {
     reference: o,
     floating: s
   } = e;
-  const l = he(n), a = kt(n), r = xt(a), i = be(n), c = 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;
+  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;
   let f;
   switch (i) {
     case "top":
       f = {
-        x: d,
+        x: u,
         y: o.y - s.height
       };
       break;
     case "bottom":
       f = {
-        x: d,
+        x: u,
         y: o.y + o.height
       };
       break;
@@ -325,9 +325,9 @@ const pn = async (e, n, t) => {
     floating: n,
     strategy: s
   }), {
-    x: d,
+    x: u,
     y: v
-  } = it(c, o, i), m = o, f = {}, u = 0;
+  } = ct(c, o, i), m = o, f = {}, d = 0;
   for (let h = 0; h < r.length; h++) {
     const {
       name: g,
@@ -335,10 +335,10 @@ const pn = async (e, n, t) => {
     } = r[h], {
       x: S,
       y: E,
-      data: L,
-      reset: P
+      data: V,
+      reset: L
     } = await C({
-      x: d,
+      x: u,
       y: v,
       initialPlacement: o,
       placement: m,
@@ -351,30 +351,30 @@ const pn = async (e, n, t) => {
         floating: n
       }
     });
-    d = S ?? d, v = E ?? v, f = {
+    u = S ?? u, v = E ?? v, f = {
       ...f,
       [g]: {
         ...f[g],
-        ...L
+        ...V
       }
-    }, P && u <= 50 && (u++, typeof P == "object" && (P.placement && (m = P.placement), P.rects && (c = P.rects === !0 ? await a.getElementRects({
+    }, L && d <= 50 && (d++, typeof L == "object" && (L.placement && (m = L.placement), L.rects && (c = L.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: n,
       strategy: s
-    }) : P.rects), {
-      x: d,
+    }) : L.rects), {
+      x: u,
       y: v
-    } = it(c, m, i)), h = -1);
+    } = ct(c, m, i)), h = -1);
   }
   return {
-    x: d,
+    x: u,
     y: v,
     placement: m,
     strategy: s,
     middlewareData: f
   };
 };
-async function Ct(e, n) {
+async function St(e, n) {
   var t;
   n === void 0 && (n = {});
   const {
@@ -386,37 +386,37 @@ async function Ct(e, n) {
     strategy: i
   } = e, {
     boundary: c = "clippingAncestors",
-    rootBoundary: d = "viewport",
+    rootBoundary: u = "viewport",
     elementContext: v = "floating",
     altBoundary: m = !1,
     padding: f = 0
-  } = We(n, e), u = mn(f), g = r[m ? v === "floating" ? "reference" : "floating" : v], C = Me(await l.getClippingRect({
+  } = We(n, e), d = mn(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: d,
+    rootBoundary: u,
     strategy: i
   })), S = v === "floating" ? {
     x: o,
     y: s,
     width: a.floating.width,
     height: a.floating.height
-  } : a.reference, E = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(r.floating)), L = await (l.isElement == null ? void 0 : l.isElement(E)) ? await (l.getScale == null ? void 0 : l.getScale(E)) || {
+  } : a.reference, E = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(r.floating)), V = await (l.isElement == null ? void 0 : l.isElement(E)) ? await (l.getScale == null ? void 0 : l.getScale(E)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, P = Me(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, L = Me(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
     rect: S,
     offsetParent: E,
     strategy: i
   }) : S);
   return {
-    top: (C.top - P.top + u.top) / L.y,
-    bottom: (P.bottom - C.bottom + u.bottom) / L.y,
-    left: (C.left - P.left + u.left) / L.x,
-    right: (P.right - C.right + u.right) / L.x
+    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
   };
 }
 const gn = function(e) {
@@ -433,67 +433,67 @@ const gn = function(e) {
         platform: i,
         elements: c
       } = n, {
-        mainAxis: d = !0,
+        mainAxis: u = !0,
         crossAxis: v = !0,
         fallbackPlacements: m,
         fallbackStrategy: f = "bestFit",
-        fallbackAxisSideDirection: u = "none",
+        fallbackAxisSideDirection: d = "none",
         flipAlignment: h = !0,
         ...g
       } = We(e, n);
       if ((t = l.arrow) != null && t.alignmentOffset)
         return {};
-      const C = be(s), S = he(r), E = be(r) === r, L = await (i.isRTL == null ? void 0 : i.isRTL(c.floating)), P = m || (E || !h ? [qe(r)] : cn(r)), B = u !== "none";
-      !m && B && P.push(...vn(r, h, u, L));
-      const b = [r, ...P], p = await Ct(n, g), x = [];
+      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 (d && x.push(p[C]), v) {
-        const O = rn(s, a, L);
+      if (u && x.push(p[C]), v) {
+        const O = rn(s, a, V);
         x.push(p[O[0]], p[O[1]]);
       }
       if (R = [...R, {
         placement: s,
         overflows: x
       }], !x.every((O) => O <= 0)) {
-        var T, M;
-        const O = (((T = l.flip) == null ? void 0 : T.index) || 0) + 1, N = b[O];
-        if (N && (!(v === "alignment" ? S !== he(N) : !1) || // We leave the current main axis only if every placement on that axis
+        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 the main axis.
-        R.every((V) => he(V.placement) === S ? V.overflows[0] > 0 : !0)))
+        R.every((N) => me(N.placement) === S ? N.overflows[0] > 0 : !0)))
           return {
             data: {
               index: O,
               overflows: R
             },
             reset: {
-              placement: N
+              placement: K
             }
           };
-        let I = (M = R.filter((W) => W.overflows[0] <= 0).sort((W, V) => W.overflows[1] - V.overflows[1])[0]) == null ? void 0 : M.placement;
-        if (!I)
+        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)
           switch (f) {
             case "bestFit": {
               var A;
-              const W = (A = R.filter((V) => {
-                if (B) {
-                  const U = he(V.placement);
-                  return U === S || // Create a bias to the `y` side axis due to horizontal
+              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
                   // reading directions favoring greater width.
-                  U === "y";
+                  D === "y";
                 }
                 return !0;
-              }).map((V) => [V.placement, V.overflows.filter((U) => U > 0).reduce((U, ge) => U + ge, 0)]).sort((V, U) => V[1] - U[1])[0]) == null ? void 0 : A[0];
-              W && (I = W);
+              }).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);
               break;
             }
             case "initialPlacement":
-              I = r;
+              q = r;
               break;
           }
-        if (s !== I)
+        if (s !== q)
           return {
             reset: {
-              placement: I
+              placement: q
             }
           };
       }
@@ -506,11 +506,11 @@ async function wn(e, n) {
     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 = he(t) === "y", c = yn.has(a) ? -1 : 1, d = l && i ? -1 : 1, v = We(n, e);
+  } = 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);
   let {
     mainAxis: m,
     crossAxis: f,
-    alignmentAxis: u
+    alignmentAxis: d
   } = typeof v == "number" ? {
     mainAxis: v,
     crossAxis: 0,
@@ -520,12 +520,12 @@ async function wn(e, n) {
     crossAxis: v.crossAxis || 0,
     alignmentAxis: v.alignmentAxis
   };
-  return r && typeof u == "number" && (f = r === "end" ? u * -1 : u), i ? {
-    x: f * d,
+  return r && typeof d == "number" && (f = r === "end" ? d * -1 : d), i ? {
+    x: f * u,
     y: m * c
   } : {
     x: m * c,
-    y: f * d
+    y: f * u
   };
 }
 const bn = function(e) {
@@ -578,20 +578,20 @@ const bn = function(e) {
       } = We(e, n), c = {
         x: t,
         y: o
-      }, d = await Ct(n, i), v = he(be(s)), m = bt(v);
-      let f = c[m], u = c[v];
+      }, u = await St(n, i), v = me(be(s)), m = xt(v);
+      let f = c[m], d = c[v];
       if (l) {
-        const g = m === "y" ? "top" : "left", C = m === "y" ? "bottom" : "right", S = f + d[g], E = f - d[C];
-        f = lt(S, f, E);
+        const g = m === "y" ? "top" : "left", C = m === "y" ? "bottom" : "right", S = f + u[g], E = f - u[C];
+        f = at(S, f, E);
       }
       if (a) {
-        const g = v === "y" ? "top" : "left", C = v === "y" ? "bottom" : "right", S = u + d[g], E = u - d[C];
-        u = lt(S, u, E);
+        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 h = r.fn({
         ...n,
         [m]: f,
-        [v]: u
+        [v]: d
       });
       return {
         ...h,
@@ -611,7 +611,7 @@ function Ke() {
   return typeof window < "u";
 }
 function Ee(e) {
-  return St(e) ? (e.nodeName || "").toLowerCase() : "#document";
+  return Rt(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function J(e) {
   var n;
@@ -619,9 +619,9 @@ function J(e) {
 }
 function ue(e) {
   var n;
-  return (n = (St(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
+  return (n = (Rt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : n.documentElement;
 }
-function St(e) {
+function Rt(e) {
   return Ke() ? e instanceof Node || e instanceof J(e).Node : !1;
 }
 function se(e) {
@@ -630,7 +630,7 @@ function se(e) {
 function ce(e) {
   return Ke() ? e instanceof HTMLElement || e instanceof J(e).HTMLElement : !1;
 }
-function ct(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"]);
@@ -658,22 +658,22 @@ function ze(e) {
   });
 }
 const En = ["transform", "translate", "scale", "rotate", "perspective"], $n = ["transform", "translate", "scale", "rotate", "perspective", "filter"], An = ["paint", "layout", "strict", "content"];
-function _e(e) {
-  const n = et(), t = se(e) ? le(e) : e;
+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));
 }
 function Fn(e) {
-  let n = pe(e);
+  let n = ge(e);
   for (; ce(n) && !Se(n); ) {
-    if (_e(n))
+    if (et(n))
       return n;
     if (ze(n))
       return null;
-    n = pe(n);
+    n = ge(n);
   }
   return null;
 }
-function et() {
+function tt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 const Tn = /* @__PURE__ */ new Set(["html", "body", "#document"]);
@@ -692,36 +692,36 @@ function je(e) {
     scrollTop: e.scrollY
   };
 }
-function pe(e) {
+function ge(e) {
   if (Ee(e) === "html")
     return e;
   const n = (
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    ct(e) && e.host || // Fallback.
+    ut(e) && e.host || // Fallback.
     ue(e)
   );
-  return ct(n) ? n.host : n;
+  return ut(n) ? n.host : n;
 }
-function Rt(e) {
-  const n = pe(e);
-  return Se(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : ce(n) && Ve(n) ? n : Rt(n);
+function Et(e) {
+  const n = ge(e);
+  return Se(n) ? e.ownerDocument ? e.ownerDocument.body : e.body : ce(n) && Ve(n) ? n : Et(n);
 }
 function Oe(e, n, t) {
   var o;
   n === void 0 && (n = []), t === void 0 && (t = !0);
-  const s = Rt(e), l = s === ((o = e.ownerDocument) == null ? void 0 : o.body), a = J(s);
+  const s = Et(e), l = s === ((o = e.ownerDocument) == null ? void 0 : o.body), a = J(s);
   if (l) {
-    const r = Je(a);
+    const r = _e(a);
     return n.concat(a, a.visualViewport || [], Ve(s) ? s : [], r && t ? Oe(r) : []);
   }
   return n.concat(s, Oe(s, [], t));
 }
-function Je(e) {
+function _e(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function Et(e) {
+function $t(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;
@@ -731,18 +731,18 @@ function Et(e) {
     $: r
   };
 }
-function tt(e) {
+function nt(e) {
   return se(e) ? e : e.contextElement;
 }
 function ke(e) {
-  const n = tt(e);
+  const n = nt(e);
   if (!ce(n))
     return ie(1);
   const t = n.getBoundingClientRect(), {
     width: o,
     height: s,
     $: l
-  } = Et(n);
+  } = $t(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,
@@ -750,9 +750,9 @@ function ke(e) {
   };
 }
 const On = /* @__PURE__ */ ie(0);
-function $t(e) {
+function At(e) {
   const n = J(e);
-  return !et() || !n.visualViewport ? On : {
+  return !tt() || !n.visualViewport ? On : {
     x: n.visualViewport.offsetLeft,
     y: n.visualViewport.offsetTop
   };
@@ -762,21 +762,21 @@ function Vn(e, n, t) {
 }
 function xe(e, n, t, o) {
   n === void 0 && (n = !1), t === void 0 && (t = !1);
-  const s = e.getBoundingClientRect(), l = tt(e);
+  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) ? $t(l) : ie(0);
-  let i = (s.left + r.x) / a.x, c = (s.top + r.y) / a.y, d = s.width / a.x, v = s.height / a.y;
+  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;
   if (l) {
     const m = J(l), f = o && se(o) ? J(o) : o;
-    let u = m, h = Je(u);
-    for (; h && o && f !== u; ) {
-      const g = ke(h), C = h.getBoundingClientRect(), S = le(h), E = C.left + (h.clientLeft + parseFloat(S.paddingLeft)) * g.x, L = C.top + (h.clientTop + parseFloat(S.paddingTop)) * g.y;
-      i *= g.x, c *= g.y, d *= g.x, v *= g.y, i += E, c += L, u = J(h), h = Je(u);
+    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);
     }
   }
   return Me({
-    width: d,
+    width: u,
     height: v,
     x: i,
     y: c
@@ -786,7 +786,7 @@ function Ue(e, n) {
   const t = je(e).scrollLeft;
   return n ? n.left + t : xe(ue(e)).left + t;
 }
-function At(e, n) {
+function Ft(e, n) {
   const t = e.getBoundingClientRect(), o = t.left + n.scrollLeft - Ue(e, t), s = t.top + n.scrollTop;
   return {
     x: o,
@@ -807,17 +807,17 @@ function Ln(e) {
     scrollLeft: 0,
     scrollTop: 0
   }, c = ie(1);
-  const d = ie(0), v = ce(o);
+  const u = 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), d.x = f.x + o.clientLeft, d.y = f.y + o.clientTop;
+    c = ke(o), u.x = f.x + o.clientLeft, u.y = f.y + o.clientTop;
   }
-  const m = a && !v && !l ? At(a, i) : ie(0);
+  const m = a && !v && !l ? Ft(a, i) : ie(0);
   return {
     width: t.width * c.x,
     height: t.height * c.y,
-    x: t.x * c.x - i.scrollLeft * c.x + d.x + m.x,
-    y: t.y * c.y - i.scrollTop * c.y + d.y + m.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
   };
 }
 function Pn(e) {
@@ -834,20 +834,20 @@ function Dn(e) {
     y: r
   };
 }
-const ut = 25;
+const dt = 25;
 function In(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 d = et();
-    (!d || d && n === "fixed") && (r = s.offsetLeft, i = s.offsetTop);
+    const u = tt();
+    (!u || u && n === "fixed") && (r = s.offsetLeft, i = s.offsetTop);
   }
   const c = Ue(o);
   if (c <= 0) {
-    const d = o.ownerDocument, v = d.body, m = getComputedStyle(v), f = d.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, u = Math.abs(o.clientWidth - v.clientWidth - f);
-    u <= ut && (l -= u);
-  } else c <= ut && (l += c);
+    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);
   return {
     width: l,
     height: a,
@@ -865,7 +865,7 @@ function Mn(e, n) {
     y: c
   };
 }
-function dt(e, n, t) {
+function ft(e, n, t) {
   let o;
   if (n === "viewport")
     o = In(e, t);
@@ -874,7 +874,7 @@ function dt(e, n, t) {
   else if (se(n))
     o = Mn(n, t);
   else {
-    const s = $t(e);
+    const s = At(e);
     o = {
       x: n.x - s.x,
       y: n.y - s.y,
@@ -884,9 +884,9 @@ function dt(e, n, t) {
   }
   return Me(o);
 }
-function Ft(e, n) {
-  const t = pe(e);
-  return t === n || !se(t) || Se(t) ? !1 : le(t).position === "fixed" || Ft(t, n);
+function Tt(e, n) {
+  const t = ge(e);
+  return t === n || !se(t) || Se(t) ? !1 : le(t).position === "fixed" || Tt(t, n);
 }
 function Bn(e, n) {
   const t = n.get(e);
@@ -894,10 +894,10 @@ function Bn(e, n) {
     return t;
   let o = Oe(e, [], !1).filter((r) => se(r) && Ee(r) !== "body"), s = null;
   const l = le(e).position === "fixed";
-  let a = l ? pe(e) : e;
+  let a = l ? ge(e) : e;
   for (; se(a) && !Se(a); ) {
-    const r = le(a), i = _e(a);
-    !i && r.position === "fixed" && (s = null), (l ? !i && !s : !i && r.position === "static" && !!s && qn.has(s.position) || Ve(a) && !i && Ft(e, a)) ? o = o.filter((d) => d !== a) : s = r, a = pe(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);
   }
   return n.set(e, o), o;
 }
@@ -908,10 +908,10 @@ function Hn(e) {
     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, d) => {
-    const v = dt(n, d, s);
+  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;
-  }, dt(n, r, s));
+  }, ft(n, r, s));
   return {
     width: i.right - i.left,
     height: i.bottom - i.top,
@@ -923,7 +923,7 @@ function Wn(e) {
   const {
     width: n,
     height: t
-  } = Et(e);
+  } = $t(e);
   return {
     width: n,
     height: t
@@ -945,7 +945,7 @@ function Nn(e, n, t) {
       i.x = f.x + n.clientLeft, i.y = f.y + n.clientTop;
     } else s && c();
   l && !o && s && c();
-  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;
+  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;
   return {
     x: v,
     y: m,
@@ -953,10 +953,10 @@ function Nn(e, n, t) {
     height: a.height
   };
 }
-function Qe(e) {
+function Ye(e) {
   return le(e).position === "static";
 }
-function ft(e, n) {
+function vt(e, n) {
   if (!ce(e) || le(e).position === "fixed")
     return null;
   if (n)
@@ -964,26 +964,26 @@ function ft(e, n) {
   let t = e.offsetParent;
   return ue(e) === t && (t = t.ownerDocument.body), t;
 }
-function Tt(e, n) {
+function Ot(e, n) {
   const t = J(e);
   if (ze(e))
     return t;
   if (!ce(e)) {
-    let s = pe(e);
+    let s = ge(e);
     for (; s && !Se(s); ) {
-      if (se(s) && !Qe(s))
+      if (se(s) && !Ye(s))
         return s;
-      s = pe(s);
+      s = ge(s);
     }
     return t;
   }
-  let o = ft(e, n);
-  for (; o && Sn(o) && Qe(o); )
-    o = ft(o, n);
-  return o && Se(o) && Qe(o) && !_e(o) ? t : o || Fn(e) || t;
+  let o = vt(e, n);
+  for (; o && Sn(o) && Ye(o); )
+    o = vt(o, n);
+  return o && Se(o) && Ye(o) && !et(o) ? t : o || Fn(e) || t;
 }
 const Kn = async function(e) {
-  const n = this.getOffsetParent || Tt, t = this.getDimensions, o = await t(e.floating);
+  const n = this.getOffsetParent || Ot, t = this.getDimensions, o = await t(e.floating);
   return {
     reference: Nn(e.reference, await n(e.floating), e.strategy),
     floating: {
@@ -1001,7 +1001,7 @@ const jn = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Ln,
   getDocumentElement: ue,
   getClippingRect: Hn,
-  getOffsetParent: Tt,
+  getOffsetParent: Ot,
   getElementRects: Kn,
   getClientRects: Pn,
   getDimensions: Wn,
@@ -1009,7 +1009,7 @@ const jn = {
   isElement: se,
   isRTL: zn
 };
-function Ot(e, n) {
+function Vt(e, n) {
   return e.x === n.x && e.y === n.y && e.width === n.width && e.height === n.height;
 }
 function Un(e, n) {
@@ -1022,37 +1022,37 @@ function Un(e, n) {
   function a(r, i) {
     r === void 0 && (r = !1), i === void 0 && (i = 1), l();
     const c = e.getBoundingClientRect(), {
-      left: d,
+      left: u,
       top: v,
       width: m,
       height: f
     } = c;
     if (r || n(), !m || !f)
       return;
-    const u = Le(v), h = Le(s.clientWidth - (d + m)), g = Le(s.clientHeight - (v + f)), C = Le(d), E = {
-      rootMargin: -u + "px " + -h + "px " + -g + "px " + -C + "px",
+    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
     };
-    let L = !0;
-    function P(B) {
-      const b = B[0].intersectionRatio;
+    let V = !0;
+    function L(M) {
+      const b = M[0].intersectionRatio;
       if (b !== i) {
-        if (!L)
+        if (!V)
           return a();
         b ? a(!1, b) : o = setTimeout(() => {
           a(!1, 1e-7);
         }, 1e3);
       }
-      b === 1 && !Ot(c, e.getBoundingClientRect()) && a(), L = !1;
+      b === 1 && !Vt(c, e.getBoundingClientRect()) && a(), V = !1;
     }
     try {
-      t = new IntersectionObserver(P, {
+      t = new IntersectionObserver(L, {
         ...E,
         // Handle <iframe>s
         root: s.ownerDocument
       });
     } catch {
-      t = new IntersectionObserver(P, E);
+      t = new IntersectionObserver(L, E);
     }
     t.observe(e);
   }
@@ -1066,8 +1066,8 @@ function Zn(e, n, t, o) {
     elementResize: a = typeof ResizeObserver == "function",
     layoutShift: r = typeof IntersectionObserver == "function",
     animationFrame: i = !1
-  } = o, c = tt(e), d = s || l ? [...c ? Oe(c) : [], ...Oe(n)] : [];
-  d.forEach((C) => {
+  } = o, c = nt(e), u = s || l ? [...c ? Oe(c) : [], ...Oe(n)] : [];
+  u.forEach((C) => {
     s && C.addEventListener("scroll", t, {
       passive: !0
     }), l && C.addEventListener("resize", t);
@@ -1081,17 +1081,17 @@ function Zn(e, n, t, o) {
       (E = f) == null || E.observe(n);
     })), t();
   }), c && !i && f.observe(c), f.observe(n));
-  let u, h = i ? xe(e) : null;
+  let d, h = i ? xe(e) : null;
   i && g();
   function g() {
     const C = xe(e);
-    h && !Ot(h, C) && t(), h = C, u = requestAnimationFrame(g);
+    h && !Vt(h, C) && t(), h = C, d = requestAnimationFrame(g);
   }
   return t(), () => {
     var C;
-    d.forEach((S) => {
+    u.forEach((S) => {
       s && S.removeEventListener("scroll", t), l && S.removeEventListener("resize", t);
-    }), v?.(), (C = f) == null || C.disconnect(), f = null, i && cancelAnimationFrame(u);
+    }), v?.(), (C = f) == null || C.disconnect(), f = null, i && cancelAnimationFrame(d);
   };
 }
 const Xn = bn, Qn = xn, Yn = gn, Gn = (e, n, t) => {
@@ -1219,7 +1219,7 @@ function Ce(e, n) {
       throw new Error(`Unsupported filter type: ${e}`);
   }
 }
-function vt(e) {
+function ht(e) {
   switch (e.type) {
     case "text":
       return e.operator ? ["empty", "notEmpty"].includes(e.operator || "") ? !0 : !!e.value?.trim() : !1;
@@ -1259,7 +1259,7 @@ const Jn = _({
 });
 function _n(e, n, t, o, s, l) {
   return y(), k("div", Ae({ class: e.flexClasses }, e.attrs), [
-    z(e.$slots, "default")
+    j(e.$slots, "default")
   ], 16);
 }
 const ye = /* @__PURE__ */ ae(Jn, [["render", _n]]), eo = { class: "vs-multiselect" }, to = { class: "vs-multiselect-actions" }, no = {
@@ -1284,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 = q(""), l = q([...t.modelValue ?? []]), a = F(() => {
+    const t = e, o = n, s = I(""), l = I([...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((u) => u.toString().toLowerCase().includes(f));
-    }), i = F(() => l.value.length), c = F(() => a.value.length - l.value.length), d = (f) => {
-      const u = l.value.indexOf(f);
-      u > -1 ? l.value.splice(u, 1) : l.value.push(f), o("update:modelValue", [...l.value]);
+      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]);
     }, v = () => {
       l.value = [...a.value], o("update:modelValue", [...l.value]);
     }, m = () => {
@@ -1303,50 +1303,50 @@ const ye = /* @__PURE__ */ ae(Jn, [["render", _n]]), eo = { class: "vs-multisele
       (f) => {
         l.value = [...f || []];
       }
-    ), (f, u) => (y(), k("div", eo, [
+    ), (f, d) => (y(), k("div", eo, [
       w("div", to, [
         w("button", {
-          onClick: me(v, ["stop"])
+          onClick: pe(v, ["stop"])
         }, "Select All (" + H(c.value) + ")", 1),
         w("button", {
-          onClick: me(m, ["stop"])
+          onClick: pe(m, ["stop"])
         }, "Deselect All (" + H(i.value) + ")", 1)
       ]),
       ne(ye, { direction: "row" }, {
         default: X(() => [
           te(w("input", {
             type: "text",
-            "onUpdate:modelValue": u[0] || (u[0] = (h) => s.value = h),
+            "onUpdate:modelValue": d[0] || (d[0] = (h) => s.value = h),
             placeholder: "Search...",
             class: "vs-multiselect-search vs-w-full"
           }, null, 512), [
-            [ve, s.value]
+            [he, s.value]
           ])
         ]),
         _: 1
       }),
       e.isLoading ? (y(), k("div", no, "Loading options...")) : (y(), k("ul", oo, [
-        (y(!0), k(K, null, Q(r.value, (h) => (y(), k("li", {
+        (y(!0), k(z, null, Q(r.value, (h) => (y(), k("li", {
           key: h,
-          onClick: me((g) => d(h), ["stop"]),
+          onClick: pe((g) => u(h), ["stop"]),
           class: G({ selected: l.value.includes(h) })
         }, [
           w("span", lo, H(h), 1),
-          l.value.includes(h) ? (y(), k("svg", ao, [...u[1] || (u[1] = [
+          l.value.includes(h) ? (y(), k("svg", ao, [...d[1] || (d[1] = [
             w("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
               d: "M5 13l4 4L19 7"
             }, null, -1)
-          ])])) : D("", !0)
+          ])])) : P("", !0)
         ], 10, so))), 128))
       ]))
     ]));
   }
 }), Pe = /* @__PURE__ */ new Map();
 function io(e) {
-  const n = q(e.columnData || []), t = q(!1), o = () => t.value = !0, s = () => t.value = !1;
+  const n = I(e.columnData || []), t = I(!1), o = () => t.value = !0, s = () => t.value = !1;
   async function l(r = !1) {
     if (!e.asyncOptions) return;
     const i = e.cacheKey ?? "default";
@@ -1356,8 +1356,8 @@ function io(e) {
     }
     try {
       o();
-      const c = await e.asyncOptions(), d = Array.isArray(c) ? c : [];
-      n.value = d, Pe.set(i, d);
+      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);
     } finally {
@@ -1457,19 +1457,19 @@ const co = {
           return b.charAt(0).toUpperCase() + b.slice(1);
       }
     }
-    const c = F(() => t.type === "custom" ? [] : t.operators?.length ? t.operators : r[t.type]), d = q(null), v = q(null), m = q(), f = q(!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);
     Y(
       () => t.visible,
       async (b) => {
-        f.value = !!b, f.value ? (await oe(), E(), t.asyncOptions && a()) : L();
+        f.value = !!b, f.value ? (await oe(), E(), t.asyncOptions && a()) : V();
       },
       { immediate: !0 }
     );
-    const u = q(Ce(t.type, t.modelValue));
+    const d = I(Ce(t.type, t.modelValue));
     Y(
       () => t.modelValue,
       (b) => {
-        u.value = Ce(t.type, b);
+        d.value = Ce(t.type, b);
       },
       { immediate: !0 }
     );
@@ -1477,17 +1477,17 @@ const co = {
       o("open");
     }
     function g() {
-      o("update:modelValue", { ...u.value }), o("apply", { ...u.value });
+      o("update:modelValue", { ...d.value }), o("apply", { ...d.value });
     }
     function C() {
-      u.value = Ce(t.type), o("update:modelValue", { ...u.value }), o("clear"), S();
+      d.value = Ce(t.type), o("update:modelValue", { ...d.value }), o("clear"), S();
     }
     function S() {
       o("close");
     }
     function E() {
-      !d.value || !v.value || (m.value = Zn(d.value, v.value, () => {
-        Gn(d.value, v.value, {
+      !u.value || !v.value || (m.value = Zn(u.value, v.value, () => {
+        Gn(u.value, v.value, {
           placement: "bottom-start",
           middleware: [Xn(6), Yn(), Qn({ padding: 8 })]
         }).then(({ x: b, y: p }) => {
@@ -1500,29 +1500,29 @@ const co = {
         });
       }));
     }
-    function L() {
+    function V() {
       m.value?.(), m.value = void 0;
     }
-    function P(b) {
+    function L(b) {
       const p = b.target;
-      f.value && d.value && v.value && !d.value.contains(p) && !v.value.contains(p) && S();
+      f.value && u.value && v.value && !u.value.contains(p) && !v.value.contains(p) && S();
     }
-    function B(b) {
+    function M(b) {
       b.key === "Escape" && f.value && S();
     }
     return Re(() => {
-      document.addEventListener("click", P), document.addEventListener("keydown", B);
-    }), mt(() => {
-      document.removeEventListener("click", P), document.removeEventListener("keydown", B), L();
-    }), (b, p) => (y(), k(K, null, [
+      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", {
         ref_key: "referenceRef",
-        ref: d,
+        ref: u,
         class: G(["vs-column-filter", {
-          "is-active": $(vt)(u.value),
-          "in-active": !$(vt)(u.value)
+          "is-active": $(ht)(d.value),
+          "in-active": !$(ht)(d.value)
         }]),
-        onClick: me(h, ["stop"])
+        onClick: pe(h, ["stop"])
       }, [...p[13] || (p[13] = [
         w("svg", {
           xmlns: "http://www.w3.org/2000/svg",
@@ -1543,23 +1543,23 @@ const co = {
               ref: v,
               class: "vs-filter-dropdown",
               style: { position: "absolute", "z-index": "1000" },
-              onClick: p[12] || (p[12] = me(() => {
+              onClick: p[12] || (p[12] = pe(() => {
               }, ["stop"]))
             }, [
-              u.value.type === "text" ? (y(), k("div", co, [
+              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) => u.value.operator = x),
+                    "onUpdate:modelValue": p[0] || (p[0] = (x) => d.value.operator = x),
                     class: "vs-operator-select vs-mx-auto vs-w-full"
                   }, [
-                    (y(!0), k(K, null, Q(c.value, (x) => (y(), k("option", {
+                    (y(!0), k(z, null, Q(c.value, (x) => (y(), k("option", {
                       key: x,
                       value: x
                     }, H(i(x)), 9, fo))), 128))
                   ], 512), [
-                    [Xe, u.value.operator]
+                    [Qe, d.value.operator]
                   ])
-                ])) : D("", !0),
+                ])) : P("", !0),
                 ne(ye, {
                   direction: "row",
                   class: "mb-6"
@@ -1567,16 +1567,16 @@ const co = {
                   default: X(() => [
                     te(w("input", {
                       type: "text",
-                      "onUpdate:modelValue": p[1] || (p[1] = (x) => u.value.value = x),
+                      "onUpdate:modelValue": p[1] || (p[1] = (x) => d.value.value = x),
                       placeholder: "Search...",
                       class: "vs-input vs-mx-auto vs-w-full"
                     }, null, 512), [
-                      [ve, u.value.value]
+                      [he, d.value.value]
                     ])
                   ]),
                   _: 1
                 })
-              ])) : u.value.type === "multi-select" ? (y(), k("div", vo, [
+              ])) : d.value.type === "multi-select" ? (y(), k("div", vo, [
                 ne(ye, {
                   direction: "row",
                   class: "mb-6 vs-align-center vs-justify-end"
@@ -1596,34 +1596,34 @@ const co = {
                       }, [
                         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" })
                       ], -1)
-                    ])])) : D("", !0)
+                    ])])) : P("", !0)
                   ]),
                   _: 1
                 }),
                 ne(ro, {
                   isLoading: $(l),
                   columnData: $(s),
-                  modelValue: u.value.value,
-                  "onUpdate:modelValue": p[3] || (p[3] = (x) => u.value.value = x),
+                  modelValue: d.value.value,
+                  "onUpdate:modelValue": p[3] || (p[3] = (x) => d.value.value = x),
                   placeholder: "Select values..."
                 }, null, 8, ["isLoading", "columnData", "modelValue"])
-              ])) : u.value.type === "number-range" ? (y(), k("div", ho, [
+              ])) : 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) => u.value.operator = x),
+                    "onUpdate:modelValue": p[4] || (p[4] = (x) => d.value.operator = x),
                     class: "vs-operator-select vs-w-full"
                   }, [
-                    (y(!0), k(K, null, Q(c.value, (x) => (y(), k("option", {
+                    (y(!0), k(z, null, Q(c.value, (x) => (y(), k("option", {
                       key: x,
                       value: x
                     }, H(i(x)), 9, po))), 128))
                   ], 512), [
-                    [Xe, u.value.operator]
+                    [Qe, d.value.operator]
                   ])
                 ])) : (y(), k("div", go, [
-                  w("span", yo, H(u.value.operator), 1)
+                  w("span", yo, H(d.value.operator), 1)
                 ])),
-                u.value.operator === "between" ? (y(), fe(ye, {
+                d.value.operator === "between" ? (y(), fe(ye, {
                   key: 2,
                   justify: "between",
                   align: "center",
@@ -1633,13 +1633,13 @@ const co = {
                   default: X(() => [
                     te(w("input", {
                       type: "number",
-                      "onUpdate:modelValue": p[5] || (p[5] = (x) => u.value.min = x),
+                      "onUpdate:modelValue": p[5] || (p[5] = (x) => d.value.min = x),
                       placeholder: "Min",
                       class: "vs-input vs-w-full"
                     }, null, 512), [
                       [
-                        ve,
-                        u.value.min,
+                        he,
+                        d.value.min,
                         void 0,
                         { number: !0 }
                       ]
@@ -1647,59 +1647,59 @@ const co = {
                     p[15] || (p[15] = w("span", null, "-", -1)),
                     te(w("input", {
                       type: "number",
-                      "onUpdate:modelValue": p[6] || (p[6] = (x) => u.value.max = x),
+                      "onUpdate:modelValue": p[6] || (p[6] = (x) => d.value.max = x),
                       placeholder: "Max",
                       class: "vs-input vs-w-full"
                     }, null, 512), [
                       [
-                        ve,
-                        u.value.max,
+                        he,
+                        d.value.max,
                         void 0,
                         { number: !0 }
                       ]
                     ])
                   ]),
                   _: 1
-                })) : ["equals", "notEqual", "greaterThan", "lessThan"].includes(u.value.operator || "") ? (y(), fe(ye, {
+                })) : ["equals", "notEqual", "greaterThan", "lessThan"].includes(d.value.operator || "") ? (y(), fe(ye, {
                   key: 3,
                   direction: "row"
                 }, {
                   default: X(() => [
                     te(w("input", {
                       type: "number",
-                      "onUpdate:modelValue": p[7] || (p[7] = (x) => u.value.value = x),
+                      "onUpdate:modelValue": p[7] || (p[7] = (x) => d.value.value = x),
                       placeholder: "Enter number",
                       class: "vs-input vs-w-full"
                     }, null, 512), [
                       [
-                        ve,
-                        u.value.value,
+                        he,
+                        d.value.value,
                         void 0,
                         { number: !0 }
                       ]
                     ])
                   ]),
                   _: 1
-                })) : ["empty", "notEmpty"].includes(u.value.operator || "") ? (y(), k("div", wo, [...p[16] || (p[16] = [
+                })) : ["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)
-                ])])) : D("", !0)
-              ])) : u.value.type === "date-range" ? (y(), k("div", bo, [
+                ])])) : 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) => u.value.operator = x),
+                    "onUpdate:modelValue": p[8] || (p[8] = (x) => d.value.operator = x),
                     class: "vs-operator-select vs-w-full"
                   }, [
-                    (y(!0), k(K, null, Q(c.value, (x) => (y(), k("option", {
+                    (y(!0), k(z, null, Q(c.value, (x) => (y(), k("option", {
                       key: x,
                       value: x
                     }, H(i(x)), 9, ko))), 128))
                   ], 512), [
-                    [Xe, u.value.operator]
+                    [Qe, d.value.operator]
                   ])
                 ])) : (y(), k("div", Co, [
-                  w("span", So, H(u.value.operator), 1)
+                  w("span", So, H(d.value.operator), 1)
                 ])),
-                u.value.operator === "between" ? (y(), fe(ye, {
+                d.value.operator === "between" ? (y(), fe(ye, {
                   key: 2,
                   justify: "between",
                   align: "center",
@@ -1709,22 +1709,22 @@ const co = {
                   default: X(() => [
                     te(w("input", {
                       type: "date",
-                      "onUpdate:modelValue": p[9] || (p[9] = (x) => u.value.start = x),
+                      "onUpdate:modelValue": p[9] || (p[9] = (x) => d.value.start = x),
                       class: "vs-input vs-w-full"
                     }, null, 512), [
-                      [ve, u.value.start]
+                      [he, d.value.start]
                     ]),
                     p[17] || (p[17] = w("span", null, "-", -1)),
                     te(w("input", {
                       type: "date",
-                      "onUpdate:modelValue": p[10] || (p[10] = (x) => u.value.end = x),
+                      "onUpdate:modelValue": p[10] || (p[10] = (x) => d.value.end = x),
                       class: "vs-input vs-w-full"
                     }, null, 512), [
-                      [ve, u.value.end]
+                      [he, d.value.end]
                     ])
                   ]),
                   _: 1
-                })) : ["equals", "notEqual", "before", "after"].includes(u.value.operator || "") ? (y(), fe(ye, {
+                })) : ["equals", "notEqual", "before", "after"].includes(d.value.operator || "") ? (y(), fe(ye, {
                   key: 3,
                   direction: "row",
                   class: "vs-filter-single-date"
@@ -1732,16 +1732,16 @@ const co = {
                   default: X(() => [
                     te(w("input", {
                       type: "date",
-                      "onUpdate:modelValue": p[11] || (p[11] = (x) => u.value.value = x),
+                      "onUpdate:modelValue": p[11] || (p[11] = (x) => d.value.value = x),
                       class: "vs-input vs-w-full"
                     }, null, 512), [
-                      [ve, u.value.value]
+                      [he, d.value.value]
                     ])
                   ]),
                   _: 1
-                })) : ["empty", "notEmpty"].includes(u.value.operator || "") ? (y(), k("div", Ro, " No date input required ")) : D("", !0)
-              ])) : D("", !0),
-              u.value.type !== "custom" ? (y(), k("div", Eo, [
+                })) : ["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", {
                   class: "vs-btn vs-btn-primary",
                   onClick: g
@@ -1750,13 +1750,13 @@ const co = {
                   class: "vs-btn vs-btn-secondary",
                   onClick: C
                 }, "Clear")
-              ])) : D("", !0),
-              z(b.$slots, "custom", {
-                filter: u.value,
+              ])) : P("", !0),
+              j(b.$slots, "custom", {
+                filter: d.value,
                 apply: g,
                 clear: C
               }, void 0, !0)
-            ], 512)) : D("", !0)
+            ], 512)) : P("", !0)
           ]),
           _: 3
         })
@@ -1802,13 +1802,13 @@ const co = {
     function c() {
       t.column.field && o("closeFilter", t.column.field);
     }
-    function d() {
+    function u() {
       t.column.field && o("openFilter", t.column.field);
     }
     return (v, m) => e.column && e.column.field ? (y(), k("th", {
       key: 0,
       onClick: l,
-      style: pt([
+      style: gt([
         {
           width: e.column.width + "%",
           textAlign: "center"
@@ -1822,7 +1822,7 @@ const co = {
         e.column.sortable ? "vs-sortable" : ""
       ]])
     }, [
-      z(v.$slots, `header-${e.column.field}`, { column: e.column }, () => [
+      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, [
@@ -1855,8 +1855,8 @@ const co = {
                 w("path", { d: "M480-360 280-560h400L480-360Z" })
               ], -1)
             ])], 2)
-          ])) : D("", !0),
-          e.sortHelpers.getSortPriority(e.column.field) !== null ? (y(), k("span", Lo, H(e.sortHelpers.getSortPriority(e.column.field)), 1)) : D("", !0),
+          ])) : P("", !0),
+          e.sortHelpers.getSortPriority(e.column.field) !== null ? (y(), k("span", Lo, H(e.sortHelpers.getSortPriority(e.column.field)), 1)) : P("", !0),
           e.column.filter ? (y(), fe(Ao, {
             key: 2,
             type: e.column.filter.type,
@@ -1870,25 +1870,25 @@ const co = {
             onApply: m[1] || (m[1] = (f) => r(f)),
             onClear: i,
             onClose: c,
-            onOpen: d
+            onOpen: u
           }, Te({ _: 2 }, [
             e.column.filter.custom ? {
               name: "custom",
-              fn: X(({ filter: f, apply: u, clear: h }) => [
-                z(v.$slots, e.column.filter.custom, {
+              fn: X(({ filter: f, apply: d, clear: h }) => [
+                j(v.$slots, e.column.filter.custom, {
                   filter: f,
-                  apply: u,
+                  apply: d,
                   clear: h
                 }, void 0, !0)
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["type", "async-options", "field", "operators", "modelValue", "visible", "column-data"])) : D("", !0)
+          ]), 1032, ["type", "async-options", "field", "operators", "modelValue", "visible", "column-data"])) : P("", !0)
         ])
       ], !0)
-    ], 14, Fo)) : D("", !0);
+    ], 14, Fo)) : P("", !0);
   }
-}), ht = /* @__PURE__ */ ae(Po, [["__scopeId", "data-v-69e5e343"]]), Do = { key: 0 }, Io = {
+}), mt = /* @__PURE__ */ ae(Po, [["__scopeId", "data-v-69e5e343"]]), Do = { key: 0 }, Io = {
   key: 0,
   class: "vs-expand-column",
   rowspan: "2",
@@ -1934,30 +1934,30 @@ const co = {
     const l = F({
       get: () => t.filters,
       set: (f) => o("update:filters", f)
-    }), a = q(null);
+    }), a = I(null);
     function r(f) {
       a.value = f;
     }
     function i(f) {
       a.value === f && (a.value = null);
     }
-    const c = q(null), d = F(() => t.columns.some((f) => f.children && f.children.length)), v = F(() => {
+    const c = I(null), u = F(() => t.columns.some((f) => f.children && f.children.length)), v = F(() => {
       const f = [];
-      return t.columns.forEach((u) => {
-        u.children && u.children.length ? f.push(...u.children) : f.push(u);
+      return t.columns.forEach((d) => {
+        d.children && d.children.length ? f.push(...d.children) : f.push(d);
       }), f;
     });
     function m(f) {
-      return d.value ? t.columns.some(
-        (u) => u.children && u.children.some((h) => h.field === f.field)
+      return u.value ? t.columns.some(
+        (d) => d.children && d.children.some((h) => h.field === f.field)
       ) : !0;
     }
-    return (f, u) => (y(), k("thead", {
+    return (f, d) => (y(), k("thead", {
       ref_key: "headerRef",
       ref: c
     }, [
-      d.value ? (y(), k("tr", Do, [
-        e.expandable ? (y(), k("th", Io)) : D("", !0),
+      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", {
@@ -1971,11 +1971,11 @@ const co = {
               for: e.tablename + "-main-checkbox"
             }, null, 8, Ho)
           ])
-        ])) : D("", !0),
-        (y(!0), k(K, null, Q(t.columns, (h) => (y(), k(K, {
+        ])) : P("", !0),
+        (y(!0), k(z, null, Q(t.columns, (h) => (y(), k(z, {
           key: h.field || h.label
         }, [
-          !h.children || !h.children.length ? (y(), fe(ht, Ae({
+          !h.children || !h.children.length ? (y(), fe(mt, Ae({
             key: 0,
             column: h,
             rows: e.rows,
@@ -1986,16 +1986,16 @@ const co = {
             "header-class": e.headerClass,
             tablename: e.tablename
           }, { ref_for: !0 }, f.$attrs, {
-            onApplyFilter: u[0] || (u[0] = (g, C) => o("applyFilter", g, C)),
-            onClearFilter: u[1] || (u[1] = (g) => o("clearFilter", g)),
+            onApplyFilter: d[0] || (d[0] = (g, C) => o("applyFilter", g, C)),
+            onClearFilter: d[1] || (d[1] = (g) => o("clearFilter", g)),
             onOpenFilter: r,
             onCloseFilter: i,
-            "onUpdate:filters": u[2] || (u[2] = (g) => o("update:filters", g))
+            "onUpdate:filters": d[2] || (d[2] = (g) => o("update:filters", g))
           }), Te({ _: 2 }, [
             Q(f.$slots, (g, C) => ({
               name: C,
               fn: X((S) => [
-                z(f.$slots, C, Ae({ ref_for: !0 }, S), void 0, !0)
+                j(f.$slots, C, Ae({ ref_for: !0 }, S), void 0, !0)
               ])
             }))
           ]), 1040, ["column", "rows", "sort-helpers", "filters", "open-filter", "header-class", "tablename"])) : (y(), k("th", {
@@ -2006,10 +2006,10 @@ const co = {
             style: { textAlign: "center" }
           }, H(h.label), 9, Wo))
         ], 64))), 128))
-      ])) : D("", !0),
+      ])) : P("", !0),
       w("tr", null, [
-        e.expandable && !d.value ? (y(), k("th", No)) : D("", !0),
-        e.isItemSelectedControlled && !d.value ? (y(), k("th", Ko, [
+        e.expandable && !u.value ? (y(), k("th", No)) : P("", !0),
+        e.isItemSelectedControlled && !u.value ? (y(), k("th", Ko, [
           w("div", zo, [
             w("input", {
               type: "checkbox",
@@ -2022,11 +2022,11 @@ const co = {
               for: e.tablename + "-main-checkbox"
             }, null, 8, Uo)
           ])
-        ])) : D("", !0),
-        (y(!0), k(K, null, Q(v.value, (h) => (y(), k(K, {
+        ])) : P("", !0),
+        (y(!0), k(z, null, Q(v.value, (h) => (y(), k(z, {
           key: h.field
         }, [
-          h.field && m(h) ? (y(), fe(ht, Ae({
+          h.field && m(h) ? (y(), fe(mt, Ae({
             key: 0,
             column: h,
             rows: e.rows,
@@ -2036,19 +2036,19 @@ const co = {
             "header-class": e.headerClass,
             tablename: e.tablename
           }, { ref_for: !0 }, f.$attrs, {
-            onApplyFilter: u[3] || (u[3] = (g, C) => o("applyFilter", g, C)),
-            onClearFilter: u[4] || (u[4] = (g) => o("clearFilter", g)),
+            onApplyFilter: d[3] || (d[3] = (g, C) => o("applyFilter", g, C)),
+            onClearFilter: d[4] || (d[4] = (g) => o("clearFilter", g)),
             onOpenFilter: r,
             onCloseFilter: i,
-            "onUpdate:filters": u[5] || (u[5] = (g) => o("update:filters", g))
+            "onUpdate:filters": d[5] || (d[5] = (g) => o("update:filters", g))
           }), Te({ _: 2 }, [
             Q(f.$slots, (g, C) => ({
               name: C,
               fn: X((S) => [
-                z(f.$slots, C, Ae({ ref_for: !0 }, S), void 0, !0)
+                j(f.$slots, C, Ae({ ref_for: !0 }, S), void 0, !0)
               ])
             }))
-          ]), 1040, ["column", "rows", "sort-helpers", "filters", "open-filter", "header-class", "tablename"])) : D("", !0)
+          ]), 1040, ["column", "rows", "sort-helpers", "filters", "open-filter", "header-class", "tablename"])) : P("", !0)
         ], 64))), 128))
       ])
     ], 512));
@@ -2087,7 +2087,7 @@ const co = {
   },
   emits: ["row-click"],
   setup(e, { emit: n }) {
-    const t = e, o = F(() => t.rowKey ?? "id"), s = q(null), l = F(() => t.columns.flatMap(
+    const t = e, o = F(() => t.rowKey ?? "id"), s = I(null), l = F(() => t.columns.flatMap(
       (a) => "children" in a ? a.children : [a]
     ));
     return (a, r) => (y(), k("tbody", {
@@ -2102,7 +2102,7 @@ const co = {
           r[2] || (r[2] = w("div", { class: "vs-spinner" }, null, -1)),
           w("span", null, H(e.loadingText), 1)
         ], 8, Yo)
-      ])) : e.paginatedRows.length ? (y(!0), k(K, { key: 2 }, Q(e.paginatedRows, (i, c) => (y(), k(K, {
+      ])) : e.paginatedRows.length ? (y(!0), k(z, { key: 2 }, Q(e.paginatedRows, (i, c) => (y(), k(z, {
         key: e.getRowKey(i, c)
       }, [
         w("tr", {
@@ -2111,13 +2111,13 @@ const co = {
             { "vs-row-clickable": e.hasRowClick },
             { "vs-row-selected": e.isRowSelected(i, e.selectedItems, o.value) }
           ]),
-          onClick: (d) => a.$emit("row-click", i, c)
+          onClick: (u) => a.$emit("row-click", i, c)
         }, [
           e.expandable ? (y(), k("td", {
             key: 0,
             class: "vs-expand-column",
             "data-field": "_expand",
-            onClick: r[0] || (r[0] = me(() => {
+            onClick: r[0] || (r[0] = pe(() => {
             }, ["stop"]))
           }, [
             w("button", {
@@ -2125,7 +2125,7 @@ const co = {
               type: "button",
               "aria-expanded": e.isRowExpanded(i, c),
               "aria-controls": `row-details-${e.getRowKey(i, c)}`,
-              onClick: me((d) => e.toggleRowExpansion(i, c), ["stop"])
+              onClick: pe((u) => e.toggleRowExpansion(i, c), ["stop"])
             }, [
               e.isRowExpanded(i, c) ? (y(), k("span", os, [...r[4] || (r[4] = [
                 w("svg", {
@@ -2149,12 +2149,12 @@ const co = {
                 ], -1)
               ])]))
             ], 8, ns)
-          ])) : D("", !0),
+          ])) : P("", !0),
           e.isItemSelectedControlled ? (y(), k("td", {
             key: 1,
             class: "vs-checkbox-column",
             "data-field": "_checkbox",
-            onClick: r[1] || (r[1] = me(() => {
+            onClick: r[1] || (r[1] = pe(() => {
             }, ["stop"]))
           }, [
             w("div", ls, [
@@ -2162,38 +2162,38 @@ const co = {
                 type: "checkbox",
                 id: e.tablename + "-checkbox-" + e.getRowKey(i, c),
                 value: i,
-                checked: e.selectedItems.some((d, v) => e.getRowKey(d, v) === e.getRowKey(i, c)),
-                onChange: (d) => e.toggleRow(i, c)
+                checked: e.selectedItems.some((u, v) => e.getRowKey(u, v) === e.getRowKey(i, c)),
+                onChange: (u) => e.toggleRow(i, c)
               }, null, 40, as),
               w("label", {
                 for: e.tablename + "-checkbox-" + e.getRowKey(i, c)
               }, null, 8, rs)
             ])
-          ])) : D("", !0),
-          (y(!0), k(K, null, Q(l.value, (d) => (y(), k(K, null, [
-            d && d.field ? (y(), k("td", {
-              key: d.field,
+          ])) : P("", !0),
+          (y(!0), k(z, null, Q(l.value, (u) => (y(), k(z, null, [
+            u && u.field ? (y(), k("td", {
+              key: u.field,
               class: G(e.cellClass),
-              "data-field": d.field
+              "data-field": u.field
             }, [
-              z(a.$slots, `cell-${d.field}`, {
+              j(a.$slots, `cell-${u.field}`, {
                 item: i,
-                value: e.getValue(i, d.field),
-                column: d,
+                value: e.getValue(i, u.field),
+                column: u,
                 index: c
               }, () => [
-                Ye(H(e.getValue(i, d.field)), 1)
+                Ge(H(e.getValue(i, u.field)), 1)
               ], !0)
-            ], 10, is)) : D("", !0)
+            ], 10, is)) : P("", !0)
           ], 64))), 256))
         ], 10, ts),
-        e.expandable ? (y(), k(K, { key: 0 }, [
+        e.expandable ? (y(), k(z, { key: 0 }, [
           e.isRowExpanded(i, c) ? (y(), k("tr", cs, [
             w("td", {
               colspan: e.totalColumns,
               class: "vs-expanded-cell"
             }, [
-              e.isRowLoading(i, c) ? z(a.$slots, "row-expanded-loader", {
+              e.isRowLoading(i, c) ? j(a.$slots, "row-expanded-loader", {
                 key: 0,
                 item: i,
                 index: c
@@ -2202,23 +2202,23 @@ const co = {
                   w("div", { class: "vs-loader-bar-inner" })
                 ], -1))
               ], !0) : (y(), k("div", ds, [
-                z(a.$slots, "row-expanded", {
+                j(a.$slots, "row-expanded", {
                   item: i,
                   index: c
                 }, () => [
-                  r[7] || (r[7] = Ye(" Expanded details for row ", -1)),
+                  r[7] || (r[7] = Ge(" Expanded details for row ", -1)),
                   w("b", null, H(e.getRowKey(i, c)), 1)
                 ], !0)
               ]))
             ], 8, us)
-          ])) : D("", !0)
-        ], 64)) : D("", !0)
+          ])) : P("", !0)
+        ], 64)) : P("", !0)
       ], 64))), 128)) : (y(), k("tr", Go, [
         w("td", {
           colspan: e.totalColumns,
           class: "vs-no-data"
         }, [
-          z(a.$slots, "no-data", {}, () => [
+          j(a.$slots, "no-data", {}, () => [
             r[3] || (r[3] = w("div", { class: "vs-no-data-icon" }, [
               w("svg", {
                 viewBox: "0 0 24 24",
@@ -2292,11 +2292,11 @@ const co = {
             placeholder: e.searchPlaceholder,
             class: G(e.searchClass)
           }, null, 8, ["model-value", "placeholder", "class"])
-        ])) : D("", !0),
-        z(s.$slots, "left", {}, void 0, !0)
+        ])) : P("", !0),
+        j(s.$slots, "left", {}, void 0, !0)
       ]),
       w("div", xs, [
-        z(s.$slots, "right", {}, void 0, !0)
+        j(s.$slots, "right", {}, void 0, !0)
       ])
     ]));
   }
@@ -2351,29 +2351,29 @@ const co = {
     }
     return (s, l) => t.value.length ? (y(), k("tfoot", Ss, [
       w("tr", Rs, [
-        e.expandable ? (y(), k("td", Es)) : D("", !0),
-        e.isItemSelectedControlled ? (y(), k("td", $s)) : D("", !0),
-        (y(!0), k(K, null, Q(t.value, (a, r) => (y(), k("td", {
+        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", {
           key: r,
           "data-field": a.field,
           class: G(["vs-footer-cell", a.footerClass || ""]),
-          style: pt(a.footerStyle || {})
+          style: gt(a.footerStyle || {})
         }, [
-          a.hasFooter ? z(s.$slots, `footer-${a.field}`, {
+          a.hasFooter ? j(s.$slots, `footer-${a.field}`, {
             key: 0,
             column: a,
             value: a.footerValue,
             rows: e.rows
           }, () => [
-            Ye(H(a.formattedValue), 1)
-          ], !0) : D("", !0)
+            Ge(H(a.formattedValue), 1)
+          ], !0) : P("", !0)
         ], 14, As))), 128))
       ])
-    ])) : D("", !0);
+    ])) : P("", !0);
   }
 }), Ts = /* @__PURE__ */ ae(Fs, [["__scopeId", "data-v-f3b614d3"]]);
 function Os(e, n, t) {
-  const o = q(1), s = q(e.sort ? [...e.sort] : []);
+  const o = I(1), s = I(e.sort ? [...e.sort] : []);
   Y(
     () => e.sort,
     (v) => {
@@ -2395,8 +2395,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 u = f.findIndex((h) => h.field === v);
-        m.shiftKey ? u === -1 ? f.push({ field: v, order: "asc" }) : f[u]?.order === "asc" ? f[u].order = "desc" : f.splice(u, 1) : u === -1 ? f = [{ field: v, order: "asc" }] : f[u]?.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 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 });
       }
     }
   };
@@ -2404,19 +2404,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: (d) => {
-      e.serverItemsLength !== void 0 && n("update:serverItemsLength", d);
+    set: (u) => {
+      console.log("serverItemsLength: ", u), e.serverItemsLength !== void 0 && n("update:serverItemsLength", u);
     }
   }), a = F({
     get: () => e.serverOptions?.page ?? t.value,
-    set: (d) => {
-      e.serverOptions ? n("update:serverOptions", { ...e.serverOptions, page: d }) : t.value = d;
+    set: (u) => {
+      e.serverOptions ? n("update:serverOptions", { ...e.serverOptions, page: u }) : t.value = u;
     }
   }), r = F(() => {
-    const d = o.value;
-    return Kt(t.value, d, l.value);
-  }), i = (d) => {
-    e.serverOptions && n("update:serverOptions", { ...e.serverOptions, page: d }), n("pageUpdated", d);
+    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);
   };
   return {
     currentPage: a,
@@ -2437,7 +2437,7 @@ function Ls(e, n, t, o) {
     set: (a) => o.value = a
   });
   return Y(o, (a) => {
-    const r = e.serverItemsLength ?? e.rows.length, i = wt(r, a);
+    const r = e.serverItemsLength ?? e.rows.length, i = bt(r, a);
     t.value > i ? t.value = i || 1 : t.value < 1 && (t.value = 1);
   }), {
     vsRowsPerPage: s,
@@ -2466,30 +2466,30 @@ function Ps(e, n) {
   };
 }
 function Ds(e, n) {
-  const t = q([]), o = q(/* @__PURE__ */ new Map()), s = F({
+  const t = I([]), o = I(/* @__PURE__ */ new Map()), s = F({
     get: () => e.expanded ?? t.value,
-    set: (d) => {
-      e.expanded !== void 0 ? n("update:expanded", d) : t.value = d;
+    set: (u) => {
+      e.expanded !== void 0 ? n("update:expanded", u) : t.value = u;
     }
   });
-  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 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 a(d, v) {
-    const m = l(d, v);
+  function a(u, v) {
+    const m = l(u, v);
     return s.value.includes(m);
   }
-  function r(d, v) {
-    const m = l(d, v), f = s.value.includes(m);
-    let u;
-    f ? (u = s.value.filter((h) => h !== m), n("collapseRow", { row: d, index: v, rowId: m })) : (u = e.accordion ? [m] : [...s.value, m], n("expandRow", { row: d, index: v, rowId: m })), s.value = u;
+  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 i(d, v) {
-    const m = l(d, v);
+  function i(u, v) {
+    const m = l(u, v);
     return o.value.get(m) === !0;
   }
-  function c(d, v) {
-    o.value.set(d, v);
+  function c(u, v) {
+    o.value.set(u, v);
   }
   return {
     expandedRows: s,
@@ -2501,26 +2501,26 @@ function Ds(e, n) {
   };
 }
 function Is(e, n, t) {
-  const o = q({}), s = F(() => (console.log("InitFilter Filtered:", e.value), t?.serverMode ? e.value : e.value.filter((r) => n.every((i) => {
+  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 d = r[i.field];
+    const u = r[i.field];
     if (i.filter?.filterFn)
-      return i.filter.filterFn(d, c.value, r);
+      return i.filter.filterFn(u, c.value, r);
     if (c.type === "custom" && i.filter?.filterKey) {
       const m = Be[i.filter.filterKey];
       return typeof m == "function" ? m(r, i.field, c) : !0;
     }
     const v = Be[c.type];
     return typeof v == "function" ? v(r, i.field, c) : !0;
-  }))));
+  })));
   Y(
     o,
     (r) => {
       if (t?.serverMode && t.onServerFilter) {
         const i = Object.entries(r).reduce(
-          (c, [d, v]) => {
+          (c, [u, v]) => {
             if (!v?.type) return c;
             const m = {
               type: v.type,
@@ -2528,19 +2528,19 @@ function Is(e, n, t) {
             };
             switch (v.type) {
               case "text":
-                c[d] = {
+                c[u] = {
                   ...m,
                   value: v.value ?? null
                 };
                 break;
               case "multi-select":
-                c[d] = {
+                c[u] = {
                   ...m,
                   value: v.value ?? []
                 };
                 break;
               case "number-range":
-                c[d] = {
+                c[u] = {
                   ...m,
                   value: v.value ?? null,
                   min: v.min ?? null,
@@ -2548,7 +2548,7 @@ function Is(e, n, t) {
                 };
                 break;
               case "date-range":
-                c[d] = {
+                c[u] = {
                   ...m,
                   value: v.value ?? null,
                   start: v.start ?? null,
@@ -2556,7 +2556,7 @@ function Is(e, n, t) {
                 };
                 break;
               case "custom":
-                c[d] = {
+                c[u] = {
                   ...m,
                   value: v.value,
                   filterKey: v.filterKey
@@ -2591,13 +2591,13 @@ function qs(e, n = {}) {
   const a = () => {
     const c = e.value;
     if (!t || !c) return;
-    const d = c.querySelector("thead"), v = c.querySelector("tbody");
-    !d || !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 = 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, {
       overflowY: "auto",
       overflowX: "auto",
       position: "relative",
       maxHeight: typeof o == "number" ? `${o}px` : o
-    }), Object.assign(d.style, {
+    }), Object.assign(u.style, {
       position: "sticky",
       top: "0",
       zIndex: "5",
@@ -2608,31 +2608,31 @@ function qs(e, n = {}) {
   }, r = () => {
     const c = e.value;
     if (!c) return;
-    const d = c.querySelector("thead"), v = c.querySelector("tbody");
-    if (!d || !v) return;
-    const m = Array.from(d.querySelectorAll("tr")), f = v.querySelector("tr");
+    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 u = Array.from(f.querySelectorAll("td"));
-    if (!u.length) 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);
       });
     }), h.forEach((g, C) => {
-      const S = u[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 L = 0;
-          const P = Array.from(g.children).indexOf(S);
-          for (let B = 0; B < E; B++) {
-            const b = u[P + B];
-            b && (L += b.offsetWidth);
+          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);
           }
-          L > 0 && (S.style.width = `${L}px`);
+          V > 0 && (S.style.width = `${V}px`);
         }
       });
     });
@@ -2659,7 +2659,7 @@ function Ms(e, n = {}) {
     maxHeight: o = "calc(100vh - 250px)",
     debounceMs: s = 100
   } = n;
-  let l = null, a = null, r = null, i = !1, c = !1, d = null;
+  let l = null, a = null, r = null, i = !1, c = !1, u = null;
   const m = ((h, g = 100) => {
     let C = null;
     return (...S) => {
@@ -2676,28 +2676,28 @@ function Ms(e, n = {}) {
         i = !1;
         return;
       }
-      const L = Array.from(S.querySelectorAll("td, th")), P = Array.from(E.querySelectorAll("td"));
-      if (!L.length || !P.length) {
+      const V = Array.from(S.querySelectorAll("td, th")), L = Array.from(E.querySelectorAll("td"));
+      if (!V.length || !L.length) {
         i = !1;
         return;
       }
-      let B = 0;
-      L.forEach((b) => {
+      let M = 0;
+      V.forEach((b) => {
         const p = parseInt(b.getAttribute("colspan") || "1", 10);
         if (p === 1) {
-          const x = P[B];
+          const x = L[M];
           if (x) {
             const R = x.offsetWidth;
             b.offsetWidth !== R && (b.style.width = `${R}px`, b.style.minWidth = `${R}px`);
           }
-          B += 1;
+          M += 1;
         } else {
           let x = 0;
           for (let R = 0; R < p; R++) {
-            const T = P[B + R];
+            const T = L[M + R];
             T && (x += T.offsetWidth);
           }
-          x > 0 && b.offsetWidth !== x && (b.style.width = `${x}px`, b.style.minWidth = `${x}px`), B += p;
+          x > 0 && b.offsetWidth !== x && (b.style.width = `${x}px`, b.style.minWidth = `${x}px`), M += p;
         }
       }), i = !1;
     }));
@@ -2715,14 +2715,14 @@ function Ms(e, n = {}) {
       bottom: "0",
       zIndex: "5",
       background: "var(--vs-table-footer-bg, var(--vs-table-header-bg, #fff))"
-    }), !c && S && (d = () => {
+    }), !c && S && (u = () => {
       const E = l.scrollLeft;
       S.scrollLeft = E, g.scrollLeft = E;
-    }, l.addEventListener("scroll", d), c = !0), a || (a = new ResizeObserver(() => {
+    }, l.addEventListener("scroll", u), c = !0), a || (a = new ResizeObserver(() => {
       m();
     }), a.observe(h)), m());
-  }, u = () => {
-    cancelAnimationFrame(r), a && (a.disconnect(), a = null), l && d && c && (l.removeEventListener("scroll", d), c = !1);
+  }, 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");
@@ -2731,90 +2731,90 @@ function Ms(e, n = {}) {
   };
   return Re(async () => {
     t && (await oe(), f());
-  }), He(u), Y(
+  }), He(d), Y(
     () => t,
     async (h) => {
-      await oe(), h ? f() : u();
+      await oe(), h ? f() : d();
     }
   ), {
     refresh: m,
-    cleanup: u
+    cleanup: d
   };
 }
-function Bs(e, n, t = {}) {
-  const o = Fe(e.rows) ? e.rows : gt(e.rows), s = q(1), l = q(e.serverOptions?.rowsPerPage ?? e.rowsPerPage), a = q(""), r = q(), i = q(null), c = q(), { isRowExpanded: d, toggleRowExpansion: v, getRowId: m, setRowLoading: f, isRowLoading: u } = Ds(e, n), { filters: h, filteredData: g, setFilter: C, clearFilter: S } = Is(
-    F(() => $(o)),
+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(V) {
-        n("filterChange", V);
+      onServerFilter(D) {
+        n("filterChange", D);
       }
     }
-  ), { activeSort: E, sortHelpers: L } = Os(e, n, s), { onInputTyped: P } = Ps(n, a), { totalRecords: B, recordRange: b, handlePageChange: p } = Vs(
+  ), { activeSort: V, sortHelpers: L } = Os(e, n, l), { onInputTyped: M } = Ps(n, r), { totalRecords: b, recordRange: p, handlePageChange: x } = Vs(
     e,
     n,
-    s,
     l,
-    F(() => I.value)
-  ), { handleRowsPerPage: x } = Ls(e, n, s, l), { header: R = !0, footer: T = !0, maxHeight: M = "calc(100vh - 100px)" } = t, A = qs(c, { enabled: R, maxHeight: M }), O = Ms(c, { enabled: T, maxHeight: M }), N = F(() => {
-    let V = g.value;
-    return a.value && (V = st(V, a.value)), V;
-  }), I = F(() => {
-    let V = N.value;
-    return e.serverOptions || (a.value && (V = st(V, a.value)), E.value.length && (V = Wt(V, E.value))), V = V.map((U, ge) => ({
-      ...U,
-      isExpanded: d(U, ge)
+    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) => ({
+      ...ve,
+      isExpanded: v(ve, Ze)
       // pass index here
-    })), V;
+    })), D;
   });
-  Y([h, a], () => s.value = 1, { deep: !0 });
-  const W = F(
-    () => Nt(I.value, s.value, l.value)
+  Y([g, r], () => l.value = 1, { deep: !0 });
+  const N = F(
+    () => Nt(W.value, l.value, a.value)
   );
-  return Y(o, (V) => {
-    Array.isArray(V) && V.length > 1e3 && console.log(`[useDataTable] Large dataset updated (${V.length} rows)`);
+  return Y(s, (D) => {
+    Array.isArray(D) && D.length > 1e3 && console.log(`[useDataTable] Large dataset updated (${D.length} rows)`);
   }), {
     // Pagination
-    page: s,
-    totalRecords: B,
-    recordRange: b,
-    handlePageChange: p,
-    rowsPerPage: l,
-    handleRowsPerPage: x,
+    page: l,
+    totalRecords: b,
+    recordRange: p,
+    handlePageChange: x,
+    rowsPerPage: a,
+    handleRowsPerPage: R,
     // Sorting
-    processedRows: I,
-    paginatedRows: W,
+    processedRows: W,
+    paginatedRows: N,
     sortHelpers: L,
     // Search
-    searchQuery: a,
-    onInputTyped: P,
+    searchQuery: r,
+    onInputTyped: M,
     // Expandable
-    isRowExpanded: d,
-    toggleRowExpansion: v,
-    getRowId: m,
-    setRowLoading: f,
-    isRowLoading: u,
+    isRowExpanded: v,
+    toggleRowExpansion: m,
+    getRowId: f,
+    setRowLoading: d,
+    isRowLoading: h,
     // Column filters
-    filters: h,
-    filteredData: g,
-    setFilter: C,
-    clearFilter: S,
+    filters: g,
+    filteredData: C,
+    setFilter: S,
+    clearFilter: E,
     // Table Ref
-    tableContainer: r,
-    tableResponsiveRef: i,
-    tableRef: c,
+    tableContainer: i,
+    tableResponsiveRef: c,
+    tableRef: u,
     // Sticky Header and Footer
     refresh() {
-      A.refresh?.(), O.refresh?.();
+      O.refresh?.(), K.refresh?.();
     },
     cleanup() {
-      A.cleanup?.(), O.cleanup?.();
+      O.cleanup?.(), K.cleanup?.();
     }
   };
 }
 function Hs(e, n) {
-  const t = q(e.itemSelected || []);
+  const t = I(e.itemSelected || []);
   Y(
     () => e.itemSelected,
     (h) => {
@@ -2836,9 +2836,9 @@ function Hs(e, n) {
   )), r = (h, g) => {
     const C = re(h, g, e.rowKey);
     o.value.some(
-      (E, L) => re(E, L, e.rowKey) === C
+      (E, V) => re(E, V, e.rowKey) === C
     ) ? (o.value = o.value.filter(
-      (E, L) => re(E, L, e.rowKey) !== C
+      (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;
@@ -2852,7 +2852,7 @@ function Hs(e, n) {
     toggleRow: r,
     toggleAll: i,
     selectRow: (h, g) => {
-      yt(h, o.value, e.rowKey) || (o.value = [...o.value, h], n("rowSelected", h, g));
+      wt(h, o.value, e.rowKey) || (o.value = [...o.value, h], n("rowSelected", h, g));
     },
     deselectRow: (h, g) => {
       const C = re(h, g, e.rowKey);
@@ -2879,8 +2879,8 @@ function Hs(e, n) {
     }
   };
 }
-function Ws(e, n, t = q(!1)) {
-  const o = q(!1), s = q(!1);
+function Ws(e, n, t = I(!1)) {
+  const o = I(!1), s = I(!1);
   let l = !1;
   const a = () => {
     if (l) return;
@@ -2890,7 +2890,7 @@ function Ws(e, n, t = q(!1)) {
     o.value = x > 0, s.value = x < R - 1;
     const T = Array.from(
       p.querySelectorAll(".vs-sticky-left")
-    ), M = Array.from(
+    ), B = Array.from(
       p.querySelectorAll(".vs-sticky-right")
     );
     if (x > 0 ? T.forEach((A) => {
@@ -2899,14 +2899,14 @@ function Ws(e, n, t = q(!1)) {
     }) : T.forEach((A) => {
       const O = A.closest("thead") !== null;
       A.style.zIndex = O ? "4" : "3";
-    }), M.length) {
-      const A = M[0], O = A ? p.offsetWidth - A.offsetLeft : p.offsetWidth;
-      b.scrollWidth - (x + b.clientWidth) <= O + 5 ? M.forEach((I) => {
-        const W = I.closest("thead") !== null;
-        I.style.zIndex = W ? "5" : "4";
-      }) : M.forEach((I) => {
-        const W = I.closest("thead") !== null;
-        I.style.zIndex = W ? "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";
       });
     }
   }, r = () => {
@@ -2915,7 +2915,7 @@ function Ws(e, n, t = q(!1)) {
   }, i = (b) => b.filter((p) => p.closest("tbody")), c = (b) => {
     const p = b[0];
     return p ? Array.from(p.children) : [];
-  }, d = (b) => {
+  }, u = (b) => {
     const p = /* @__PURE__ */ new Map();
     return b.forEach((x, R) => {
       const T = x.getAttribute("data-field");
@@ -2936,16 +2936,16 @@ function Ws(e, n, t = q(!1)) {
     }), x.forEach((A) => {
       if (A.children?.length)
         A.children.forEach((O) => {
-          const N = p.get(O.field);
-          if (N === void 0) return;
-          const I = A.sticky || O.sticky;
-          I === "left" && R.push(N), I === "right" && T.push(N);
+          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);
         });
       else {
         const O = p.get(A.field);
         if (O === void 0) return;
-        const N = A.sticky;
-        N === "left" && R.push(O), N === "right" && T.push(O);
+        const K = A.sticky;
+        K === "left" && R.push(O), K === "right" && T.push(O);
       }
     }), {
       left: [...new Set(R)].sort((A, O) => A - O),
@@ -2954,12 +2954,12 @@ function Ws(e, n, t = q(!1)) {
   }, f = (b, p, x) => {
     const R = /* @__PURE__ */ new Map();
     let T = 0;
-    return p.forEach((M) => {
-      R.set(M, T);
-      const A = b[M];
+    return p.forEach((B) => {
+      R.set(B, T);
+      const A = b[B];
       A && (T += A.offsetWidth);
     }), R;
-  }, u = (b) => {
+  }, 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));
@@ -2969,11 +2969,11 @@ function Ws(e, n, t = q(!1)) {
       if (b.startsWith("group-")) {
         const T = b.replace(/^group-/, "");
         if (R === "left") {
-          const M = x.firstChild.get(T);
-          return M ? p.get(M) : void 0;
+          const B = x.firstChild.get(T);
+          return B ? p.get(B) : void 0;
         } else {
-          const M = x.lastChild.get(T);
-          return M ? p.get(M) : void 0;
+          const B = x.lastChild.get(T);
+          return B ? p.get(B) : void 0;
         }
       }
       return p.get(b);
@@ -2984,19 +2984,19 @@ function Ws(e, n, t = q(!1)) {
         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");
       });
     });
-  }, C = (b, p, x, R, T, M) => {
+  }, C = (b, p, x, R, T, B) => {
     if (!l) {
       l = !0;
       try {
         b.forEach((A) => {
-          const O = Array.from(A.children), N = A.closest("thead") !== null;
-          O.forEach((I) => {
-            const W = I.getAttribute("data-field");
+          const O = Array.from(A.children), K = A.closest("thead") !== null;
+          O.forEach((q) => {
+            const W = q.getAttribute("data-field");
             if (!W) return;
-            const V = h(W, T, M, R);
-            if (V === void 0 || !p.includes(V)) return;
-            const U = x.get(V) || 0, ge = N ? "4" : "3";
-            I.style.position = "sticky", I.style[R] = `${U}px`, I.style.zIndex = ge, I.classList.add(`vs-sticky-${R}`), I.style.background = "var(--vs-table-bg, #fff)";
+            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)";
           });
         });
       } finally {
@@ -3009,10 +3009,10 @@ function Ws(e, n, t = q(!1)) {
     if (!b.length) return;
     const p = i(b);
     if (!p.length) return;
-    const x = c(p), R = d(x), T = m(x, R, n.value);
+    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 M = f(x, T.left), A = f(x, T.right), O = u(n.value);
-      C(b, T.left, M, "left", R, O), C(b, T.right, A, "right", R, O);
+      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);
     }
     a();
   }, E = async () => {
@@ -3023,19 +3023,19 @@ function Ws(e, n, t = q(!1)) {
         console.warn("[useStickyColumns] refreshSticky failed:", b);
       }
     }, 150));
-  }, L = () => {
+  }, V = () => {
     e.value?.parentElement?.addEventListener("scroll", a), a();
-  }, P = () => {
+  }, L = () => {
     e.value?.parentElement?.removeEventListener("scroll", a);
   };
   Re(async () => {
     await oe(), setTimeout(() => {
       E();
-    }, 300), L();
-  }), He(P);
-  let B = null;
+    }, 300), V();
+  }), He(L);
+  let M = null;
   return Y([n, t], () => {
-    B && clearTimeout(B), B = setTimeout(() => {
+    M && clearTimeout(M), M = setTimeout(() => {
       E();
     }, 100);
   }, { deep: !0 }), { hasLeftShadow: o, hasRightShadow: s, refreshSticky: E };
@@ -3098,7 +3098,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 = gt(o.rows);
+    const o = e, s = yt(o.rows);
     Y(
       () => o.rows,
       (ee) => {
@@ -3106,41 +3106,42 @@ const Ks = { class: "vs-datatable" }, zs = {
       },
       { deep: !1 }
     );
-    const l = t, a = qt(), r = F(() => !!a.onRowClick), i = q(), c = q(), {
-      page: d,
+    const l = t, a = qt(), r = F(() => !!a.onRowClick), i = I(), c = I(), {
+      page: u,
       rowsPerPage: v,
       totalRecords: m,
       recordRange: f,
-      handlePageChange: u,
+      handlePageChange: d,
       handleRowsPerPage: h,
       paginatedRows: g,
       sortHelpers: C,
       searchQuery: S,
       onInputTyped: E,
-      isRowExpanded: L,
-      toggleRowExpansion: P,
-      setRowLoading: B,
+      isRowExpanded: V,
+      toggleRowExpansion: L,
+      setRowLoading: M,
       isRowLoading: b,
       filters: p,
       setFilter: x,
       clearFilter: R,
       tableRef: T,
-      tableContainer: M,
+      tableContainer: B,
       tableResponsiveRef: A,
       refresh: O
     } = Bs(
-      { ...o, rows: s.value },
+      o,
       l,
-      { header: o.stickyHeader, footer: o.stickyFooter }
+      { header: o.stickyHeader, footer: o.stickyFooter },
+      s
     ), {
-      selectedItems: N,
-      isItemSelectedControlled: I,
+      selectedItems: K,
+      isItemSelectedControlled: q,
       isAllChecked: W,
-      isSomeChecked: V,
-      toggleAll: U,
-      toggleRow: ge
-    } = Hs(o, l), Vt = F(
-      () => Ht(o.columns, I.value, o.expandable)
+      isSomeChecked: N,
+      toggleAll: D,
+      toggleRow: ve
+    } = Hs(o, l), Ze = F(
+      () => Ht(o.columns, q.value, o.expandable)
     ), { hasLeftShadow: Lt, hasRightShadow: Pt, refreshSticky: $e } = Ws(
       T,
       F(() => o.columns)
@@ -3162,8 +3163,8 @@ const Ks = { class: "vs-datatable" }, zs = {
       },
       { deep: !0 }
     ), n({
-      toggleRowExpansion: P,
-      setRowLoading: B,
+      toggleRowExpansion: L,
+      setRowLoading: M,
       refreshSticky: $e
     }), Re(async () => {
       setTimeout(() => {
@@ -3174,30 +3175,30 @@ const Ks = { class: "vs-datatable" }, zs = {
       } catch (ee) {
         l("dataError", ee);
       }
-    }), mt(() => {
+    }), pt(() => {
       l("tableUnmounted");
     }), Mt(() => {
       l("tableBeforeMount");
-    }), (ee, j) => (y(), k("div", Ks, [
+    }), (ee, U) => (y(), k("div", Ks, [
       ne(Cs, {
         "show-search": e.showSearch,
         "search-query": $(S),
-        "onUpdate:searchQuery": j[0] || (j[0] = (Z) => Fe(S) ? S.value = Z : null),
+        "onUpdate:searchQuery": U[0] || (U[0] = (Z) => Fe(S) ? S.value = Z : null),
         onSearch: $(E),
         "search-placeholder": e.searchPlaceholder,
         "search-class": e.searchClass
       }, {
         left: X(() => [
-          z(ee.$slots, "filterAreaLeft", {}, void 0, !0)
+          j(ee.$slots, "filterAreaLeft", {}, void 0, !0)
         ]),
         right: X(() => [
-          z(ee.$slots, "filterAreaRight", {}, void 0, !0)
+          j(ee.$slots, "filterAreaRight", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["show-search", "search-query", "onSearch", "search-placeholder", "search-class"]),
       w("div", {
         ref_key: "tableContainer",
-        ref: M,
+        ref: B,
         class: G(["vs-table-container vs-position-relative vs-overflow-auto", [
           e.containerClass,
           {
@@ -3221,27 +3222,27 @@ const Ks = { class: "vs-datatable" }, zs = {
               ref: i,
               columns: e.columns,
               expandable: e.expandable,
-              "is-item-selected-controlled": $(I),
+              "is-item-selected-controlled": $(q),
               "is-all-checked": $(W),
-              "is-some-checked": $(V),
+              "is-some-checked": $(N),
               tablename: e.tablename,
               "sort-helpers": $(C),
               filters: $(p),
-              "onUpdate:filters": j[1] || (j[1] = (Z) => Fe(p) ? p.value = Z : null),
+              "onUpdate:filters": U[1] || (U[1] = (Z) => Fe(p) ? p.value = Z : null),
               rows: e.rows,
               "header-class": e.headerClass,
-              onToggleAll: $(U),
-              onApplyFilter: j[2] || (j[2] = (Z, de) => {
-                $(x)(Z, de), d.value = 1;
+              onToggleAll: $(D),
+              onApplyFilter: U[2] || (U[2] = (Z, de) => {
+                $(x)(Z, de), u.value = 1;
               }),
-              onClearFilter: j[3] || (j[3] = (Z) => {
-                $(R)(Z), d.value = 1;
+              onClearFilter: U[3] || (U[3] = (Z) => {
+                $(R)(Z), u.value = 1;
               })
             }, Te({ _: 2 }, [
               Q(ee.$slots, (Z, de) => ({
                 name: de,
-                fn: X((Ze) => [
-                  z(ee.$slots, de, nt(ot(Ze)), void 0, !0)
+                fn: X((Xe) => [
+                  j(ee.$slots, de, ot(st(Xe)), void 0, !0)
                 ])
               }))
             ]), 1032, ["columns", "expandable", "is-item-selected-controlled", "is-all-checked", "is-some-checked", "tablename", "sort-helpers", "filters", "rows", "header-class", "onToggleAll"]),
@@ -3253,10 +3254,10 @@ const Ks = { class: "vs-datatable" }, zs = {
               "no-data-text": e.noDataText,
               "no-data-description": e.noDataDescription,
               "paginated-rows": $(g),
-              "total-columns": Vt.value,
+              "total-columns": Ze.value,
               expandable: e.expandable,
-              "is-item-selected-controlled": $(I),
-              "selected-items": $(N),
+              "is-item-selected-controlled": $(q),
+              "selected-items": $(K),
               tablename: e.tablename,
               columns: e.columns,
               "row-key": e.rowKey,
@@ -3265,17 +3266,17 @@ const Ks = { class: "vs-datatable" }, zs = {
               "has-row-click": r.value,
               "get-row-key": $(re),
               "get-value": $(Bt),
-              "is-row-expanded": $(L),
+              "is-row-expanded": $(V),
               "is-row-loading": $(b),
-              "toggle-row-expansion": $(P),
-              "toggle-row": $(ge),
-              "is-row-selected": $(yt),
-              onRowClick: j[4] || (j[4] = (Z, de) => ee.$emit("rowClick", Z, de))
+              "toggle-row-expansion": $(L),
+              "toggle-row": $(ve),
+              "is-row-selected": $(wt),
+              onRowClick: U[4] || (U[4] = (Z, de) => ee.$emit("rowClick", Z, de))
             }, Te({ _: 2 }, [
               Q(ee.$slots, (Z, de) => ({
                 name: de,
-                fn: X((Ze) => [
-                  z(ee.$slots, de, nt(ot(Ze)), void 0, !0)
+                fn: X((Xe) => [
+                  j(ee.$slots, de, ot(st(Xe)), void 0, !0)
                 ])
               }))
             ]), 1032, ["loading", "loading-text", "no-data-text", "no-data-description", "paginated-rows", "total-columns", "expandable", "is-item-selected-controlled", "selected-items", "tablename", "columns", "row-key", "row-class", "cell-class", "has-row-click", "get-row-key", "get-value", "is-row-expanded", "is-row-loading", "toggle-row-expansion", "toggle-row", "is-row-selected"]),
@@ -3284,8 +3285,8 @@ const Ks = { class: "vs-datatable" }, zs = {
               columns: e.columns,
               rows: $(g),
               expandable: e.expandable,
-              "is-item-selected-controlled": $(I)
-            }, null, 8, ["columns", "rows", "expandable", "is-item-selected-controlled"])) : D("", !0)
+              "is-item-selected-controlled": $(q)
+            }, null, 8, ["columns", "rows", "expandable", "is-item-selected-controlled"])) : P("", !0)
           ], 2)
         ], 2)
       ], 2),
@@ -3293,26 +3294,26 @@ const Ks = { class: "vs-datatable" }, zs = {
         w("div", js, [
           ne(on, {
             modelValue: $(v),
-            "onUpdate:modelValue": j[5] || (j[5] = (Z) => Fe(v) ? v.value = Z : null),
+            "onUpdate:modelValue": U[5] || (U[5] = (Z) => Fe(v) ? v.value = Z : null),
             onRowsPerPageChanged: $(h)
           }, null, 8, ["modelValue", "onRowsPerPageChanged"]),
-          j[7] || (j[7] = w("div", { class: "vs-divider" }, null, -1)),
+          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)
         ]),
         ne(Jt, {
-          modelValue: $(d),
-          "onUpdate:modelValue": j[6] || (j[6] = (Z) => Fe(d) ? d.value = Z : null),
+          modelValue: $(u),
+          "onUpdate:modelValue": U[6] || (U[6] = (Z) => Fe(u) ? u.value = Z : null),
           totalRecords: $(m),
           rowsPerPage: $(v),
           maxVisible: e.maxVisiblePages,
           tablename: e.tablename,
           class: G(e.paginationClass),
-          onPageChanged: $(u)
+          onPageChanged: $(d)
         }, null, 8, ["modelValue", "totalRecords", "rowsPerPage", "maxVisible", "tablename", "class", "onPageChanged"])
-      ])) : D("", !0)
+      ])) : P("", !0)
     ]));
   }
-}), Xs = /* @__PURE__ */ ae(Zs, [["__scopeId", "data-v-6e690e26"]]), Ys = {
+}), Xs = /* @__PURE__ */ ae(Zs, [["__scopeId", "data-v-397a4bba"]]), Ys = {
   install(e) {
     e.component("VsDataTable", Xs);
   }