vs-datatable 1.1.0 → 1.2.0

package/dist/vs-datatable.es.js

@@ -1,13 +1,13 @@
-import { defineComponent as _, computed as T, createElementBlock as w, openBlock as h, createElementVNode as g, createCommentVNode as P, Fragment as K, renderList as j, normalizeClass as W, toDisplayString as D, unref as R, mergeProps as xt, renderSlot as N, ref as L, watch as G, createVNode as X, withModifiers as le, withCtx as H, withDirectives as U, vModelText as oe, nextTick as Ct, onMounted as st, onUnmounted as lt, createBlock as de, Teleport as kt, Transition as Rt, vModelSelect as Me, normalizeStyle as St, createSlots as Ie, createTextVNode as je, isRef as ye, shallowRef as at, useAttrs as Tt, onBeforeMount as $t, normalizeProps as ze, guardReactiveProps as Ze } from "vue";
+import { defineComponent as _, computed as T, createElementBlock as w, openBlock as h, createElementVNode as g, createCommentVNode as P, Fragment as K, renderList as z, normalizeClass as W, toDisplayString as D, unref as R, mergeProps as xt, renderSlot as q, ref as L, watch as G, createVNode as j, withModifiers as le, withCtx as I, withDirectives as U, vModelText as oe, nextTick as Ct, onMounted as st, onUnmounted as lt, createBlock as fe, Teleport as kt, Transition as Rt, vModelSelect as Me, normalizeStyle as St, createSlots as Ne, createTextVNode as je, isRef as ye, shallowRef as at, useAttrs as Tt, onBeforeMount as $t, normalizeProps as ze, guardReactiveProps as Ze } from "vue";
 import './index.css';function Vt(e, t) {
   return t.split(".").reduce((n, o) => n?.[o], e) ?? "";
 }
