vs-datatable 1.0.0 → 1.1.1

package/dist/vs-datatable.es.js

@@ -1,16 +1,16 @@
-import { defineComponent as fe, computed as E, createElementBlock as y, openBlock as g, createElementVNode as h, createCommentVNode as D, Fragment as H, renderList as te, normalizeClass as W, toDisplayString as F, unref as x, mergeProps as xt, renderSlot as ee, ref as _, watch as ne, createVNode as ie, withModifiers as ae, withCtx as se, withDirectives as U, vModelText as oe, nextTick as Ct, onMounted as lt, onUnmounted as at, createBlock as ve, Teleport as kt, Transition as Rt, vModelSelect as qe, useAttrs as St, onBeforeMount as Ot, isRef as Ie, normalizeStyle as Vt, createSlots as Tt, createTextVNode as Ze } from "vue";
-import './index.css';function Xe(e, t) {
+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 './index.css';function Vt(e, t) {
   return t.split(".").reduce((n, o) => n?.[o], e) ?? "";
 }
-function M(e, t, n = "id") {
+function Q(e, t, n = "id") {
   return typeof n == "function" ? n(e, t) : e[n] || t;
 }
 function rt(e, t, n = "id") {
   return t.some(
-    (o) => M(o, -1, n) === M(e, -1, n)
+    (o) => Q(o, -1, n) === Q(e, -1, n)
   );
 }
-function Et(e, t, n) {
+function Ot(e, t, n) {
   return e.length + (t ? 1 : 0) + (n ? 1 : 0);
 }
 function At(e, t) {
@@ -18,39 +18,39 @@ function At(e, t) {
   const n = (o, s) => s.split(".").reduce((l, a) => l?.[a], o) ?? "";
   return [...e].sort((o, s) => {
     for (const { field: l, order: a } of t) {
-      const r = n(o, l), i = n(s, l);
-      if (r !== i)
-        return a === "asc" ? r > i ? 1 : -1 : r < i ? 1 : -1;
+      const r = n(o, l), u = n(s, l);
+      if (r !== u)
+        return a === "asc" ? r > u ? 1 : -1 : r < u ? 1 : -1;
     }
     return 0;
   });
 }
-function Pt(e, t, n) {
+function Et(e, t, n) {
   if (!n) return e;
   const o = (t - 1) * n, s = o + n;
   return e.slice(o, s);
 }
-function Lt(e, t, n) {
+function Pt(e, t, n) {
   const o = (e - 1) * t + 1, s = Math.min(e * t, n);
   return { start: o, end: s };
 }
 function it(e, t) {
   return Math.ceil(e / t);
 }
-function Ye(e, t, n) {
+function Qe(e, t, n) {
   if (!t || t.trim() === "") return e;
   const o = t.toLowerCase();
   return e.filter((s) => Object.values(s).some(
     (l) => String(l ?? "").toLowerCase().includes(o)
   ));
 }
-const $t = ["id"], Dt = ["disabled"], Ft = {
+const Dt = ["id"], Lt = ["disabled"], Ft = {
   key: 1,
   class: "vs-pagination-ellipsis"
-}, _t = ["id", "onClick"], Mt = {
+}, Bt = ["id", "onClick"], Mt = {
   key: 2,
   class: "vs-pagination-ellipsis"
-}, Nt = ["disabled"], Bt = /* @__PURE__ */ fe({
+}, Nt = ["disabled"], It = /* @__PURE__ */ _({
   __name: "VsPagination",
   props: {
     modelValue: {},
@@ -62,104 +62,71 @@ const $t = ["id"], Dt = ["disabled"], Ft = {
   },
   emits: ["update:modelValue", "pageChanged"],
   setup(e, { emit: t }) {
-    const n = e, o = t, s = n.maxVisible ?? 3, l = E({
+    const n = e, o = t, s = n.maxVisible ?? 3, l = T({
       get: () => n.modelValue,
       set: (v) => {
         o("update:modelValue", v), o("pageChanged", v);
       }
-    }), a = E(() => 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 = E(() => Math.min(a.value + s - 1, i.value)), i = E(() => it(n.totalRecords, n.rowsPerPage)), f = E(() => {
+    }), a = T(() => l.value <= Math.floor(s / 2) ? 1 : l.value >= u.value - Math.floor(s / 2) ? Math.max(u.value - s + 1, 1) : l.value - Math.floor(s / 2)), r = T(() => Math.min(a.value + s - 1, u.value)), u = T(() => it(n.totalRecords, n.rowsPerPage)), c = T(() => {
       const v = [];
-      for (let u = a.value; u <= r.value; u++)
-        v.push(u);
+      for (let d = a.value; d <= r.value; d++)
+        v.push(d);
       return v;
-    }), d = (v) => {
-      v >= 1 && v <= i.value && (l.value = v);
-    }, c = () => {
+    }), f = (v) => {
+      v >= 1 && v <= u.value && (l.value = v);
+    }, i = () => {
       l.value > 1 && l.value--;
-    }, p = () => {
-      l.value < i.value && l.value++;
+    }, m = () => {
+      l.value < u.value && l.value++;
     };
-    return (v, u) => (g(), y("div", {
+    return (v, d) => (h(), w("div", {
       class: "vs-pagination",
       id: e.tablename + "-pagination"
     }, [
-      h("button", {
-        onClick: c,
+      g("button", {
+        onClick: i,
         type: "button",
         class: "vs-pagination-button vs-pagination-nav",
         disabled: l.value === 1
-      }, " ‹‹ ", 8, Dt),
-      a.value > 1 ? (g(), y("button", {
+      }, " ‹‹ ", 8, Lt),
+      a.value > 1 ? (h(), w("button", {
         key: 0,
         type: "button",
         class: "vs-pagination-button",
-        onClick: u[0] || (u[0] = (m) => d(1))
-      }, " 1 ")) : D("", !0),
-      a.value > 2 ? (g(), y("span", Ft, "...")) : D("", !0),
-      (g(!0), y(H, null, te(f.value, (m) => (g(), y("button", {
-        key: m,
+        onClick: d[0] || (d[0] = (p) => 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,
         type: "button",
         class: W([
           "vs-pagination-button",
-          { "vs-active": l.value === m }
+          { "vs-active": l.value === p }
         ]),
-        id: e.tablename + "-page-" + m,
-        onClick: (C) => d(m)
-      }, F(m), 11, _t))), 128)),
-      r.value < i.value - 1 ? (g(), y("span", Mt, "...")) : D("", !0),
-      r.value < i.value ? (g(), y("button", {
+        id: e.tablename + "-page-" + p,
+        onClick: (b) => f(p)
+      }, D(p), 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: u[1] || (u[1] = (m) => d(i.value))
-      }, F(i.value), 1)) : D("", !0),
-      h("button", {
-        onClick: p,
+        onClick: d[1] || (d[1] = (p) => f(u.value))
+      }, D(u.value), 1)) : P("", !0),
+      g("button", {
+        onClick: m,
         type: "button",
         class: "vs-pagination-button vs-pagination-nav",
-        disabled: l.value === i.value
+        disabled: l.value === u.value
       }, " ›› ", 8, Nt)
-    ], 8, $t));
+    ], 8, Dt));
   }
-}), ye = (e, t) => {
+}), ne = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [o, s] of t)
     n[o] = s;
   return n;
-}, qt = /* @__PURE__ */ ye(Bt, [["__scopeId", "data-v-b327b254"]]), It = { class: "vs-search" }, Wt = ["placeholder", "value"], Ht = /* @__PURE__ */ fe({
-  __name: "VsSearch",
-  props: {
-    modelValue: {},
-    placeholder: {}
-  },
-  emits: ["update:modelValue", "inputTyped"],
-  setup(e, { emit: t }) {
-    const n = t, o = (s) => {
-      const l = s.target;
-      n("update:modelValue", l.value), n("inputTyped", l.value);
-    };
-    return (s, l) => (g(), y("div", It, [
-      l[0] || (l[0] = h("div", { class: "vs-search-icon" }, [
-        h("svg", {
-          xmlns: "http://www.w3.org/2000/svg",
-          height: "22px",
-          viewBox: "0 -960 960 960",
-          width: "22px",
-          fill: "#e3e3e3"
-        }, [
-          h("path", { d: "M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z" })
-        ])
-      ], -1)),
-      h("input", {
-        type: "text",
-        class: "vs-search-input",
-        placeholder: e.placeholder,
-        value: e.modelValue,
-        onInput: o
-      }, null, 40, Wt)
-    ]));
-  }
-}), Kt = /* @__PURE__ */ ye(Ht, [["__scopeId", "data-v-60b73b45"]]), Ut = { class: "vs-rows-per-page" }, jt = ["value"], zt = ["value"], Zt = /* @__PURE__ */ fe({
+}, qt = /* @__PURE__ */ ne(It, [["__scopeId", "data-v-b327b254"]]), Ht = { class: "vs-rows-per-page" }, Kt = ["value"], Wt = ["value"], Ut = /* @__PURE__ */ _({
   __name: "VsRowsPerPage",
   props: {
     modelValue: {},
@@ -171,42 +138,42 @@ const $t = ["id"], Dt = ["disabled"], Ft = {
       const r = Number(a.target.value);
       o("update:modelValue", r), o("rowsPerPageChanged", r);
     };
-    return (a, r) => (g(), y("div", Ut, [
-      r[0] || (r[0] = h("span", { class: "vs-rows-label" }, "Items Per Page", -1)),
-      h("select", {
+    return (a, r) => (h(), w("div", Ht, [
+      r[0] || (r[0] = g("span", { class: "vs-rows-label" }, "Items Per Page", -1)),
+      g("select", {
         class: "vs-items-dropdown",
         value: e.modelValue,
         onChange: l
       }, [
-        (g(!0), y(H, null, te(x(s), (i) => (g(), y("option", {
-          key: i,
-          value: i
-        }, F(i), 9, zt))), 128))
-      ], 40, jt)
+        (h(!0), w(K, null, j(R(s), (u) => (h(), w("option", {
+          key: u,
+          value: u
+        }, D(u), 9, Wt))), 128))
+      ], 40, Kt)
     ]));
   }
-}), Xt = /* @__PURE__ */ ye(Zt, [["__scopeId", "data-v-0c2bdd9c"]]), Te = Math.min, ue = Math.max, Ee = Math.round, Oe = Math.floor, Y = (e) => ({
+}), jt = /* @__PURE__ */ ne(Ut, [["__scopeId", "data-v-0c2bdd9c"]]), Te = Math.min, re = Math.max, $e = Math.round, Re = Math.floor, Y = (e) => ({
   x: e,
   y: e
-}), Yt = {
+}), zt = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Qt = {
+}, Zt = {
   start: "end",
   end: "start"
 };
-function Qe(e, t, n) {
-  return ue(e, Te(t, n));
+function Xe(e, t, n) {
+  return re(e, Te(t, n));
 }
-function $e(e, t) {
+function Ee(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function ce(e) {
+function ie(e) {
   return e.split("-")[0];
 }
-function De(e) {
+function Pe(e) {
   return e.split("-")[1];
 }
 function ut(e) {
@@ -215,48 +182,48 @@ function ut(e) {
 function ct(e) {
   return e === "y" ? "height" : "width";
 }
-const Gt = /* @__PURE__ */ new Set(["top", "bottom"]);
-function le(e) {
-  return Gt.has(ce(e)) ? "y" : "x";
+const Qt = /* @__PURE__ */ new Set(["top", "bottom"]);
+function se(e) {
+  return Qt.has(ie(e)) ? "y" : "x";
 }
 function dt(e) {
-  return ut(le(e));
+  return ut(se(e));
 }
-function Jt(e, t, n) {
+function Xt(e, t, n) {
   n === void 0 && (n = !1);
-  const o = De(e), s = dt(e), l = ct(s);
+  const o = Pe(e), s = dt(e), l = ct(s);
   let a = s === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
-  return t.reference[l] > t.floating[l] && (a = Ae(a)), [a, Ae(a)];
+  return t.reference[l] > t.floating[l] && (a = Ve(a)), [a, Ve(a)];
 }
-function en(e) {
-  const t = Ae(e);
-  return [He(e), t, He(t)];
+function Yt(e) {
+  const t = Ve(e);
+  return [qe(e), t, qe(t)];
 }
-function He(e) {
-  return e.replace(/start|end/g, (t) => Qt[t]);
+function qe(e) {
+  return e.replace(/start|end/g, (t) => Zt[t]);
 }
-const Ge = ["left", "right"], Je = ["right", "left"], tn = ["top", "bottom"], nn = ["bottom", "top"];
-function on(e, t, n) {
+const Ye = ["left", "right"], Ge = ["right", "left"], Gt = ["top", "bottom"], Jt = ["bottom", "top"];
+function _t(e, t, n) {
   switch (e) {
     case "top":
     case "bottom":
-      return n ? t ? Je : Ge : t ? Ge : Je;
+      return n ? t ? Ge : Ye : t ? Ye : Ge;
     case "left":
     case "right":
-      return t ? tn : nn;
+      return t ? Gt : Jt;
     default:
       return [];
   }
 }
-function sn(e, t, n, o) {
-  const s = De(e);
-  let l = on(ce(e), n === "start", o);
-  return s && (l = l.map((a) => a + "-" + s), t && (l = l.concat(l.map(He)))), l;
+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;
 }
-function Ae(e) {
-  return e.replace(/left|right|bottom|top/g, (t) => Yt[t]);
+function Ve(e) {
+  return e.replace(/left|right|bottom|top/g, (t) => zt[t]);
 }
-function ln(e) {
+function tn(e) {
   return {
     top: 0,
     right: 0,
@@ -265,15 +232,15 @@ function ln(e) {
     ...e
   };
 }
-function an(e) {
-  return typeof e != "number" ? ln(e) : {
+function nn(e) {
+  return typeof e != "number" ? tn(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function Pe(e) {
+function Oe(e) {
   const {
     x: t,
     y: n,
@@ -291,36 +258,36 @@ function Pe(e) {
     y: n
   };
 }
-function et(e, t, n) {
+function Je(e, t, n) {
   let {
     reference: o,
     floating: s
   } = e;
-  const l = le(t), a = dt(t), r = ct(a), i = ce(t), f = l === "y", d = o.x + o.width / 2 - s.width / 2, c = o.y + o.height / 2 - s.height / 2, p = o[r] / 2 - s[r] / 2;
+  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;
   let v;
-  switch (i) {
+  switch (u) {
     case "top":
       v = {
-        x: d,
+        x: f,
         y: o.y - s.height
       };
       break;
     case "bottom":
       v = {
-        x: d,
+        x: f,
         y: o.y + o.height
       };
       break;
     case "right":
       v = {
         x: o.x + o.width,
-        y: c
+        y: i
       };
       break;
     case "left":
       v = {
         x: o.x - s.width,
-        y: c
+        y: i
       };
       break;
     default:
@@ -329,73 +296,73 @@ function et(e, t, n) {
         y: o.y
       };
   }
-  switch (De(t)) {
+  switch (Pe(t)) {
     case "start":
-      v[a] -= p * (n && f ? -1 : 1);
+      v[a] -= m * (n && c ? -1 : 1);
       break;
     case "end":
-      v[a] += p * (n && f ? -1 : 1);
+      v[a] += m * (n && c ? -1 : 1);
       break;
   }
   return v;
 }
-const rn = async (e, t, n) => {
+const on = async (e, t, n) => {
   const {
     placement: o = "bottom",
     strategy: s = "absolute",
     middleware: l = [],
     platform: a
-  } = n, r = l.filter(Boolean), i = await (a.isRTL == null ? void 0 : a.isRTL(t));
-  let f = await a.getElementRects({
+  } = n, r = l.filter(Boolean), u = await (a.isRTL == null ? void 0 : a.isRTL(t));
+  let c = await a.getElementRects({
     reference: e,
     floating: t,
     strategy: s
   }), {
-    x: d,
-    y: c
-  } = et(f, o, i), p = o, v = {}, u = 0;
-  for (let m = 0; m < r.length; m++) {
+    x: f,
+    y: i
+  } = Je(c, o, u), m = o, v = {}, d = 0;
+  for (let p = 0; p < r.length; p++) {
     const {
-      name: C,
-      fn: k
-    } = r[m], {
-      x: S,
-      y: V,
-      data: L,
+      name: b,
+      fn: C
+    } = r[p], {
+      x: k,
+      y: S,
+      data: O,
       reset: A
-    } = await k({
-      x: d,
-      y: c,
+    } = await C({
+      x: f,
+      y: i,
       initialPlacement: o,
-      placement: p,
+      placement: m,
       strategy: s,
       middlewareData: v,
-      rects: f,
+      rects: c,
       platform: a,
       elements: {
         reference: e,
         floating: t
       }
     });
-    d = S ?? d, c = V ?? c, v = {
+    f = k ?? f, i = S ?? i, v = {
       ...v,
-      [C]: {
-        ...v[C],
-        ...L
+      [b]: {
+        ...v[b],
+        ...O
       }
-    }, A && u <= 50 && (u++, typeof A == "object" && (A.placement && (p = A.placement), A.rects && (f = A.rects === !0 ? await a.getElementRects({
+    }, A && d <= 50 && (d++, typeof A == "object" && (A.placement && (m = A.placement), A.rects && (c = A.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: t,
       strategy: s
     }) : A.rects), {
-      x: d,
-      y: c
-    } = et(f, p, i)), m = -1);
+      x: f,
+      y: i
+    } = Je(c, m, u)), p = -1);
   }
   return {
-    x: d,
-    y: c,
-    placement: p,
+    x: f,
+    y: i,
+    placement: m,
     strategy: s,
     middlewareData: v
   };
@@ -409,43 +376,43 @@ async function ft(e, t) {
     platform: l,
     rects: a,
     elements: r,
-    strategy: i
+    strategy: u
   } = e, {
-    boundary: f = "clippingAncestors",
-    rootBoundary: d = "viewport",
-    elementContext: c = "floating",
-    altBoundary: p = !1,
+    boundary: c = "clippingAncestors",
+    rootBoundary: f = "viewport",
+    elementContext: i = "floating",
+    altBoundary: m = !1,
     padding: v = 0
-  } = $e(t, e), u = an(v), C = r[p ? c === "floating" ? "reference" : "floating" : c], k = Pe(await l.getClippingRect({
-    element: (n = await (l.isElement == null ? void 0 : l.isElement(C))) == null || n ? C : C.contextElement || await (l.getDocumentElement == null ? void 0 : l.getDocumentElement(r.floating)),
-    boundary: f,
-    rootBoundary: d,
-    strategy: i
-  })), S = c === "floating" ? {
+  } = Ee(t, e), d = nn(v), b = r[m ? 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,
+    strategy: u
+  })), k = i === "floating" ? {
     x: o,
     y: s,
     width: a.floating.width,
     height: a.floating.height
-  } : a.reference, V = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(r.floating)), L = await (l.isElement == null ? void 0 : l.isElement(V)) ? await (l.getScale == null ? void 0 : l.getScale(V)) || {
+  } : a.reference, S = await (l.getOffsetParent == null ? void 0 : l.getOffsetParent(r.floating)), O = await (l.isElement == null ? void 0 : l.isElement(S)) ? await (l.getScale == null ? void 0 : l.getScale(S)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, A = Pe(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, A = Oe(l.convertOffsetParentRelativeRectToViewportRelativeRect ? await l.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: r,
-    rect: S,
-    offsetParent: V,
-    strategy: i
-  }) : S);
+    rect: k,
+    offsetParent: S,
+    strategy: u
+  }) : k);
   return {
-    top: (k.top - A.top + u.top) / L.y,
-    bottom: (A.bottom - k.bottom + u.bottom) / L.y,
-    left: (k.left - A.left + u.left) / L.x,
-    right: (A.right - k.right + u.right) / L.x
+    top: (C.top - A.top + d.top) / O.y,
+    bottom: (A.bottom - C.bottom + d.bottom) / O.y,
+    left: (C.left - A.left + d.left) / O.x,
+    right: (A.right - C.right + d.right) / O.x
   };
 }
-const un = function(e) {
+const sn = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -456,105 +423,105 @@ const un = function(e) {
         middlewareData: l,
         rects: a,
         initialPlacement: r,
-        platform: i,
-        elements: f
+        platform: u,
+        elements: c
       } = t, {
-        mainAxis: d = !0,
-        crossAxis: c = !0,
-        fallbackPlacements: p,
+        mainAxis: f = !0,
+        crossAxis: i = !0,
+        fallbackPlacements: m,
         fallbackStrategy: v = "bestFit",
-        fallbackAxisSideDirection: u = "none",
-        flipAlignment: m = !0,
-        ...C
-      } = $e(e, t);
+        fallbackAxisSideDirection: d = "none",
+        flipAlignment: p = !0,
+        ...b
+      } = Ee(e, t);
       if ((n = l.arrow) != null && n.alignmentOffset)
         return {};
-      const k = ce(s), S = le(r), V = ce(r) === r, L = await (i.isRTL == null ? void 0 : i.isRTL(f.floating)), A = p || (V || !m ? [Ae(r)] : en(r)), N = u !== "none";
-      !p && N && A.push(...sn(r, m, u, L));
-      const P = [r, ...A], w = await ft(t, C), R = [];
-      let Z = ((o = l.flip) == null ? void 0 : o.overflows) || [];
-      if (d && R.push(w[k]), c) {
-        const K = Jt(s, a, L);
-        R.push(w[K[0]], w[K[1]]);
+      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 $ = [r, ...A], x = await ft(t, b), y = [];
+      let I = ((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 (Z = [...Z, {
+      if (I = [...I, {
         placement: s,
-        overflows: R
-      }], !R.every((K) => K <= 0)) {
-        var Re, be;
-        const K = (((Re = l.flip) == null ? void 0 : Re.index) || 0) + 1, xe = P[K];
-        if (xe && (!(c === "alignment" ? S !== le(xe) : !1) || // We leave the current main axis only if every placement on that axis
+        overflows: y
+      }], !y.every((te) => te <= 0)) {
+        var ce, Ce;
+        const te = (((ce = l.flip) == null ? void 0 : ce.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.
-        Z.every((B) => le(B.placement) === S ? B.overflows[0] > 0 : !0)))
+        I.every((V) => se(V.placement) === k ? V.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: K,
-              overflows: Z
+              index: te,
+              overflows: I
             },
             reset: {
-              placement: xe
+              placement: he
             }
           };
-        let X = (be = Z.filter((J) => J.overflows[0] <= 0).sort((J, B) => J.overflows[1] - B.overflows[1])[0]) == null ? void 0 : be.placement;
-        if (!X)
+        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;
+        if (!B)
           switch (v) {
             case "bestFit": {
-              var Se;
-              const J = (Se = Z.filter((B) => {
-                if (N) {
-                  const $ = le(B.placement);
-                  return $ === S || // Create a bias to the `y` side axis due to horizontal
+              var ke;
+              const E = (ke = I.filter((V) => {
+                if (M) {
+                  const F = se(V.placement);
+                  return F === k || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  $ === "y";
+                  F === "y";
                 }
                 return !0;
-              }).map((B) => [B.placement, B.overflows.filter(($) => $ > 0).reduce(($, O) => $ + O, 0)]).sort((B, $) => B[1] - $[1])[0]) == null ? void 0 : Se[0];
-              J && (X = J);
+              }).map((V) => [V.placement, V.overflows.filter((F) => F > 0).reduce((F, we) => F + we, 0)]).sort((V, F) => V[1] - F[1])[0]) == null ? void 0 : ke[0];
+              E && (B = E);
               break;
             }
             case "initialPlacement":
-              X = r;
+              B = r;
               break;
           }
-        if (s !== X)
+        if (s !== B)
           return {
             reset: {
-              placement: X
+              placement: B
             }
           };
       }
       return {};
     }
   };
-}, cn = /* @__PURE__ */ new Set(["left", "top"]);
-async function dn(e, t) {
+}, ln = /* @__PURE__ */ new Set(["left", "top"]);
+async function an(e, t) {
   const {
     placement: n,
     platform: o,
     elements: s
-  } = e, l = await (o.isRTL == null ? void 0 : o.isRTL(s.floating)), a = ce(n), r = De(n), i = le(n) === "y", f = cn.has(a) ? -1 : 1, d = l && i ? -1 : 1, c = $e(t, e);
+  } = 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);
   let {
-    mainAxis: p,
+    mainAxis: m,
     crossAxis: v,
-    alignmentAxis: u
-  } = typeof c == "number" ? {
-    mainAxis: c,
+    alignmentAxis: d
+  } = typeof i == "number" ? {
+    mainAxis: i,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: c.mainAxis || 0,
-    crossAxis: c.crossAxis || 0,
-    alignmentAxis: c.alignmentAxis
+    mainAxis: i.mainAxis || 0,
+    crossAxis: i.crossAxis || 0,
+    alignmentAxis: i.alignmentAxis
   };
-  return r && typeof u == "number" && (v = r === "end" ? u * -1 : u), i ? {
-    x: v * d,
-    y: p * f
+  return r && typeof d == "number" && (v = r === "end" ? d * -1 : d), u ? {
+    x: v * f,
+    y: m * c
   } : {
-    x: p * f,
-    y: v * d
+    x: m * c,
+    y: v * f
   };
 }
-const fn = function(e) {
+const rn = function(e) {
   return e === void 0 && (e = 0), {
     name: "offset",
     options: e,
@@ -565,18 +532,18 @@ const fn = function(e) {
         y: l,
         placement: a,
         middlewareData: r
-      } = t, i = await dn(t, e);
+      } = t, u = await an(t, e);
       return a === ((n = r.offset) == null ? void 0 : n.placement) && (o = r.arrow) != null && o.alignmentOffset ? {} : {
-        x: s + i.x,
-        y: l + i.y,
+        x: s + u.x,
+        y: l + u.y,
         data: {
-          ...i,
+          ...u,
           placement: a
         }
       };
     }
   };
-}, vn = function(e) {
+}, un = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -589,93 +556,93 @@ const fn = function(e) {
         mainAxis: l = !0,
         crossAxis: a = !1,
         limiter: r = {
-          fn: (C) => {
+          fn: (b) => {
             let {
-              x: k,
-              y: S
-            } = C;
+              x: C,
+              y: k
+            } = b;
             return {
-              x: k,
-              y: S
+              x: C,
+              y: k
             };
           }
         },
-        ...i
-      } = $e(e, t), f = {
+        ...u
+      } = Ee(e, t), c = {
         x: n,
         y: o
-      }, d = await ft(t, i), c = le(ce(s)), p = ut(c);
-      let v = f[p], u = f[c];
+      }, f = await ft(t, u), i = se(ie(s)), m = ut(i);
+      let v = c[m], d = c[i];
       if (l) {
-        const C = p === "y" ? "top" : "left", k = p === "y" ? "bottom" : "right", S = v + d[C], V = v - d[k];
-        v = Qe(S, v, V);
+        const b = m === "y" ? "top" : "left", C = m === "y" ? "bottom" : "right", k = v + f[b], S = v - f[C];
+        v = Xe(k, v, S);
       }
       if (a) {
-        const C = c === "y" ? "top" : "left", k = c === "y" ? "bottom" : "right", S = u + d[C], V = u - d[k];
-        u = Qe(S, u, V);
+        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 m = r.fn({
+      const p = r.fn({
         ...t,
-        [p]: v,
-        [c]: u
+        [m]: v,
+        [i]: d
       });
       return {
-        ...m,
+        ...p,
         data: {
-          x: m.x - n,
-          y: m.y - o,
+          x: p.x - n,
+          y: p.y - o,
           enabled: {
-            [p]: l,
-            [c]: a
+            [m]: l,
+            [i]: a
           }
         }
       };
     }
   };
 };
-function Fe() {
+function De() {
   return typeof window < "u";
 }
-function we(e) {
+function ge(e) {
   return vt(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
 function q(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function G(e) {
+function ee(e) {
   var t;
   return (t = (vt(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function vt(e) {
-  return Fe() ? e instanceof Node || e instanceof q(e).Node : !1;
+  return De() ? e instanceof Node || e instanceof q(e).Node : !1;
 }
-function j(e) {
-  return Fe() ? e instanceof Element || e instanceof q(e).Element : !1;
+function z(e) {
+  return De() ? e instanceof Element || e instanceof q(e).Element : !1;
 }
-function Q(e) {
-  return Fe() ? e instanceof HTMLElement || e instanceof q(e).HTMLElement : !1;
+function J(e) {
+  return De() ? e instanceof HTMLElement || e instanceof q(e).HTMLElement : !1;
 }
-function tt(e) {
-  return !Fe() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof q(e).ShadowRoot;
+function _e(e) {
+  return !De() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof q(e).ShadowRoot;
 }
-const pn = /* @__PURE__ */ new Set(["inline", "contents"]);
-function ke(e) {
+const cn = /* @__PURE__ */ new Set(["inline", "contents"]);
+function xe(e) {
   const {
     overflow: t,
     overflowX: n,
     overflowY: o,
     display: s
-  } = z(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !pn.has(s);
+  } = Z(e);
+  return /auto|scroll|overlay|hidden|clip/.test(t + o + n) && !cn.has(s);
 }
-const mn = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function hn(e) {
-  return mn.has(we(e));
+const dn = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function fn(e) {
+  return dn.has(ge(e));
 }
-const gn = [":popover-open", ":modal"];
-function _e(e) {
-  return gn.some((t) => {
+const vn = [":popover-open", ":modal"];
+function Le(e) {
+  return vn.some((t) => {
     try {
       return e.matches(t);
     } catch {
@@ -683,34 +650,34 @@ function _e(e) {
     }
   });
 }
-const yn = ["transform", "translate", "scale", "rotate", "perspective"], wn = ["transform", "translate", "scale", "rotate", "perspective", "filter"], bn = ["paint", "layout", "strict", "content"];
-function Ue(e) {
-  const t = je(), n = j(e) ? z(e) : e;
-  return yn.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) || wn.some((o) => (n.willChange || "").includes(o)) || bn.some((o) => (n.contain || "").includes(o));
+const mn = ["transform", "translate", "scale", "rotate", "perspective"], pn = ["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));
 }
-function xn(e) {
-  let t = re(e);
-  for (; Q(t) && !ge(t); ) {
-    if (Ue(t))
+function hn(e) {
+  let t = ae(e);
+  for (; J(t) && !pe(t); ) {
+    if (Ke(t))
       return t;
-    if (_e(t))
+    if (Le(t))
       return null;
-    t = re(t);
+    t = ae(t);
   }
   return null;
 }
-function je() {
+function We() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const Cn = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function ge(e) {
-  return Cn.has(we(e));
+const wn = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function pe(e) {
+  return wn.has(ge(e));
 }
-function z(e) {
+function Z(e) {
   return q(e).getComputedStyle(e);
 }
-function Me(e) {
-  return j(e) ? {
+function Fe(e) {
+  return z(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -718,189 +685,189 @@ function Me(e) {
     scrollTop: e.scrollY
   };
 }
-function re(e) {
-  if (we(e) === "html")
+function ae(e) {
+  if (ge(e) === "html")
     return e;
   const t = (
     // Step into the shadow DOM of the parent of a slotted node.
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
-    tt(e) && e.host || // Fallback.
-    G(e)
+    _e(e) && e.host || // Fallback.
+    ee(e)
   );
-  return tt(t) ? t.host : t;
+  return _e(t) ? t.host : t;
 }
-function pt(e) {
-  const t = re(e);
-  return ge(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Q(t) && ke(t) ? t : pt(t);
+function mt(e) {
+  const t = ae(e);
+  return pe(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : J(t) && xe(t) ? t : mt(t);
 }
-function Ce(e, t, n) {
+function be(e, t, n) {
   var o;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const s = pt(e), l = s === ((o = e.ownerDocument) == null ? void 0 : o.body), a = q(s);
+  const s = mt(e), l = s === ((o = e.ownerDocument) == null ? void 0 : o.body), a = q(s);
   if (l) {
-    const r = Ke(a);
-    return t.concat(a, a.visualViewport || [], ke(s) ? s : [], r && n ? Ce(r) : []);
+    const r = He(a);
+    return t.concat(a, a.visualViewport || [], xe(s) ? s : [], r && n ? be(r) : []);
   }
-  return t.concat(s, Ce(s, [], n));
+  return t.concat(s, be(s, [], n));
 }
-function Ke(e) {
+function He(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-function mt(e) {
-  const t = z(e);
+function pt(e) {
+  const t = Z(e);
   let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
-  const s = Q(e), l = s ? e.offsetWidth : n, a = s ? e.offsetHeight : o, r = Ee(n) !== l || Ee(o) !== a;
+  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), {
     width: n,
     height: o,
     $: r
   };
 }
-function ze(e) {
-  return j(e) ? e : e.contextElement;
+function Ue(e) {
+  return z(e) ? e : e.contextElement;
 }
-function me(e) {
-  const t = ze(e);
-  if (!Q(t))
+function ve(e) {
+  const t = Ue(e);
+  if (!J(t))
     return Y(1);
   const n = t.getBoundingClientRect(), {
     width: o,
     height: s,
     $: l
-  } = mt(t);
-  let a = (l ? Ee(n.width) : n.width) / o, r = (l ? Ee(n.height) : n.height) / s;
+  } = pt(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,
     y: r
   };
 }
-const kn = /* @__PURE__ */ Y(0);
-function ht(e) {
+const yn = /* @__PURE__ */ Y(0);
+function gt(e) {
   const t = q(e);
-  return !je() || !t.visualViewport ? kn : {
+  return !We() || !t.visualViewport ? yn : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
-function Rn(e, t, n) {
+function bn(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== q(e) ? !1 : t;
 }
-function de(e, t, n, o) {
+function ue(e, t, n, o) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
-  const s = e.getBoundingClientRect(), l = ze(e);
+  const s = e.getBoundingClientRect(), l = Ue(e);
   let a = Y(1);
-  t && (o ? j(o) && (a = me(o)) : a = me(e));
-  const r = Rn(l, n, o) ? ht(l) : Y(0);
-  let i = (s.left + r.x) / a.x, f = (s.top + r.y) / a.y, d = s.width / a.x, c = s.height / a.y;
+  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 p = q(l), v = o && j(o) ? q(o) : o;
-    let u = p, m = Ke(u);
-    for (; m && o && v !== u; ) {
-      const C = me(m), k = m.getBoundingClientRect(), S = z(m), V = k.left + (m.clientLeft + parseFloat(S.paddingLeft)) * C.x, L = k.top + (m.clientTop + parseFloat(S.paddingTop)) * C.y;
-      i *= C.x, f *= C.y, d *= C.x, c *= C.y, i += V, f += L, u = q(m), m = Ke(u);
+    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);
     }
   }
-  return Pe({
-    width: d,
-    height: c,
-    x: i,
-    y: f
+  return Oe({
+    width: f,
+    height: i,
+    x: u,
+    y: c
   });
 }
-function Ne(e, t) {
-  const n = Me(e).scrollLeft;
-  return t ? t.left + n : de(G(e)).left + n;
+function Be(e, t) {
+  const n = Fe(e).scrollLeft;
+  return t ? t.left + n : ue(ee(e)).left + n;
 }
-function gt(e, t) {
-  const n = e.getBoundingClientRect(), o = n.left + t.scrollLeft - Ne(e, n), s = n.top + t.scrollTop;
+function ht(e, t) {
+  const n = e.getBoundingClientRect(), o = n.left + t.scrollLeft - Be(e, n), s = n.top + t.scrollTop;
   return {
     x: o,
     y: s
   };
 }
-function Sn(e) {
+function xn(e) {
   let {
     elements: t,
     rect: n,
     offsetParent: o,
     strategy: s
   } = e;
-  const l = s === "fixed", a = G(o), r = t ? _e(t.floating) : !1;
+  const l = s === "fixed", a = ee(o), r = t ? Le(t.floating) : !1;
   if (o === a || r && l)
     return n;
-  let i = {
+  let u = {
     scrollLeft: 0,
     scrollTop: 0
-  }, f = Y(1);
-  const d = Y(0), c = Q(o);
-  if ((c || !c && !l) && ((we(o) !== "body" || ke(a)) && (i = Me(o)), Q(o))) {
-    const v = de(o);
-    f = me(o), d.x = v.x + o.clientLeft, d.y = v.y + o.clientTop;
+  }, 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);
+    c = ve(o), f.x = v.x + o.clientLeft, f.y = v.y + o.clientTop;
   }
-  const p = a && !c && !l ? gt(a, i) : Y(0);
+  const m = a && !i && !l ? ht(a, u) : Y(0);
   return {
-    width: n.width * f.x,
-    height: n.height * f.y,
-    x: n.x * f.x - i.scrollLeft * f.x + d.x + p.x,
-    y: n.y * f.y - i.scrollTop * f.y + d.y + p.y
+    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
   };
 }
-function On(e) {
+function Cn(e) {
   return Array.from(e.getClientRects());
 }
-function Vn(e) {
-  const t = G(e), n = Me(e), o = e.ownerDocument.body, s = ue(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), l = ue(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
-  let a = -n.scrollLeft + Ne(e);
+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);
+  let a = -n.scrollLeft + Be(e);
   const r = -n.scrollTop;
-  return z(o).direction === "rtl" && (a += ue(t.clientWidth, o.clientWidth) - s), {
+  return Z(o).direction === "rtl" && (a += re(t.clientWidth, o.clientWidth) - s), {
     width: s,
     height: l,
     x: a,
     y: r
   };
 }
-const nt = 25;
-function Tn(e, t) {
-  const n = q(e), o = G(e), s = n.visualViewport;
-  let l = o.clientWidth, a = o.clientHeight, r = 0, i = 0;
+const et = 25;
+function Rn(e, t) {
+  const n = q(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;
-    const d = je();
-    (!d || d && t === "fixed") && (r = s.offsetLeft, i = s.offsetTop);
+    const f = We();
+    (!f || f && t === "fixed") && (r = s.offsetLeft, u = s.offsetTop);
   }
-  const f = Ne(o);
-  if (f <= 0) {
-    const d = o.ownerDocument, c = d.body, p = getComputedStyle(c), v = d.compatMode === "CSS1Compat" && parseFloat(p.marginLeft) + parseFloat(p.marginRight) || 0, u = Math.abs(o.clientWidth - c.clientWidth - v);
-    u <= nt && (l -= u);
-  } else f <= nt && (l += f);
+  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);
+    d <= et && (l -= d);
+  } else c <= et && (l += c);
   return {
     width: l,
     height: a,
     x: r,
-    y: i
+    y: u
   };
 }
-const En = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function An(e, t) {
-  const n = de(e, !0, t === "fixed"), o = n.top + e.clientTop, s = n.left + e.clientLeft, l = Q(e) ? me(e) : Y(1), a = e.clientWidth * l.x, r = e.clientHeight * l.y, i = s * l.x, f = o * l.y;
+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;
   return {
     width: a,
     height: r,
-    x: i,
-    y: f
+    x: u,
+    y: c
   };
 }
-function ot(e, t, n) {
+function tt(e, t, n) {
   let o;
   if (t === "viewport")
-    o = Tn(e, n);
+    o = Rn(e, n);
   else if (t === "document")
-    o = Vn(G(e));
-  else if (j(t))
-    o = An(t, n);
+    o = kn(ee(e));
+  else if (z(t))
+    o = Tn(t, n);
   else {
-    const s = ht(e);
+    const s = gt(e);
     o = {
       x: t.x - s.x,
       y: t.y - s.y,
@@ -908,110 +875,110 @@ function ot(e, t, n) {
       height: t.height
     };
   }
-  return Pe(o);
+  return Oe(o);
 }
-function yt(e, t) {
-  const n = re(e);
-  return n === t || !j(n) || ge(n) ? !1 : z(n).position === "fixed" || yt(n, t);
+function wt(e, t) {
+  const n = ae(e);
+  return n === t || !z(n) || pe(n) ? !1 : Z(n).position === "fixed" || wt(n, t);
 }
-function Pn(e, t) {
+function $n(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let o = Ce(e, [], !1).filter((r) => j(r) && we(r) !== "body"), s = null;
-  const l = z(e).position === "fixed";
-  let a = l ? re(e) : e;
-  for (; j(a) && !ge(a); ) {
-    const r = z(a), i = Ue(a);
-    !i && r.position === "fixed" && (s = null), (l ? !i && !s : !i && r.position === "static" && !!s && En.has(s.position) || ke(a) && !i && yt(e, a)) ? o = o.filter((d) => d !== a) : s = r, a = re(a);
+  let o = be(e, [], !1).filter((r) => z(r) && ge(r) !== "body"), s = null;
+  const l = Z(e).position === "fixed";
+  let a = l ? ae(e) : e;
+  for (; z(a) && !pe(a); ) {
+    const r = Z(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;
 }
-function Ln(e) {
+function Vn(e) {
   let {
     element: t,
     boundary: n,
     rootBoundary: o,
     strategy: s
   } = e;
-  const a = [...n === "clippingAncestors" ? _e(t) ? [] : Pn(t, this._c) : [].concat(n), o], r = a[0], i = a.reduce((f, d) => {
-    const c = ot(t, d, s);
-    return f.top = ue(c.top, f.top), f.right = Te(c.right, f.right), f.bottom = Te(c.bottom, f.bottom), f.left = ue(c.left, f.left), f;
-  }, ot(t, r, s));
+  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;
+  }, tt(t, r, s));
   return {
-    width: i.right - i.left,
-    height: i.bottom - i.top,
-    x: i.left,
-    y: i.top
+    width: u.right - u.left,
+    height: u.bottom - u.top,
+    x: u.left,
+    y: u.top
   };
 }
-function $n(e) {
+function On(e) {
   const {
     width: t,
     height: n
-  } = mt(e);
+  } = pt(e);
   return {
     width: t,
     height: n
   };
 }
-function Dn(e, t, n) {
-  const o = Q(t), s = G(t), l = n === "fixed", a = de(e, !0, l, t);
+function An(e, t, n) {
+  const o = J(t), s = ee(t), l = n === "fixed", a = ue(e, !0, l, t);
   let r = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const i = Y(0);
-  function f() {
-    i.x = Ne(s);
+  const u = Y(0);
+  function c() {
+    u.x = Be(s);
   }
   if (o || !o && !l)
-    if ((we(t) !== "body" || ke(s)) && (r = Me(t)), o) {
-      const v = de(t, !0, l, t);
-      i.x = v.x + t.clientLeft, i.y = v.y + t.clientTop;
-    } else s && f();
-  l && !o && s && f();
-  const d = s && !o && !l ? gt(s, r) : Y(0), c = a.left + r.scrollLeft - i.x - d.x, p = a.top + r.scrollTop - i.y - d.y;
+    if ((ge(t) !== "body" || xe(s)) && (r = Fe(t)), o) {
+      const v = ue(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;
   return {
-    x: c,
-    y: p,
+    x: i,
+    y: m,
     width: a.width,
     height: a.height
   };
 }
-function We(e) {
-  return z(e).position === "static";
+function Ne(e) {
+  return Z(e).position === "static";
 }
-function st(e, t) {
-  if (!Q(e) || z(e).position === "fixed")
+function nt(e, t) {
+  if (!J(e) || Z(e).position === "fixed")
     return null;
   if (t)
     return t(e);
   let n = e.offsetParent;
-  return G(e) === n && (n = n.ownerDocument.body), n;
+  return ee(e) === n && (n = n.ownerDocument.body), n;
 }
-function wt(e, t) {
+function yt(e, t) {
   const n = q(e);
-  if (_e(e))
+  if (Le(e))
     return n;
-  if (!Q(e)) {
-    let s = re(e);
-    for (; s && !ge(s); ) {
-      if (j(s) && !We(s))
+  if (!J(e)) {
+    let s = ae(e);
+    for (; s && !pe(s); ) {
+      if (z(s) && !Ne(s))
         return s;
-      s = re(s);
+      s = ae(s);
     }
     return n;
   }
-  let o = st(e, t);
-  for (; o && hn(o) && We(o); )
-    o = st(o, t);
-  return o && ge(o) && We(o) && !Ue(o) ? n : o || xn(e) || n;
+  let o = nt(e, t);
+  for (; o && fn(o) && Ne(o); )
+    o = nt(o, t);
+  return o && pe(o) && Ne(o) && !Ke(o) ? n : o || hn(e) || n;
 }
-const Fn = async function(e) {
-  const t = this.getOffsetParent || wt, n = this.getDimensions, o = await n(e.floating);
+const En = async function(e) {
+  const t = this.getOffsetParent || yt, n = this.getDimensions, o = await n(e.floating);
   return {
-    reference: Dn(e.reference, await t(e.floating), e.strategy),
+    reference: An(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1020,119 +987,119 @@ const Fn = async function(e) {
     }
   };
 };
-function _n(e) {
-  return z(e).direction === "rtl";
-}
-const Mn = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Sn,
-  getDocumentElement: G,
-  getClippingRect: Ln,
-  getOffsetParent: wt,
-  getElementRects: Fn,
-  getClientRects: On,
-  getDimensions: $n,
-  getScale: me,
-  isElement: j,
-  isRTL: _n
+function Pn(e) {
+  return Z(e).direction === "rtl";
+}
+const Dn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: xn,
+  getDocumentElement: ee,
+  getClippingRect: Vn,
+  getOffsetParent: yt,
+  getElementRects: En,
+  getClientRects: Cn,
+  getDimensions: On,
+  getScale: ve,
+  isElement: z,
+  isRTL: Pn
 };
 function bt(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
-function Nn(e, t) {
+function Ln(e, t) {
   let n = null, o;
-  const s = G(e);
+  const s = ee(e);
   function l() {
     var r;
     clearTimeout(o), (r = n) == null || r.disconnect(), n = null;
   }
-  function a(r, i) {
-    r === void 0 && (r = !1), i === void 0 && (i = 1), l();
-    const f = e.getBoundingClientRect(), {
-      left: d,
-      top: c,
-      width: p,
+  function a(r, u) {
+    r === void 0 && (r = !1), u === void 0 && (u = 1), l();
+    const c = e.getBoundingClientRect(), {
+      left: f,
+      top: i,
+      width: m,
       height: v
-    } = f;
-    if (r || t(), !p || !v)
+    } = c;
+    if (r || t(), !m || !v)
       return;
-    const u = Oe(c), m = Oe(s.clientWidth - (d + p)), C = Oe(s.clientHeight - (c + v)), k = Oe(d), V = {
-      rootMargin: -u + "px " + -m + "px " + -C + "px " + -k + "px",
-      threshold: ue(0, Te(1, i)) || 1
+    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
     };
-    let L = !0;
-    function A(N) {
-      const P = N[0].intersectionRatio;
-      if (P !== i) {
-        if (!L)
+    let O = !0;
+    function A(M) {
+      const $ = M[0].intersectionRatio;
+      if ($ !== u) {
+        if (!O)
           return a();
-        P ? a(!1, P) : o = setTimeout(() => {
+        $ ? a(!1, $) : o = setTimeout(() => {
           a(!1, 1e-7);
         }, 1e3);
       }
-      P === 1 && !bt(f, e.getBoundingClientRect()) && a(), L = !1;
+      $ === 1 && !bt(c, e.getBoundingClientRect()) && a(), O = !1;
     }
     try {
       n = new IntersectionObserver(A, {
-        ...V,
+        ...S,
         // Handle <iframe>s
         root: s.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(A, V);
+      n = new IntersectionObserver(A, S);
     }
     n.observe(e);
   }
   return a(!0), l;
 }
-function Bn(e, t, n, o) {
+function Fn(e, t, n, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: s = !0,
     ancestorResize: l = !0,
     elementResize: a = typeof ResizeObserver == "function",
     layoutShift: r = typeof IntersectionObserver == "function",
-    animationFrame: i = !1
-  } = o, f = ze(e), d = s || l ? [...f ? Ce(f) : [], ...Ce(t)] : [];
-  d.forEach((k) => {
-    s && k.addEventListener("scroll", n, {
+    animationFrame: u = !1
+  } = o, c = Ue(e), f = s || l ? [...c ? be(c) : [], ...be(t)] : [];
+  f.forEach((C) => {
+    s && C.addEventListener("scroll", n, {
       passive: !0
-    }), l && k.addEventListener("resize", n);
+    }), l && C.addEventListener("resize", n);
   });
-  const c = f && r ? Nn(f, n) : null;
-  let p = -1, v = null;
-  a && (v = new ResizeObserver((k) => {
-    let [S] = k;
-    S && S.target === f && v && (v.unobserve(t), cancelAnimationFrame(p), p = requestAnimationFrame(() => {
-      var V;
-      (V = v) == null || V.observe(t);
+  const i = c && r ? Ln(c, n) : null;
+  let m = -1, v = null;
+  a && (v = new ResizeObserver((C) => {
+    let [k] = C;
+    k && k.target === c && v && (v.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+      var S;
+      (S = v) == null || S.observe(t);
     })), n();
-  }), f && !i && v.observe(f), v.observe(t));
-  let u, m = i ? de(e) : null;
-  i && C();
-  function C() {
-    const k = de(e);
-    m && !bt(m, k) && n(), m = k, u = requestAnimationFrame(C);
+  }), c && !u && v.observe(c), v.observe(t));
+  let d, p = u ? ue(e) : null;
+  u && b();
+  function b() {
+    const C = ue(e);
+    p && !bt(p, C) && n(), p = C, d = requestAnimationFrame(b);
   }
   return n(), () => {
-    var k;
-    d.forEach((S) => {
-      s && S.removeEventListener("scroll", n), l && S.removeEventListener("resize", n);
-    }), c?.(), (k = v) == null || k.disconnect(), v = null, i && cancelAnimationFrame(u);
+    var C;
+    f.forEach((k) => {
+      s && k.removeEventListener("scroll", n), l && k.removeEventListener("resize", n);
+    }), i?.(), (C = v) == null || C.disconnect(), v = null, u && cancelAnimationFrame(d);
   };
 }
-const qn = fn, In = vn, Wn = un, Hn = (e, t, n) => {
+const Bn = rn, Mn = un, Nn = sn, In = (e, t, n) => {
   const o = /* @__PURE__ */ new Map(), s = {
-    platform: Mn,
+    platform: Dn,
     ...n
   }, l = {
     ...s.platform,
     _c: o
   };
-  return rn(e, t, {
+  return on(e, t, {
     ...s,
     platform: l
   });
-}, Le = {
+}, Ae = {
   text: (e, t, n) => {
     const o = String(e[t] ?? "").toLowerCase(), s = (n.value ?? "").toLowerCase().trim();
     if (!s && !["empty", "notEmpty"].includes(n.operator ?? "")) return !0;
@@ -1208,15 +1175,15 @@ const qn = fn, In = vn, Wn = un, Hn = (e, t, n) => {
     const o = e[t];
     if (typeof n.filterFn == "function")
       return n.filterFn(o, n.value, e);
-    if (n.filterKey && Object.prototype.hasOwnProperty.call(Le, n.filterKey)) {
-      const s = Le[n.filterKey];
+    if (n.filterKey && Object.prototype.hasOwnProperty.call(Ae, n.filterKey)) {
+      const s = Ae[n.filterKey];
       if (typeof s == "function")
         return s(e, t, n);
     }
     return !0;
   }
 };
-function he(e, t) {
+function me(e, t) {
   const n = {
     operator: t?.operator,
     value: t?.value ?? null
@@ -1245,7 +1212,7 @@ function he(e, t) {
       throw new Error(`Unsupported filter type: ${e}`);
   }
 }
-function Kn(e) {
+function ot(e) {
   switch (e.type) {
     case "text":
       return e.operator ? ["empty", "notEmpty"].includes(e.operator || "") ? !0 : !!e.value?.trim() : !1;
@@ -1261,7 +1228,7 @@ function Kn(e) {
       return !1;
   }
 }
-const Un = fe({
+const qn = _({
   name: "VsDFlex",
   inheritAttrs: !1,
   props: {
@@ -1274,7 +1241,7 @@ const Un = fe({
   },
   setup(e, { attrs: t }) {
     const n = (s, l) => `${s}-${l}`;
-    return { flexClasses: E(() => {
+    return { flexClasses: T(() => {
       const s = ["vs-d-flex"];
       return e.direction && s.push(n("vs-row", e.direction)), e.justify && s.push(n("vs-justify", e.justify)), e.align && s.push(n("vs-align", e.align)), e.wrap !== void 0 && s.push(e.wrap ? "vs-wrap" : "vs-nowrap"), e.gap && s.push(n("vs-gap", e.gap)), Object.entries(e.responsive || {}).forEach(([l, a]) => {
         const r = l + ":";
@@ -1283,25 +1250,25 @@ const Un = fe({
     }), attrs: t };
   }
 });
-function jn(e, t, n, o, s, l) {
-  return g(), y("div", xt({ class: e.flexClasses }, e.attrs), [
-    ee(e.$slots, "default")
+function Hn(e, t, n, o, s, l) {
+  return h(), w("div", xt({ class: e.flexClasses }, e.attrs), [
+    N(e.$slots, "default")
   ], 16);
 }
-const pe = /* @__PURE__ */ ye(Un, [["render", jn]]), zn = { class: "vs-multiselect" }, Zn = { class: "vs-multiselect-actions" }, Xn = {
+const fe = /* @__PURE__ */ ne(qn, [["render", Hn]]), Kn = { class: "vs-multiselect" }, Wn = { class: "vs-multiselect-actions" }, Un = {
   key: 0,
   class: "vs-py-4 vs-text-center vs-text-primary"
-}, Yn = {
+}, jn = {
   key: 1,
   class: "vs-multiselect-options"
-}, Qn = ["onClick"], Gn = { class: "option-label" }, Jn = {
+}, zn = ["onClick"], Zn = { class: "option-label" }, Qn = {
   key: 0,
   xmlns: "http://www.w3.org/2000/svg",
   class: "check-icon",
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor"
-}, eo = /* @__PURE__ */ fe({
+}, Xn = /* @__PURE__ */ _({
   __name: "VsMultiSelect",
   props: {
     columnData: {},
@@ -1310,39 +1277,39 @@ const pe = /* @__PURE__ */ ye(Un, [["render", jn]]), zn = { class: "vs-multisele
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const n = e, o = t, s = _(""), l = _([...n.modelValue ?? []]), a = E(() => {
+    const n = e, o = t, s = L(""), l = L([...n.modelValue ?? []]), a = T(() => {
       const v = new Set(n.columnData.filter(Boolean));
       return Array.from(v);
-    }), r = E(() => {
+    }), r = T(() => {
       const v = s.value.toLowerCase();
-      return a.value.filter((u) => u.toString().toLowerCase().includes(v));
-    }), i = E(() => l.value.length), f = E(() => a.value.length - l.value.length), d = (v) => {
-      const u = l.value.indexOf(v);
-      u > -1 ? l.value.splice(u, 1) : l.value.push(v), o("update:modelValue", [...l.value]);
-    }, c = () => {
+      return a.value.filter((d) => d.toString().toLowerCase().includes(v));
+    }), u = T(() => l.value.length), c = T(() => a.value.length - l.value.length), f = (v) => {
+      const d = l.value.indexOf(v);
+      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]);
-    }, p = () => {
+    }, m = () => {
       l.value = [], o("update:modelValue", []);
     };
-    return ne(
+    return G(
       () => n.modelValue,
       (v) => {
         l.value = [...v || []];
       }
-    ), (v, u) => (g(), y("div", zn, [
-      h("div", Zn, [
-        h("button", {
-          onClick: ae(c, ["stop"])
-        }, "Select All (" + F(f.value) + ")", 1),
-        h("button", {
-          onClick: ae(p, ["stop"])
-        }, "Deselect All (" + F(i.value) + ")", 1)
+    ), (v, d) => (h(), w("div", Kn, [
+      g("div", Wn, [
+        g("button", {
+          onClick: le(i, ["stop"])
+        }, "Select All (" + D(c.value) + ")", 1),
+        g("button", {
+          onClick: le(m, ["stop"])
+        }, "Deselect All (" + D(u.value) + ")", 1)
       ]),
-      ie(pe, { direction: "row" }, {
-        default: se(() => [
-          U(h("input", {
+      X(fe, { direction: "row" }, {
+        default: H(() => [
+          U(g("input", {
             type: "text",
-            "onUpdate:modelValue": u[0] || (u[0] = (m) => s.value = m),
+            "onUpdate:modelValue": d[0] || (d[0] = (p) => s.value = p),
             placeholder: "Search...",
             class: "vs-multiselect-search vs-w-full"
           }, null, 512), [
@@ -1351,48 +1318,48 @@ const pe = /* @__PURE__ */ ye(Un, [["render", jn]]), zn = { class: "vs-multisele
         ]),
         _: 1
       }),
-      e.isLoading ? (g(), y("div", Xn, "Loading options...")) : (g(), y("ul", Yn, [
-        (g(!0), y(H, null, te(r.value, (m) => (g(), y("li", {
-          key: m,
-          onClick: ae((C) => d(m), ["stop"]),
-          class: W({ selected: l.value.includes(m) })
+      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("span", Gn, F(m), 1),
-          l.value.includes(m) ? (g(), y("svg", Jn, [...u[1] || (u[1] = [
-            h("path", {
+          g("span", Zn, D(p), 1),
+          l.value.includes(p) ? (h(), w("svg", Qn, [...d[1] || (d[1] = [
+            g("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "2",
               d: "M5 13l4 4L19 7"
             }, null, -1)
-          ])])) : D("", !0)
-        ], 10, Qn))), 128))
+          ])])) : P("", !0)
+        ], 10, zn))), 128))
       ]))
     ]));
   }
-}), Ve = /* @__PURE__ */ new Map();
-function to(e) {
-  const t = _(e.columnData || []), n = _(!1), o = () => n.value = !0, s = () => n.value = !1;
+}), Se = /* @__PURE__ */ new Map();
+function Yn(e) {
+  const t = L(e.columnData || []), n = L(!1), o = () => n.value = !0, s = () => n.value = !1;
   async function l(r = !1) {
     if (!e.asyncOptions) return;
-    const i = e.cacheKey ?? "default";
-    if (!r && Ve.has(i)) {
-      t.value = Ve.get(i);
+    const u = e.cacheKey ?? "default";
+    if (!r && Se.has(u)) {
+      t.value = Se.get(u);
       return;
     }
     try {
       o();
-      const f = await e.asyncOptions(), d = Array.isArray(f) ? f : [];
-      t.value = d, Ve.set(i, d);
-    } catch (f) {
-      console.error("Failed to load async filter options:", f);
+      const c = await e.asyncOptions(), f = Array.isArray(c) ? c : [];
+      t.value = f, Se.set(u, f);
+    } catch (c) {
+      console.error("Failed to load async filter options:", c);
     } finally {
       s();
     }
   }
   function a() {
     const r = e.cacheKey ?? "default";
-    Ve.delete(r);
+    Se.delete(r);
   }
   return {
     columnOrAsyncOptions: t,
@@ -1401,34 +1368,34 @@ function to(e) {
     loadAsyncOptions: l
   };
 }
-const no = {
+const Gn = {
   key: 0,
   class: "vs-filter-text"
-}, oo = {
+}, Jn = {
   key: 0,
   class: "vs-pb-sm"
-}, so = ["value"], lo = {
+}, _n = ["value"], eo = {
   key: 1,
   class: "vs-filter-multi"
-}, ao = {
+}, to = {
   key: 2,
   class: "vs-filter-range"
-}, ro = {
+}, no = {
   key: 0,
   class: "vs-pb-sm"
-}, io = ["value"], uo = { key: 1 }, co = { class: "vs-operator-fixed" }, fo = { key: 4 }, vo = {
+}, oo = ["value"], so = { key: 1 }, lo = { class: "vs-operator-fixed" }, ao = { key: 4 }, ro = {
   key: 3,
   class: "vs-filter-date"
-}, po = {
+}, io = {
   key: 0,
   class: "vs-pb-sm"
-}, mo = ["value"], ho = { key: 1 }, go = { class: "vs-operator-fixed" }, yo = {
+}, uo = ["value"], co = { key: 1 }, fo = { class: "vs-operator-fixed" }, vo = {
   key: 4,
   class: "vs-muted vs-text-center vs-pt-sm"
-}, wo = {
+}, mo = {
   key: 4,
   class: "vs-filter-actions"
-}, bo = /* @__PURE__ */ fe({
+}, po = /* @__PURE__ */ _({
   __name: "VsDataTableFilterDropdown",
   props: {
     modelValue: {},
@@ -1436,13 +1403,12 @@ const no = {
     field: {},
     visible: { type: Boolean },
     operators: {},
-    anchorEl: {},
     columnData: { default: () => [] },
     asyncOptions: {}
   },
   emits: ["update:modelValue", "apply", "clear", "open", "close"],
   setup(e, { emit: t }) {
-    const n = e, o = t, { columnOrAsyncOptions: s, isLoading: l, loadAsyncOptions: a } = to({
+    const n = e, o = t, { columnOrAsyncOptions: s, isLoading: l, loadAsyncOptions: a } = Yn({
       asyncOptions: n.asyncOptions,
       columnData: n.columnData,
       cacheKey: n.field
@@ -1462,8 +1428,8 @@ const no = {
       "date-range": ["between", "equals", "notEqual", "before", "after", "empty", "notEmpty"],
       custom: []
     };
-    function i(P) {
-      switch (P) {
+    function u($) {
+      switch ($) {
         case "notEqual":
           return "Not Equal";
         case "greaterThan":
@@ -1481,363 +1447,741 @@ const no = {
         case "notEmpty":
           return "Not Empty";
         default:
-          return P.charAt(0).toUpperCase() + P.slice(1);
+          return $.charAt(0).toUpperCase() + $.slice(1);
       }
     }
-    const f = E(() => n.type === "custom" ? [] : n.operators?.length ? n.operators : r[n.type]), d = _(null), c = _(null), p = _(), v = _(!1);
-    ne(
+    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);
+    G(
       () => n.visible,
-      async (P) => {
-        v.value = !!P, v.value ? (await Ct(), V(), n.asyncOptions && a()) : L();
+      async ($) => {
+        v.value = !!$, v.value ? (await Ct(), S(), n.asyncOptions && a()) : O();
       },
       { immediate: !0 }
     );
-    const u = _(he(n.type, n.modelValue));
-    ne(
+    const d = L(me(n.type, n.modelValue));
+    G(
       () => n.modelValue,
-      (P) => {
-        u.value = he(n.type, P);
+      ($) => {
+        d.value = me(n.type, $);
       },
       { immediate: !0 }
     );
-    function m() {
+    function p() {
       o("open");
     }
+    function b() {
+      o("update:modelValue", { ...d.value }), o("apply", { ...d.value });
+    }
     function C() {
-      o("update:modelValue", { ...u.value }), o("apply", { ...u.value });
+      d.value = me(n.type), o("update:modelValue", { ...d.value }), o("clear"), k();
     }
     function k() {
-      u.value = he(n.type), o("update:modelValue", { ...u.value }), o("clear"), S();
-    }
-    function S() {
       o("close");
     }
-    function V() {
-      !d.value || !c.value || (p.value = Bn(d.value, c.value, () => {
-        Hn(d.value, c.value, {
+    function S() {
+      !f.value || !i.value || (m.value = Fn(f.value, i.value, () => {
+        In(f.value, i.value, {
           placement: "bottom-start",
-          middleware: [qn(6), Wn(), In({ padding: 8 })]
-        }).then(({ x: P, y: w }) => {
-          Object.assign(c.value.style, {
-            left: `${P}px`,
-            top: `${w}px`,
+          middleware: [Bn(6), Nn(), Mn({ padding: 8 })]
+        }).then(({ x: $, y: x }) => {
+          Object.assign(i.value.style, {
+            left: `${$}px`,
+            top: `${x}px`,
             position: "absolute",
             zIndex: 2e3
           });
         });
       }));
     }
-    function L() {
-      p.value?.(), p.value = void 0;
+    function O() {
+      m.value?.(), m.value = void 0;
     }
-    function A(P) {
-      const w = P.target;
-      v.value && d.value && c.value && !d.value.contains(w) && !c.value.contains(w) && S();
+    function A($) {
+      const x = $.target;
+      v.value && f.value && i.value && !f.value.contains(x) && !i.value.contains(x) && k();
     }
-    function N(P) {
-      P.key === "Escape" && v.value && S();
+    function M($) {
+      $.key === "Escape" && v.value && k();
     }
-    return lt(() => {
-      document.addEventListener("click", A), document.addEventListener("keydown", N);
-    }), at(() => {
-      document.removeEventListener("click", A), document.removeEventListener("keydown", N), L();
-    }), (P, w) => (g(), y(H, null, [
-      h("span", {
+    return st(() => {
+      document.addEventListener("click", A), document.addEventListener("keydown", M);
+    }), lt(() => {
+      document.removeEventListener("click", A), document.removeEventListener("keydown", M), O();
+    }), ($, x) => (h(), w(K, null, [
+      g("span", {
         ref_key: "referenceRef",
-        ref: d,
-        class: W(["vs-column-filter", { "is-active": x(Kn)(u.value) }]),
-        onClick: ae(m, ["stop"])
-      }, [...w[13] || (w[13] = [
-        h("svg", {
+        ref: f,
+        class: W(["vs-column-filter", {
+          "is-active": R(ot)(d.value),
+          "in-active": !R(ot)(d.value)
+        }]),
+        onClick: le(p, ["stop"])
+      }, [...x[13] || (x[13] = [
+        g("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           height: "24px",
           viewBox: "0 -960 960 960",
           width: "24px",
-          fill: "#e3e3e3"
+          fill: "currentColor"
         }, [
-          h("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" })
+          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),
-      (g(), ve(kt, { to: "body" }, [
-        ie(Rt, { name: "fade" }, {
-          default: se(() => [
-            v.value ? (g(), y("div", {
+      (h(), de(kt, { to: "body" }, [
+        X(Rt, { name: "fade" }, {
+          default: H(() => [
+            v.value ? (h(), w("div", {
               key: 0,
               ref_key: "floatingRef",
-              ref: c,
+              ref: i,
               class: "vs-filter-dropdown",
               style: { position: "absolute", "z-index": "1000" },
-              onClick: w[12] || (w[12] = ae(() => {
+              onClick: x[12] || (x[12] = le(() => {
               }, ["stop"]))
             }, [
-              u.value.type === "text" ? (g(), y("div", no, [
-                f.value.length > 1 ? (g(), y("div", oo, [
-                  U(h("select", {
-                    "onUpdate:modelValue": w[0] || (w[0] = (R) => u.value.operator = R),
+              d.value.type === "text" ? (h(), w("div", Gn, [
+                c.value.length > 1 ? (h(), w("div", Jn, [
+                  U(g("select", {
+                    "onUpdate:modelValue": x[0] || (x[0] = (y) => d.value.operator = y),
                     class: "vs-operator-select vs-mx-auto vs-w-full"
                   }, [
-                    (g(!0), y(H, null, te(f.value, (R) => (g(), y("option", {
-                      key: R,
-                      value: R
-                    }, F(i(R)), 9, so))), 128))
+                    (h(!0), w(K, null, j(c.value, (y) => (h(), w("option", {
+                      key: y,
+                      value: y
+                    }, D(u(y)), 9, _n))), 128))
                   ], 512), [
-                    [qe, u.value.operator]
+                    [Me, d.value.operator]
                   ])
-                ])) : D("", !0),
-                ie(pe, {
+                ])) : P("", !0),
+                X(fe, {
                   direction: "row",
                   class: "mb-6"
                 }, {
-                  default: se(() => [
-                    U(h("input", {
+                  default: H(() => [
+                    U(g("input", {
                       type: "text",
-                      "onUpdate:modelValue": w[1] || (w[1] = (R) => u.value.value = R),
+                      "onUpdate:modelValue": x[1] || (x[1] = (y) => d.value.value = y),
                       placeholder: "Search...",
                       class: "vs-input vs-mx-auto vs-w-full"
                     }, null, 512), [
-                      [oe, u.value.value]
+                      [oe, d.value.value]
                     ])
                   ]),
                   _: 1
                 })
-              ])) : u.value.type === "multi-select" ? (g(), y("div", lo, [
-                e.asyncOptions ? (g(), y("button", {
+              ])) : d.value.type === "multi-select" ? (h(), w("div", eo, [
+                e.asyncOptions ? (h(), w("button", {
                   key: 0,
-                  onClick: w[2] || (w[2] = (R) => x(a)(!0))
-                }, "🔄 Reload")) : D("", !0),
-                ie(eo, {
-                  isLoading: x(l),
-                  columnData: x(s),
-                  modelValue: u.value.value,
-                  "onUpdate:modelValue": w[3] || (w[3] = (R) => u.value.value = R),
+                  onClick: x[2] || (x[2] = (y) => R(a)(!0))
+                }, "🔄 Reload")) : P("", !0),
+                X(Xn, {
+                  isLoading: R(l),
+                  columnData: R(s),
+                  modelValue: d.value.value,
+                  "onUpdate:modelValue": x[3] || (x[3] = (y) => d.value.value = y),
                   placeholder: "Select values..."
                 }, null, 8, ["isLoading", "columnData", "modelValue"])
-              ])) : u.value.type === "number-range" ? (g(), y("div", ao, [
-                f.value.length > 1 ? (g(), y("div", ro, [
-                  U(h("select", {
-                    "onUpdate:modelValue": w[4] || (w[4] = (R) => u.value.operator = R),
+              ])) : d.value.type === "number-range" ? (h(), w("div", to, [
+                c.value.length > 1 ? (h(), w("div", no, [
+                  U(g("select", {
+                    "onUpdate:modelValue": x[4] || (x[4] = (y) => d.value.operator = y),
                     class: "vs-operator-select vs-w-full"
                   }, [
-                    (g(!0), y(H, null, te(f.value, (R) => (g(), y("option", {
-                      key: R,
-                      value: R
-                    }, F(i(R)), 9, io))), 128))
+                    (h(!0), w(K, null, j(c.value, (y) => (h(), w("option", {
+                      key: y,
+                      value: y
+                    }, D(u(y)), 9, oo))), 128))
                   ], 512), [
-                    [qe, u.value.operator]
+                    [Me, d.value.operator]
                   ])
-                ])) : (g(), y("div", uo, [
-                  h("span", co, F(u.value.operator), 1)
+                ])) : (h(), w("div", so, [
+                  g("span", lo, D(d.value.operator), 1)
                 ])),
-                u.value.operator === "between" ? (g(), ve(pe, {
+                d.value.operator === "between" ? (h(), de(fe, {
                   key: 2,
                   justify: "between",
                   align: "center",
                   gap: "4",
                   class: "mb-6"
                 }, {
-                  default: se(() => [
-                    U(h("input", {
+                  default: H(() => [
+                    U(g("input", {
                       type: "number",
-                      "onUpdate:modelValue": w[5] || (w[5] = (R) => u.value.min = R),
+                      "onUpdate:modelValue": x[5] || (x[5] = (y) => d.value.min = y),
                       placeholder: "Min",
                       class: "vs-input vs-w-full"
                     }, null, 512), [
                       [
                         oe,
-                        u.value.min,
+                        d.value.min,
                         void 0,
                         { number: !0 }
                       ]
                     ]),
-                    w[14] || (w[14] = h("span", null, "-", -1)),
-                    U(h("input", {
+                    x[14] || (x[14] = g("span", null, "-", -1)),
+                    U(g("input", {
                       type: "number",
-                      "onUpdate:modelValue": w[6] || (w[6] = (R) => u.value.max = R),
+                      "onUpdate:modelValue": x[6] || (x[6] = (y) => d.value.max = y),
                       placeholder: "Max",
                       class: "vs-input vs-w-full"
                     }, null, 512), [
                       [
                         oe,
-                        u.value.max,
+                        d.value.max,
                         void 0,
                         { number: !0 }
                       ]
                     ])
                   ]),
                   _: 1
-                })) : ["equals", "notEqual", "greaterThan", "lessThan"].includes(u.value.operator || "") ? (g(), ve(pe, {
+                })) : ["equals", "notEqual", "greaterThan", "lessThan"].includes(d.value.operator || "") ? (h(), de(fe, {
                   key: 3,
                   direction: "row"
                 }, {
-                  default: se(() => [
-                    U(h("input", {
+                  default: H(() => [
+                    U(g("input", {
                       type: "number",
-                      "onUpdate:modelValue": w[7] || (w[7] = (R) => u.value.value = R),
+                      "onUpdate:modelValue": x[7] || (x[7] = (y) => d.value.value = y),
                       placeholder: "Enter number",
                       class: "vs-input vs-w-full"
                     }, null, 512), [
                       [
                         oe,
-                        u.value.value,
+                        d.value.value,
                         void 0,
                         { number: !0 }
                       ]
                     ])
                   ]),
                   _: 1
-                })) : ["empty", "notEmpty"].includes(u.value.operator || "") ? (g(), y("div", fo, [...w[15] || (w[15] = [
-                  h("div", { class: "vs-muted vs-text-center vs-pt-sm" }, "No input required", -1)
-                ])])) : D("", !0)
-              ])) : u.value.type === "date-range" ? (g(), y("div", vo, [
-                f.value.length > 1 ? (g(), y("div", po, [
-                  U(h("select", {
-                    "onUpdate:modelValue": w[8] || (w[8] = (R) => u.value.operator = R),
+                })) : ["empty", "notEmpty"].includes(d.value.operator || "") ? (h(), w("div", ao, [...x[15] || (x[15] = [
+                  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, [
+                c.value.length > 1 ? (h(), w("div", io, [
+                  U(g("select", {
+                    "onUpdate:modelValue": x[8] || (x[8] = (y) => d.value.operator = y),
                     class: "vs-operator-select vs-w-full"
                   }, [
-                    (g(!0), y(H, null, te(f.value, (R) => (g(), y("option", {
-                      key: R,
-                      value: R
-                    }, F(i(R)), 9, mo))), 128))
+                    (h(!0), w(K, null, j(c.value, (y) => (h(), w("option", {
+                      key: y,
+                      value: y
+                    }, D(u(y)), 9, uo))), 128))
                   ], 512), [
-                    [qe, u.value.operator]
+                    [Me, d.value.operator]
                   ])
-                ])) : (g(), y("div", ho, [
-                  h("span", go, F(u.value.operator), 1)
+                ])) : (h(), w("div", co, [
+                  g("span", fo, D(d.value.operator), 1)
                 ])),
-                u.value.operator === "between" ? (g(), ve(pe, {
+                d.value.operator === "between" ? (h(), de(fe, {
                   key: 2,
                   justify: "between",
                   align: "center",
                   gap: "4",
                   class: "mb-6"
                 }, {
-                  default: se(() => [
-                    U(h("input", {
+                  default: H(() => [
+                    U(g("input", {
                       type: "date",
-                      "onUpdate:modelValue": w[9] || (w[9] = (R) => u.value.start = R),
+                      "onUpdate:modelValue": x[9] || (x[9] = (y) => d.value.start = y),
                       class: "vs-input vs-w-full"
                     }, null, 512), [
-                      [oe, u.value.start]
+                      [oe, d.value.start]
                     ]),
-                    w[16] || (w[16] = h("span", null, "-", -1)),
-                    U(h("input", {
+                    x[16] || (x[16] = g("span", null, "-", -1)),
+                    U(g("input", {
                       type: "date",
-                      "onUpdate:modelValue": w[10] || (w[10] = (R) => u.value.end = R),
+                      "onUpdate:modelValue": x[10] || (x[10] = (y) => d.value.end = y),
                       class: "vs-input vs-w-full"
                     }, null, 512), [
-                      [oe, u.value.end]
+                      [oe, d.value.end]
                     ])
                   ]),
                   _: 1
-                })) : ["equals", "notEqual", "before", "after"].includes(u.value.operator || "") ? (g(), ve(pe, {
+                })) : ["equals", "notEqual", "before", "after"].includes(d.value.operator || "") ? (h(), de(fe, {
                   key: 3,
                   direction: "row",
                   class: "vs-filter-single-date"
                 }, {
-                  default: se(() => [
-                    U(h("input", {
+                  default: H(() => [
+                    U(g("input", {
                       type: "date",
-                      "onUpdate:modelValue": w[11] || (w[11] = (R) => u.value.value = R),
+                      "onUpdate:modelValue": x[11] || (x[11] = (y) => d.value.value = y),
                       class: "vs-input vs-w-full"
                     }, null, 512), [
-                      [oe, u.value.value]
+                      [oe, d.value.value]
                     ])
                   ]),
                   _: 1
-                })) : ["empty", "notEmpty"].includes(u.value.operator || "") ? (g(), y("div", yo, " No date input required ")) : D("", !0)
-              ])) : D("", !0),
-              u.value.type !== "custom" ? (g(), y("div", wo, [
-                h("button", {
+                })) : ["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, [
+                g("button", {
                   class: "vs-btn vs-btn-primary",
-                  onClick: C
+                  onClick: b
                 }, "Apply"),
-                h("button", {
+                g("button", {
                   class: "vs-btn vs-btn-secondary",
-                  onClick: k
+                  onClick: C
                 }, "Clear")
-              ])) : D("", !0),
-              ee(P.$slots, "custom", {
-                filter: u.value,
-                apply: C,
-                clear: k
+              ])) : P("", !0),
+              N($.$slots, "custom", {
+                filter: d.value,
+                apply: b,
+                clear: C
               }, void 0, !0)
-            ], 512)) : D("", !0)
+            ], 512)) : P("", !0)
           ]),
           _: 3
         })
       ]))
     ], 64));
   }
-}), xo = /* @__PURE__ */ ye(bo, [["__scopeId", "data-v-856f7378"]]);
-function Co(e, t, n) {
-  const o = _(1), s = _(e.sort ?? []);
-  ne(
+}), go = /* @__PURE__ */ ne(po, [["__scopeId", "data-v-1e9d83a6"]]), ho = {
+  key: 0,
+  class: "vs-expand-column",
+  style: { width: "5%" }
+}, wo = {
+  key: 1,
+  class: "vs-checkbox-column",
+  style: { width: "5%" }
+}, yo = { class: "vs-checkbox" }, bo = ["id", "checked", "indeterminate"], xo = ["for"], Co = ["onClick"], ko = { class: "vs-header-content" }, Ro = { class: "vs-header-label" }, So = {
+  key: 0,
+  class: "vs-sort-icons"
+}, To = {
+  key: 1,
+  class: "vs-sort-priority"
+}, $o = /* @__PURE__ */ _({
+  __name: "VsDataTableHeader",
+  props: {
+    columns: {},
+    expandable: { type: Boolean },
+    isItemSelectedControlled: { type: Boolean },
+    isAllChecked: { type: Boolean },
+    isSomeChecked: { type: Boolean },
+    tablename: {},
+    sortHelpers: {},
+    filters: {},
+    anchorEl: {},
+    rows: {},
+    headerClass: {}
+  },
+  emits: ["toggleAll", "applyFilter", "clearFilter", "update:filters"],
+  setup(e, { emit: t }) {
+    const n = e, o = t;
+    function s(c) {
+      o("toggleAll", c);
+    }
+    const l = T({
+      get: () => n.filters,
+      set: (c) => o("update:filters", c)
+    }), a = L(null);
+    function r(c) {
+      a.value = c;
+    }
+    function u(c) {
+      a.value === c && (a.value = null);
+    }
+    return (c, f) => (h(), w("thead", null, [
+      g("tr", null, [
+        e.expandable ? (h(), w("th", ho)) : P("", !0),
+        e.isItemSelectedControlled ? (h(), w("th", wo, [
+          g("div", yo, [
+            g("input", {
+              type: "checkbox",
+              id: e.tablename + "-main-checkbox",
+              checked: e.isAllChecked,
+              indeterminate: e.isSomeChecked,
+              onChange: s
+            }, null, 40, bo),
+            g("label", {
+              for: e.tablename + "-main-checkbox"
+            }, null, 8, xo)
+          ])
+        ])) : P("", !0),
+        (h(!0), w(K, null, j(e.columns, (i) => (h(), w("th", {
+          key: i.field,
+          onClick: (m) => i.sortable ? e.sortHelpers.handleSort(i.field, m) : null,
+          style: St({ width: i.width + "%" }),
+          class: W([i.sortable ? "vs-sortable" : "", e.headerClass])
+        }, [
+          N(c.$slots, `header-${i.field}`, { column: i }, () => [
+            g("div", ko, [
+              g("span", Ro, D(i.label), 1),
+              i.sortable ? (h(), w("div", So, [
+                g("span", {
+                  class: W(["vs-sort-icon vs-sort-asc", {
+                    "vs-active": e.sortHelpers.isColumnSorted(i.field) && e.sortHelpers.getSortOrder(i.field) === "asc"
+                  }])
+                }, [...f[0] || (f[0] = [
+                  g("svg", {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    height: "24px",
+                    viewBox: "0 -960 960 960",
+                    width: "24px",
+                    fill: "var(--vs-gray-800)"
+                  }, [
+                    g("path", { d: "m280-400 200-200 200 200H280Z" })
+                  ], -1)
+                ])], 2),
+                g("span", {
+                  class: W(["vs-sort-icon vs-sort-desc", {
+                    "vs-active": e.sortHelpers.isColumnSorted(i.field) && e.sortHelpers.getSortOrder(i.field) === "desc"
+                  }])
+                }, [...f[1] || (f[1] = [
+                  g("svg", {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    height: "24px",
+                    viewBox: "0 -960 960 960",
+                    width: "24px"
+                  }, [
+                    g("path", { d: "M480-360 280-560h400L480-360Z" })
+                  ], -1)
+                ])], 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, {
+                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,
+                visible: a.value === i.field,
+                "column-data": e.rows.map((m) => m[i.field]),
+                onApply: (m) => {
+                  o("applyFilter", i.field, m);
+                },
+                onClear: () => {
+                  o("clearFilter", i.field);
+                },
+                onClose: (m) => u(i.field),
+                onOpen: (m) => r(i.field)
+              }, Ie({ _: 2 }, [
+                i.filter.custom ? {
+                  name: "custom",
+                  fn: H(({ filter: m, apply: v, clear: d }) => [
+                    N(c.$slots, i.filter.custom, {
+                      filter: m,
+                      apply: v,
+                      clear: d
+                    }, void 0, !0)
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["type", "async-options", "field", "operators", "modelValue", "onUpdate:modelValue", "visible", "column-data", "onApply", "onClear", "onClose", "onOpen"])) : P("", !0)
+            ])
+          ], !0)
+        ], 14, Co))), 128))
+      ])
+    ]));
+  }
+}), 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 = {
+  key: 0,
+  class: "vs-row-expanded"
+}, Wo = ["colspan"], Uo = {
+  key: 1,
+  class: "vs-expanded-content"
+}, jo = /* @__PURE__ */ _({
+  __name: "VsDataTableBody",
+  props: {
+    loading: { type: Boolean },
+    loadingText: {},
+    noDataText: {},
+    noDataDescription: {},
+    paginatedRows: {},
+    totalColumns: {},
+    expandable: { type: Boolean },
+    isItemSelectedControlled: { type: Boolean },
+    selectedItems: {},
+    tablename: {},
+    columns: {},
+    rowKey: { type: [String, Function] },
+    rowClass: {},
+    cellClass: {},
+    hasRowClick: { type: Boolean },
+    getRowKey: { type: Function },
+    getValue: { type: Function },
+    isRowExpanded: { type: Function },
+    isRowLoading: { type: Function },
+    toggleRowExpansion: { type: Function },
+    toggleRow: { type: Function },
+    isRowSelected: { type: Function }
+  },
+  emits: ["row-click"],
+  setup(e, { emit: t }) {
+    const n = e, o = T(() => n.rowKey ?? "id");
+    return (s, l) => (h(), w("tbody", null, [
+      e.loading ? (h(), w("tr", Oo, [
+        g("td", {
+          colspan: e.totalColumns,
+          class: "vs-loading"
+        }, [
+          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, {
+        key: e.getRowKey(a, r)
+      }, [
+        g("tr", {
+          class: W([
+            e.rowClass,
+            { "vs-row-clickable": e.hasRowClick },
+            { "vs-row-selected": e.isRowSelected(a, e.selectedItems, o.value) }
+          ]),
+          onClick: (u) => s.$emit("row-click", a, r)
+        }, [
+          e.expandable ? (h(), w("td", {
+            key: 0,
+            class: "vs-expand-column",
+            onClick: l[0] || (l[0] = le(() => {
+            }, ["stop"]))
+          }, [
+            g("button", {
+              class: "vs-expand-btn",
+              type: "button",
+              "aria-expanded": e.isRowExpanded(a, r),
+              "aria-controls": `row-details-${e.getRowKey(a, r)}`,
+              onClick: le((u) => e.toggleRowExpansion(a, r), ["stop"])
+            }, [
+              e.isRowExpanded(a, r) ? (h(), w("span", Mo, [...l[4] || (l[4] = [
+                g("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  height: "24px",
+                  viewBox: "0 -960 960 960",
+                  width: "24px",
+                  fill: "var(--vs-gray-800)"
+                }, [
+                  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] = [
+                g("svg", {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  height: "24px",
+                  viewBox: "0 -960 960 960",
+                  width: "24px",
+                  fill: "var(--vs-gray-800)"
+                }, [
+                  g("path", { d: "M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z" })
+                ], -1)
+              ])]))
+            ], 8, Bo)
+          ])) : P("", !0),
+          e.isItemSelectedControlled ? (h(), w("td", {
+            key: 1,
+            onClick: l[1] || (l[1] = le(() => {
+            }, ["stop"])),
+            class: "vs-checkbox-column"
+          }, [
+            g("div", Io, [
+              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),
+              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", {
+            key: u.field,
+            class: W(e.cellClass)
+          }, [
+            N(s.$slots, `cell-${u.field}`, {
+              item: a,
+              value: e.getValue(a, u.field),
+              column: u,
+              index: r
+            }, () => [
+              je(D(e.getValue(a, u.field)), 1)
+            ], !0)
+          ], 2))), 128))
+        ], 10, Fo),
+        e.expandable ? (h(), w(K, { key: 0 }, [
+          e.isRowExpanded(a, r) ? (h(), w("tr", Ko, [
+            g("td", {
+              colspan: e.totalColumns,
+              class: "vs-expanded-cell"
+            }, [
+              e.isRowLoading(a, r) ? N(s.$slots, "row-expanded-loader", {
+                key: 0,
+                item: a,
+                index: r
+              }, () => [
+                l[6] || (l[6] = g("div", { class: "vs-loader-bar" }, [
+                  g("div", { class: "vs-loader-bar-inner" })
+                ], -1))
+              ], !0) : (h(), w("div", Uo, [
+                N(s.$slots, "row-expanded", {
+                  item: a,
+                  index: r
+                }, () => [
+                  l[7] || (l[7] = je(" Expanded details for row ", -1)),
+                  g("b", null, D(e.getRowKey(a, r)), 1)
+                ], !0)
+              ]))
+            ], 8, Wo)
+          ])) : P("", !0)
+        ], 64)) : P("", !0)
+      ], 64))), 128)) : (h(), w("tr", Eo, [
+        g("td", {
+          colspan: e.totalColumns,
+          class: "vs-no-data"
+        }, [
+          N(s.$slots, "no-data", {}, () => [
+            l[3] || (l[3] = g("div", { class: "vs-no-data-icon" }, [
+              g("svg", {
+                viewBox: "0 0 24 24",
+                fill: "currentColor"
+              }, [
+                g("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z" })
+              ])
+            ], -1)),
+            g("div", Do, D(e.noDataText), 1),
+            g("div", Lo, D(e.noDataDescription), 1)
+          ], !0)
+        ], 8, Po)
+      ]))
+    ]));
+  }
+}), zo = /* @__PURE__ */ ne(jo, [["__scopeId", "data-v-149f0fb5"]]), Zo = { class: "vs-search" }, Qo = ["placeholder", "value"], Xo = /* @__PURE__ */ _({
+  __name: "VsSearch",
+  props: {
+    modelValue: {},
+    placeholder: {}
+  },
+  emits: ["update:modelValue", "inputTyped"],
+  setup(e, { emit: t }) {
+    const n = t, o = (s) => {
+      const l = s.target;
+      n("update:modelValue", l.value), n("inputTyped", l.value);
+    };
+    return (s, l) => (h(), w("div", Zo, [
+      l[0] || (l[0] = g("div", { class: "vs-search-icon" }, [
+        g("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          height: "22px",
+          viewBox: "0 -960 960 960",
+          width: "22px",
+          fill: "#e3e3e3"
+        }, [
+          g("path", { d: "M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z" })
+        ])
+      ], -1)),
+      g("input", {
+        type: "text",
+        class: "vs-search-input",
+        placeholder: e.placeholder,
+        value: e.modelValue,
+        onInput: o
+      }, null, 40, Qo)
+    ]));
+  }
+}), Yo = /* @__PURE__ */ ne(Xo, [["__scopeId", "data-v-60b73b45"]]), Go = { class: "vs-datatable-toolbar vs-layout-row" }, Jo = { class: "vs-layout-start" }, _o = {
+  key: 0,
+  class: "vs-search-container"
+}, es = { class: "vs-layout-end" }, ts = /* @__PURE__ */ _({
+  __name: "VsDataTableToolbar",
+  props: {
+    showSearch: { type: Boolean },
+    searchQuery: {},
+    searchPlaceholder: {},
+    searchClass: {}
+  },
+  emits: ["update:searchQuery", "search"],
+  setup(e, { emit: t }) {
+    const n = t, o = (s) => {
+      n("update:searchQuery", s), n("search", s);
+    };
+    return (s, l) => (h(), w("div", Go, [
+      g("div", Jo, [
+        e.showSearch ? (h(), w("div", _o, [
+          X(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)
+      ]),
+      g("div", es, [
+        N(s.$slots, "right", {}, void 0, !0)
+      ])
+    ]));
+  }
+}), ns = /* @__PURE__ */ ne(ts, [["__scopeId", "data-v-8524b8f7"]]);
+function os(e, t, n) {
+  const o = L(1), s = L(e.sort ? [...e.sort] : []);
+  G(
     () => e.sort,
-    (c) => {
-      c && (s.value = [...c]);
+    (i) => {
+      i && (s.value = [...i]);
     },
     { deep: !0 }
   );
-  const l = E(
+  const l = T(
     () => e.serverOptions?.sort ?? s.value ?? []
   );
   return {
-    // processedRows,
     activeSort: l,
     sortHelpers: {
-      isColumnSorted: (c) => l.value.some((p) => p.field === c),
-      getSortPriority: (c) => {
-        const p = l.value.find((v) => v.field === c);
-        return p ? p.priority ?? null : null;
+      isColumnSorted: (i) => l.value.some((m) => m.field === i),
+      getSortPriority: (i) => {
+        const m = l.value.find((v) => v.field === i);
+        return m ? m.priority ?? null : null;
       },
-      getSortOrder: (c) => l.value.find((p) => p.field === c)?.order ?? null,
-      handleSort: (c, p) => {
-        let v = [];
-        e.serverOptions ? v = [...e.serverOptions.sort ?? []] : e.sort && (v = [...e.sort]);
-        const u = v.findIndex((m) => m.field === c);
-        p.shiftKey ? u === -1 ? v.push({ field: c, order: "asc" }) : v[u]?.order === "asc" ? v[u].order = "desc" : v.splice(u, 1) : u === -1 ? v = [{ field: c, order: "asc" }] : v[u]?.order === "asc" ? v = [{ field: c, order: "desc" }] : v = [], v = v.map((m, C) => ({ ...m, priority: C + 1 })), e.serverOptions ? t("update:serverOptions", { ...e.serverOptions, sort: v }) : t("update:sort", v), n.value = o.value, t("sortChanged", { sort: v });
+      getSortOrder: (i) => l.value.find((m) => m.field === i)?.order ?? null,
+      handleSort: (i, m) => {
+        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 });
       }
     }
   };
 }
-function ko(e, t, n, o, s) {
-  const l = E({
+function ss(e, t, n, o, s) {
+  const l = T({
     get: () => e.serverItemsLength !== void 0 ? e.serverItemsLength : s.value.length,
-    set: (d) => {
-      e.serverItemsLength !== void 0 && t("update:serverItemsLength", d);
+    set: (f) => {
+      e.serverItemsLength !== void 0 && t("update:serverItemsLength", f);
     }
-  }), a = E({
+  }), a = T({
     get: () => e.serverOptions?.page ?? n.value,
-    set: (d) => {
-      e.serverOptions ? t("update:serverOptions", { ...e.serverOptions, page: d }) : n.value = d;
+    set: (f) => {
+      e.serverOptions ? t("update:serverOptions", { ...e.serverOptions, page: f }) : n.value = f;
     }
-  }), r = E(() => {
-    const d = o.value;
-    return Lt(n.value, d, l.value);
-  }), i = (d) => {
-    e.serverOptions && t("update:serverOptions", { ...e.serverOptions, page: d }), t("pageUpdated", d);
+  }), r = T(() => {
+    const f = o.value;
+    return Pt(n.value, f, l.value);
+  }), u = (f) => {
+    e.serverOptions && t("update:serverOptions", { ...e.serverOptions, page: f }), t("pageUpdated", f);
   };
   return {
     currentPage: a,
     totalRecords: l,
     recordRange: r,
-    handlePageChange: i,
+    handlePageChange: u,
     paginationHelpers: {
       page: n,
       totalRecords: l,
       recordRange: r,
-      handlePageChange: i
+      handlePageChange: u
     }
   };
 }
-function Ro(e, t, n, o) {
-  const s = E({
+function ls(e, t, n, o) {
+  const s = T({
     get: () => o.value,
     set: (a) => o.value = a
   });
-  return ne(o, (a) => {
-    const r = e.serverItemsLength ?? e.rows.length, i = it(r, a);
-    n.value > i ? n.value = i || 1 : n.value < 1 && (n.value = 1);
+  return G(o, (a) => {
+    const r = e.serverItemsLength ?? e.rows.length, u = it(r, a);
+    n.value > u ? n.value = u || 1 : n.value < 1 && (n.value = 1);
   }), {
     vsRowsPerPage: s,
     handleRowsPerPage: (a) => {
@@ -1845,7 +2189,7 @@ function Ro(e, t, n, o) {
     }
   };
 }
-function So(e, t) {
+function as(e, t) {
   const n = (a) => {
     t.value = a, e("inputTyped", a);
   };
@@ -1864,117 +2208,117 @@ function So(e, t) {
     }
   };
 }
-function Oo(e, t) {
-  const n = _([]), o = _(/* @__PURE__ */ new Map()), s = E({
+function rs(e, t) {
+  const n = L([]), o = L(/* @__PURE__ */ new Map()), s = T({
     get: () => e.expanded ?? n.value,
-    set: (d) => {
-      e.expanded !== void 0 ? t("update:expanded", d) : n.value = d;
+    set: (f) => {
+      e.expanded !== void 0 ? t("update:expanded", f) : n.value = f;
     }
   });
-  function l(d, c) {
-    return typeof e.rowKey == "function" ? e.rowKey(d, c) : typeof e.rowKey == "string" && d[e.rowKey] !== void 0 ? d[e.rowKey] : c;
+  function l(f, i) {
+    return typeof e.rowKey == "function" ? e.rowKey(f, i) : typeof e.rowKey == "string" && f[e.rowKey] !== void 0 ? f[e.rowKey] : i;
   }
-  function a(d, c) {
-    const p = l(d, c);
-    return s.value.includes(p);
+  function a(f, i) {
+    const m = l(f, i);
+    return s.value.includes(m);
   }
-  function r(d, c) {
-    const p = l(d, c), v = s.value.includes(p);
-    let u;
-    v ? (u = s.value.filter((m) => m !== p), t("collapseRow", { row: d, index: c, rowId: p })) : (u = e.accordion ? [p] : [...s.value, p], t("expandRow", { row: d, index: c, rowId: p })), s.value = u;
+  function r(f, i) {
+    const m = l(f, i), v = s.value.includes(m);
+    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;
   }
-  function i(d, c) {
-    const p = l(d, c);
-    return o.value.get(p) === !0;
+  function u(f, i) {
+    const m = l(f, i);
+    return o.value.get(m) === !0;
   }
-  function f(d, c) {
-    o.value.set(d, c);
+  function c(f, i) {
+    o.value.set(f, i);
   }
   return {
     expandedRows: s,
     isRowExpanded: a,
     toggleRowExpansion: r,
     getRowId: l,
-    setRowLoading: f,
-    isRowLoading: i
+    setRowLoading: c,
+    isRowLoading: u
   };
 }
-function Vo(e, t, n) {
-  const o = _({}), s = E(() => n?.serverMode ? e.value : e.value.filter((r) => t.every((i) => {
-    const f = o.value[i.field];
-    if (!f || !f.type) return !0;
-    const d = r[i.field];
-    if (i.filter?.filterFn)
-      return i.filter.filterFn(d, f.value, r);
-    if (f.type === "custom" && i.filter?.filterKey) {
-      const p = Le[i.filter.filterKey];
-      return typeof p == "function" ? p(r, i.field, f) : !0;
+function is(e, t, n) {
+  const o = L({}), s = T(() => n?.serverMode ? e.value : e.value.filter((r) => t.every((u) => {
+    const c = o.value[u.field];
+    if (!c || !c.type) return !0;
+    const f = r[u.field];
+    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 c = Le[f.type];
-    return typeof c == "function" ? c(r, i.field, f) : !0;
+    const i = Ae[c.type];
+    return typeof i == "function" ? i(r, u.field, c) : !0;
   })));
-  ne(
+  G(
     o,
     (r) => {
       if (n?.serverMode && n.onServerFilter) {
-        const i = Object.entries(r).reduce(
-          (f, [d, c]) => {
-            if (!c?.type) return f;
-            const p = {
-              type: c.type,
-              operator: c.operator
+        const u = Object.entries(r).reduce(
+          (c, [f, i]) => {
+            if (!i?.type) return c;
+            const m = {
+              type: i.type,
+              operator: i.operator
             };
-            switch (c.type) {
+            switch (i.type) {
               case "text":
-                f[d] = {
-                  ...p,
-                  value: c.value ?? null
+                c[f] = {
+                  ...m,
+                  value: i.value ?? null
                 };
                 break;
               case "multi-select":
-                f[d] = {
-                  ...p,
-                  value: c.value ?? []
+                c[f] = {
+                  ...m,
+                  value: i.value ?? []
                 };
                 break;
               case "number-range":
-                f[d] = {
-                  ...p,
-                  value: c.value ?? null,
-                  min: c.min ?? null,
-                  max: c.max ?? null
+                c[f] = {
+                  ...m,
+                  value: i.value ?? null,
+                  min: i.min ?? null,
+                  max: i.max ?? null
                 };
                 break;
               case "date-range":
-                f[d] = {
-                  ...p,
-                  value: c.value ?? null,
-                  start: c.start ?? null,
-                  end: c.end ?? null
+                c[f] = {
+                  ...m,
+                  value: i.value ?? null,
+                  start: i.start ?? null,
+                  end: i.end ?? null
                 };
                 break;
               case "custom":
-                f[d] = {
-                  ...p,
-                  value: c.value,
-                  filterKey: c.filterKey
+                c[f] = {
+                  ...m,
+                  value: i.value,
+                  filterKey: i.filterKey
                 };
                 break;
             }
-            return f;
+            return c;
           },
           {}
         );
-        n.onServerFilter(i);
+        n.onServerFilter(u);
       }
     },
     { deep: !0 }
   );
-  function l(r, i, f) {
-    i ? o.value[r] = he(i.type, i) : f && (o.value[r] = he(f));
+  function l(r, u, c) {
+    u ? o.value[r] = me(u.type, u) : c && (o.value[r] = me(c));
   }
-  function a(r, i) {
-    i ? o.value[r] = he(i) : delete o.value[r];
+  function a(r, u) {
+    u ? o.value[r] = me(u) : delete o.value[r];
   }
   return {
     filters: o,
@@ -1983,99 +2327,97 @@ function Vo(e, t, n) {
     clearFilter: a
   };
 }
-function To(e, t) {
-  const n = _(1), o = _(e.serverOptions?.rowsPerPage ?? e.rowsPerPage), s = _(""), { isRowExpanded: l, toggleRowExpansion: a, getRowId: r, setRowLoading: i, isRowLoading: f } = Oo(e, t), { filters: d, filteredData: c, setFilter: p, clearFilter: v } = Vo(
-    _(e.rows),
+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(
+    T(() => R(n)),
     e.columns,
     {
       serverMode: !!e.serverOptions,
-      onServerFilter(w) {
-        t("filterChange", w);
+      onServerFilter(y) {
+        t("filterChange", y);
       }
     }
-  ), { activeSort: u, sortHelpers: m } = Co(e, t, n), { onInputTyped: C } = So(t, s), { totalRecords: k, recordRange: S, handlePageChange: V } = ko(
+  ), { activeSort: p, sortHelpers: b } = os(e, t, o), { onInputTyped: C } = as(t, l), { totalRecords: k, recordRange: S, handlePageChange: O } = ss(
     e,
     t,
-    n,
     o,
-    E(() => N.value)
-  ), { handleRowsPerPage: L } = Ro(e, t, n, o), A = E(() => {
-    let w = c.value;
-    return s.value && (w = Ye(w, s.value)), w;
-  }), N = E(() => {
-    let w = A.value;
-    return e.serverOptions || (s.value && (w = Ye(w, s.value)), u.value.length && (w = At(w, u.value))), w = w.map((R, Z) => ({
-      ...R,
-      isExpanded: l(R, Z)
+    s,
+    T(() => $.value)
+  ), { handleRowsPerPage: A } = ls(e, t, o, s), M = T(() => {
+    let y = m.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)
       // pass index here
-    })), w;
-  });
-  ne(d, () => {
-    n.value = 1;
-  }, { deep: !0 }), ne(s, () => {
-    n.value = 1;
+    })), y;
   });
-  const P = E(
-    () => Pt(N.value, n.value, o.value)
+  G([i, l], () => o.value = 1, { deep: !0 });
+  const x = T(
+    () => Et($.value, o.value, s.value)
   );
-  return {
+  return G(n, (y) => {
+    Array.isArray(y) && y.length > 1e3 && console.log(`[useDataTable] Large dataset updated (${y.length} rows)`);
+  }), {
     // Pagination
-    page: n,
+    page: o,
     totalRecords: k,
     recordRange: S,
-    handlePageChange: V,
-    rowsPerPage: o,
-    handleRowsPerPage: L,
+    handlePageChange: O,
+    rowsPerPage: s,
+    handleRowsPerPage: A,
     // Sorting
-    processedRows: N,
-    paginatedRows: P,
-    sortHelpers: m,
+    processedRows: $,
+    paginatedRows: x,
+    sortHelpers: b,
     // Search
-    searchQuery: s,
+    searchQuery: l,
     onInputTyped: C,
     // Expandable
-    isRowExpanded: l,
-    toggleRowExpansion: a,
-    getRowId: r,
-    setRowLoading: i,
+    isRowExpanded: a,
+    toggleRowExpansion: r,
+    getRowId: u,
+    setRowLoading: c,
     isRowLoading: f,
     // Column filters
-    filters: d,
-    filteredData: c,
-    setFilter: p,
-    clearFilter: v
+    filters: i,
+    filteredData: m,
+    setFilter: v,
+    clearFilter: d
   };
 }
-function Eo(e, t) {
-  const n = _(e.itemSelected || []);
-  ne(
+function cs(e, t) {
+  const n = L(e.itemSelected || []);
+  G(
     () => e.itemSelected,
-    (m) => {
-      m ? n.value = [...m] : n.value = [];
+    (p) => {
+      p ? n.value = [...p] : n.value = [];
     },
     { immediate: !0, deep: !0 }
   );
-  const o = E({
+  const o = T({
     get: () => n.value,
-    set: (m) => {
-      n.value = m, t("update:itemSelected", m);
+    set: (p) => {
+      n.value = p, t("update:itemSelected", p);
     }
-  }), s = E(() => e.itemSelected !== null), l = E(
+  }), s = T(() => e.itemSelected !== null), l = T(
     () => e.rows.length > 0 && o.value.length === e.rows.length
-  ), a = E(() => !e.rows.length || !o.value.length ? !1 : !l.value && e.rows.some(
-    (m, C) => o.value.some(
-      (k, S) => M(k, S, e.rowKey) === M(m, C, e.rowKey)
+  ), 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)
     )
-  )), r = (m, C) => {
-    const k = M(m, C, e.rowKey);
+  )), r = (p, b) => {
+    const C = Q(p, b, e.rowKey);
     o.value.some(
-      (V, L) => M(V, L, e.rowKey) === k
+      (S, O) => Q(S, O, e.rowKey) === C
     ) ? (o.value = o.value.filter(
-      (V, L) => M(V, L, e.rowKey) !== k
-    ), t("rowDeselected", m, C)) : (o.value = [...o.value, m], t("rowSelected", m, C));
-  }, i = (m) => {
-    const C = m.target;
-    o.value = C.checked ? [...e.rows] : [], t("allRowsSelected", o.value);
+      (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;
+    o.value = b.checked ? [...e.rows] : [], t("allRowsSelected", o.value);
   };
   return {
     selectedItems: o,
@@ -2083,15 +2425,15 @@ function Eo(e, t) {
     isAllChecked: l,
     isSomeChecked: a,
     toggleRow: r,
-    toggleAll: i,
-    selectRow: (m, C) => {
-      rt(m, o.value, e.rowKey) || (o.value = [...o.value, m], t("rowSelected", m, C));
+    toggleAll: u,
+    selectRow: (p, b) => {
+      rt(p, o.value, e.rowKey) || (o.value = [...o.value, p], t("rowSelected", p, b));
     },
-    deselectRow: (m, C) => {
-      const k = M(m, C, e.rowKey);
+    deselectRow: (p, b) => {
+      const C = Q(p, b, e.rowKey);
       o.value = o.value.filter(
-        (S, V) => M(S, V, e.rowKey) !== k
-      ), t("rowDeselected", m, C);
+        (k, S) => Q(k, S, e.rowKey) !== C
+      ), t("rowDeselected", p, b);
     },
     selectAll: () => {
       o.value = [...e.rows], t("allRowsSelected", o.value);
@@ -2108,40 +2450,17 @@ function Eo(e, t) {
       isAllChecked: l,
       isSomeChecked: a,
       toggleRow: r,
-      toggleAll: i
+      toggleAll: u
     }
   };
 }
-const Ao = { class: "vs-datatable" }, Po = { class: "vs-layout-row" }, Lo = { class: "vs-layout-start" }, $o = {
-  key: 0,
-  class: "vs-search-container"
-}, Do = {
+const ds = { class: "vs-datatable" }, fs = {
   ref: "tableResponsiveRef",
   class: "vs-table-wrapper"
-}, Fo = {
-  key: 0,
-  class: "vs-expand-column",
-  style: { width: "5%" }
-}, _o = {
-  key: 1,
-  class: "vs-checkbox-column",
-  style: { width: "5%" }
-}, Mo = { class: "vs-checkbox" }, No = ["id", "checked", "indeterminate"], Bo = ["for"], qo = ["onClick"], Io = { class: "vs-header-content" }, Wo = { class: "vs-header-label" }, Ho = {
-  key: 0,
-  class: "vs-sort-icons"
-}, Ko = {
-  key: 1,
-  class: "vs-sort-priority"
-}, Uo = { key: 0 }, jo = ["colspan"], zo = { key: 1 }, Zo = ["colspan"], Xo = { class: "vs-no-data-message" }, Yo = { class: "vs-no-data-description" }, Qo = ["onClick"], Go = ["aria-expanded", "aria-controls", "onClick"], Jo = { key: 0 }, es = { key: 1 }, ts = { class: "vs-checkbox" }, ns = ["id", "value", "checked", "onChange"], os = ["for"], ss = {
-  key: 0,
-  class: "vs-row-expanded"
-}, ls = ["colspan"], as = {
-  key: 1,
-  class: "vs-expanded-content"
-}, rs = {
+}, vs = {
   key: 0,
   class: "vs-table-footer"
-}, is = { class: "vs-footer-left" }, us = { class: "vs-table-info" }, cs = /* @__PURE__ */ fe({
+}, ms = { class: "vs-footer-left" }, ps = { class: "vs-table-info" }, gs = /* @__PURE__ */ _({
   __name: "VsDataTable",
   props: {
     rows: { default: () => [] },
@@ -2177,340 +2496,171 @@ const Ao = { class: "vs-datatable" }, Po = { class: "vs-layout-row" }, Lo = { cl
   },
   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: t, emit: n }) {
-    const o = e, s = n, l = St(), a = E(() => !!l.onRowClick), {
-      page: r,
-      rowsPerPage: i,
+    const o = e, s = at(o.rows);
+    G(
+      () => o.rows,
+      (B) => {
+        s.value = B;
+      },
+      { deep: !1 }
+    );
+    const l = n, a = Tt(), r = T(() => !!a.onRowClick), {
+      page: u,
+      rowsPerPage: c,
       totalRecords: f,
-      recordRange: d,
-      handlePageChange: c,
-      handleRowsPerPage: p,
-      paginatedRows: v,
-      sortHelpers: u,
-      searchQuery: m,
+      recordRange: i,
+      handlePageChange: m,
+      handleRowsPerPage: v,
+      paginatedRows: d,
+      sortHelpers: p,
+      searchQuery: b,
       onInputTyped: C,
       isRowExpanded: k,
       toggleRowExpansion: S,
-      setRowLoading: V,
-      isRowLoading: L,
-      filters: A,
-      setFilter: N,
-      clearFilter: P
-    } = To(o, s), {
-      selectedItems: w,
-      isItemSelectedControlled: R,
-      isAllChecked: Z,
-      isSomeChecked: Re,
-      toggleAll: be,
-      toggleRow: Se
-    } = Eo(o, s), K = E(
-      () => Et(o.columns, R.value, o.expandable)
-    ), xe = _(null), X = _(null);
-    function J($) {
-      X.value = $;
-    }
-    function B($) {
-      X.value === $ && (X.value = null);
-    }
+      setRowLoading: O,
+      isRowLoading: A,
+      filters: M,
+      setFilter: $,
+      clearFilter: x
+    } = us({ ...o, rows: s.value }, l), {
+      selectedItems: y,
+      isItemSelectedControlled: I,
+      isAllChecked: ce,
+      isSomeChecked: Ce,
+      toggleAll: ke,
+      toggleRow: te
+    } = cs(o, l), he = T(
+      () => Ot(o.columns, I.value, o.expandable)
+    );
     return t({
       toggleRowExpansion: S,
-      setRowLoading: V
-    }), lt(() => {
-      s("tableMounted");
+      setRowLoading: O
+    }), st(() => {
+      l("tableMounted");
       try {
-        s("dataLoaded", o.rows);
-      } catch ($) {
-        s("dataError", $);
+        l("dataLoaded", o.rows);
+      } catch (B) {
+        l("dataError", B);
       }
-    }), at(() => {
-      s("tableUnmounted");
-    }), Ot(() => {
-      s("tableBeforeMount");
-    }), ($, O) => (g(), y("div", Ao, [
-      h("div", Po, [
-        h("div", Lo, [
-          e.showSearch ? (g(), y("div", $o, [
-            ie(Kt, {
-              modelValue: x(m),
-              "onUpdate:modelValue": O[0] || (O[0] = (b) => Ie(m) ? m.value = b : null),
-              onInputTyped: x(C),
-              placeholder: e.searchPlaceholder,
-              class: W(e.searchClass)
-            }, null, 8, ["modelValue", "onInputTyped", "placeholder", "class"]),
-            ee($.$slots, "filterArea", {}, void 0, !0)
-          ])) : D("", !0)
+    }), lt(() => {
+      l("tableUnmounted");
+    }), $t(() => {
+      l("tableBeforeMount");
+    }), (B, E) => (h(), w("div", ds, [
+      X(ns, {
+        "show-search": e.showSearch,
+        "search-query": R(b),
+        "onUpdate:searchQuery": E[0] || (E[0] = (V) => ye(b) ? b.value = V : null),
+        onSearch: R(C),
+        "search-placeholder": e.searchPlaceholder,
+        "search-class": e.searchClass
+      }, {
+        left: H(() => [
+          N(B.$slots, "filterAreaLeft", {}, void 0, !0)
         ]),
-        O[6] || (O[6] = h("div", { class: "vs-layout-end" }, null, -1))
-      ]),
-      h("div", {
+        right: H(() => [
+          N(B.$slots, "filterAreaRight", {}, void 0, !0)
+        ]),
+        _: 3
+      }, 8, ["show-search", "search-query", "onSearch", "search-placeholder", "search-class"]),
+      g("div", {
         class: W(["vs-table-container", e.containerClass])
       }, [
-        h("div", Do, [
-          h("table", {
+        g("div", fs, [
+          g("table", {
             class: W(["vs-table", e.tableClass])
           }, [
-            h("thead", null, [
-              h("tr", null, [
-                e.expandable ? (g(), y("th", Fo)) : D("", !0),
-                x(R) ? (g(), y("th", _o, [
-                  h("div", Mo, [
-                    h("input", {
-                      type: "checkbox",
-                      id: e.tablename + "-main-checkbox",
-                      checked: x(Z),
-                      indeterminate: x(Re),
-                      onChange: O[1] || (O[1] = //@ts-ignore
-                      (...b) => x(be) && x(be)(...b))
-                    }, null, 40, No),
-                    h("label", {
-                      for: e.tablename + "-main-checkbox"
-                    }, null, 8, Bo)
-                  ])
-                ])) : D("", !0),
-                (g(!0), y(H, null, te(e.columns, (b) => (g(), y("th", {
-                  key: b.field,
-                  onClick: (T) => b.sortable ? x(u).handleSort(b.field, T) : null,
-                  style: Vt({ width: b.width + "%" }),
-                  class: W([b.sortable ? "vs-sortable" : "", e.headerClass])
-                }, [
-                  ee($.$slots, `header-${b.field}`, { column: b }, () => [
-                    h("div", Io, [
-                      h("span", Wo, F(b.label), 1),
-                      b.sortable ? (g(), y("div", Ho, [
-                        h("span", {
-                          class: W(["vs-sort-icon vs-sort-asc", {
-                            "vs-active": x(u).isColumnSorted(b.field) && x(u).getSortOrder(b.field) === "asc"
-                          }])
-                        }, [...O[7] || (O[7] = [
-                          h("svg", {
-                            xmlns: "http://www.w3.org/2000/svg",
-                            height: "24px",
-                            viewBox: "0 -960 960 960",
-                            width: "24px",
-                            fill: "var(--vs-gray-800)"
-                          }, [
-                            h("path", { d: "m280-400 200-200 200 200H280Z" })
-                          ], -1)
-                        ])], 2),
-                        h("span", {
-                          class: W(["vs-sort-icon vs-sort-desc", {
-                            "vs-active": x(u).isColumnSorted(b.field) && x(u).getSortOrder(b.field) === "desc"
-                          }])
-                        }, [...O[8] || (O[8] = [
-                          h("svg", {
-                            xmlns: "http://www.w3.org/2000/svg",
-                            height: "24px",
-                            viewBox: "0 -960 960 960",
-                            width: "24px"
-                          }, [
-                            h("path", { d: "M480-360 280-560h400L480-360Z" })
-                          ], -1)
-                        ])], 2)
-                      ])) : D("", !0),
-                      x(u).getSortPriority(b.field) !== null ? (g(), y("span", Ko, F(x(u).getSortPriority(b.field)), 1)) : D("", !0),
-                      b.filter ? (g(), ve(xo, {
-                        key: 2,
-                        type: b.filter.type,
-                        "async-options": b.filter.asyncOptions,
-                        field: b.field,
-                        operators: b.filter.operators,
-                        modelValue: x(A)[b.field],
-                        "onUpdate:modelValue": (T) => x(A)[b.field] = T,
-                        visible: X.value === b.field,
-                        "anchor-el": xe.value,
-                        "column-data": e.rows.map((T) => T[b.field]),
-                        onApply: (T) => {
-                          x(N)(b.field, T), r.value = 1;
-                        },
-                        onClear: () => {
-                          x(P)(b.field), r.value = 1;
-                        },
-                        onClose: (T) => B(b.field),
-                        onOpen: (T) => J(b.field)
-                      }, Tt({ _: 2 }, [
-                        b.filter.custom ? {
-                          name: "custom",
-                          fn: se(({ filter: T, apply: I, clear: Be }) => [
-                            ee($.$slots, b.filter.custom, {
-                              filter: T,
-                              apply: I,
-                              clear: Be
-                            }, void 0, !0)
-                          ]),
-                          key: "0"
-                        } : void 0
-                      ]), 1032, ["type", "async-options", "field", "operators", "modelValue", "onUpdate:modelValue", "visible", "anchor-el", "column-data", "onApply", "onClear", "onClose", "onOpen"])) : D("", !0)
-                    ])
-                  ], !0)
-                ], 14, qo))), 128))
-              ])
-            ]),
-            h("tbody", null, [
-              e.loading ? (g(), y("tr", Uo, [
-                h("td", {
-                  colspan: K.value,
-                  class: "vs-loading"
-                }, [
-                  O[9] || (O[9] = h("div", { class: "vs-spinner" }, null, -1)),
-                  h("span", null, F(e.loadingText), 1)
-                ], 8, jo)
-              ])) : x(v).length ? (g(!0), y(H, { key: 2 }, te(x(v), (b, T) => (g(), y(H, {
-                key: x(M)(b, T)
-              }, [
-                h("tr", {
-                  class: W([
-                    e.rowClass,
-                    { "vs-row-clickable": a.value },
-                    { "vs-row-selected": x(rt)(b, x(w), e.rowKey) }
-                  ]),
-                  onClick: (I) => $.$emit("rowClick", b, T)
-                }, [
-                  e.expandable ? (g(), y("td", {
-                    key: 0,
-                    class: "vs-expand-column",
-                    onClick: O[2] || (O[2] = ae(() => {
-                    }, ["stop"]))
-                  }, [
-                    h("button", {
-                      class: "vs-expand-btn",
-                      type: "button",
-                      "aria-expanded": x(k)(b, T),
-                      "aria-controls": `row-details-${x(M)(b, T)}`,
-                      onClick: ae((I) => x(S)(b, T), ["stop"])
-                    }, [
-                      x(k)(b, T) ? (g(), y("span", Jo, [...O[11] || (O[11] = [
-                        h("svg", {
-                          xmlns: "http://www.w3.org/2000/svg",
-                          height: "24px",
-                          viewBox: "0 -960 960 960",
-                          width: "24px",
-                          fill: "var(--vs-gray-800)"
-                        }, [
-                          h("path", { d: "M480-345 240-585l56-56 184 183 184-183 56 56-240 240Z" })
-                        ], -1)
-                      ])])) : (g(), y("span", es, [...O[12] || (O[12] = [
-                        h("svg", {
-                          xmlns: "http://www.w3.org/2000/svg",
-                          height: "24px",
-                          viewBox: "0 -960 960 960",
-                          width: "24px",
-                          fill: "var(--vs-gray-800)"
-                        }, [
-                          h("path", { d: "M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z" })
-                        ], -1)
-                      ])]))
-                    ], 8, Go)
-                  ])) : D("", !0),
-                  x(R) ? (g(), y("td", {
-                    key: 1,
-                    onClick: O[3] || (O[3] = ae(() => {
-                    }, ["stop"])),
-                    class: "vs-checkbox-column"
-                  }, [
-                    h("div", ts, [
-                      h("input", {
-                        type: "checkbox",
-                        id: e.tablename + "-checkbox-" + x(M)(b, T),
-                        value: b,
-                        checked: x(w).some((I, Be) => x(M)(I, Be) === x(M)(b, T)),
-                        onChange: (I) => x(Se)(b, T)
-                      }, null, 40, ns),
-                      h("label", {
-                        for: e.tablename + "-checkbox-" + x(M)(b, T)
-                      }, null, 8, os)
-                    ])
-                  ])) : D("", !0),
-                  (g(!0), y(H, null, te(e.columns, (I) => (g(), y("td", {
-                    key: I.field,
-                    class: W(e.cellClass)
-                  }, [
-                    ee($.$slots, `cell-${I.field}`, {
-                      item: b,
-                      value: x(Xe)(b, I.field),
-                      column: I,
-                      index: T
-                    }, () => [
-                      Ze(F(x(Xe)(b, I.field)), 1)
-                    ], !0)
-                  ], 2))), 128))
-                ], 10, Qo),
-                e.expandable ? (g(), y(H, { key: 0 }, [
-                  x(k)(b, T) ? (g(), y("tr", ss, [
-                    h("td", {
-                      colspan: K.value,
-                      class: "vs-expanded-cell"
-                    }, [
-                      x(L)(b, T) ? ee($.$slots, "row-expanded-loader", {
-                        key: 0,
-                        item: b,
-                        index: T
-                      }, () => [
-                        O[13] || (O[13] = h("div", { class: "vs-loader-bar" }, [
-                          h("div", { class: "vs-loader-bar-inner" })
-                        ], -1))
-                      ], !0) : (g(), y("div", as, [
-                        ee($.$slots, "row-expanded", {
-                          item: b,
-                          index: T
-                        }, () => [
-                          O[14] || (O[14] = Ze(" Expanded details for row ", -1)),
-                          h("b", null, F(x(M)(b, T)), 1)
-                        ], !0)
-                      ]))
-                    ], 8, ls)
-                  ])) : D("", !0)
-                ], 64)) : D("", !0)
-              ], 64))), 128)) : (g(), y("tr", zo, [
-                h("td", {
-                  colspan: K.value,
-                  class: "vs-no-data"
-                }, [
-                  ee($.$slots, "no-data", {}, () => [
-                    O[10] || (O[10] = h("div", { class: "vs-no-data-icon" }, [
-                      h("svg", {
-                        viewBox: "0 0 24 24",
-                        fill: "currentColor"
-                      }, [
-                        h("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-5 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z" })
-                      ])
-                    ], -1)),
-                    h("div", Xo, F(e.noDataText), 1),
-                    h("div", Yo, F(e.noDataDescription), 1)
-                  ], !0)
-                ], 8, Zo)
-              ]))
-            ])
+            X(Vo, {
+              columns: e.columns,
+              expandable: e.expandable,
+              "is-item-selected-controlled": R(I),
+              "is-all-checked": R(ce),
+              "is-some-checked": R(Ce),
+              tablename: e.tablename,
+              "sort-helpers": R(p),
+              filters: R(M),
+              "onUpdate:filters": E[1] || (E[1] = (V) => ye(M) ? M.value = V : null),
+              rows: e.rows,
+              "header-class": e.headerClass,
+              onToggleAll: R(ke),
+              onApplyFilter: E[2] || (E[2] = (V, F) => {
+                R($)(V, F), u.value = 1;
+              }),
+              onClearFilter: E[3] || (E[3] = (V) => {
+                R(x)(V), u.value = 1;
+              })
+            }, Ie({ _: 2 }, [
+              j(B.$slots, (V, F) => ({
+                name: F,
+                fn: H((we) => [
+                  N(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, {
+              loading: e.loading,
+              "loading-text": e.loadingText,
+              "no-data-text": e.noDataText,
+              "no-data-description": e.noDataDescription,
+              "paginated-rows": R(d),
+              "total-columns": he.value,
+              expandable: e.expandable,
+              "is-item-selected-controlled": R(I),
+              "selected-items": R(y),
+              tablename: e.tablename,
+              columns: e.columns,
+              "row-key": e.rowKey,
+              "row-class": e.rowClass,
+              "cell-class": e.cellClass,
+              "has-row-click": r.value,
+              "get-row-key": R(Q),
+              "get-value": R(Vt),
+              "is-row-expanded": R(k),
+              "is-row-loading": R(A),
+              "toggle-row-expansion": R(S),
+              "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) => ({
+                name: F,
+                fn: H((we) => [
+                  N(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"])
           ], 2)
         ], 512)
       ], 2),
-      e.showFooter ? (g(), y("div", rs, [
-        h("div", is, [
-          ie(Xt, {
-            modelValue: x(i),
-            "onUpdate:modelValue": O[4] || (O[4] = (b) => Ie(i) ? i.value = b : null),
-            onRowsPerPageChanged: x(p)
+      e.showFooter ? (h(), w("div", vs, [
+        g("div", ms, [
+          X(jt, {
+            modelValue: R(c),
+            "onUpdate:modelValue": E[5] || (E[5] = (V) => ye(c) ? c.value = V : null),
+            onRowsPerPageChanged: R(v)
           }, null, 8, ["modelValue", "onRowsPerPageChanged"]),
-          O[15] || (O[15] = h("div", { class: "vs-divider" }, null, -1)),
-          h("div", us, F(x(d).start < 1 ? 0 : x(d).start) + " - " + F(x(d).end) + " of " + F(x(f)) + " " + F(e.entriesText), 1)
+          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)
         ]),
-        ie(qt, {
-          modelValue: x(r),
-          "onUpdate:modelValue": O[5] || (O[5] = (b) => Ie(r) ? r.value = b : null),
-          totalRecords: x(f),
-          rowsPerPage: x(i),
+        X(qt, {
+          modelValue: R(u),
+          "onUpdate:modelValue": E[6] || (E[6] = (V) => ye(u) ? u.value = V : null),
+          totalRecords: R(f),
+          rowsPerPage: R(c),
           maxVisible: e.maxVisiblePages,
           tablename: e.tablename,
           class: W(e.paginationClass),
-          onPageChanged: x(c)
+          onPageChanged: R(m)
         }, null, 8, ["modelValue", "totalRecords", "rowsPerPage", "maxVisible", "tablename", "class", "onPageChanged"])
-      ])) : D("", !0)
+      ])) : P("", !0)
     ]));
   }
-}), ds = /* @__PURE__ */ ye(cs, [["__scopeId", "data-v-12278d31"]]), vs = {
+}), hs = /* @__PURE__ */ ne(gs, [["__scopeId", "data-v-4da895c0"]]), ys = {
   install(e) {
-    e.component("VsDataTable", ds);
+    e.component("VsDataTable", hs);
   }
 };
 export {
-  ds as VsDataTable,
-  vs as default
+  hs as VsDataTable,
+  ys as default
 };