-function Q(e, t, n = "id") {
+function X(e, t, n = "id") {
   return typeof n == "function" ? n(e, t) : e[n] || t;
 }
 function rt(e, t, n = "id") {
   return t.some(
-    (o) => Q(o, -1, n) === Q(e, -1, n)
+    (o) => X(o, -1, n) === X(e, -1, n)
   );
 }
 function Ot(e, t, n) {
@@ -50,7 +50,7 @@ const Dt = ["id"], Lt = ["disabled"], Ft = {
 }, Bt = ["id", "onClick"], Mt = {
   key: 2,
   class: "vs-pagination-ellipsis"
-}, Nt = ["disabled"], It = /* @__PURE__ */ _({
+}, qt = ["disabled"], Nt = /* @__PURE__ */ _({
   __name: "VsPagination",
   props: {
     modelValue: {},
@@ -76,7 +76,7 @@ const Dt = ["id"], Lt = ["disabled"], Ft = {
       v >= 1 && v <= u.value && (l.value = v);
     }, i = () => {
       l.value > 1 && l.value--;
-    }, m = () => {
+    }, p = () => {
       l.value < u.value && l.value++;
     };
     return (v, d) => (h(), w("div", {
@@ -93,32 +93,32 @@ const Dt = ["id"], Lt = ["disabled"], Ft = {
         key: 0,
         type: "button",
         class: "vs-pagination-button",
-        onClick: d[0] || (d[0] = (p) => f(1))
+        onClick: d[0] || (d[0] = (m) => f(1))
       }, " 1 ")) : P("", !0),
       a.value > 2 ? (h(), w("span", Ft, "...")) : P("", !0),
-      (h(!0), w(K, null, j(c.value, (p) => (h(), w("button", {
-        key: p,
+      (h(!0), w(K, null, z(c.value, (m) => (h(), w("button", {
+        key: m,
         type: "button",
         class: W([
           "vs-pagination-button",
-          { "vs-active": l.value === p }
+          { "vs-active": l.value === m }
         ]),
-        id: e.tablename + "-page-" + p,
-        onClick: (b) => f(p)
-      }, D(p), 11, Bt))), 128)),
+        id: e.tablename + "-page-" + m,
+        onClick: (b) => f(m)
+      }, D(m), 11, Bt))), 128)),
       r.value < u.value - 1 ? (h(), w("span", Mt, "...")) : P("", !0),
       r.value < u.value ? (h(), w("button", {
         key: 3,
         type: "button",
         class: "vs-pagination-button",
-        onClick: d[1] || (d[1] = (p) => f(u.value))
+        onClick: d[1] || (d[1] = (m) => f(u.value))
       }, D(u.value), 1)) : P("", !0),
       g("button", {
-        onClick: m,
+        onClick: p,
         type: "button",
         class: "vs-pagination-button vs-pagination-nav",
         disabled: l.value === u.value
-      }, " ›› ", 8, Nt)
+      }, " ›› ", 8, qt)
     ], 8, Dt));
   }
 }), ne = (e, t) => {
@@ -126,7 +126,7 @@ const Dt = ["id"], Lt = ["disabled"], Ft = {
   for (const [o, s] of t)
     n[o] = s;
   return n;
-}, qt = /* @__PURE__ */ ne(It, [["__scopeId", "data-v-b327b254"]]), Ht = { class: "vs-rows-per-page" }, Kt = ["value"], Wt = ["value"], Ut = /* @__PURE__ */ _({
+}, It = /* @__PURE__ */ ne(Nt, [["__scopeId", "data-v-b327b254"]]), Ht = { class: "vs-rows-per-page" }, Kt = ["value"], Wt = ["value"], Ut = /* @__PURE__ */ _({
   __name: "VsRowsPerPage",
   props: {
     modelValue: {},
@@ -145,14 +145,14 @@ const Dt = ["id"], Lt = ["disabled"], Ft = {
         value: e.modelValue,
         onChange: l
       }, [
-        (h(!0), w(K, null, j(R(s), (u) => (h(), w("option", {
+        (h(!0), w(K, null, z(R(s), (u) => (h(), w("option", {
           key: u,
           value: u
         }, D(u), 9, Wt))), 128))
       ], 40, Kt)
     ]));
   }
-}), jt = /* @__PURE__ */ ne(Ut, [["__scopeId", "data-v-0c2bdd9c"]]), Te = Math.min, re = Math.max, $e = Math.round, Re = Math.floor, Y = (e) => ({
+}), jt = /* @__PURE__ */ ne(Ut, [["__scopeId", "data-v-0c2bdd9c"]]), Te = Math.min, ie = Math.max, $e = Math.round, Re = Math.floor, Y = (e) => ({
   x: e,
   y: e
 }), zt = {
@@ -165,12 +165,12 @@ const Dt = ["id"], Lt = ["disabled"], Ft = {
   end: "start"
 };
 function Xe(e, t, n) {
-  return re(e, Te(t, n));
+  return ie(e, Te(t, n));
 }
 function Ee(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function ie(e) {
+function ue(e) {
   return e.split("-")[0];
 }
 function Pe(e) {
@@ -184,7 +184,7 @@ function ct(e) {
 }
 const Qt = /* @__PURE__ */ new Set(["top", "bottom"]);
 function se(e) {
-  return Qt.has(ie(e)) ? "y" : "x";
+  return Qt.has(ue(e)) ? "y" : "x";
 }
 function dt(e) {
   return ut(se(e));
@@ -197,9 +197,9 @@ function Xt(e, t, n) {
 }
 function Yt(e) {
   const t = Ve(e);
-  return [qe(e), t, qe(t)];
+  return [Ie(e), t, Ie(t)];
 }
-function qe(e) {
+function Ie(e) {
   return e.replace(/start|end/g, (t) => Zt[t]);
 }
 const Ye = ["left", "right"], Ge = ["right", "left"], Gt = ["top", "bottom"], Jt = ["bottom", "top"];
@@ -217,8 +217,8 @@ function _t(e, t, n) {
 }
 function en(e, t, n, o) {
   const s = Pe(e);
-  let l = _t(ie(e), n === "start", o);
-  return s && (l = l.map((a) => a + "-" + s), t && (l = l.concat(l.map(qe)))), l;
+  let l = _t(ue(e), n === "start", o);
+  return s && (l = l.map((a) => a + "-" + s), t && (l = l.concat(l.map(Ie)))), l;
 }
 function Ve(e) {
   return e.replace(/left|right|bottom|top/g, (t) => zt[t]);
@@ -263,7 +263,7 @@ function Je(e, t, n) {
     reference: o,
     floating: s
   } = e;
-  const l = se(t), a = dt(t), r = ct(a), u = ie(t), c = l === "y", f = o.x + o.width / 2 - s.width / 2, i = o.y + o.height / 2 - s.height / 2, m = o[r] / 2 - s[r] / 2;
+  const l = se(t), a = dt(t), r = ct(a), u = ue(t), c = l === "y", f = o.x + o.width / 2 - s.width / 2, i = o.y + o.height / 2 - s.height / 2, p = o[r] / 2 - s[r] / 2;
   let v;
   switch (u) {
     case "top":
@@ -298,10 +298,10 @@ function Je(e, t, n) {
   }
   switch (Pe(t)) {
     case "start":
-      v[a] -= m * (n && c ? -1 : 1);
+      v[a] -= p * (n && c ? -1 : 1);
       break;
     case "end":
-      v[a] += m * (n && c ? -1 : 1);
+      v[a] += p * (n && c ? -1 : 1);
       break;
   }
   return v;
@@ -320,12 +320,12 @@ const on = async (e, t, n) => {
   }), {
     x: f,
     y: i
-  } = Je(c, o, u), m = o, v = {}, d = 0;
-  for (let p = 0; p < r.length; p++) {
+  } = Je(c, o, u), p = o, v = {}, d = 0;
+  for (let m = 0; m < r.length; m++) {
     const {
       name: b,
       fn: C
-    } = r[p], {
+    } = r[m], {
       x: k,
       y: S,
       data: O,
@@ -334,7 +334,7 @@ const on = async (e, t, n) => {
       x: f,
       y: i,
       initialPlacement: o,
-      placement: m,
+      placement: p,
       strategy: s,
       middlewareData: v,
       rects: c,
@@ -350,19 +350,19 @@ const on = async (e, t, n) => {
         ...v[b],
         ...O
       }
-    }, A && d <= 50 && (d++, typeof A == "object" && (A.placement && (m = A.placement), A.rects && (c = A.rects === !0 ? await a.getElementRects({
+    }, A && d <= 50 && (d++, typeof A == "object" && (A.placement && (p = A.placement), A.rects && (c = A.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: t,
       strategy: s
     }) : A.rects), {
       x: f,
       y: i
-    } = Je(c, m, u)), p = -1);
+    } = Je(c, p, u)), m = -1);
   }
   return {
     x: f,
     y: i,
-    placement: m,
+    placement: p,
     strategy: s,
     middlewareData: v
   };
@@ -381,9 +381,9 @@ async function ft(e, t) {
     boundary: c = "clippingAncestors",
     rootBoundary: f = "viewport",
     elementContext: i = "floating",
-    altBoundary: m = !1,
+    altBoundary: p = !1,
     padding: v = 0
-  } = Ee(t, e), d = nn(v), b = r[m ? i === "floating" ? "reference" : "floating" : i], C = Oe(await l.getClippingRect({
+  } = Ee(t, e), d = nn(v), b = r[p ? i === "floating" ? "reference" : "floating" : i], C = Oe(await l.getClippingRect({
     element: (n = await (l.isElement == null ? void 0 : l.isElement(b))) == null || n ? b : b.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(r.floating)),
     boundary: c,
     rootBoundary: f,
@@ -428,46 +428,46 @@ const sn = function(e) {
       } = t, {
         mainAxis: f = !0,
         crossAxis: i = !0,
-        fallbackPlacements: m,
+        fallbackPlacements: p,
         fallbackStrategy: v = "bestFit",
         fallbackAxisSideDirection: d = "none",
-        flipAlignment: p = !0,
+        flipAlignment: m = !0,
         ...b
       } = Ee(e, t);
       if ((n = l.arrow) != null && n.alignmentOffset)
         return {};
-      const C = ie(s), k = se(r), S = ie(r) === r, O = await (u.isRTL == null ? void 0 : u.isRTL(c.floating)), A = m || (S || !p ? [Ve(r)] : Yt(r)), M = d !== "none";
-      !m && M && A.push(...en(r, p, d, O));
+      const C = ue(s), k = se(r), S = ue(r) === r, O = await (u.isRTL == null ? void 0 : u.isRTL(c.floating)), A = p || (S || !m ? [Ve(r)] : Yt(r)), M = d !== "none";
+      !p && M && A.push(...en(r, m, d, O));
       const $ = [r, ...A], x = await ft(t, b), y = [];
-      let I = ((o = l.flip) == null ? void 0 : o.overflows) || [];
+      let N = ((o = l.flip) == null ? void 0 : o.overflows) || [];
       if (f && y.push(x[C]), i) {
         const te = Xt(s, a, O);
         y.push(x[te[0]], x[te[1]]);
       }
-      if (I = [...I, {
+      if (N = [...N, {
         placement: s,
         overflows: y
       }], !y.every((te) => te <= 0)) {
-        var ce, Ce;
-        const te = (((ce = l.flip) == null ? void 0 : ce.index) || 0) + 1, he = $[te];
+        var de, Ce;
+        const te = (((de = l.flip) == null ? void 0 : de.index) || 0) + 1, he = $[te];
         if (he && (!(i === "alignment" ? k !== se(he) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        I.every((V) => se(V.placement) === k ? V.overflows[0] > 0 : !0)))
+        N.every((V) => se(V.placement) === k ? V.overflows[0] > 0 : !0)))
           return {
             data: {
               index: te,
-              overflows: I
+              overflows: N
             },
             reset: {
               placement: he
             }
           };
-        let B = (Ce = I.filter((E) => E.overflows[0] <= 0).sort((E, V) => E.overflows[1] - V.overflows[1])[0]) == null ? void 0 : Ce.placement;
+        let B = (Ce = N.filter((E) => E.overflows[0] <= 0).sort((E, V) => E.overflows[1] - V.overflows[1])[0]) == null ? void 0 : Ce.placement;
         if (!B)
           switch (v) {
             case "bestFit": {
               var ke;
-              const E = (ke = I.filter((V) => {
+              const E = (ke = N.filter((V) => {
                 if (M) {
                   const F = se(V.placement);
                   return F === k || // Create a bias to the `y` side axis due to horizontal
@@ -499,9 +499,9 @@ async function an(e, t) {
     placement: n,
     platform: o,
     elements: s
-  } = e, l = await (o.isRTL == null ? void 0 : o.isRTL(s.floating)), a = ie(n), r = Pe(n), u = se(n) === "y", c = ln.has(a) ? -1 : 1, f = l && u ? -1 : 1, i = Ee(t, e);
+  } = e, l = await (o.isRTL == null ? void 0 : o.isRTL(s.floating)), a = ue(n), r = Pe(n), u = se(n) === "y", c = ln.has(a) ? -1 : 1, f = l && u ? -1 : 1, i = Ee(t, e);
   let {
-    mainAxis: m,
+    mainAxis: p,
     crossAxis: v,
     alignmentAxis: d
   } = typeof i == "number" ? {
@@ -515,9 +515,9 @@ async function an(e, t) {
   };
   return r && typeof d == "number" && (v = r === "end" ? d * -1 : d), u ? {
     x: v * f,
-    y: m * c
+    y: p * c
   } : {
-    x: m * c,
+    x: p * c,
     y: v * f
   };
 }
@@ -571,28 +571,28 @@ const rn = function(e) {
       } = Ee(e, t), c = {
         x: n,
         y: o
-      }, f = await ft(t, u), i = se(ie(s)), m = ut(i);
-      let v = c[m], d = c[i];
+      }, f = await ft(t, u), i = se(ue(s)), p = ut(i);
+      let v = c[p], d = c[i];
       if (l) {
-        const b = m === "y" ? "top" : "left", C = m === "y" ? "bottom" : "right", k = v + f[b], S = v - f[C];
+        const b = p === "y" ? "top" : "left", C = p === "y" ? "bottom" : "right", k = v + f[b], S = v - f[C];
         v = Xe(k, v, S);
       }
       if (a) {
         const b = i === "y" ? "top" : "left", C = i === "y" ? "bottom" : "right", k = d + f[b], S = d - f[C];
         d = Xe(k, d, S);
       }
-      const p = r.fn({
+      const m = r.fn({
         ...t,
-        [m]: v,
+        [p]: v,
         [i]: d
       });
       return {
-        ...p,
+        ...m,
         data: {
-          x: p.x - n,
-          y: p.y - o,
+          x: m.x - n,
+          y: m.y - o,
           enabled: {
-            [m]: l,
+            [p]: l,
             [i]: a
           }
         }
@@ -606,7 +606,7 @@ function De() {
 function ge(e) {
   return vt(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function q(e) {
+function H(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
@@ -615,16 +615,16 @@ function ee(e) {
   return (t = (vt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function vt(e) {
-  return De() ? e instanceof Node || e instanceof q(e).Node : !1;
+  return De() ? e instanceof Node || e instanceof H(e).Node : !1;
 }
-function z(e) {
-  return De() ? e instanceof Element || e instanceof q(e).Element : !1;
+function Z(e) {
+  return De() ? e instanceof Element || e instanceof H(e).Element : !1;
 }
 function J(e) {
-  return De() ? e instanceof HTMLElement || e instanceof q(e).HTMLElement : !1;
+  return De() ? e instanceof HTMLElement || e instanceof H(e).HTMLElement : !1;
 }
 function _e(e) {
-  return !De() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof q(e).ShadowRoot;
+  return !De() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof H(e).ShadowRoot;
 }
 const cn = /* @__PURE__ */ new Set(["inline", "contents"]);
 function xe(e) {
@@ -633,7 +633,7 @@ function xe(e) {
     overflowX: n,
     overflowY: o,
     display: s
-  } = Z(e);
+  } = Q(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !cn.has(s);
 }
 const dn = /* @__PURE__ */ new Set(["table", "td", "th"]);
@@ -650,14 +650,14 @@ function Le(e) {
     }
   });
 }
-const mn = ["transform", "translate", "scale", "rotate", "perspective"], pn = ["transform", "translate", "scale", "rotate", "perspective", "filter"], gn = ["paint", "layout", "strict", "content"];
+const pn = ["transform", "translate", "scale", "rotate", "perspective"], mn = ["transform", "translate", "scale", "rotate", "perspective", "filter"], gn = ["paint", "layout", "strict", "content"];
 function Ke(e) {
-  const t = We(), n = z(e) ? Z(e) : e;
-  return mn.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || pn.some((o) => (n.willChange || "").includes(o)) || gn.some((o) => (n.contain || "").includes(o));
+  const t = We(), n = Z(e) ? Q(e) : e;
+  return pn.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || mn.some((o) => (n.willChange || "").includes(o)) || gn.some((o) => (n.contain || "").includes(o));
 }
 function hn(e) {
   let t = ae(e);
-  for (; J(t) && !pe(t); ) {
+  for (; J(t) && !me(t); ) {
     if (Ke(t))
       return t;
     if (Le(t))
@@ -670,14 +670,14 @@ function We() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 const wn = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function pe(e) {
+function me(e) {
   return wn.has(ge(e));
 }
-function Z(e) {
-  return q(e).getComputedStyle(e);
+function Q(e) {
+  return H(e).getComputedStyle(e);
 }
 function Fe(e) {
-  return z(e) ? {
+  return Z(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -697,14 +697,14 @@ function ae(e) {
   );
   return _e(t) ? t.host : t;
 }
-function mt(e) {
+function pt(e) {
   const t = ae(e);
-  return pe(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : J(t) && xe(t) ? t : mt(t);
+  return me(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : J(t) && xe(t) ? t : pt(t);
 }
 function be(e, t, n) {
   var o;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const s = mt(e), l = s === ((o = e.ownerDocument) == null ? void 0 : o.body), a = q(s);
+  const s = pt(e), l = s === ((o = e.ownerDocument) == null ? void 0 : o.body), a = H(s);
   if (l) {
     const r = He(a);
     return t.concat(a, a.visualViewport || [], xe(s) ? s : [], r && n ? be(r) : []);
@@ -714,8 +714,8 @@ function be(e, t, n) {
 function He(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function pt(e) {
-  const t = Z(e);
+function mt(e) {
+  const t = Q(e);
   let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
   const s = J(e), l = s ? e.offsetWidth : n, a = s ? e.offsetHeight : o, r = $e(n) !== l || $e(o) !== a;
   return r && (n = l, o = a), {
@@ -725,7 +725,7 @@ function pt(e) {
   };
 }
 function Ue(e) {
-  return z(e) ? e : e.contextElement;
+  return Z(e) ? e : e.contextElement;
 }
 function ve(e) {
   const t = Ue(e);
@@ -735,7 +735,7 @@ function ve(e) {
     width: o,
     height: s,
     $: l
-  } = pt(t);
+  } = mt(t);
   let a = (l ? $e(n.width) : n.width) / o, r = (l ? $e(n.height) : n.height) / s;
   return (!a || !Number.isFinite(a)) && (a = 1), (!r || !Number.isFinite(r)) && (r = 1), {
     x: a,
@@ -744,28 +744,28 @@ function ve(e) {
 }
 const yn = /* @__PURE__ */ Y(0);
 function gt(e) {
-  const t = q(e);
+  const t = H(e);
   return !We() || !t.visualViewport ? yn : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
 function bn(e, t, n) {
-  return t === void 0 && (t = !1), !n || t && n !== q(e) ? !1 : t;
+  return t === void 0 && (t = !1), !n || t && n !== H(e) ? !1 : t;
 }
-function ue(e, t, n, o) {
+function ce(e, t, n, o) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   const s = e.getBoundingClientRect(), l = Ue(e);
   let a = Y(1);
-  t && (o ? z(o) && (a = ve(o)) : a = ve(e));
+  t && (o ? Z(o) && (a = ve(o)) : a = ve(e));
   const r = bn(l, n, o) ? gt(l) : Y(0);
   let u = (s.left + r.x) / a.x, c = (s.top + r.y) / a.y, f = s.width / a.x, i = s.height / a.y;
   if (l) {
-    const m = q(l), v = o && z(o) ? q(o) : o;
-    let d = m, p = He(d);
-    for (; p && o && v !== d; ) {
-      const b = ve(p), C = p.getBoundingClientRect(), k = Z(p), S = C.left + (p.clientLeft + parseFloat(k.paddingLeft)) * b.x, O = C.top + (p.clientTop + parseFloat(k.paddingTop)) * b.y;
-      u *= b.x, c *= b.y, f *= b.x, i *= b.y, u += S, c += O, d = q(p), p = He(d);
+    const p = H(l), v = o && Z(o) ? H(o) : o;
+    let d = p, m = He(d);
+    for (; m && o && v !== d; ) {
+      const b = ve(m), C = m.getBoundingClientRect(), k = Q(m), S = C.left + (m.clientLeft + parseFloat(k.paddingLeft)) * b.x, O = C.top + (m.clientTop + parseFloat(k.paddingTop)) * b.y;
+      u *= b.x, c *= b.y, f *= b.x, i *= b.y, u += S, c += O, d = H(m), m = He(d);
     }
   }
   return Oe({
@@ -777,7 +777,7 @@ function ue(e, t, n, o) {
 }
 function Be(e, t) {
   const n = Fe(e).scrollLeft;
-  return t ? t.left + n : ue(ee(e)).left + n;
+  return t ? t.left + n : ce(ee(e)).left + n;
 }
 function ht(e, t) {
   const n = e.getBoundingClientRect(), o = n.left + t.scrollLeft - Be(e, n), s = n.top + t.scrollTop;
@@ -802,25 +802,25 @@ function xn(e) {
   }, c = Y(1);
   const f = Y(0), i = J(o);
   if ((i || !i && !l) && ((ge(o) !== "body" || xe(a)) && (u = Fe(o)), J(o))) {
-    const v = ue(o);
+    const v = ce(o);
     c = ve(o), f.x = v.x + o.clientLeft, f.y = v.y + o.clientTop;
   }
-  const m = a && !i && !l ? ht(a, u) : Y(0);
+  const p = a && !i && !l ? ht(a, u) : Y(0);
   return {
     width: n.width * c.x,
     height: n.height * c.y,
-    x: n.x * c.x - u.scrollLeft * c.x + f.x + m.x,
-    y: n.y * c.y - u.scrollTop * c.y + f.y + m.y
+    x: n.x * c.x - u.scrollLeft * c.x + f.x + p.x,
+    y: n.y * c.y - u.scrollTop * c.y + f.y + p.y
   };
 }
 function Cn(e) {
   return Array.from(e.getClientRects());
 }
 function kn(e) {
-  const t = ee(e), n = Fe(e), o = e.ownerDocument.body, s = re(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), l = re(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  const t = ee(e), n = Fe(e), o = e.ownerDocument.body, s = ie(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), l = ie(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
   let a = -n.scrollLeft + Be(e);
   const r = -n.scrollTop;
-  return Z(o).direction === "rtl" && (a += re(t.clientWidth, o.clientWidth) - s), {
+  return Q(o).direction === "rtl" && (a += ie(t.clientWidth, o.clientWidth) - s), {
     width: s,
     height: l,
     x: a,
@@ -829,7 +829,7 @@ function kn(e) {
 }
 const et = 25;
 function Rn(e, t) {
-  const n = q(e), o = ee(e), s = n.visualViewport;
+  const n = H(e), o = ee(e), s = n.visualViewport;
   let l = o.clientWidth, a = o.clientHeight, r = 0, u = 0;
   if (s) {
     l = s.width, a = s.height;
@@ -838,7 +838,7 @@ function Rn(e, t) {
   }
   const c = Be(o);
   if (c <= 0) {
-    const f = o.ownerDocument, i = f.body, m = getComputedStyle(i), v = f.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, d = Math.abs(o.clientWidth - i.clientWidth - v);
+    const f = o.ownerDocument, i = f.body, p = getComputedStyle(i), v = f.compatMode === "CSS1Compat" && parseFloat(p.marginLeft) + parseFloat(p.marginRight) || 0, d = Math.abs(o.clientWidth - i.clientWidth - v);
     d <= et && (l -= d);
   } else c <= et && (l += c);
   return {
@@ -850,7 +850,7 @@ function Rn(e, t) {
 }
 const Sn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function Tn(e, t) {
-  const n = ue(e, !0, t === "fixed"), o = n.top + e.clientTop, s = n.left + e.clientLeft, l = J(e) ? ve(e) : Y(1), a = e.clientWidth * l.x, r = e.clientHeight * l.y, u = s * l.x, c = o * l.y;
+  const n = ce(e, !0, t === "fixed"), o = n.top + e.clientTop, s = n.left + e.clientLeft, l = J(e) ? ve(e) : Y(1), a = e.clientWidth * l.x, r = e.clientHeight * l.y, u = s * l.x, c = o * l.y;
   return {
     width: a,
     height: r,
@@ -864,7 +864,7 @@ function tt(e, t, n) {
     o = Rn(e, n);
   else if (t === "document")
     o = kn(ee(e));
-  else if (z(t))
+  else if (Z(t))
     o = Tn(t, n);
   else {
     const s = gt(e);
@@ -879,17 +879,17 @@ function tt(e, t, n) {
 }
 function wt(e, t) {
   const n = ae(e);
-  return n === t || !z(n) || pe(n) ? !1 : Z(n).position === "fixed" || wt(n, t);
+  return n === t || !Z(n) || me(n) ? !1 : Q(n).position === "fixed" || wt(n, t);
 }
 function $n(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let o = be(e, [], !1).filter((r) => z(r) && ge(r) !== "body"), s = null;
-  const l = Z(e).position === "fixed";
+  let o = be(e, [], !1).filter((r) => Z(r) && ge(r) !== "body"), s = null;
+  const l = Q(e).position === "fixed";
   let a = l ? ae(e) : e;
-  for (; z(a) && !pe(a); ) {
-    const r = Z(a), u = Ke(a);
+  for (; Z(a) && !me(a); ) {
+    const r = Q(a), u = Ke(a);
     !u && r.position === "fixed" && (s = null), (l ? !u && !s : !u && r.position === "static" && !!s && Sn.has(s.position) || xe(a) && !u && wt(e, a)) ? o = o.filter((f) => f !== a) : s = r, a = ae(a);
   }
   return t.set(e, o), o;
@@ -903,7 +903,7 @@ function Vn(e) {
   } = e;
   const a = [...n === "clippingAncestors" ? Le(t) ? [] : $n(t, this._c) : [].concat(n), o], r = a[0], u = a.reduce((c, f) => {
     const i = tt(t, f, s);
-    return c.top = re(i.top, c.top), c.right = Te(i.right, c.right), c.bottom = Te(i.bottom, c.bottom), c.left = re(i.left, c.left), c;
+    return c.top = ie(i.top, c.top), c.right = Te(i.right, c.right), c.bottom = Te(i.bottom, c.bottom), c.left = ie(i.left, c.left), c;
   }, tt(t, r, s));
   return {
     width: u.right - u.left,
@@ -916,14 +916,14 @@ function On(e) {
   const {
     width: t,
     height: n
-  } = pt(e);
+  } = mt(e);
   return {
     width: t,
     height: n
   };
 }
 function An(e, t, n) {
-  const o = J(t), s = ee(t), l = n === "fixed", a = ue(e, !0, l, t);
+  const o = J(t), s = ee(t), l = n === "fixed", a = ce(e, !0, l, t);
   let r = {
     scrollLeft: 0,
     scrollTop: 0
@@ -934,23 +934,23 @@ function An(e, t, n) {
   }
   if (o || !o && !l)
     if ((ge(t) !== "body" || xe(s)) && (r = Fe(t)), o) {
-      const v = ue(t, !0, l, t);
+      const v = ce(t, !0, l, t);
       u.x = v.x + t.clientLeft, u.y = v.y + t.clientTop;
     } else s && c();
   l && !o && s && c();
-  const f = s && !o && !l ? ht(s, r) : Y(0), i = a.left + r.scrollLeft - u.x - f.x, m = a.top + r.scrollTop - u.y - f.y;
+  const f = s && !o && !l ? ht(s, r) : Y(0), i = a.left + r.scrollLeft - u.x - f.x, p = a.top + r.scrollTop - u.y - f.y;
   return {
     x: i,
-    y: m,
+    y: p,
     width: a.width,
     height: a.height
   };
 }
-function Ne(e) {
-  return Z(e).position === "static";
+function qe(e) {
+  return Q(e).position === "static";
 }
 function nt(e, t) {
-  if (!J(e) || Z(e).position === "fixed")
+  if (!J(e) || Q(e).position === "fixed")
     return null;
   if (t)
     return t(e);
@@ -958,22 +958,22 @@ function nt(e, t) {
   return ee(e) === n && (n = n.ownerDocument.body), n;
 }
 function yt(e, t) {
-  const n = q(e);
+  const n = H(e);
   if (Le(e))
     return n;
   if (!J(e)) {
     let s = ae(e);
-    for (; s && !pe(s); ) {
-      if (z(s) && !Ne(s))
+    for (; s && !me(s); ) {
+      if (Z(s) && !qe(s))
         return s;
       s = ae(s);
     }
     return n;
   }
   let o = nt(e, t);
-  for (; o && fn(o) && Ne(o); )
+  for (; o && fn(o) && qe(o); )
     o = nt(o, t);
-  return o && pe(o) && Ne(o) && !Ke(o) ? n : o || hn(e) || n;
+  return o && me(o) && qe(o) && !Ke(o) ? n : o || hn(e) || n;
 }
 const En = async function(e) {
   const t = this.getOffsetParent || yt, n = this.getDimensions, o = await n(e.floating);
@@ -988,7 +988,7 @@ const En = async function(e) {
   };
 };
 function Pn(e) {
-  return Z(e).direction === "rtl";
+  return Q(e).direction === "rtl";
 }
 const Dn = {
   convertOffsetParentRelativeRectToViewportRelativeRect: xn,
@@ -999,7 +999,7 @@ const Dn = {
   getClientRects: Cn,
   getDimensions: On,
   getScale: ve,
-  isElement: z,
+  isElement: Z,
   isRTL: Pn
 };
 function bt(e, t) {
@@ -1017,14 +1017,14 @@ function Ln(e, t) {
     const c = e.getBoundingClientRect(), {
       left: f,
       top: i,
-      width: m,
+      width: p,
       height: v
     } = c;
-    if (r || t(), !m || !v)
+    if (r || t(), !p || !v)
       return;
-    const d = Re(i), p = Re(s.clientWidth - (f + m)), b = Re(s.clientHeight - (i + v)), C = Re(f), S = {
-      rootMargin: -d + "px " + -p + "px " + -b + "px " + -C + "px",
-      threshold: re(0, Te(1, u)) || 1
+    const d = Re(i), m = Re(s.clientWidth - (f + p)), b = Re(s.clientHeight - (i + v)), C = Re(f), S = {
+      rootMargin: -d + "px " + -m + "px " + -b + "px " + -C + "px",
+      threshold: ie(0, Te(1, u)) || 1
     };
     let O = !0;
     function A(M) {
@@ -1066,19 +1066,19 @@ function Fn(e, t, n, o) {
     }), l && C.addEventListener("resize", n);
   });
   const i = c && r ? Ln(c, n) : null;
-  let m = -1, v = null;
+  let p = -1, v = null;
   a && (v = new ResizeObserver((C) => {
     let [k] = C;
-    k && k.target === c && v && (v.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+    k && k.target === c && v && (v.unobserve(t), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
       var S;
       (S = v) == null || S.observe(t);
     })), n();
   }), c && !u && v.observe(c), v.observe(t));
-  let d, p = u ? ue(e) : null;
+  let d, m = u ? ce(e) : null;
   u && b();
   function b() {
-    const C = ue(e);
-    p && !bt(p, C) && n(), p = C, d = requestAnimationFrame(b);
+    const C = ce(e);
+    m && !bt(m, C) && n(), m = C, d = requestAnimationFrame(b);
   }
   return n(), () => {
     var C;
@@ -1087,7 +1087,7 @@ function Fn(e, t, n, o) {
     }), i?.(), (C = v) == null || C.disconnect(), v = null, u && cancelAnimationFrame(d);
   };
 }
-const Bn = rn, Mn = un, Nn = sn, In = (e, t, n) => {
+const Bn = rn, Mn = un, qn = sn, Nn = (e, t, n) => {
   const o = /* @__PURE__ */ new Map(), s = {
     platform: Dn,
     ...n
@@ -1183,7 +1183,7 @@ const Bn = rn, Mn = un, Nn = sn, In = (e, t, n) => {
     return !0;
   }
 };
-function me(e, t) {
+function pe(e, t) {
   const n = {
     operator: t?.operator,
     value: t?.value ?? null
@@ -1228,7 +1228,7 @@ function ot(e) {
       return !1;
   }
 }
-const qn = _({
+const In = _({
   name: "VsDFlex",
   inheritAttrs: !1,
   props: {
@@ -1252,10 +1252,10 @@ const qn = _({
 });
 function Hn(e, t, n, o, s, l) {
   return h(), w("div", xt({ class: e.flexClasses }, e.attrs), [
-    N(e.$slots, "default")
+    q(e.$slots, "default")
   ], 16);
 }
-const fe = /* @__PURE__ */ ne(qn, [["render", Hn]]), Kn = { class: "vs-multiselect" }, Wn = { class: "vs-multiselect-actions" }, Un = {
+const re = /* @__PURE__ */ ne(In, [["render", Hn]]), Kn = { class: "vs-multiselect" }, Wn = { class: "vs-multiselect-actions" }, Un = {
   key: 0,
   class: "vs-py-4 vs-text-center vs-text-primary"
 }, jn = {
@@ -1288,7 +1288,7 @@ const fe = /* @__PURE__ */ ne(qn, [["render", Hn]]), Kn = { class: "vs-multisele
       d > -1 ? l.value.splice(d, 1) : l.value.push(v), o("update:modelValue", [...l.value]);
     }, i = () => {
       l.value = [...a.value], o("update:modelValue", [...l.value]);
-    }, m = () => {
+    }, p = () => {
       l.value = [], o("update:modelValue", []);
     };
     return G(
@@ -1302,14 +1302,14 @@ const fe = /* @__PURE__ */ ne(qn, [["render", Hn]]), Kn = { class: "vs-multisele
           onClick: le(i, ["stop"])
         }, "Select All (" + D(c.value) + ")", 1),
         g("button", {
-          onClick: le(m, ["stop"])
+          onClick: le(p, ["stop"])
         }, "Deselect All (" + D(u.value) + ")", 1)
       ]),
-      X(fe, { direction: "row" }, {
-        default: H(() => [
+      j(re, { direction: "row" }, {
+        default: I(() => [
           U(g("input", {
             type: "text",
-            "onUpdate:modelValue": d[0] || (d[0] = (p) => s.value = p),
+            "onUpdate:modelValue": d[0] || (d[0] = (m) => s.value = m),
             placeholder: "Search...",
             class: "vs-multiselect-search vs-w-full"
           }, null, 512), [
@@ -1319,13 +1319,13 @@ const fe = /* @__PURE__ */ ne(qn, [["render", Hn]]), Kn = { class: "vs-multisele
         _: 1
       }),
       e.isLoading ? (h(), w("div", Un, "Loading options...")) : (h(), w("ul", jn, [
-        (h(!0), w(K, null, j(r.value, (p) => (h(), w("li", {
-          key: p,
-          onClick: le((b) => f(p), ["stop"]),
-          class: W({ selected: l.value.includes(p) })
+        (h(!0), w(K, null, z(r.value, (m) => (h(), w("li", {
+          key: m,
+          onClick: le((b) => f(m), ["stop"]),
+          class: W({ selected: l.value.includes(m) })
         }, [
-          g("span", Zn, D(p), 1),
-          l.value.includes(p) ? (h(), w("svg", Qn, [...d[1] || (d[1] = [
+          g("span", Zn, D(m), 1),
+          l.value.includes(m) ? (h(), w("svg", Qn, [...d[1] || (d[1] = [
             g("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
@@ -1392,10 +1392,10 @@ const Gn = {
 }, uo = ["value"], co = { key: 1 }, fo = { class: "vs-operator-fixed" }, vo = {
   key: 4,
   class: "vs-muted vs-text-center vs-pt-sm"
-}, mo = {
+}, po = {
   key: 4,
   class: "vs-filter-actions"
-}, po = /* @__PURE__ */ _({
+}, mo = /* @__PURE__ */ _({
   __name: "VsDataTableFilterDropdown",
   props: {
     modelValue: {},
@@ -1450,7 +1450,7 @@ const Gn = {
           return $.charAt(0).toUpperCase() + $.slice(1);
       }
     }
-    const c = T(() => n.type === "custom" ? [] : n.operators?.length ? n.operators : r[n.type]), f = L(null), i = L(null), m = L(), v = L(!1);
+    const c = T(() => n.type === "custom" ? [] : n.operators?.length ? n.operators : r[n.type]), f = L(null), i = L(null), p = L(), v = L(!1);
     G(
       () => n.visible,
       async ($) => {
@@ -1458,31 +1458,31 @@ const Gn = {
       },
       { immediate: !0 }
     );
-    const d = L(me(n.type, n.modelValue));
+    const d = L(pe(n.type, n.modelValue));
     G(
       () => n.modelValue,
       ($) => {
-        d.value = me(n.type, $);
+        d.value = pe(n.type, $);
       },
       { immediate: !0 }
     );
-    function p() {
+    function m() {
       o("open");
     }
     function b() {
       o("update:modelValue", { ...d.value }), o("apply", { ...d.value });
     }
     function C() {
-      d.value = me(n.type), o("update:modelValue", { ...d.value }), o("clear"), k();
+      d.value = pe(n.type), o("update:modelValue", { ...d.value }), o("clear"), k();
     }
     function k() {
       o("close");
     }
     function S() {
-      !f.value || !i.value || (m.value = Fn(f.value, i.value, () => {
-        In(f.value, i.value, {
+      !f.value || !i.value || (p.value = Fn(f.value, i.value, () => {
+        Nn(f.value, i.value, {
           placement: "bottom-start",
-          middleware: [Bn(6), Nn(), Mn({ padding: 8 })]
+          middleware: [Bn(6), qn(), Mn({ padding: 8 })]
         }).then(({ x: $, y: x }) => {
           Object.assign(i.value.style, {
             left: `${$}px`,
@@ -1494,7 +1494,7 @@ const Gn = {
       }));
     }
     function O() {
-      m.value?.(), m.value = void 0;
+      p.value?.(), p.value = void 0;
     }
     function A($) {
       const x = $.target;
@@ -1515,7 +1515,7 @@ const Gn = {
           "is-active": R(ot)(d.value),
           "in-active": !R(ot)(d.value)
         }]),
-        onClick: le(p, ["stop"])
+        onClick: le(m, ["stop"])
       }, [...x[13] || (x[13] = [
         g("svg", {
           xmlns: "http://www.w3.org/2000/svg",
@@ -1527,9 +1527,9 @@ const Gn = {
           g("path", { d: "M440-160q-17 0-28.5-11.5T400-200v-240L168-736q-15-20-4.5-42t36.5-22h560q26 0 36.5 22t-4.5 42L560-440v240q0 17-11.5 28.5T520-160h-80Zm40-308 198-252H282l198 252Zm0 0Z" })
         ], -1)
       ])], 2),
-      (h(), de(kt, { to: "body" }, [
-        X(Rt, { name: "fade" }, {
-          default: H(() => [
+      (h(), fe(kt, { to: "body" }, [
+        j(Rt, { name: "fade" }, {
+          default: I(() => [
             v.value ? (h(), w("div", {
               key: 0,
               ref_key: "floatingRef",
@@ -1545,7 +1545,7 @@ const Gn = {
                     "onUpdate:modelValue": x[0] || (x[0] = (y) => d.value.operator = y),
                     class: "vs-operator-select vs-mx-auto vs-w-full"
                   }, [
-                    (h(!0), w(K, null, j(c.value, (y) => (h(), w("option", {
+                    (h(!0), w(K, null, z(c.value, (y) => (h(), w("option", {
                       key: y,
                       value: y
                     }, D(u(y)), 9, _n))), 128))
@@ -1553,11 +1553,11 @@ const Gn = {
                     [Me, d.value.operator]
                   ])
                 ])) : P("", !0),
-                X(fe, {
+                j(re, {
                   direction: "row",
                   class: "mb-6"
                 }, {
-                  default: H(() => [
+                  default: I(() => [
                     U(g("input", {
                       type: "text",
                       "onUpdate:modelValue": x[1] || (x[1] = (y) => d.value.value = y),
@@ -1570,11 +1570,30 @@ const Gn = {
                   _: 1
                 })
               ])) : d.value.type === "multi-select" ? (h(), w("div", eo, [
-                e.asyncOptions ? (h(), w("button", {
-                  key: 0,
-                  onClick: x[2] || (x[2] = (y) => R(a)(!0))
-                }, "🔄 Reload")) : P("", !0),
-                X(Xn, {
+                j(re, {
+                  direction: "row",
+                  class: "mb-6 vs-align-center vs-justify-end"
+                }, {
+                  default: I(() => [
+                    e.asyncOptions ? (h(), w("span", {
+                      key: 0,
+                      onClick: x[2] || (x[2] = (y) => R(a)(!0)),
+                      class: "vs-cursor-pointer"
+                    }, [...x[14] || (x[14] = [
+                      g("svg", {
+                        xmlns: "http://www.w3.org/2000/svg",
+                        height: "24px",
+                        viewBox: "0 -960 960 960",
+                        width: "24px",
+                        fill: "var(--vs-inactive)"
+                      }, [
+                        g("path", { d: "M480-160q-134 0-227-93t-93-227q0-134 93-227t227-93q69 0 132 28.5T720-690v-110h80v280H520v-80h168q-32-56-87.5-88T480-720q-100 0-170 70t-70 170q0 100 70 170t170 70q77 0 139-44t87-116h84q-28 106-114 173t-196 67Z" })
+                      ], -1)
+                    ])])) : P("", !0)
+                  ]),
+                  _: 1
+                }),
+                j(Xn, {
                   isLoading: R(l),
                   columnData: R(s),
                   modelValue: d.value.value,
@@ -1587,7 +1606,7 @@ const Gn = {
                     "onUpdate:modelValue": x[4] || (x[4] = (y) => d.value.operator = y),
                     class: "vs-operator-select vs-w-full"
                   }, [
-                    (h(!0), w(K, null, j(c.value, (y) => (h(), w("option", {
+                    (h(!0), w(K, null, z(c.value, (y) => (h(), w("option", {
                       key: y,
                       value: y
                     }, D(u(y)), 9, oo))), 128))
@@ -1597,14 +1616,14 @@ const Gn = {
                 ])) : (h(), w("div", so, [
                   g("span", lo, D(d.value.operator), 1)
                 ])),
-                d.value.operator === "between" ? (h(), de(fe, {
+                d.value.operator === "between" ? (h(), fe(re, {
                   key: 2,
                   justify: "between",
                   align: "center",
                   gap: "4",
                   class: "mb-6"
                 }, {
-                  default: H(() => [
+                  default: I(() => [
                     U(g("input", {
                       type: "number",
                       "onUpdate:modelValue": x[5] || (x[5] = (y) => d.value.min = y),
@@ -1618,7 +1637,7 @@ const Gn = {
                         { number: !0 }
                       ]
                     ]),
-                    x[14] || (x[14] = g("span", null, "-", -1)),
+                    x[15] || (x[15] = g("span", null, "-", -1)),
                     U(g("input", {
                       type: "number",
                       "onUpdate:modelValue": x[6] || (x[6] = (y) => d.value.max = y),
@@ -1634,11 +1653,11 @@ const Gn = {
                     ])
                   ]),
                   _: 1
-                })) : ["equals", "notEqual", "greaterThan", "lessThan"].includes(d.value.operator || "") ? (h(), de(fe, {
+                })) : ["equals", "notEqual", "greaterThan", "lessThan"].includes(d.value.operator || "") ? (h(), fe(re, {
                   key: 3,
                   direction: "row"
                 }, {
-                  default: H(() => [
+                  default: I(() => [
                     U(g("input", {
                       type: "number",
                       "onUpdate:modelValue": x[7] || (x[7] = (y) => d.value.value = y),
@@ -1654,7 +1673,7 @@ const Gn = {
                     ])
                   ]),
                   _: 1
-                })) : ["empty", "notEmpty"].includes(d.value.operator || "") ? (h(), w("div", ao, [...x[15] || (x[15] = [
+                })) : ["empty", "notEmpty"].includes(d.value.operator || "") ? (h(), w("div", ao, [...x[16] || (x[16] = [
                   g("div", { class: "vs-muted vs-text-center vs-pt-sm" }, "No input required", -1)
                 ])])) : P("", !0)
               ])) : d.value.type === "date-range" ? (h(), w("div", ro, [
@@ -1663,7 +1682,7 @@ const Gn = {
                     "onUpdate:modelValue": x[8] || (x[8] = (y) => d.value.operator = y),
                     class: "vs-operator-select vs-w-full"
                   }, [
-                    (h(!0), w(K, null, j(c.value, (y) => (h(), w("option", {
+                    (h(!0), w(K, null, z(c.value, (y) => (h(), w("option", {
                       key: y,
                       value: y
                     }, D(u(y)), 9, uo))), 128))
@@ -1673,14 +1692,14 @@ const Gn = {
                 ])) : (h(), w("div", co, [
                   g("span", fo, D(d.value.operator), 1)
                 ])),
-                d.value.operator === "between" ? (h(), de(fe, {
+                d.value.operator === "between" ? (h(), fe(re, {
                   key: 2,
                   justify: "between",
                   align: "center",
                   gap: "4",
                   class: "mb-6"
                 }, {
-                  default: H(() => [
+                  default: I(() => [
                     U(g("input", {
                       type: "date",
                       "onUpdate:modelValue": x[9] || (x[9] = (y) => d.value.start = y),
@@ -1688,7 +1707,7 @@ const Gn = {
                     }, null, 512), [
                       [oe, d.value.start]
                     ]),
-                    x[16] || (x[16] = g("span", null, "-", -1)),
+                    x[17] || (x[17] = g("span", null, "-", -1)),
                     U(g("input", {
                       type: "date",
                       "onUpdate:modelValue": x[10] || (x[10] = (y) => d.value.end = y),
@@ -1698,12 +1717,12 @@ const Gn = {
                     ])
                   ]),
                   _: 1
-                })) : ["equals", "notEqual", "before", "after"].includes(d.value.operator || "") ? (h(), de(fe, {
+                })) : ["equals", "notEqual", "before", "after"].includes(d.value.operator || "") ? (h(), fe(re, {
                   key: 3,
                   direction: "row",
                   class: "vs-filter-single-date"
                 }, {
-                  default: H(() => [
+                  default: I(() => [
                     U(g("input", {
                       type: "date",
                       "onUpdate:modelValue": x[11] || (x[11] = (y) => d.value.value = y),
@@ -1715,7 +1734,7 @@ const Gn = {
                   _: 1
                 })) : ["empty", "notEmpty"].includes(d.value.operator || "") ? (h(), w("div", vo, " No date input required ")) : P("", !0)
               ])) : P("", !0),
-              d.value.type !== "custom" ? (h(), w("div", mo, [
+              d.value.type !== "custom" ? (h(), w("div", po, [
                 g("button", {
                   class: "vs-btn vs-btn-primary",
                   onClick: b
@@ -1725,7 +1744,7 @@ const Gn = {
                   onClick: C
                 }, "Clear")
               ])) : P("", !0),
-              N($.$slots, "custom", {
+              q($.$slots, "custom", {
                 filter: d.value,
                 apply: b,
                 clear: C
@@ -1737,7 +1756,7 @@ const Gn = {
       ]))
     ], 64));
   }
-}), go = /* @__PURE__ */ ne(po, [["__scopeId", "data-v-1e9d83a6"]]), ho = {
+}), go = /* @__PURE__ */ ne(mo, [["__scopeId", "data-v-bdeb98d2"]]), ho = {
   key: 0,
   class: "vs-expand-column",
   style: { width: "5%" }
@@ -1799,13 +1818,13 @@ const Gn = {
             }, null, 8, xo)
           ])
         ])) : P("", !0),
-        (h(!0), w(K, null, j(e.columns, (i) => (h(), w("th", {
+        (h(!0), w(K, null, z(e.columns, (i) => (h(), w("th", {
           key: i.field,
-          onClick: (m) => i.sortable ? e.sortHelpers.handleSort(i.field, m) : null,
+          onClick: (p) => i.sortable ? e.sortHelpers.handleSort(i.field, p) : null,
           style: St({ width: i.width + "%" }),
           class: W([i.sortable ? "vs-sortable" : "", e.headerClass])
         }, [
-          N(c.$slots, `header-${i.field}`, { column: i }, () => [
+          q(c.$slots, `header-${i.field}`, { column: i }, () => [
             g("div", ko, [
               g("span", Ro, D(i.label), 1),
               i.sortable ? (h(), w("div", So, [
@@ -1840,30 +1859,30 @@ const Gn = {
                 ])], 2)
               ])) : P("", !0),
               e.sortHelpers.getSortPriority(i.field) !== null ? (h(), w("span", To, D(e.sortHelpers.getSortPriority(i.field)), 1)) : P("", !0),
-              i.filter ? (h(), de(go, {
+              i.filter ? (h(), fe(go, {
                 key: 2,
                 type: i.filter.type,
                 "async-options": i.filter.asyncOptions,
                 field: i.field,
                 operators: i.filter.operators,
                 modelValue: l.value[i.field],
-                "onUpdate:modelValue": (m) => l.value[i.field] = m,
+                "onUpdate:modelValue": (p) => l.value[i.field] = p,
                 visible: a.value === i.field,
-                "column-data": e.rows.map((m) => m[i.field]),
-                onApply: (m) => {
-                  o("applyFilter", i.field, m);
+                "column-data": e.rows.map((p) => p[i.field]),
+                onApply: (p) => {
+                  o("applyFilter", i.field, p);
                 },
                 onClear: () => {
                   o("clearFilter", i.field);
                 },
-                onClose: (m) => u(i.field),
-                onOpen: (m) => r(i.field)
-              }, Ie({ _: 2 }, [
+                onClose: (p) => u(i.field),
+                onOpen: (p) => r(i.field)
+              }, Ne({ _: 2 }, [
                 i.filter.custom ? {
                   name: "custom",
-                  fn: H(({ filter: m, apply: v, clear: d }) => [
-                    N(c.$slots, i.filter.custom, {
-                      filter: m,
+                  fn: I(({ filter: p, apply: v, clear: d }) => [
+                    q(c.$slots, i.filter.custom, {
+                      filter: p,
                       apply: v,
                       clear: d
                     }, void 0, !0)
@@ -1877,7 +1896,7 @@ const Gn = {
       ])
     ]));
   }
-}), Vo = /* @__PURE__ */ ne($o, [["__scopeId", "data-v-1776a5d5"]]), Oo = { key: 0 }, Ao = ["colspan"], Eo = { key: 1 }, Po = ["colspan"], Do = { class: "vs-no-data-message" }, Lo = { class: "vs-no-data-description" }, Fo = ["onClick"], Bo = ["aria-expanded", "aria-controls", "onClick"], Mo = { key: 0 }, No = { key: 1 }, Io = { class: "vs-checkbox" }, qo = ["id", "value", "checked", "onChange"], Ho = ["for"], Ko = {
+}), Vo = /* @__PURE__ */ ne($o, [["__scopeId", "data-v-1776a5d5"]]), Oo = { key: 0 }, Ao = ["colspan"], Eo = { key: 1 }, Po = ["colspan"], Do = { class: "vs-no-data-message" }, Lo = { class: "vs-no-data-description" }, Fo = ["onClick"], Bo = ["aria-expanded", "aria-controls", "onClick"], Mo = { key: 0 }, qo = { key: 1 }, No = { class: "vs-checkbox" }, Io = ["id", "value", "checked", "onChange"], Ho = ["for"], Ko = {
   key: 0,
   class: "vs-row-expanded"
 }, Wo = ["colspan"], Uo = {
@@ -1921,7 +1940,7 @@ const Gn = {
           l[2] || (l[2] = g("div", { class: "vs-spinner" }, null, -1)),
           g("span", null, D(e.loadingText), 1)
         ], 8, Ao)
-      ])) : e.paginatedRows.length ? (h(!0), w(K, { key: 2 }, j(e.paginatedRows, (a, r) => (h(), w(K, {
+      ])) : e.paginatedRows.length ? (h(!0), w(K, { key: 2 }, z(e.paginatedRows, (a, r) => (h(), w(K, {
         key: e.getRowKey(a, r)
       }, [
         g("tr", {
@@ -1955,7 +1974,7 @@ const Gn = {
                 }, [
                   g("path", { d: "M480-345 240-585l56-56 184 183 184-183 56 56-240 240Z" })
                 ], -1)
-              ])])) : (h(), w("span", No, [...l[5] || (l[5] = [
+              ])])) : (h(), w("span", qo, [...l[5] || (l[5] = [
                 g("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   height: "24px",
@@ -1974,24 +1993,24 @@ const Gn = {
             }, ["stop"])),
             class: "vs-checkbox-column"
           }, [
-            g("div", Io, [
+            g("div", No, [
               g("input", {
                 type: "checkbox",
                 id: e.tablename + "-checkbox-" + e.getRowKey(a, r),
                 value: a,
                 checked: e.selectedItems.some((u, c) => e.getRowKey(u, c) === e.getRowKey(a, r)),
                 onChange: (u) => e.toggleRow(a, r)
-              }, null, 40, qo),
+              }, null, 40, Io),
               g("label", {
                 for: e.tablename + "-checkbox-" + e.getRowKey(a, r)
               }, null, 8, Ho)
             ])
           ])) : P("", !0),
-          (h(!0), w(K, null, j(e.columns, (u) => (h(), w("td", {
+          (h(!0), w(K, null, z(e.columns, (u) => (h(), w("td", {
             key: u.field,
             class: W(e.cellClass)
           }, [
-            N(s.$slots, `cell-${u.field}`, {
+            q(s.$slots, `cell-${u.field}`, {
               item: a,
               value: e.getValue(a, u.field),
               column: u,
@@ -2007,7 +2026,7 @@ const Gn = {
               colspan: e.totalColumns,
               class: "vs-expanded-cell"
             }, [
-              e.isRowLoading(a, r) ? N(s.$slots, "row-expanded-loader", {
+              e.isRowLoading(a, r) ? q(s.$slots, "row-expanded-loader", {
                 key: 0,
                 item: a,
                 index: r
@@ -2016,7 +2035,7 @@ const Gn = {
                   g("div", { class: "vs-loader-bar-inner" })
                 ], -1))
               ], !0) : (h(), w("div", Uo, [
-                N(s.$slots, "row-expanded", {
+                q(s.$slots, "row-expanded", {
                   item: a,
                   index: r
                 }, () => [
@@ -2032,7 +2051,7 @@ const Gn = {
           colspan: e.totalColumns,
           class: "vs-no-data"
         }, [
-          N(s.$slots, "no-data", {}, () => [
+          q(s.$slots, "no-data", {}, () => [
             l[3] || (l[3] = g("div", { class: "vs-no-data-icon" }, [
               g("svg", {
                 viewBox: "0 0 24 24",
@@ -2100,17 +2119,17 @@ const Gn = {
     return (s, l) => (h(), w("div", Go, [
       g("div", Jo, [
         e.showSearch ? (h(), w("div", _o, [
-          X(Yo, {
+          j(Yo, {
             "model-value": e.searchQuery,
             "onUpdate:modelValue": o,
             placeholder: e.searchPlaceholder,
             class: W(e.searchClass)
           }, null, 8, ["model-value", "placeholder", "class"])
         ])) : P("", !0),
-        N(s.$slots, "left", {}, void 0, !0)
+        q(s.$slots, "left", {}, void 0, !0)
       ]),
       g("div", es, [
-        N(s.$slots, "right", {}, void 0, !0)
+        q(s.$slots, "right", {}, void 0, !0)
       ])
     ]));
   }
@@ -2130,16 +2149,16 @@ function os(e, t, n) {
   return {
     activeSort: l,
     sortHelpers: {
-      isColumnSorted: (i) => l.value.some((m) => m.field === i),
+      isColumnSorted: (i) => l.value.some((p) => p.field === i),
       getSortPriority: (i) => {
-        const m = l.value.find((v) => v.field === i);
-        return m ? m.priority ?? null : null;
+        const p = l.value.find((v) => v.field === i);
+        return p ? p.priority ?? null : null;
       },
-      getSortOrder: (i) => l.value.find((m) => m.field === i)?.order ?? null,
-      handleSort: (i, m) => {
+      getSortOrder: (i) => l.value.find((p) => p.field === i)?.order ?? null,
+      handleSort: (i, p) => {
         let v = [...s.value];
-        const d = v.findIndex((p) => p.field === i);
-        m.shiftKey ? d === -1 ? v.push({ field: i, order: "asc" }) : v[d]?.order === "asc" ? v[d].order = "desc" : v.splice(d, 1) : d === -1 ? v = [{ field: i, order: "asc" }] : v[d]?.order === "asc" ? v = [{ field: i, order: "desc" }] : v = [], v = v.map((p, b) => ({ ...p, priority: b + 1 })), s.value = [...v], e.serverOptions ? t("update:serverOptions", { ...e.serverOptions, sort: v }) : t("update:sort", v), n.value = o.value, t("sortChanged", { sort: v });
+        const d = v.findIndex((m) => m.field === i);
+        p.shiftKey ? d === -1 ? v.push({ field: i, order: "asc" }) : v[d]?.order === "asc" ? v[d].order = "desc" : v.splice(d, 1) : d === -1 ? v = [{ field: i, order: "asc" }] : v[d]?.order === "asc" ? v = [{ field: i, order: "desc" }] : v = [], v = v.map((m, b) => ({ ...m, priority: b + 1 })), s.value = [...v], e.serverOptions ? t("update:serverOptions", { ...e.serverOptions, sort: v }) : t("update:sort", v), n.value = o.value, t("sortChanged", { sort: v });
       }
     }
   };
@@ -2219,17 +2238,17 @@ function rs(e, t) {
     return typeof e.rowKey == "function" ? e.rowKey(f, i) : typeof e.rowKey == "string" && f[e.rowKey] !== void 0 ? f[e.rowKey] : i;
   }
   function a(f, i) {
-    const m = l(f, i);
-    return s.value.includes(m);
+    const p = l(f, i);
+    return s.value.includes(p);
   }
   function r(f, i) {
-    const m = l(f, i), v = s.value.includes(m);
+    const p = l(f, i), v = s.value.includes(p);
     let d;
-    v ? (d = s.value.filter((p) => p !== m), t("collapseRow", { row: f, index: i, rowId: m })) : (d = e.accordion ? [m] : [...s.value, m], t("expandRow", { row: f, index: i, rowId: m })), s.value = d;
+    v ? (d = s.value.filter((m) => m !== p), t("collapseRow", { row: f, index: i, rowId: p })) : (d = e.accordion ? [p] : [...s.value, p], t("expandRow", { row: f, index: i, rowId: p })), s.value = d;
   }
   function u(f, i) {
-    const m = l(f, i);
-    return o.value.get(m) === !0;
+    const p = l(f, i);
+    return o.value.get(p) === !0;
   }
   function c(f, i) {
     o.value.set(f, i);
@@ -2251,8 +2270,8 @@ function is(e, t, n) {
     if (u.filter?.filterFn)
       return u.filter.filterFn(f, c.value, r);
     if (c.type === "custom" && u.filter?.filterKey) {
-      const m = Ae[u.filter.filterKey];
-      return typeof m == "function" ? m(r, u.field, c) : !0;
+      const p = Ae[u.filter.filterKey];
+      return typeof p == "function" ? p(r, u.field, c) : !0;
     }
     const i = Ae[c.type];
     return typeof i == "function" ? i(r, u.field, c) : !0;
@@ -2264,26 +2283,26 @@ function is(e, t, n) {
         const u = Object.entries(r).reduce(
           (c, [f, i]) => {
             if (!i?.type) return c;
-            const m = {
+            const p = {
               type: i.type,
               operator: i.operator
             };
             switch (i.type) {
               case "text":
                 c[f] = {
-                  ...m,
+                  ...p,
                   value: i.value ?? null
                 };
                 break;
               case "multi-select":
                 c[f] = {
-                  ...m,
+                  ...p,
                   value: i.value ?? []
                 };
                 break;
               case "number-range":
                 c[f] = {
-                  ...m,
+                  ...p,
                   value: i.value ?? null,
                   min: i.min ?? null,
                   max: i.max ?? null
@@ -2291,7 +2310,7 @@ function is(e, t, n) {
                 break;
               case "date-range":
                 c[f] = {
-                  ...m,
+                  ...p,
                   value: i.value ?? null,
                   start: i.start ?? null,
                   end: i.end ?? null
@@ -2299,7 +2318,7 @@ function is(e, t, n) {
                 break;
               case "custom":
                 c[f] = {
-                  ...m,
+                  ...p,
                   value: i.value,
                   filterKey: i.filterKey
                 };
@@ -2315,10 +2334,10 @@ function is(e, t, n) {
     { deep: !0 }
   );
   function l(r, u, c) {
-    u ? o.value[r] = me(u.type, u) : c && (o.value[r] = me(c));
+    u ? o.value[r] = pe(u.type, u) : c && (o.value[r] = pe(c));
   }
   function a(r, u) {
-    u ? o.value[r] = me(u) : delete o.value[r];
+    u ? o.value[r] = pe(u) : delete o.value[r];
   }
   return {
     filters: o,
@@ -2328,7 +2347,7 @@ function is(e, t, n) {
   };
 }
 function us(e, t) {
-  const n = ye(e.rows) ? e.rows : at(e.rows), o = L(1), s = L(e.serverOptions?.rowsPerPage ?? e.rowsPerPage), l = L(""), { isRowExpanded: a, toggleRowExpansion: r, getRowId: u, setRowLoading: c, isRowLoading: f } = rs(e, t), { filters: i, filteredData: m, setFilter: v, clearFilter: d } = is(
+  const n = ye(e.rows) ? e.rows : at(e.rows), o = L(1), s = L(e.serverOptions?.rowsPerPage ?? e.rowsPerPage), l = L(""), { isRowExpanded: a, toggleRowExpansion: r, getRowId: u, setRowLoading: c, isRowLoading: f } = rs(e, t), { filters: i, filteredData: p, setFilter: v, clearFilter: d } = is(
     T(() => R(n)),
     e.columns,
     {
@@ -2337,20 +2356,20 @@ function us(e, t) {
         t("filterChange", y);
       }
     }
-  ), { activeSort: p, sortHelpers: b } = os(e, t, o), { onInputTyped: C } = as(t, l), { totalRecords: k, recordRange: S, handlePageChange: O } = ss(
+  ), { activeSort: m, sortHelpers: b } = os(e, t, o), { onInputTyped: C } = as(t, l), { totalRecords: k, recordRange: S, handlePageChange: O } = ss(
     e,
     t,
     o,
     s,
     T(() => $.value)
   ), { handleRowsPerPage: A } = ls(e, t, o, s), M = T(() => {
-    let y = m.value;
+    let y = p.value;
     return l.value && (y = Qe(y, l.value)), y;
   }), $ = T(() => {
     let y = M.value;
-    return e.serverOptions || (l.value && (y = Qe(y, l.value)), p.value.length && (y = At(y, p.value))), y = y.map((I, ce) => ({
-      ...I,
-      isExpanded: a(I, ce)
+    return e.serverOptions || (l.value && (y = Qe(y, l.value)), m.value.length && (y = At(y, m.value))), y = y.map((N, de) => ({
+      ...N,
+      isExpanded: a(N, de)
       // pass index here
     })), y;
   });
@@ -2383,7 +2402,7 @@ function us(e, t) {
     isRowLoading: f,
     // Column filters
     filters: i,
-    filteredData: m,
+    filteredData: p,
     setFilter: v,
     clearFilter: d
   };
@@ -2392,31 +2411,31 @@ function cs(e, t) {
   const n = L(e.itemSelected || []);
   G(
     () => e.itemSelected,
-    (p) => {
-      p ? n.value = [...p] : n.value = [];
+    (m) => {
+      m ? n.value = [...m] : n.value = [];
     },
     { immediate: !0, deep: !0 }
   );
   const o = T({
     get: () => n.value,
-    set: (p) => {
-      n.value = p, t("update:itemSelected", p);
+    set: (m) => {
+      n.value = m, t("update:itemSelected", m);
     }
   }), s = T(() => e.itemSelected !== null), l = T(
     () => e.rows.length > 0 && o.value.length === e.rows.length
   ), a = T(() => !e.rows.length || !o.value.length ? !1 : !l.value && e.rows.some(
-    (p, b) => o.value.some(
-      (C, k) => Q(C, k, e.rowKey) === Q(p, b, e.rowKey)
+    (m, b) => o.value.some(
+      (C, k) => X(C, k, e.rowKey) === X(m, b, e.rowKey)
     )
-  )), r = (p, b) => {
-    const C = Q(p, b, e.rowKey);
+  )), r = (m, b) => {
+    const C = X(m, b, e.rowKey);
     o.value.some(
-      (S, O) => Q(S, O, e.rowKey) === C
+      (S, O) => X(S, O, e.rowKey) === C
     ) ? (o.value = o.value.filter(
-      (S, O) => Q(S, O, e.rowKey) !== C
-    ), t("rowDeselected", p, b)) : (o.value = [...o.value, p], t("rowSelected", p, b));
-  }, u = (p) => {
-    const b = p.target;
+      (S, O) => X(S, O, e.rowKey) !== C
+    ), t("rowDeselected", m, b)) : (o.value = [...o.value, m], t("rowSelected", m, b));
+  }, u = (m) => {
+    const b = m.target;
     o.value = b.checked ? [...e.rows] : [], t("allRowsSelected", o.value);
   };
   return {
@@ -2426,14 +2445,14 @@ function cs(e, t) {
     isSomeChecked: a,
     toggleRow: r,
     toggleAll: u,
-    selectRow: (p, b) => {
-      rt(p, o.value, e.rowKey) || (o.value = [...o.value, p], t("rowSelected", p, b));
+    selectRow: (m, b) => {
+      rt(m, o.value, e.rowKey) || (o.value = [...o.value, m], t("rowSelected", m, b));
     },
-    deselectRow: (p, b) => {
-      const C = Q(p, b, e.rowKey);
+    deselectRow: (m, b) => {
+      const C = X(m, b, e.rowKey);
       o.value = o.value.filter(
-        (k, S) => Q(k, S, e.rowKey) !== C
-      ), t("rowDeselected", p, b);
+        (k, S) => X(k, S, e.rowKey) !== C
+      ), t("rowDeselected", m, b);
     },
     selectAll: () => {
       o.value = [...e.rows], t("allRowsSelected", o.value);
@@ -2460,7 +2479,7 @@ const ds = { class: "vs-datatable" }, fs = {
 }, vs = {
   key: 0,
   class: "vs-table-footer"
-}, ms = { class: "vs-footer-left" }, ps = { class: "vs-table-info" }, gs = /* @__PURE__ */ _({
+}, ps = { class: "vs-footer-left" }, ms = { class: "vs-table-info" }, gs = /* @__PURE__ */ _({
   __name: "VsDataTable",
   props: {
     rows: { default: () => [] },
@@ -2509,10 +2528,10 @@ const ds = { class: "vs-datatable" }, fs = {
       rowsPerPage: c,
       totalRecords: f,
       recordRange: i,
-      handlePageChange: m,
+      handlePageChange: p,
       handleRowsPerPage: v,
       paginatedRows: d,
-      sortHelpers: p,
+      sortHelpers: m,
       searchQuery: b,
       onInputTyped: C,
       isRowExpanded: k,
@@ -2524,13 +2543,13 @@ const ds = { class: "vs-datatable" }, fs = {
       clearFilter: x
     } = us({ ...o, rows: s.value }, l), {
       selectedItems: y,
-      isItemSelectedControlled: I,
-      isAllChecked: ce,
+      isItemSelectedControlled: N,
+      isAllChecked: de,
       isSomeChecked: Ce,
       toggleAll: ke,
       toggleRow: te
     } = cs(o, l), he = T(
-      () => Ot(o.columns, I.value, o.expandable)
+      () => Ot(o.columns, N.value, o.expandable)
     );
     return t({
       toggleRowExpansion: S,
@@ -2547,7 +2566,7 @@ const ds = { class: "vs-datatable" }, fs = {
     }), $t(() => {
       l("tableBeforeMount");
     }), (B, E) => (h(), w("div", ds, [
-      X(ns, {
+      j(ns, {
         "show-search": e.showSearch,
         "search-query": R(b),
         "onUpdate:searchQuery": E[0] || (E[0] = (V) => ye(b) ? b.value = V : null),
@@ -2555,11 +2574,11 @@ const ds = { class: "vs-datatable" }, fs = {
         "search-placeholder": e.searchPlaceholder,
         "search-class": e.searchClass
       }, {
-        left: H(() => [
-          N(B.$slots, "filterAreaLeft", {}, void 0, !0)
+        left: I(() => [
+          q(B.$slots, "filterAreaLeft", {}, void 0, !0)
         ]),
-        right: H(() => [
-          N(B.$slots, "filterAreaRight", {}, void 0, !0)
+        right: I(() => [
+          q(B.$slots, "filterAreaRight", {}, void 0, !0)
         ]),
         _: 3
       }, 8, ["show-search", "search-query", "onSearch", "search-placeholder", "search-class"]),
@@ -2570,14 +2589,14 @@ const ds = { class: "vs-datatable" }, fs = {
           g("table", {
             class: W(["vs-table", e.tableClass])
           }, [
-            X(Vo, {
+            j(Vo, {
               columns: e.columns,
               expandable: e.expandable,
-              "is-item-selected-controlled": R(I),
-              "is-all-checked": R(ce),
+              "is-item-selected-controlled": R(N),
+              "is-all-checked": R(de),
               "is-some-checked": R(Ce),
               tablename: e.tablename,
-              "sort-helpers": R(p),
+              "sort-helpers": R(m),
               filters: R(M),
               "onUpdate:filters": E[1] || (E[1] = (V) => ye(M) ? M.value = V : null),
               rows: e.rows,
@@ -2589,15 +2608,15 @@ const ds = { class: "vs-datatable" }, fs = {
               onClearFilter: E[3] || (E[3] = (V) => {
                 R(x)(V), u.value = 1;
               })
-            }, Ie({ _: 2 }, [
-              j(B.$slots, (V, F) => ({
+            }, Ne({ _: 2 }, [
+              z(B.$slots, (V, F) => ({
                 name: F,
-                fn: H((we) => [
-                  N(B.$slots, F, ze(Ze(we)), void 0, !0)
+                fn: I((we) => [
+                  q(B.$slots, F, ze(Ze(we)), void 0, !0)
                 ])
               }))
             ]), 1032, ["columns", "expandable", "is-item-selected-controlled", "is-all-checked", "is-some-checked", "tablename", "sort-helpers", "filters", "rows", "header-class", "onToggleAll"]),
-            X(zo, {
+            j(zo, {
               loading: e.loading,
               "loading-text": e.loadingText,
               "no-data-text": e.noDataText,
@@ -2605,7 +2624,7 @@ const ds = { class: "vs-datatable" }, fs = {
               "paginated-rows": R(d),
               "total-columns": he.value,
               expandable: e.expandable,
-              "is-item-selected-controlled": R(I),
+              "is-item-selected-controlled": R(N),
               "selected-items": R(y),
               tablename: e.tablename,
               columns: e.columns,
@@ -2613,7 +2632,7 @@ const ds = { class: "vs-datatable" }, fs = {
               "row-class": e.rowClass,
               "cell-class": e.cellClass,
               "has-row-click": r.value,
-              "get-row-key": R(Q),
+              "get-row-key": R(X),
               "get-value": R(Vt),
               "is-row-expanded": R(k),
               "is-row-loading": R(A),
@@ -2621,11 +2640,11 @@ const ds = { class: "vs-datatable" }, fs = {
               "toggle-row": R(te),
               "is-row-selected": R(rt),
               onRowClick: E[4] || (E[4] = (V, F) => B.$emit("rowClick", V, F))
-            }, Ie({ _: 2 }, [
-              j(B.$slots, (V, F) => ({
+            }, Ne({ _: 2 }, [
+              z(B.$slots, (V, F) => ({
                 name: F,
-                fn: H((we) => [
-                  N(B.$slots, F, ze(Ze(we)), void 0, !0)
+                fn: I((we) => [
+                  q(B.$slots, F, ze(Ze(we)), 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"])
@@ -2633,16 +2652,16 @@ const ds = { class: "vs-datatable" }, fs = {
         ], 512)
       ], 2),
       e.showFooter ? (h(), w("div", vs, [
-        g("div", ms, [
-          X(jt, {
+        g("div", ps, [
+          j(jt, {
             modelValue: R(c),
             "onUpdate:modelValue": E[5] || (E[5] = (V) => ye(c) ? c.value = V : null),
             onRowsPerPageChanged: R(v)
           }, null, 8, ["modelValue", "onRowsPerPageChanged"]),
           E[7] || (E[7] = g("div", { class: "vs-divider" }, null, -1)),
-          g("div", ps, D(R(i).start < 1 ? 0 : R(i).start) + " - " + D(R(i).end) + " of " + D(R(f)) + " " + D(e.entriesText), 1)
+          g("div", ms, D(R(i).start < 1 ? 0 : R(i).start) + " - " + D(R(i).end) + " of " + D(R(f)) + " " + D(e.entriesText), 1)
         ]),
-        X(qt, {
+        j(It, {
           modelValue: R(u),
           "onUpdate:modelValue": E[6] || (E[6] = (V) => ye(u) ? u.value = V : null),
           totalRecords: R(f),
@@ -2650,7 +2669,7 @@ const ds = { class: "vs-datatable" }, fs = {
           maxVisible: e.maxVisiblePages,
           tablename: e.tablename,
           class: W(e.paginationClass),
-          onPageChanged: R(m)
+          onPageChanged: R(p)
         }, null, 8, ["modelValue", "totalRecords", "rowsPerPage", "maxVisible", "tablename", "class", "onPageChanged"])
       ])) : P("", !0)
     ]));