@prefabs.tech/vue3-tanstack-table 0.18.0 → 0.20.0

package/dist/PrefabsTechVue3TanstackTable.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as Q, h as X, isRef as Jt, shallowRef as Zt, watch as yt, ref as K, watchEffect as en, unref as C, computed as G, createElementBlock as y, openBlock as S, createCommentVNode as V, createElementVNode as A, toDisplayString as z, Fragment as H, renderList as j, createVNode as M, createBlock as E, withCtx as O, normalizeClass as de, normalizeStyle as oe, mergeProps as ne, resolveDynamicComponent as Rt, createTextVNode as tn, renderSlot as J, createSlots as Ft } from "vue";
+import { defineComponent as Q, h as X, isRef as Jt, shallowRef as Zt, watch as yt, ref as K, watchEffect as en, unref as C, computed as G, createElementBlock as y, openBlock as S, createCommentVNode as V, createElementVNode as A, toDisplayString as N, Fragment as H, renderList as z, createVNode as M, createBlock as E, withCtx as O, normalizeClass as de, normalizeStyle as oe, mergeProps as te, resolveDynamicComponent as Rt, createTextVNode as tn, renderSlot as J, createSlots as Ft } from "vue";
 import { DebouncedInput as bt, ButtonElement as Z, Tooltip as nn, formatDateTime as ke, formatDate as on, Dropdown as rn, ConfirmationModal as ln, Popup as sn, SortableList as an, getStorage as un, LoadingIcon as cn, FilesList as dn } from "@prefabs.tech/vue3-ui";
 import { SelectInput as gn, DatePicker as fn, NumberInput as tt, Checkbox as Te } from "@prefabs.tech/vue3-form";
 const Pt = /^[a-z0-9]+(-[a-z0-9]+)*$/, Re = (e, o, t, n = "") => {
@@ -11,13 +11,13 @@ const Pt = /^[a-z0-9]+(-[a-z0-9]+)*$/, Re = (e, o, t, n = "") => {
   if (i.length > 3 || !i.length)
     return null;
   if (i.length > 1) {
-    const s = i.pop(), a = i.pop(), c = {
+    const s = i.pop(), a = i.pop(), u = {
       // Allow provider without '@': "provider:prefix:name"
       provider: i.length > 0 ? i[0] : n,
       prefix: a,
       name: s
     };
-    return o && !Se(c) ? null : c;
+    return o && !Se(u) ? null : u;
   }
   const r = i[0], l = r.split("-");
   if (l.length > 1) {
@@ -291,11 +291,11 @@ function An(e, o) {
   };
   let r = t.body;
   [t, n].forEach((m) => {
-    const h = [], R = m.hFlip, $ = m.vFlip;
+    const h = [], R = m.hFlip, I = m.vFlip;
     let P = m.rotate;
-    R ? $ ? P += 2 : (h.push(
+    R ? I ? P += 2 : (h.push(
       "translate(" + (i.width + i.left).toString() + " " + (0 - i.top).toString() + ")"
-    ), h.push("scale(-1 1)"), i.top = i.left = 0) : $ && (h.push(
+    ), h.push("scale(-1 1)"), i.top = i.left = 0) : I && (h.push(
       "translate(" + (0 - i.left).toString() + " " + (i.height + i.top).toString() + ")"
     ), h.push("scale(1 -1)"), i.top = i.left = 0);
     let _;
@@ -322,14 +322,14 @@ function An(e, o) {
       "</g>"
     ));
   });
-  const l = n.width, s = n.height, a = i.width, c = i.height;
-  let u, f;
-  l === null ? (f = s === null ? "1em" : s === "auto" ? c : s, u = it(f, a / c)) : (u = l === "auto" ? a : l, f = s === null ? it(u, c / a) : s === "auto" ? c : s);
+  const l = n.width, s = n.height, a = i.width, u = i.height;
+  let c, f;
+  l === null ? (f = s === null ? "1em" : s === "auto" ? u : s, c = it(f, a / u)) : (c = l === "auto" ? a : l, f = s === null ? it(c, u / a) : s === "auto" ? u : s);
   const g = {}, d = (m, h) => {
     xn(h) || (g[m] = h.toString());
   };
-  d("width", u), d("height", f);
-  const p = [i.left, i.top, a, c];
+  d("width", c), d("height", f);
+  const p = [i.left, i.top, a, u];
   return g.viewBox = p.join(" "), {
     attributes: g,
     viewBox: p,
@@ -441,8 +441,8 @@ const Bn = (e, o, t) => {
     prefix: o,
     icons: []
   }, s = 0;
-  return t.forEach((a, c) => {
-    s += a.length + 1, s >= i && c > 0 && (n.push(l), l = {
+  return t.forEach((a, u) => {
+    s += a.length + 1, s >= i && u > 0 && (n.push(l), l = {
       type: r,
       provider: e,
       prefix: o,
@@ -524,15 +524,15 @@ function Nn(e) {
     if (n.name === i.name && n.prefix === i.prefix && n.provider === i.provider)
       return;
     n = i;
-    const r = i.provider, l = i.prefix, s = i.name, a = t[r] || (t[r] = /* @__PURE__ */ Object.create(null)), c = a[l] || (a[l] = ie(r, l));
-    let u;
-    s in c.icons ? u = o.loaded : l === "" || c.missing.has(s) ? u = o.missing : u = o.pending;
+    const r = i.provider, l = i.prefix, s = i.name, a = t[r] || (t[r] = /* @__PURE__ */ Object.create(null)), u = a[l] || (a[l] = ie(r, l));
+    let c;
+    s in u.icons ? c = o.loaded : l === "" || u.missing.has(s) ? c = o.missing : c = o.pending;
     const f = {
       provider: r,
       prefix: l,
       name: s
     };
-    u.push(f);
+    c.push(f);
   }), o;
 }
 function Mt(e, o) {
@@ -554,18 +554,18 @@ function jn(e) {
       l.pending = l.pending.filter((a) => {
         if (a.prefix !== i)
           return !0;
-        const c = a.name;
-        if (e.icons[c])
+        const u = a.name;
+        if (e.icons[u])
           l.loaded.push({
             provider: n,
             prefix: i,
-            name: c
+            name: u
           });
-        else if (e.missing.has(c))
+        else if (e.missing.has(u))
           l.missing.push({
             provider: n,
             prefix: i,
-            name: c
+            name: u
           });
         else
           return t = !0, !0;
@@ -615,14 +615,14 @@ function Qn(e, o, t, n) {
   if (e.random) {
     let w = e.resources.slice(0);
     for (l = []; w.length > 1; ) {
-      const I = Math.floor(Math.random() * w.length);
-      l.push(w[I]), w = w.slice(0, I).concat(w.slice(I + 1));
+      const $ = Math.floor(Math.random() * w.length);
+      l.push(w[$]), w = w.slice(0, $).concat(w.slice($ + 1));
     }
     l = l.concat(w);
   } else
     l = e.resources.slice(r).concat(e.resources.slice(0, r));
   const s = Date.now();
-  let a = "pending", c = 0, u, f = null, g = [], d = [];
+  let a = "pending", u = 0, c, f = null, g = [], d = [];
   typeof n == "function" && d.push(n);
   function p() {
     f && (clearTimeout(f), f = null);
@@ -632,23 +632,23 @@ function Qn(e, o, t, n) {
       w.status === "pending" && (w.status = "aborted");
     }), g = [];
   }
-  function h(w, I) {
-    I && (d = []), typeof w == "function" && d.push(w);
+  function h(w, $) {
+    $ && (d = []), typeof w == "function" && d.push(w);
   }
   function R() {
     return {
       startTime: s,
       payload: o,
       status: a,
-      queriesSent: c,
+      queriesSent: u,
       queriesPending: g.length,
       subscribe: h,
       abort: m
     };
   }
-  function $() {
+  function I() {
     a = "failed", d.forEach((w) => {
-      w(void 0, u);
+      w(void 0, c);
     });
   }
   function P() {
@@ -656,8 +656,8 @@ function Qn(e, o, t, n) {
       w.status === "pending" && (w.status = "aborted");
     }), g = [];
   }
-  function _(w, I, D) {
-    const L = I !== "success";
+  function _(w, $, D) {
+    const L = $ !== "success";
     switch (g = g.filter((k) => k !== w), a) {
       case "pending":
         break;
@@ -668,12 +668,12 @@ function Qn(e, o, t, n) {
       default:
         return;
     }
-    if (I === "abort") {
-      u = D, $();
+    if ($ === "abort") {
+      c = D, I();
       return;
     }
     if (L) {
-      u = D, g.length || (l.length ? v() : $());
+      c = D, g.length || (l.length ? v() : I());
       return;
     }
     if (p(), P(), !e.random) {
@@ -692,21 +692,21 @@ function Qn(e, o, t, n) {
     if (w === void 0) {
       if (g.length) {
         f = setTimeout(() => {
-          p(), a === "pending" && (P(), $());
+          p(), a === "pending" && (P(), I());
         }, e.timeout);
         return;
       }
-      $();
+      I();
       return;
     }
-    const I = {
+    const $ = {
       status: "pending",
       resource: w,
       callback: (D, L) => {
-        _(I, D, L);
+        _($, D, L);
       }
     };
-    g.push(I), c++, f = setTimeout(v, e.rotate), t(w, o, I.callback);
+    g.push($), u++, f = setTimeout(v, e.rotate), t(w, o, $.callback);
   }
   return setTimeout(v), R;
 }
@@ -719,16 +719,16 @@ function Et(e) {
   function n() {
     t = t.filter((s) => s().status === "pending");
   }
-  function i(s, a, c) {
-    const u = Qn(
+  function i(s, a, u) {
+    const c = Qn(
       o,
       s,
       a,
       (f, g) => {
-        n(), c && c(f, g);
+        n(), u && u(f, g);
       }
     );
-    return t.push(u), u;
+    return t.push(c), c;
   }
   function r(s) {
     return t.find((a) => s(a)) || null;
@@ -829,23 +829,23 @@ function eo(e, o) {
     if (e.loadIcons && (i.length > 1 || !r)) {
       at(
         e.loadIcons(i, n, t),
-        (u) => {
-          le(e, i, u);
+        (c) => {
+          le(e, i, c);
         }
       );
       return;
     }
     if (r) {
-      i.forEach((u) => {
-        const f = r(u, n, t);
+      i.forEach((c) => {
+        const f = r(c, n, t);
         at(f, (g) => {
           const d = g ? {
             prefix: n,
             icons: {
-              [u]: g
+              [c]: g
             }
           } : null;
-          le(e, [u], d);
+          le(e, [c], d);
         });
       });
       return;
@@ -858,9 +858,9 @@ function eo(e, o) {
       le(e, l, null);
       return;
     }
-    a.prepare(t, n, l).forEach((u) => {
-      Yn(t, u, (f) => {
-        le(e, u.icons, f);
+    a.prepare(t, n, l).forEach((c) => {
+      Yn(t, c, (f) => {
+        le(e, c.icons, f);
       });
     });
   }));
@@ -883,18 +883,18 @@ const to = (e, o) => {
   const i = /* @__PURE__ */ Object.create(null), r = [];
   let l, s;
   return n.pending.forEach((a) => {
-    const { provider: c, prefix: u } = a;
-    if (u === s && c === l)
+    const { provider: u, prefix: c } = a;
+    if (c === s && u === l)
       return;
-    l = c, s = u, r.push(ie(c, u));
-    const f = i[c] || (i[c] = /* @__PURE__ */ Object.create(null));
-    f[u] || (f[u] = []);
+    l = u, s = c, r.push(ie(u, c));
+    const f = i[u] || (i[u] = /* @__PURE__ */ Object.create(null));
+    f[c] || (f[c] = []);
   }), n.pending.forEach((a) => {
-    const { provider: c, prefix: u, name: f } = a, g = ie(c, u), d = g.pendingIcons || (g.pendingIcons = /* @__PURE__ */ new Set());
-    d.has(f) || (d.add(f), i[c][u].push(f));
+    const { provider: u, prefix: c, name: f } = a, g = ie(u, c), d = g.pendingIcons || (g.pendingIcons = /* @__PURE__ */ new Set());
+    d.has(f) || (d.add(f), i[u][c].push(f));
   }), r.forEach((a) => {
-    const c = i[a.provider][a.prefix];
-    c.length && eo(a, c);
+    const u = i[a.provider][a.prefix];
+    u.length && eo(a, u);
   }), o ? Kn(o, n, r) : st;
 };
 function no(e, o) {
@@ -1039,25 +1039,25 @@ const ft = (e, o) => {
         }
       }
   }
-  const a = An(e, t), c = a.attributes;
+  const a = An(e, t), u = a.attributes;
   if (t.inline && (r.verticalAlign = "-0.125em"), i === "svg") {
     n.style = {
       ...r,
       ...s
-    }, Object.assign(n, c);
+    }, Object.assign(n, u);
     let m = 0, h = o.id;
     return typeof h == "string" && (h = h.replace(/-/g, "_")), n.innerHTML = Mn(a.body, h ? () => h + "ID" + m++ : "iconifyVue"), X("svg", n);
   }
-  const { body: u, width: f, height: g } = e, d = i === "mask" || (i === "bg" ? !1 : u.indexOf("currentColor") !== -1), p = lo(u, {
-    ...c,
+  const { body: c, width: f, height: g } = e, d = i === "mask" || (i === "bg" ? !1 : c.indexOf("currentColor") !== -1), p = lo(c, {
+    ...u,
     width: f + "",
     height: g + ""
   });
   return n.style = {
     ...r,
     "--svg": uo(p),
-    width: gt(c.width),
-    height: gt(c.height),
+    width: gt(u.width),
+    height: gt(u.height),
     ...go,
     ...d ? Ge : Lt,
     ...s
@@ -1099,7 +1099,7 @@ if (typeof document < "u" && typeof window < "u") {
 const fo = {
   ...Fe,
   body: ""
-}, N = Q({
+}, j = Q({
   // Do not inherit other attributes: it is handled by render()
   inheritAttrs: !1,
   // Set initial data
@@ -1223,17 +1223,17 @@ function F(e, o, t) {
     let l;
     t.key && t.debug && (l = Date.now());
     const s = e(r);
-    if (!(s.length !== n.length || s.some((u, f) => n[f] !== u)))
+    if (!(s.length !== n.length || s.some((c, f) => n[f] !== c)))
       return i;
     n = s;
-    let c;
-    if (t.key && t.debug && (c = Date.now()), i = o(...s), t == null || t.onChange == null || t.onChange(i), t.key && t.debug && t != null && t.debug()) {
-      const u = Math.round((Date.now() - l) * 100) / 100, f = Math.round((Date.now() - c) * 100) / 100, g = f / 16, d = (p, m) => {
+    let u;
+    if (t.key && t.debug && (u = Date.now()), i = o(...s), t == null || t.onChange == null || t.onChange(i), t.key && t.debug && t != null && t.debug()) {
+      const c = Math.round((Date.now() - l) * 100) / 100, f = Math.round((Date.now() - u) * 100) / 100, g = f / 16, d = (p, m) => {
         for (p = String(p); p.length < m; )
           p = " " + p;
         return p;
       };
-      console.info(`%c⏱ ${d(f, 5)} /${d(u, 5)} ms`, `
+      console.info(`%c⏱ ${d(f, 5)} /${d(c, 5)} ms`, `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(0, Math.min(120 - 120 * g, 120))}deg 100% 31%);`, t?.key);
@@ -1261,13 +1261,13 @@ function vo(e, o, t, n) {
     column: t,
     getValue: () => o.getValue(n),
     renderValue: i,
-    getContext: F(() => [e, t, o, r], (l, s, a, c) => ({
+    getContext: F(() => [e, t, o, r], (l, s, a, u) => ({
       table: l,
       column: s,
       row: a,
-      cell: c,
-      getValue: c.getValue,
-      renderValue: c.renderValue
+      cell: u,
+      getValue: u.getValue,
+      renderValue: u.renderValue
     }), b(e.options, "debugCells", "cell.getContext"))
   };
   return e._features.forEach((l) => {
@@ -1280,19 +1280,19 @@ function So(e, o, t, n) {
     ...e._getDefaultColumnDef(),
     ...o
   }, a = s.accessorKey;
-  let c = (i = (r = s.id) != null ? r : a ? typeof String.prototype.replaceAll == "function" ? a.replaceAll(".", "_") : a.replace(/\./g, "_") : void 0) != null ? i : typeof s.header == "string" ? s.header : void 0, u;
-  if (s.accessorFn ? u = s.accessorFn : a && (a.includes(".") ? u = (g) => {
+  let u = (i = (r = s.id) != null ? r : a ? typeof String.prototype.replaceAll == "function" ? a.replaceAll(".", "_") : a.replace(/\./g, "_") : void 0) != null ? i : typeof s.header == "string" ? s.header : void 0, c;
+  if (s.accessorFn ? c = s.accessorFn : a && (a.includes(".") ? c = (g) => {
     let d = g;
     for (const m of a.split(".")) {
       var p;
       d = (p = d) == null ? void 0 : p[m], process.env.NODE_ENV !== "production" && d === void 0 && console.warn(`"${m}" in deeply nested key "${a}" returned undefined.`);
     }
     return d;
-  } : u = (g) => g[s.accessorKey]), !c)
+  } : c = (g) => g[s.accessorKey]), !u)
     throw process.env.NODE_ENV !== "production" ? new Error(s.accessorFn ? "Columns require an id when using an accessorFn" : "Columns require an id when using a non-string header") : new Error();
   let f = {
-    id: `${String(c)}`,
-    accessorFn: u,
+    id: `${String(u)}`,
+    accessorFn: c,
     parent: n,
     depth: t,
     columnDef: s,
@@ -1348,8 +1348,8 @@ const wo = {
   createTable: (e) => {
     e.getHeaderGroups = F(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (o, t, n, i) => {
       var r, l;
-      const s = (r = n?.map((f) => t.find((g) => g.id === f)).filter(Boolean)) != null ? r : [], a = (l = i?.map((f) => t.find((g) => g.id === f)).filter(Boolean)) != null ? l : [], c = t.filter((f) => !(n != null && n.includes(f.id)) && !(i != null && i.includes(f.id)));
-      return pe(o, [...s, ...c, ...a], e);
+      const s = (r = n?.map((f) => t.find((g) => g.id === f)).filter(Boolean)) != null ? r : [], a = (l = i?.map((f) => t.find((g) => g.id === f)).filter(Boolean)) != null ? l : [], u = t.filter((f) => !(n != null && n.includes(f.id)) && !(i != null && i.includes(f.id)));
+      return pe(o, [...s, ...u, ...a], e);
     }, b(e.options, B, "getHeaderGroups")), e.getCenterHeaderGroups = F(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (o, t, n, i) => (t = t.filter((r) => !(n != null && n.includes(r.id)) && !(i != null && i.includes(r.id))), pe(o, t, e, "center")), b(e.options, B, "getCenterHeaderGroups")), e.getLeftHeaderGroups = F(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left], (o, t, n) => {
       var i;
       const r = (i = n?.map((l) => t.find((s) => s.id === l)).filter(Boolean)) != null ? i : [];
@@ -1368,8 +1368,8 @@ const wo = {
       var n;
       return !((n = t.subHeaders) != null && n.length);
     }), b(e.options, B, "getRightLeafHeaders")), e.getLeafHeaders = F(() => [e.getLeftHeaderGroups(), e.getCenterHeaderGroups(), e.getRightHeaderGroups()], (o, t, n) => {
-      var i, r, l, s, a, c;
-      return [...(i = (r = o[0]) == null ? void 0 : r.headers) != null ? i : [], ...(l = (s = t[0]) == null ? void 0 : s.headers) != null ? l : [], ...(a = (c = n[0]) == null ? void 0 : c.headers) != null ? a : []].map((u) => u.getLeafHeaders()).flat();
+      var i, r, l, s, a, u;
+      return [...(i = (r = o[0]) == null ? void 0 : r.headers) != null ? i : [], ...(l = (s = t[0]) == null ? void 0 : s.headers) != null ? l : [], ...(a = (u = n[0]) == null ? void 0 : u.headers) != null ? a : []].map((c) => c.getLeafHeaders()).flat();
     }, b(e.options, B, "getLeafHeaders"));
   }
 };
@@ -1384,16 +1384,16 @@ function pe(e, o, t, n) {
   };
   s(e);
   let a = [];
-  const c = (g, d) => {
+  const u = (g, d) => {
     const p = {
       depth: d,
       id: [n, `${d}`].filter(Boolean).join("_"),
       headers: []
     }, m = [];
     g.forEach((h) => {
-      const R = [...m].reverse()[0], $ = h.column.depth === p.depth;
+      const R = [...m].reverse()[0], I = h.column.depth === p.depth;
       let P, _ = !1;
-      if ($ && h.column.parent ? P = h.column.parent : (P = h.column, _ = !0), R && R?.column === P)
+      if (I && h.column.parent ? P = h.column.parent : (P = h.column, _ = !0), R && R?.column === P)
         R.subHeaders.push(h);
       else {
         const v = pt(t, P, {
@@ -1406,12 +1406,12 @@ function pe(e, o, t, n) {
         v.subHeaders.push(h), m.push(v);
       }
       p.headers.push(h), h.headerGroup = p;
-    }), a.push(p), d > 0 && c(m, d - 1);
-  }, u = o.map((g, d) => pt(t, g, {
+    }), a.push(p), d > 0 && u(m, d - 1);
+  }, c = o.map((g, d) => pt(t, g, {
     depth: l,
     index: d
   }));
-  c(u, l - 1), a.reverse();
+  u(c, l - 1), a.reverse();
   const f = (g) => g.filter((p) => p.column.getIsVisible()).map((p) => {
     let m = 0, h = 0, R = [0];
     p.subHeaders && p.subHeaders.length ? (R = [], f(p.subHeaders).forEach((P) => {
@@ -1421,8 +1421,8 @@ function pe(e, o, t, n) {
       } = P;
       m += _, R.push(v);
     })) : m = 1;
-    const $ = Math.min(...R);
-    return h = h + $, p.colSpan = m, p.rowSpan = h, {
+    const I = Math.min(...R);
+    return h = h + I, p.colSpan = m, p.rowSpan = h, {
       colSpan: m,
       rowSpan: h
     };
@@ -1441,39 +1441,39 @@ const Ye = (e, o, t, n, i, r, l) => {
     getValue: (a) => {
       if (s._valuesCache.hasOwnProperty(a))
         return s._valuesCache[a];
-      const c = e.getColumn(a);
-      if (c != null && c.accessorFn)
-        return s._valuesCache[a] = c.accessorFn(s.original, n), s._valuesCache[a];
+      const u = e.getColumn(a);
+      if (u != null && u.accessorFn)
+        return s._valuesCache[a] = u.accessorFn(s.original, n), s._valuesCache[a];
     },
     getUniqueValues: (a) => {
       if (s._uniqueValuesCache.hasOwnProperty(a))
         return s._uniqueValuesCache[a];
-      const c = e.getColumn(a);
-      if (c != null && c.accessorFn)
-        return c.columnDef.getUniqueValues ? (s._uniqueValuesCache[a] = c.columnDef.getUniqueValues(s.original, n), s._uniqueValuesCache[a]) : (s._uniqueValuesCache[a] = [s.getValue(a)], s._uniqueValuesCache[a]);
+      const u = e.getColumn(a);
+      if (u != null && u.accessorFn)
+        return u.columnDef.getUniqueValues ? (s._uniqueValuesCache[a] = u.columnDef.getUniqueValues(s.original, n), s._uniqueValuesCache[a]) : (s._uniqueValuesCache[a] = [s.getValue(a)], s._uniqueValuesCache[a]);
     },
     renderValue: (a) => {
-      var c;
-      return (c = s.getValue(a)) != null ? c : e.options.renderFallbackValue;
+      var u;
+      return (u = s.getValue(a)) != null ? u : e.options.renderFallbackValue;
     },
     subRows: [],
     getLeafRows: () => ho(s.subRows, (a) => a.subRows),
     getParentRow: () => s.parentId ? e.getRow(s.parentId, !0) : void 0,
     getParentRows: () => {
-      let a = [], c = s;
+      let a = [], u = s;
       for (; ; ) {
-        const u = c.getParentRow();
-        if (!u) break;
-        a.push(u), c = u;
+        const c = u.getParentRow();
+        if (!c) break;
+        a.push(c), u = c;
       }
       return a.reverse();
     },
-    getAllCells: F(() => [e.getAllLeafColumns()], (a) => a.map((c) => vo(e, s, c, c.id)), b(e.options, "debugRows", "getAllCells")),
-    _getAllCellsByColumnId: F(() => [s.getAllCells()], (a) => a.reduce((c, u) => (c[u.column.id] = u, c), {}), b(e.options, "debugRows", "getAllCellsByColumnId"))
+    getAllCells: F(() => [e.getAllLeafColumns()], (a) => a.map((u) => vo(e, s, u, u.id)), b(e.options, "debugRows", "getAllCells")),
+    _getAllCellsByColumnId: F(() => [s.getAllCells()], (a) => a.reduce((u, c) => (u[c.column.id] = c, u), {}), b(e.options, "debugRows", "getAllCellsByColumnId"))
   };
   for (let a = 0; a < e._features.length; a++) {
-    const c = e._features[a];
-    c == null || c.createRow == null || c.createRow(s, e);
+    const u = e._features[a];
+    u == null || u.createRow == null || u.createRow(s, e);
   }
   return s;
 }, Co = {
@@ -1580,18 +1580,18 @@ const yo = {
       return (t = (n = o.getState().columnFilters) == null ? void 0 : n.findIndex((i) => i.id === e.id)) != null ? t : -1;
     }, e.setFilterValue = (t) => {
       o.setColumnFilters((n) => {
-        const i = e.getFilterFn(), r = n?.find((u) => u.id === e.id), l = ee(t, r ? r.value : void 0);
+        const i = e.getFilterFn(), r = n?.find((c) => c.id === e.id), l = ee(t, r ? r.value : void 0);
         if (mt(i, l, e)) {
           var s;
-          return (s = n?.filter((u) => u.id !== e.id)) != null ? s : [];
+          return (s = n?.filter((c) => c.id !== e.id)) != null ? s : [];
         }
         const a = {
           id: e.id,
           value: l
         };
         if (r) {
-          var c;
-          return (c = n?.map((u) => u.id === e.id ? a : u)) != null ? c : [];
+          var u;
+          return (u = n?.map((c) => c.id === e.id ? a : c)) != null ? u : [];
         }
         return n != null && n.length ? [...n, a] : [a];
       });
@@ -1773,8 +1773,8 @@ const Mo = {
       else {
         const l = [...o], s = [...i];
         for (; s.length && l.length; ) {
-          const a = l.shift(), c = s.findIndex((u) => u.id === a);
-          c > -1 && r.push(s.splice(c, 1)[0]);
+          const a = l.shift(), u = s.findIndex((c) => c.id === a);
+          u > -1 && r.push(s.splice(u, 1)[0]);
         }
         r = [...r, ...s];
       }
@@ -1805,10 +1805,10 @@ const Mo = {
           };
         }
         if (t === "left") {
-          var c, u;
+          var u, c;
           return {
-            left: [...((c = i?.left) != null ? c : []).filter((f) => !(n != null && n.includes(f))), ...n],
-            right: ((u = i?.right) != null ? u : []).filter((f) => !(n != null && n.includes(f)))
+            left: [...((u = i?.left) != null ? u : []).filter((f) => !(n != null && n.includes(f))), ...n],
+            right: ((c = i?.right) != null ? c : []).filter((f) => !(n != null && n.includes(f)))
           };
         }
         return {
@@ -1925,25 +1925,25 @@ const Mo = {
       return (r) => {
         if (!n || !i || (r.persist == null || r.persist(), Ve(r) && r.touches && r.touches.length > 1))
           return;
-        const l = e.getSize(), s = e ? e.getLeafHeaders().map((R) => [R.column.id, R.column.getSize()]) : [[n.id, n.getSize()]], a = Ve(r) ? Math.round(r.touches[0].clientX) : r.clientX, c = {}, u = (R, $) => {
-          typeof $ == "number" && (o.setColumnSizingInfo((P) => {
+        const l = e.getSize(), s = e ? e.getLeafHeaders().map((R) => [R.column.id, R.column.getSize()]) : [[n.id, n.getSize()]], a = Ve(r) ? Math.round(r.touches[0].clientX) : r.clientX, u = {}, c = (R, I) => {
+          typeof I == "number" && (o.setColumnSizingInfo((P) => {
             var _, v;
-            const w = o.options.columnResizeDirection === "rtl" ? -1 : 1, I = ($ - ((_ = P?.startOffset) != null ? _ : 0)) * w, D = Math.max(I / ((v = P?.startSize) != null ? v : 0), -0.999999);
+            const w = o.options.columnResizeDirection === "rtl" ? -1 : 1, $ = (I - ((_ = P?.startOffset) != null ? _ : 0)) * w, D = Math.max($ / ((v = P?.startSize) != null ? v : 0), -0.999999);
             return P.columnSizingStart.forEach((L) => {
               let [k, U] = L;
-              c[k] = Math.round(Math.max(U + U * D, 0) * 100) / 100;
+              u[k] = Math.round(Math.max(U + U * D, 0) * 100) / 100;
             }), {
               ...P,
-              deltaOffset: I,
+              deltaOffset: $,
               deltaPercentage: D
             };
           }), (o.options.columnResizeMode === "onChange" || R === "end") && o.setColumnSizing((P) => ({
             ...P,
-            ...c
+            ...u
           })));
-        }, f = (R) => u("move", R), g = (R) => {
-          u("end", R), o.setColumnSizingInfo(($) => ({
-            ...$,
+        }, f = (R) => c("move", R), g = (R) => {
+          c("end", R), o.setColumnSizingInfo((I) => ({
+            ...I,
             isResizingColumn: !1,
             startOffset: null,
             startSize: null,
@@ -1959,8 +1959,8 @@ const Mo = {
         }, m = {
           moveHandler: (R) => (R.cancelable && (R.preventDefault(), R.stopPropagation()), f(R.touches[0].clientX), !1),
           upHandler: (R) => {
-            var $;
-            d?.removeEventListener("touchmove", m.moveHandler), d?.removeEventListener("touchend", m.upHandler), R.cancelable && (R.preventDefault(), R.stopPropagation()), g(($ = R.touches[0]) == null ? void 0 : $.clientX);
+            var I;
+            d?.removeEventListener("touchmove", m.moveHandler), d?.removeEventListener("touchend", m.upHandler), R.cancelable && (R.preventDefault(), R.stopPropagation()), g((I = R.touches[0]) == null ? void 0 : I.clientX);
           }
         }, h = ko() ? {
           passive: !1
@@ -2292,17 +2292,17 @@ const Ho = {
     e.pin = (t, n, i) => {
       const r = n ? e.getLeafRows().map((a) => {
         let {
-          id: c
+          id: u
         } = a;
-        return c;
+        return u;
       }) : [], l = i ? e.getParentRows().map((a) => {
         let {
-          id: c
+          id: u
         } = a;
-        return c;
+        return u;
       }) : [], s = /* @__PURE__ */ new Set([...l, e.id, ...r]);
       o.setRowPinning((a) => {
-        var c, u;
+        var u, c;
         if (t === "bottom") {
           var f, g;
           return {
@@ -2318,8 +2318,8 @@ const Ho = {
           };
         }
         return {
-          top: ((c = a?.top) != null ? c : []).filter((m) => !(s != null && s.has(m))),
-          bottom: ((u = a?.bottom) != null ? u : []).filter((m) => !(s != null && s.has(m)))
+          top: ((u = a?.top) != null ? u : []).filter((m) => !(s != null && s.has(m))),
+          bottom: ((c = a?.bottom) != null ? c : []).filter((m) => !(s != null && s.has(m)))
         };
       });
     }, e.getCanPin = () => {
@@ -2507,12 +2507,12 @@ const Ho = {
 function Me(e, o) {
   const t = e.getState().rowSelection, n = [], i = {}, r = function(l, s) {
     return l.map((a) => {
-      var c;
-      const u = Ze(a, t);
-      if (u && (n.push(a), i[a.id] = a), (c = a.subRows) != null && c.length && (a = {
+      var u;
+      const c = Ze(a, t);
+      if (c && (n.push(a), i[a.id] = a), (u = a.subRows) != null && u.length && (a = {
         ...a,
         subRows: r(a.subRows)
-      }), u)
+      }), c)
         return a;
     }).filter(Boolean);
   };
@@ -2537,14 +2537,14 @@ function qe(e, o, t) {
     }
   }), i ? "all" : r ? "some" : !1;
 }
-const Ke = /([0-9]+)/gm, jo = (e, o, t) => jt(te(e.getValue(t)).toLowerCase(), te(o.getValue(t)).toLowerCase()), qo = (e, o, t) => jt(te(e.getValue(t)), te(o.getValue(t))), Ko = (e, o, t) => et(te(e.getValue(t)).toLowerCase(), te(o.getValue(t)).toLowerCase()), Uo = (e, o, t) => et(te(e.getValue(t)), te(o.getValue(t))), Wo = (e, o, t) => {
+const Ke = /([0-9]+)/gm, jo = (e, o, t) => jt(ne(e.getValue(t)).toLowerCase(), ne(o.getValue(t)).toLowerCase()), qo = (e, o, t) => jt(ne(e.getValue(t)), ne(o.getValue(t))), Ko = (e, o, t) => et(ne(e.getValue(t)).toLowerCase(), ne(o.getValue(t)).toLowerCase()), Uo = (e, o, t) => et(ne(e.getValue(t)), ne(o.getValue(t))), Wo = (e, o, t) => {
   const n = e.getValue(t), i = o.getValue(t);
   return n > i ? 1 : n < i ? -1 : 0;
 }, Qo = (e, o, t) => et(e.getValue(t), o.getValue(t));
 function et(e, o) {
   return e === o ? 0 : e > o ? 1 : -1;
 }
-function te(e) {
+function ne(e) {
   return typeof e == "number" ? isNaN(e) || e === 1 / 0 || e === -1 / 0 ? "" : String(e) : typeof e == "string" ? e : "";
 }
 function jt(e, o) {
@@ -2611,21 +2611,21 @@ const se = {
       const i = e.getNextSortingOrder(), r = typeof t < "u" && t !== null;
       o.setSorting((l) => {
         const s = l?.find((d) => d.id === e.id), a = l?.findIndex((d) => d.id === e.id);
-        let c = [], u, f = r ? t : i === "desc";
-        if (l != null && l.length && e.getCanMultiSort() && n ? s ? u = "toggle" : u = "add" : l != null && l.length && a !== l.length - 1 ? u = "replace" : s ? u = "toggle" : u = "replace", u === "toggle" && (r || i || (u = "remove")), u === "add") {
+        let u = [], c, f = r ? t : i === "desc";
+        if (l != null && l.length && e.getCanMultiSort() && n ? s ? c = "toggle" : c = "add" : l != null && l.length && a !== l.length - 1 ? c = "replace" : s ? c = "toggle" : c = "replace", c === "toggle" && (r || i || (c = "remove")), c === "add") {
           var g;
-          c = [...l, {
+          u = [...l, {
             id: e.id,
             desc: f
-          }], c.splice(0, c.length - ((g = o.options.maxMultiSortColCount) != null ? g : Number.MAX_SAFE_INTEGER));
-        } else u === "toggle" ? c = l.map((d) => d.id === e.id ? {
+          }], u.splice(0, u.length - ((g = o.options.maxMultiSortColCount) != null ? g : Number.MAX_SAFE_INTEGER));
+        } else c === "toggle" ? u = l.map((d) => d.id === e.id ? {
           ...d,
           desc: f
-        } : d) : u === "remove" ? c = l.filter((d) => d.id !== e.id) : c = [{
+        } : d) : c === "remove" ? u = l.filter((d) => d.id !== e.id) : u = [{
           id: e.id,
           desc: f
         }];
-        return c;
+        return u;
       });
     }, e.getFirstSortDir = () => {
       var t, n;
@@ -2702,8 +2702,8 @@ function Jo(e) {
     var d;
     a = (d = g.getInitialState == null ? void 0 : g.getInitialState(a)) != null ? d : a;
   });
-  const c = [];
-  let u = !1;
+  const u = [];
+  let c = !1;
   const f = {
     _features: n,
     options: {
@@ -2712,10 +2712,10 @@ function Jo(e) {
     },
     initialState: a,
     _queue: (g) => {
-      c.push(g), u || (u = !0, Promise.resolve().then(() => {
-        for (; c.length; )
-          c.shift()();
-        u = !1;
+      u.push(g), c || (c = !0, Promise.resolve().then(() => {
+        for (; u.length; )
+          u.shift()();
+        c = !1;
       }).catch((d) => setTimeout(() => {
         throw d;
       })));
@@ -2766,8 +2766,8 @@ function Jo(e) {
     getAllColumns: F(() => [i._getColumnDefs()], (g) => {
       const d = function(p, m, h) {
         return h === void 0 && (h = 0), p.map((R) => {
-          const $ = So(i, R, h, m), P = R;
-          return $.columns = P.columns ? d(P.columns, $, h + 1) : [], $;
+          const I = So(i, R, h, m), P = R;
+          return I.columns = P.columns ? d(P.columns, I, h + 1) : [], I;
         });
       };
       return d(g);
@@ -2799,11 +2799,11 @@ function qt() {
     }, n = function(i, r, l) {
       r === void 0 && (r = 0);
       const s = [];
-      for (let c = 0; c < i.length; c++) {
-        const u = Ye(e, e._getRowId(i[c], c, l), i[c], c, r, void 0, l?.id);
-        if (t.flatRows.push(u), t.rowsById[u.id] = u, s.push(u), e.options.getSubRows) {
+      for (let u = 0; u < i.length; u++) {
+        const c = Ye(e, e._getRowId(i[u], u, l), i[u], u, r, void 0, l?.id);
+        if (t.flatRows.push(c), t.rowsById[c.id] = c, s.push(c), e.options.getSubRows) {
           var a;
-          u.originalSubRows = e.options.getSubRows(i[c], c), (a = u.originalSubRows) != null && a.length && (u.subRows = n(u.originalSubRows, r + 1, u));
+          c.originalSubRows = e.options.getSubRows(i[u], u), (a = c.originalSubRows) != null && a.length && (c.subRows = n(c.originalSubRows, r + 1, c));
         }
       }
       return s;
@@ -2827,26 +2827,26 @@ function ei(e, o, t) {
 }
 function ti(e, o, t) {
   var n;
-  const i = [], r = {}, l = (n = t.options.maxLeafRowFilterDepth) != null ? n : 100, s = function(a, c) {
-    c === void 0 && (c = 0);
-    const u = [];
+  const i = [], r = {}, l = (n = t.options.maxLeafRowFilterDepth) != null ? n : 100, s = function(a, u) {
+    u === void 0 && (u = 0);
+    const c = [];
     for (let g = 0; g < a.length; g++) {
       var f;
       let d = a[g];
       const p = Ye(t, d.id, d.original, d.index, d.depth, void 0, d.parentId);
-      if (p.columnFilters = d.columnFilters, (f = d.subRows) != null && f.length && c < l) {
-        if (p.subRows = s(d.subRows, c + 1), d = p, o(d) && !p.subRows.length) {
-          u.push(d), r[d.id] = d, i.push(d);
+      if (p.columnFilters = d.columnFilters, (f = d.subRows) != null && f.length && u < l) {
+        if (p.subRows = s(d.subRows, u + 1), d = p, o(d) && !p.subRows.length) {
+          c.push(d), r[d.id] = d, i.push(d);
           continue;
         }
         if (o(d) || p.subRows.length) {
-          u.push(d), r[d.id] = d, i.push(d);
+          c.push(d), r[d.id] = d, i.push(d);
           continue;
         }
       } else
-        d = p, o(d) && (u.push(d), r[d.id] = d, i.push(d));
+        d = p, o(d) && (c.push(d), r[d.id] = d, i.push(d));
     }
-    return u;
+    return c;
   };
   return {
     rows: s(e),
@@ -2856,21 +2856,21 @@ function ti(e, o, t) {
 }
 function ni(e, o, t) {
   var n;
-  const i = [], r = {}, l = (n = t.options.maxLeafRowFilterDepth) != null ? n : 100, s = function(a, c) {
-    c === void 0 && (c = 0);
-    const u = [];
+  const i = [], r = {}, l = (n = t.options.maxLeafRowFilterDepth) != null ? n : 100, s = function(a, u) {
+    u === void 0 && (u = 0);
+    const c = [];
     for (let g = 0; g < a.length; g++) {
       let d = a[g];
       if (o(d)) {
         var f;
-        if ((f = d.subRows) != null && f.length && c < l) {
+        if ((f = d.subRows) != null && f.length && u < l) {
           const m = Ye(t, d.id, d.original, d.index, d.depth, void 0, d.parentId);
-          m.subRows = s(d.subRows, c + 1), d = m;
+          m.subRows = s(d.subRows, u + 1), d = m;
         }
-        u.push(d), i.push(d), r[d.id] = d;
+        c.push(d), i.push(d), r[d.id] = d;
       }
     }
-    return u;
+    return c;
   };
   return {
     rows: s(e),
@@ -2911,22 +2911,22 @@ function Kt() {
         resolvedValue: (d = s.resolveFilterValue == null ? void 0 : s.resolveFilterValue(n)) != null ? d : n
       });
     }));
-    let c, u;
+    let u, c;
     for (let g = 0; g < o.flatRows.length; g++) {
       const d = o.flatRows[g];
       if (d.columnFilters = {}, i.length)
         for (let p = 0; p < i.length; p++) {
-          c = i[p];
-          const m = c.id;
-          d.columnFilters[m] = c.filterFn(d, m, c.resolvedValue, (h) => {
+          u = i[p];
+          const m = u.id;
+          d.columnFilters[m] = u.filterFn(d, m, u.resolvedValue, (h) => {
             d.columnFiltersMeta[m] = h;
           });
         }
       if (r.length) {
         for (let p = 0; p < r.length; p++) {
-          u = r[p];
-          const m = u.id;
-          if (u.filterFn(d, m, u.resolvedValue, (h) => {
+          c = r[p];
+          const m = c.id;
+          if (c.filterFn(d, m, c.resolvedValue, (h) => {
             d.columnFiltersMeta[m] = h;
           })) {
             d.columnFilters.__global__ = !0;
@@ -2958,8 +2958,8 @@ function Ut(e) {
       flatRows: s,
       rowsById: a
     } = n;
-    const c = i * r, u = c + i;
-    l = l.slice(c, u);
+    const u = i * r, c = u + i;
+    l = l.slice(u, c);
     let f;
     o.options.paginateExpandedRows ? f = {
       rows: l,
@@ -2981,42 +2981,42 @@ function Wt() {
     if (!t.rows.length || !(o != null && o.length))
       return t;
     const n = e.getState().sorting, i = [], r = n.filter((a) => {
-      var c;
-      return (c = e.getColumn(a.id)) == null ? void 0 : c.getCanSort();
+      var u;
+      return (u = e.getColumn(a.id)) == null ? void 0 : u.getCanSort();
     }), l = {};
     r.forEach((a) => {
-      const c = e.getColumn(a.id);
-      c && (l[a.id] = {
-        sortUndefined: c.columnDef.sortUndefined,
-        invertSorting: c.columnDef.invertSorting,
-        sortingFn: c.getSortingFn()
+      const u = e.getColumn(a.id);
+      u && (l[a.id] = {
+        sortUndefined: u.columnDef.sortUndefined,
+        invertSorting: u.columnDef.invertSorting,
+        sortingFn: u.getSortingFn()
       });
     });
     const s = (a) => {
-      const c = a.map((u) => ({
-        ...u
+      const u = a.map((c) => ({
+        ...c
       }));
-      return c.sort((u, f) => {
+      return u.sort((c, f) => {
         for (let d = 0; d < r.length; d += 1) {
           var g;
           const p = r[d], m = l[p.id], h = m.sortUndefined, R = (g = p?.desc) != null ? g : !1;
-          let $ = 0;
+          let I = 0;
           if (h) {
-            const P = u.getValue(p.id), _ = f.getValue(p.id), v = P === void 0, w = _ === void 0;
+            const P = c.getValue(p.id), _ = f.getValue(p.id), v = P === void 0, w = _ === void 0;
             if (v || w) {
               if (h === "first") return v ? -1 : 1;
               if (h === "last") return v ? 1 : -1;
-              $ = v && w ? 0 : v ? h : -h;
+              I = v && w ? 0 : v ? h : -h;
             }
           }
-          if ($ === 0 && ($ = m.sortingFn(u, f, p.id)), $ !== 0)
-            return R && ($ *= -1), m.invertSorting && ($ *= -1), $;
+          if (I === 0 && (I = m.sortingFn(c, f, p.id)), I !== 0)
+            return R && (I *= -1), m.invertSorting && (I *= -1), I;
         }
-        return u.index - f.index;
-      }), c.forEach((u) => {
+        return c.index - f.index;
+      }), u.forEach((c) => {
         var f;
-        i.push(u), (f = u.subRows) != null && f.length && (u.subRows = s(u.subRows));
-      }), c;
+        i.push(c), (f = c.subRows) != null && f.length && (c.subRows = s(c.subRows));
+      }), u;
     };
     return {
       rows: s(t.rows),
@@ -3127,7 +3127,7 @@ function Qt(e) {
     n.setOptions((r) => {
       var l;
       const s = new Proxy({}, {
-        get: (a, c) => i.value[c]
+        get: (a, u) => i.value[u]
       });
       return ae(r, o ? ht(e) : e, {
         // merge the initialState and `options.state`
@@ -3214,32 +3214,32 @@ const ri = { class: "pagination" }, li = {
     ), r = G(
       () => Math.ceil(t.totalItems / i.value)
     ), l = G(
-      () => Array.from({ length: r.value }, (c, u) => u + 1)
-    ), s = (c) => {
-      const u = parseInt(
-        c.target.value,
+      () => Array.from({ length: r.value }, (u, c) => c + 1)
+    ), s = (u) => {
+      const c = parseInt(
+        u.target.value,
         10
       );
-      i.value = u, n("update:itemsPerPage", i.value);
-    }, a = (c) => {
-      const u = parseInt(c.toString(), 10) - 1;
-      !isNaN(u) && u >= 0 && u < r.value && n("update:currentPage", u);
+      i.value = c, n("update:itemsPerPage", i.value);
+    }, a = (u) => {
+      const c = parseInt(u.toString(), 10) - 1;
+      !isNaN(c) && c >= 0 && c < r.value && n("update:currentPage", c);
     };
-    return (c, u) => (S(), y("div", ri, [
+    return (u, c) => (S(), y("div", ri, [
       e.showItemsPerPageControl ? (S(), y("div", li, [
-        A("span", null, z(e.itemsPerPageControlLabel), 1),
+        A("span", null, N(e.itemsPerPageControlLabel), 1),
         A("select", {
           value: i.value,
           onChange: s
         }, [
-          (S(!0), y(H, null, j(e.itemsPerPageOptions, (f) => (S(), y("option", {
+          (S(!0), y(H, null, z(e.itemsPerPageOptions, (f) => (S(), y("option", {
             key: `items-per-page-option-${f}`,
             value: f
-          }, z(f), 9, ai))), 128))
+          }, N(f), 9, ai))), 128))
         ], 40, si)
       ])) : V("", !0),
       r.value > 1 && e.showPageInput ? (S(), y("div", ui, [
-        A("span", null, z(e.pageInputLabel), 1),
+        A("span", null, N(e.pageInputLabel), 1),
         M(C(bt), {
           type: "number",
           "debounce-time": e.inputDebounceTime,
@@ -3253,10 +3253,10 @@ const ri = { class: "pagination" }, li = {
             disabled: !(e.currentPage > 0),
             class: "first-page",
             size: "small",
-            onClick: u[0] || (u[0] = (f) => c.$emit("update:currentPage", 0))
+            onClick: c[0] || (c[0] = (f) => u.$emit("update:currentPage", 0))
           }, {
             iconLeft: O(() => [
-              M(C(N), { icon: "prime:angle-double-left" })
+              M(C(j), { icon: "prime:angle-double-left" })
             ]),
             _: 1
           }, 8, ["disabled"])) : V("", !0),
@@ -3265,22 +3265,22 @@ const ri = { class: "pagination" }, li = {
             disabled: !(e.currentPage > 0),
             class: "previous-page",
             size: "small",
-            onClick: u[1] || (u[1] = (f) => c.$emit("update:currentPage", e.currentPage - 1))
+            onClick: c[1] || (c[1] = (f) => u.$emit("update:currentPage", e.currentPage - 1))
           }, {
             iconLeft: O(() => [
-              M(C(N), { icon: "prime:angle-left" })
+              M(C(j), { icon: "prime:angle-left" })
             ]),
             _: 1
           }, 8, ["disabled"])) : V("", !0)
         ])) : V("", !0),
         A("div", null, [
-          e.showPageButtons ? (S(!0), y(H, { key: 0 }, j(l.value, (f) => (S(), E(C(Z), {
+          e.showPageButtons ? (S(!0), y(H, { key: 0 }, z(l.value, (f) => (S(), E(C(Z), {
             key: `page-button-${f}`,
             class: de(`page-button ${f === e.currentPage + 1 ? "active" : ""}`),
             label: `${f}`,
             size: "small",
-            onClick: (g) => c.$emit("update:currentPage", f - 1)
-          }, null, 8, ["class", "label", "onClick"]))), 128)) : (S(), y("span", gi, z(`${e.currentPage + 1} / ${r.value}`), 1))
+            onClick: (g) => u.$emit("update:currentPage", f - 1)
+          }, null, 8, ["class", "label", "onClick"]))), 128)) : (S(), y("span", gi, N(`${e.currentPage + 1} / ${r.value}`), 1))
         ]),
         e.showFirstLastButtons || e.showPreviousNextButtons ? (S(), y("div", fi, [
           e.showPreviousNextButtons ? (S(), E(C(Z), {
@@ -3288,10 +3288,10 @@ const ri = { class: "pagination" }, li = {
             disabled: !(e.currentPage < r.value - 1),
             class: "next-page",
             size: "small",
-            onClick: u[2] || (u[2] = (f) => c.$emit("update:currentPage", e.currentPage + 1))
+            onClick: c[2] || (c[2] = (f) => u.$emit("update:currentPage", e.currentPage + 1))
           }, {
             iconLeft: O(() => [
-              M(C(N), { icon: "prime:angle-right" })
+              M(C(j), { icon: "prime:angle-right" })
             ]),
             _: 1
           }, 8, ["disabled"])) : V("", !0),
@@ -3300,15 +3300,15 @@ const ri = { class: "pagination" }, li = {
             disabled: !(e.currentPage < r.value - 1),
             class: "last-page",
             size: "small",
-            onClick: u[3] || (u[3] = (f) => c.$emit("update:currentPage", r.value - 1))
+            onClick: c[3] || (c[3] = (f) => u.$emit("update:currentPage", r.value - 1))
           }, {
             iconLeft: O(() => [
-              M(C(N), { icon: "prime:angle-double-right" })
+              M(C(j), { icon: "prime:angle-double-right" })
             ]),
             _: 1
           }, 8, ["disabled"])) : V("", !0)
         ])) : V("", !0)
-      ])) : (S(), y("span", pi, z(`${e.currentPage + 1} / ${r.value}`), 1))
+      ])) : (S(), y("span", pi, N(`${e.currentPage + 1} / ${r.value}`), 1))
     ]));
   }
 }), Le = 0, vi = [10, 20, 30], Si = 10, Xt = "table", vt = ({
@@ -3390,7 +3390,7 @@ const ri = { class: "pagination" }, li = {
 }, wi = (e, o, t) => {
   const n = () => {
     if (!o || o.length === 0) return null;
-    const s = o.filter((a) => Array.isArray(a.value) ? a.value.filter((u) => Yt(u)).length > 0 : typeof a.value == "string" ? a.value.trim() !== "" : a.value != null);
+    const s = o.filter((a) => Array.isArray(a.value) ? a.value.filter((c) => Yt(c)).length > 0 : typeof a.value == "string" ? a.value.trim() !== "" : a.value != null);
     return s.length === 0 ? null : s.length === 1 ? Array.isArray(s[0].value) ? wt(s[0]) : {
       key: s[0].id,
       ...ce(s[0].filterFn || x.CONTAINS),
@@ -3465,7 +3465,7 @@ const ri = { class: "pagination" }, li = {
       return {
         props: r,
         render: (() => {
-          const u = {
+          const c = {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             number: (g) => vt({
               value: Number(g),
@@ -3496,7 +3496,7 @@ const ri = { class: "pagination" }, li = {
             }),
             ...o.customFormatters
           }, f = i.column.columnDef.dataType || "text";
-          return u?.[f]?.(r.getValue()) || a;
+          return c?.[f]?.(r.getValue()) || a;
         })()
       };
     }, n = (i) => {
@@ -3504,12 +3504,12 @@ const ri = { class: "pagination" }, li = {
       return typeof r == "string" ? r : typeof r == "function" ? r(i) : i.getValue();
     };
     return (i, r) => (S(), y("tbody", null, [
-      e.table.getRowModel().rows?.length ? (S(!0), y(H, { key: 0 }, j(e.table.getRowModel().rows, (l) => (S(), y("tr", {
+      e.table.getRowModel().rows?.length ? (S(!0), y(H, { key: 0 }, z(e.table.getRowModel().rows, (l) => (S(), y("tr", {
         key: `table-row-${l.id}`,
         "data-id": l.id,
         "data-selected": e.enableRowSelection ? l.getIsSelected() : void 0
       }, [
-        (S(!0), y(H, null, j(l.getVisibleCells(), (s) => (S(), y("td", {
+        (S(!0), y(H, null, z(l.getVisibleCells(), (s) => (S(), y("td", {
           key: `table-data-${l.id}-${s.id}`,
           class: de([s.column.id ? `cell-${s.column.id}` : ""]),
           "data-label": s.column.id,
@@ -3523,26 +3523,26 @@ const ri = { class: "pagination" }, li = {
             minWidth: s.column.columnDef.minWidth
           })
         }, [
-          s.column.columnDef.tooltip ? (S(), E(C(nn), ne({
+          s.column.columnDef.tooltip ? (S(), E(C(nn), te({
             key: 0,
             ref_for: !0
           }, s.column.columnDef.tooltipOptions), {
             content: O(() => [
               typeof s.column.columnDef.tooltip == "function" && typeof n(s) != "string" ? (S(), E(Rt(n(s)), { key: 0 })) : (S(), y(H, { key: 1 }, [
-                tn(z(n(s)), 1)
+                tn(N(n(s)), 1)
               ], 64))
             ]),
             default: O(() => [
-              M(C(fe), ne({ ref_for: !0 }, t(s)), null, 16)
+              M(C(fe), te({ ref_for: !0 }, t(s)), null, 16)
             ]),
             _: 2
-          }, 1040)) : (S(), E(C(fe), ne({
+          }, 1040)) : (S(), E(C(fe), te({
             key: 1,
             ref_for: !0
           }, t(s)), null, 16))
         ], 14, Fi))), 128))
       ], 8, Ri))), 128)) : (S(), y("tr", bi, [
-        A("td", null, z(e.emptyTableMessage), 1)
+        A("td", null, N(e.emptyTableMessage), 1)
       ]))
     ]));
   }
@@ -3558,6 +3558,10 @@ const ri = { class: "pagination" }, li = {
       type: Array,
       required: !0
     },
+    autoModeCount: {
+      default: 1,
+      type: Number
+    },
     data: {
       default: () => ({}),
       type: Object
@@ -3566,46 +3570,46 @@ const ri = { class: "pagination" }, li = {
       default: !0,
       type: [Boolean, Function]
     },
-    singleActionMode: {
-      default: "button",
+    mode: {
+      default: void 0,
       type: String,
-      validator: (e) => ["button", "menu"].includes(e)
+      validator: (e) => ["buttons", "menu"].includes(e)
     }
   },
-  emits: ["action:click", "action:select"],
+  emits: ["action:select"],
   setup(e, { emit: o }) {
     const t = e, n = o, i = K(!1), r = K(), l = G(
-      () => t.actions.map((f) => ({
-        ...f,
-        display: typeof f.display == "function" ? f.display(t.data) : f.display ?? !0,
-        disabled: typeof f.disabled == "function" ? f.disabled(t.data) : f.disabled
-      })).filter((f) => f.display)
+      () => t.actions.map((c) => ({
+        ...c,
+        display: typeof c.display == "function" ? c.display(t.data) : c.display ?? !0,
+        disabled: typeof c.disabled == "function" ? c.disabled(t.data) : c.disabled
+      })).filter((c) => c.display)
     ), s = G(
-      () => l.value.length === 1 && l.value[0].icon && t.singleActionMode === "button"
-    ), a = G(
-      () => typeof t.displayActions == "function" ? t.displayActions(t.data) : t.displayActions
-    ), c = () => {
+      () => (typeof t.displayActions == "function" ? t.displayActions(t.data) : t.displayActions) && l.value?.length
+    ), a = () => {
       i.value = !1, n("action:select", r.value);
-    }, u = (f) => {
-      r.value = f, f?.requireConfirmationModal ? i.value = !0 : n("action:select", r.value);
+    }, u = (c) => {
+      r.value = c, c?.requireConfirmationModal ? i.value = !0 : n("action:select", r.value);
     };
-    return (f, g) => a.value ? (S(), y("div", Ii, [
-      s.value ? (S(), E(C(Z), {
-        key: 0,
-        disabled: l.value[0].disabled,
-        "icon-left": l.value[0].icon,
-        label: l.value[0].label,
+    return (c, f) => s.value ? (S(), y("div", Ii, [
+      e.mode === "buttons" ? (S(!0), y(H, { key: 0 }, z(l.value, (g, d) => (S(), E(C(Z), te({ ref_for: !0 }, g, {
+        key: `mode-button-${d}`,
+        class: g.class,
+        disabled: g.disabled,
+        "icon-left": g.icon,
+        label: g.icon ? "" : g.label,
+        title: g.label,
         rounded: "",
         variant: "textOnly",
-        onClick: g[0] || (g[0] = (d) => f.$emit("action:click"))
-      }, null, 8, ["disabled", "icon-left", "label"])) : l.value.length ? (S(), E(C(rn), {
+        onClick: (p) => u(g)
+      }), null, 16, ["class", "disabled", "icon-left", "label", "title", "onClick"]))), 128)) : e.mode === "menu" ? (S(), E(C(rn), {
         key: 1,
         menu: l.value,
         onSelect: u
       }, {
         default: O(() => [
-          J(f.$slots, "trigger", {}, () => [
-            M(C(N), {
+          J(c.$slots, "trigger", {}, () => [
+            M(C(j), {
               icon: "prime:cog",
               width: "22"
             })
@@ -3613,30 +3617,30 @@ const ri = { class: "pagination" }, li = {
         ]),
         _: 3
       }, 8, ["menu"])) : V("", !0),
-      J(f.$slots, "confirmationModal", {}, () => [
+      J(c.$slots, "confirmationModal", {}, () => [
         i.value ? (S(), E(C(ln), {
           key: 0,
-          "onOn:close": g[1] || (g[1] = (d) => i.value = !1),
-          "onOn:confirm": c
+          "onOn:close": f[0] || (f[0] = (g) => i.value = !1),
+          "onOn:confirm": a
         }, Ft({ _: 2 }, [
           r.value?.confirmationOptions?.header ? {
             name: "header",
             fn: O(() => [
-              A("p", null, z(r.value?.confirmationOptions?.header), 1)
+              A("p", null, N(r.value?.confirmationOptions?.header), 1)
             ]),
             key: "0"
           } : void 0,
           r.value?.confirmationOptions?.body ? {
             name: "body",
             fn: O(() => [
-              A("p", null, z(r.value?.confirmationOptions?.body), 1)
+              A("p", null, N(r.value?.confirmationOptions?.body), 1)
             ]),
             key: "1"
           } : void 0,
           r.value?.confirmationOptions?.footer ? {
             name: "footer",
             fn: O(() => [
-              A("p", null, z(r.value?.confirmationOptions?.footer), 1)
+              A("p", null, N(r.value?.confirmationOptions?.footer), 1)
             ]),
             key: "2"
           } : void 0
@@ -3695,54 +3699,54 @@ const ri = { class: "pagination" }, li = {
   },
   setup(e) {
     const o = e, t = (l) => o.highlightActiveColumn && (l.getIsSorted() === "asc" || l.getIsSorted() === "desc" || l.getIsFiltered()) ? "highlight" : "", n = (l) => l.getFilterValue(), i = (l) => l?.length ? l.map((s, a) => {
-      const c = String(s.getDate()).padStart(2, "0"), u = String(s.getMonth() + 1).padStart(2, "0"), f = a === 0 ? "00:00:00" : "23:59:59";
-      return `${s.getFullYear()}-${u}-${c} ${f}`;
+      const u = String(s.getDate()).padStart(2, "0"), c = String(s.getMonth() + 1).padStart(2, "0"), f = a === 0 ? "00:00:00" : "23:59:59";
+      return `${s.getFullYear()}-${c}-${u} ${f}`;
     }).filter((s) => s !== null) : null, r = (l, s, a) => {
-      const c = l.getFilterValue(), u = Array.isArray(c) ? [...c] : [void 0, void 0];
-      u[s] = a !== void 0 ? Number(a) : void 0;
-      const f = u.some(
+      const u = l.getFilterValue(), c = Array.isArray(u) ? [...u] : [void 0, void 0];
+      c[s] = a !== void 0 ? Number(a) : void 0;
+      const f = c.some(
         (g) => g !== void 0
       );
-      l.setFilterValue(f ? u : []);
+      l.setFilterValue(f ? c : []);
     };
     return (l, s) => (S(), y("thead", null, [
-      (S(!0), y(H, null, j(e.table.getHeaderGroups(), (a) => (S(), y("tr", {
+      (S(!0), y(H, null, z(e.table.getHeaderGroups(), (a) => (S(), y("tr", {
         key: a.id,
         class: "header-row"
       }, [
-        (S(!0), y(H, null, j(a.headers, (c) => (S(), y("th", {
-          key: `table-header-${c.id}`,
+        (S(!0), y(H, null, z(a.headers, (u) => (S(), y("th", {
+          key: `table-header-${u.id}`,
           class: de([
-            t(c.column),
-            `column-${c.id}`,
-            c.column.columnDef.enableSorting ? "sortable" : ""
+            t(u.column),
+            `column-${u.id}`,
+            u.column.columnDef.enableSorting ? "sortable" : ""
           ]),
-          colSpan: c.colSpan,
+          colSpan: u.colSpan,
           "data-align": C(Ue)({
-            align: c.column.columnDef.align,
-            dataType: c.column.columnDef.dataType
+            align: u.column.columnDef.align,
+            dataType: u.column.columnDef.dataType
           }),
           style: oe({
-            width: c.column.columnDef.width,
-            maxWidth: c.column.columnDef.maxWidth,
-            minWidth: c.column.columnDef.minWidth
+            width: u.column.columnDef.width,
+            maxWidth: u.column.columnDef.maxWidth,
+            minWidth: u.column.columnDef.minWidth
           }),
-          onClick: (u) => c.column.getCanSort() ? c.column.getToggleSortingHandler()?.(u) : null
+          onClick: (c) => u.column.getCanSort() ? u.column.getToggleSortingHandler()?.(c) : null
         }, [
-          c.isPlaceholder ? V("", !0) : (S(), y(H, { key: 0 }, [
+          u.isPlaceholder ? V("", !0) : (S(), y(H, { key: 0 }, [
             M(C(fe), {
-              props: c.getContext(),
-              render: c.column.columnDef.header
+              props: u.getContext(),
+              render: u.column.columnDef.header
             }, null, 8, ["props", "render"]),
-            c.column.columnDef.enableSorting ? (S(), y("span", Di, [
-              !c.column.getIsSorted() && c.column.getCanSort() ? (S(), y("svg", _i, s[0] || (s[0] = [
+            u.column.columnDef.enableSorting ? (S(), y("span", Di, [
+              !u.column.getIsSorted() && u.column.getCanSort() ? (S(), y("svg", _i, s[0] || (s[0] = [
                 A("path", {
                   d: "M18 10.75H6a.74.74 0 0 1-.69-.46a.75.75 0 0 1 .16-.82l6-6a.75.75 0 0 1 1.06 0l6 6a.75.75 0 0 1 .16.82a.74.74 0 0 1-.69.46M7.81 9.25h8.38L12 5.06ZM12 20.75a.74.74 0 0 1-.53-.22l-6-6a.75.75 0 0 1-.16-.82a.74.74 0 0 1 .69-.46h12a.74.74 0 0 1 .69.46a.75.75 0 0 1-.16.82l-6 6a.74.74 0 0 1-.53.22m-4.19-6L12 18.94l4.19-4.19Z",
                   fill: "currentColor"
                 }, null, -1)
               ]))) : V("", !0),
-              c.column.getIsSorted() && c.column.getCanSort() ? (S(), y(H, { key: 1 }, [
-                c.column.getIsSorted() === "asc" ? (S(), y("svg", Mi, s[1] || (s[1] = [
+              u.column.getIsSorted() && u.column.getCanSort() ? (S(), y(H, { key: 1 }, [
+                u.column.getIsSorted() === "asc" ? (S(), y("svg", Mi, s[1] || (s[1] = [
                   A("path", {
                     d: "M12.53 7.97a.75.75 0 0 0-1.06 0l-7 7A.75.75 0 0 0 5 16.25h14a.75.75 0 0 0 .53-1.28z",
                     fill: "currentColor"
@@ -3759,7 +3763,7 @@ const ri = { class: "pagination" }, li = {
         ], 14, Vi))), 128))
       ]))), 128)),
       e.isFilterRowVisible ? (S(), y("tr", Li, [
-        (S(!0), y(H, null, j(e.table.getVisibleLeafColumns(), (a) => (S(), y("th", {
+        (S(!0), y(H, null, z(e.table.getVisibleLeafColumns(), (a) => (S(), y("th", {
           key: `table-filter-${a.id}`,
           class: de([
             t(a),
@@ -3786,26 +3790,26 @@ const ri = { class: "pagination" }, li = {
               name: `multiselect-filter-${a.columnDef.accessorKey}`,
               multiple: a.columnDef.meta?.filterVariant === "multiselect",
               "enable-tooltip": "",
-              "onUpdate:modelValue": (c) => a.setFilterValue(c)
+              "onUpdate:modelValue": (u) => a.setFilterValue(u)
             }, null, 8, ["model-value", "options", "placeholder", "name", "multiple", "onUpdate:modelValue"])) : a.columnDef.meta?.filterVariant === "dateRange" ? (S(), E(C(fn), {
               key: 2,
               "model-value": n(a),
               placeholder: a.columnDef.filterPlaceholder,
               name: "`date-range-${column.columnDef.accessorKey}`",
               range: "",
-              "onUpdate:modelValue": (c) => a.setFilterValue(i(c))
+              "onUpdate:modelValue": (u) => a.setFilterValue(i(u))
             }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])) : a.columnDef.meta?.filterVariant === "range" ? (S(), y("div", Ti, [
               M(C(tt), {
                 "model-value": Array.isArray(n(a)) && n(a)[0] !== null ? Number(n(a)[0]) : void 0,
                 placeholder: a.columnDef.filterPlaceholder?.split(",")[0],
                 name: "`range-${column.columnDef.accessorKey}-start`",
-                "onUpdate:modelValue": (c) => r(a, 0, c)
+                "onUpdate:modelValue": (u) => r(a, 0, u)
               }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"]),
               M(C(tt), {
                 "model-value": Array.isArray(n(a)) && n(a)[1] !== null ? Number(n(a)[1]) : void 0,
                 placeholder: a.columnDef.filterPlaceholder?.split(",")[1] ?? a.columnDef.filterPlaceholder,
                 name: "`range-${column.columnDef.accessorKey}-end`",
-                "onUpdate:modelValue": (c) => r(a, 1, c)
+                "onUpdate:modelValue": (u) => r(a, 1, u)
               }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
             ])) : (S(), E(C(bt), {
               key: 4,
@@ -3813,7 +3817,7 @@ const ri = { class: "pagination" }, li = {
               "debounce-time": e.inputDebounceTime,
               "model-value": typeof n(a) == "string" ? String(n(a)) : "",
               placeholder: a.columnDef.filterPlaceholder,
-              "onUpdate:modelValue": (c) => a.setFilterValue(c)
+              "onUpdate:modelValue": (u) => a.setFilterValue(u)
             }, null, 8, ["id", "debounce-time", "model-value", "placeholder", "onUpdate:modelValue"]))
           ], 64)) : V("", !0)
         ], 14, ki))), 128))
@@ -3850,9 +3854,9 @@ const ri = { class: "pagination" }, li = {
         data: l,
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         render: (a) => {
-          let c = a.columnDef.header;
-          return typeof a.columnDef.header == "function" && (c = a.columnDef.header()), X(Te, {
-            label: c,
+          let u = a.columnDef.header;
+          return typeof a.columnDef.header == "function" && (u = a.columnDef.header()), X(Te, {
+            label: u,
             modelValue: a.getIsVisible(),
             name: a.columnDef.accessorKey,
             "onUpdate:modelValue": () => a.toggleVisibility()
@@ -3905,6 +3909,15 @@ const ri = { class: "pagination" }, li = {
 }, Qi = /* @__PURE__ */ Q({
   ...Wi,
   props: {
+    actionsMode: {
+      default: "auto",
+      type: String,
+      validator: (e) => ["auto", "buttons", "menu"].includes(e)
+    },
+    autoModeCount: {
+      default: 1,
+      type: Number
+    },
     dataActionMenu: {
       default: () => [],
       type: Array
@@ -3973,7 +3986,10 @@ const ri = { class: "pagination" }, li = {
       default: () => ({}),
       type: Object
     },
-    persistState: Boolean,
+    persistState: {
+      default: !0,
+      type: Boolean
+    },
     persistStateStorage: {
       default: "localStorage",
       type: String,
@@ -3993,11 +4009,6 @@ const ri = { class: "pagination" }, li = {
     },
     showColumnAction: Boolean,
     showResetButton: Boolean,
-    singleActionMode: {
-      default: "menu",
-      type: String,
-      validator: (e) => ["button", "menu"].includes(e)
-    },
     tableOptions: {
       default: () => ({}),
       type: Object
@@ -4016,7 +4027,6 @@ const ri = { class: "pagination" }, li = {
     }
   },
   emits: [
-    "action:click",
     "action:select",
     "change:rowSelection",
     "update:request"
@@ -4025,12 +4035,12 @@ const ri = { class: "pagination" }, li = {
     const t = e, n = o, i = [], r = K(t.initialFilters), l = K([]), s = K({}), a = K({
       pageIndex: Le,
       pageSize: t.paginated ? t.rowPerPage : t.data.length
-    }), c = K({}), u = K(t.initialSorting), f = G(() => t.columnsData.some((v) => v.enableColumnFilter)), g = G(() => ({
+    }), u = K({}), c = K(t.initialSorting), f = G(() => t.columnsData.some((v) => v.enableColumnFilter)), g = G(() => ({
       columnFilters: r.value,
       columnOrder: l.value,
       columnVisibility: s.value,
       pagination: a.value,
-      sorting: u.value
+      sorting: c.value
     })), d = G(
       () => un(t.persistStateStorage)
     ), p = G(
@@ -4045,9 +4055,9 @@ const ri = { class: "pagination" }, li = {
           columnOrder: l.value?.length ? l.value : t.visibleColumns,
           columnVisibility: s.value,
           pagination: a.value,
-          rowSelection: c.value,
+          rowSelection: u.value,
           get sorting() {
-            return u.value;
+            return c.value;
           }
         },
         onColumnFiltersChange: (v) => {
@@ -4057,20 +4067,20 @@ const ri = { class: "pagination" }, li = {
             ) || !t.visibleColumns.length)
           ).map((w) => {
             if (w.meta?.filterVariant === "range") {
-              const I = r.value.find(
+              const $ = r.value.find(
                 (U) => U?.id === w.accessorKey
-              )?.value, [D, L] = I || [], k = w.meta?.serverFilterFn || (typeof D == "number" && typeof L == "number" && D <= L ? x.BETWEEN : typeof D == "number" && !L ? x.GREATER_THAN_OR_EQUAL : typeof L == "number" ? x.LESS_THAN_OR_EQUAL : null);
-              return k && I?.length ? {
+              )?.value, [D, L] = $ || [], k = w.meta?.serverFilterFn || (typeof D == "number" && typeof L == "number" && D <= L ? x.BETWEEN : typeof D == "number" && !L ? x.GREATER_THAN_OR_EQUAL : typeof L == "number" ? x.LESS_THAN_OR_EQUAL : null);
+              return k && $?.length ? {
                 filterFn: k,
                 id: w.accessorKey,
-                value: I
+                value: $
               } : void 0;
             } else
               return {
                 filterFn: w?.meta?.serverFilterFn,
                 id: w.accessorKey,
                 value: r.value.find(
-                  (I) => I.id === w.accessorKey
+                  ($) => $.id === w.accessorKey
                 )?.value
               };
           }).filter(Boolean), R());
@@ -4082,10 +4092,10 @@ const ri = { class: "pagination" }, li = {
           a.value = typeof v == "function" ? v(a.value) : v, t.isServerTable && R();
         },
         onRowSelectionChange: (v) => {
-          c.value = typeof v == "function" ? v(c.value) : v, n("change:rowSelection", m.value);
+          u.value = typeof v == "function" ? v(u.value) : v, n("change:rowSelection", m.value);
         },
         onSortingChange: (v) => {
-          u.value = typeof v == "function" ? v(u.value) : v, t.isServerTable && R();
+          c.value = typeof v == "function" ? v(c.value) : v, t.isServerTable && R();
         },
         columnResizeMode: "onChange",
         data: t.data,
@@ -4101,23 +4111,23 @@ const ri = { class: "pagination" }, li = {
       })
     );
     yt(
-      [r, l, s, a, u],
+      [r, l, s, a, c],
       () => {
         t.persistState && t.id && Ct(t.id, g.value, d.value);
       }
     );
     const R = () => {
       const v = wi(
-        u.value,
+        c.value,
         r.value,
         a.value
       );
       n("update:request", v);
-    }, $ = () => {
+    }, I = () => {
       r.value = t.initialFilters, l.value = [], s.value = {}, a.value = {
         pageIndex: Le,
         pageSize: t.paginated ? t.rowPerPage : t.data.length
-      }, u.value = t.initialSorting;
+      }, c.value = t.initialSorting;
     }, P = () => {
       if (t.enableRowSelection && i.push({
         accessorKey: "select",
@@ -4135,51 +4145,55 @@ const ri = { class: "pagination" }, li = {
         enableColumnFilter: !1,
         enableSorting: !1
       }), t.columnsData.forEach((v) => {
-        t.visibleColumns.length && !t.visibleColumns.includes(String(v.accessorKey ?? v.id)) || (v.meta?.filterVariant === "multiselect" && !v.filterFn ? v.filterFn = (w, I, D) => !D || D.length === 0 ? w : D.some((L) => w.getValue(I) == L) : v.meta?.filterVariant === "select" && !v.filterFn ? v.filterFn = (w, I, D) => D === void 0 || D.length === 0 ? !0 : String(D) === String(w.getValue(I)) : v.meta?.filterVariant === "dateRange" && !v.filterFn ? v.filterFn = (w, I, D) => {
+        t.visibleColumns.length && !t.visibleColumns.includes(String(v.accessorKey ?? v.id)) || (v.meta?.filterVariant === "multiselect" && !v.filterFn ? v.filterFn = (w, $, D) => !D || D.length === 0 ? w : D.some((L) => w.getValue($) == L) : v.meta?.filterVariant === "select" && !v.filterFn ? v.filterFn = (w, $, D) => D === void 0 || D.length === 0 ? !0 : String(D) === String(w.getValue($)) : v.meta?.filterVariant === "dateRange" && !v.filterFn ? v.filterFn = (w, $, D) => {
           if (D?.length) {
-            const L = new Date(D[1]).setHours(23, 59, 59, 999), k = new Date(w.getValue(I)), U = new Date(D[0]).setHours(0, 0, 0, 0);
+            const L = new Date(D[1]).setHours(23, 59, 59, 999), k = new Date(w.getValue($)), U = new Date(D[0]).setHours(0, 0, 0, 0);
             return k.getTime() >= U && k.getTime() <= L;
           }
           return !0;
-        } : v.meta?.filterVariant === "range" && (v.filterFn = (w, I, D) => {
+        } : v.meta?.filterVariant === "range" && (v.filterFn = (w, $, D) => {
           if (!Array.isArray(D))
             return !0;
-          const [L, k] = D, U = w.getValue(I);
+          const [L, k] = D, U = w.getValue($);
           return L && k ? U >= L && U <= k : L ? U >= L : k ? U <= k : !0;
         }), i.push({
           ...v,
           enableColumnFilter: v.enableColumnFilter ?? !1,
           enableSorting: v.enableSorting ?? !1
         }));
-      }), t.dataActionMenu.length && i.push({
-        accessorKey: "actions",
-        align: "center",
-        enableColumnFilter: !1,
-        enableSorting: !1,
-        header: () => X(N, {
-          icon: "prime:cog",
-          width: "24"
-        }),
-        cell: ({ row: v }) => X(Ai, {
-          actions: t.dataActionMenu,
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          data: v.original,
-          displayActions: t.displayActions,
-          singleActionMode: t.singleActionMode,
-          "onAction:click": () => n("action:click", v.original),
-          "onAction:select": (w) => n("action:select", {
-            action: w?.key || w?.label,
-            data: v.original
+      }), t.dataActionMenu?.length) {
+        let v = t.actionsMode;
+        t.actionsMode === "auto" && t.dataActionMenu?.length <= t.autoModeCount ? v = "buttons" : t.actionsMode === "auto" && t.dataActionMenu?.length > t.autoModeCount && (v = "menu"), i.push({
+          accessorKey: "actions",
+          align: "center",
+          enableColumnFilter: !1,
+          enableSorting: !1,
+          header: () => X(j, {
+            icon: "prime:cog",
+            width: "24"
+          }),
+          cell: ({ row: w }) => X(Ai, {
+            actions: t.dataActionMenu,
+            autoModeCount: t.autoModeCount,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            data: w.original,
+            displayActions: t.displayActions,
+            mode: v,
+            "onAction:select": ($) => n("action:select", {
+              action: $?.key || $?.label,
+              data: w.original
+            })
           })
-        })
-      }), t.persistState && !t.id)
+        });
+      }
+      if (t.persistState && !t.id)
         throw new Error('Id is required when prop "persistState" is true');
       _(), t.isServerTable && R();
     }, _ = () => {
       if (!t.persistState || !t.id)
         return;
       const v = Ci(t.id, d.value);
-      v && (r.value = v.columnFilters, l.value = v.columnOrder, s.value = v.columnVisibility, u.value = v.sorting, t.rowPerPageOptions.includes(v.pagination.pageSize) && (a.value = v.pagination)), Ct(t.id, g.value, d.value);
+      v && (r.value = v.columnFilters, l.value = v.columnOrder, s.value = v.columnVisibility, c.value = v.sorting, t.rowPerPageOptions.includes(v.pagination.pageSize) && (a.value = v.pagination)), Ct(t.id, g.value, d.value);
     };
     return P(), (v, w) => (S(), y("div", {
       id: e.id,
@@ -4191,7 +4205,7 @@ const ri = { class: "pagination" }, li = {
       e.titleInfo ? (S(), y("span", {
         key: 1,
         "data-align": e.titleInfo.align || "center"
-      }, z(e.titleInfo.text), 9, qi)) : V("", !0),
+      }, N(e.titleInfo.text), 9, qi)) : V("", !0),
       e.showColumnAction || e.showResetButton || v.$slots.toolbar ? (S(), E(zi, {
         key: 2,
         "column-action-button-label": e.columnActionButtonLabel,
@@ -4201,8 +4215,8 @@ const ri = { class: "pagination" }, li = {
         "show-column-action": e.showColumnAction,
         "show-reset-button": e.showResetButton,
         table: h.value,
-        "onOn:reset": $,
-        "onOn:drag": w[0] || (w[0] = (I) => l.value = I)
+        "onOn:reset": I,
+        "onOn:drag": w[0] || (w[0] = ($) => l.value = $)
       }, {
         default: O(() => [
           J(v.$slots, "toolbar")
@@ -4231,7 +4245,7 @@ const ri = { class: "pagination" }, li = {
         ], 4)
       ]),
       (e.isServerTable || e.paginated) && p.value > 0 ? J(v.$slots, "pagination", { key: 3 }, () => [
-        M(hi, ne(e.paginationOptions, {
+        M(hi, te(e.paginationOptions, {
           "current-page": a.value.pageIndex,
           "default-items-per-page": a.value.pageSize,
           "items-per-page-options": e.rowPerPageOptions,
@@ -4274,7 +4288,10 @@ const ri = { class: "pagination" }, li = {
       default: void 0,
       type: String
     },
-    persistState: Boolean,
+    persistState: {
+      default: !0,
+      type: Boolean
+    },
     persistStateStorage: {
       default: "localStorage",
       type: String,
@@ -4340,9 +4357,9 @@ const ri = { class: "pagination" }, li = {
         cell: ({ row: { original: u } }) => u.uploadedBy ? u.uploadedBy.givenName || u.uploadedBy.lastName ? `${u.uploadedBy.givenName || ""} ${u.uploadedBy.lastName || ""}` : u.uploadedBy.email : X("code", {}, "—"),
         enableColumnFilter: !t.isServerTable,
         enableSorting: !t.isServerTable,
-        filterFn: (u, f, g) => {
-          const d = u.getValue(f);
-          return !g || g.length === 0 ? !0 : `${d.givenName || ""} ${d.lastName || ""}`.trim().toLowerCase().includes(g.toLowerCase()) || (d.email?.toLowerCase().includes(g.toLowerCase()) ?? !1);
+        filterFn: (u, c, f) => {
+          const g = u.getValue(c);
+          return !f || f.length === 0 ? !0 : `${g.givenName || ""} ${g.lastName || ""}`.trim().toLowerCase().includes(f.toLowerCase()) || (g.email?.toLowerCase().includes(f.toLowerCase()) ?? !1);
         },
         filterPlaceholder: "Name",
         header: "Uploaded by"
@@ -4422,19 +4439,17 @@ const ri = { class: "pagination" }, li = {
       }), u;
     }), l = G(() => [
       ...i.map((u) => {
-        const f = t.columnsData.find(
-          (g) => g.accessorKey === u.accessorKey
+        const c = t.columnsData.find(
+          (f) => f.accessorKey === u.accessorKey
         );
-        return f ? { ...u, ...f } : u;
+        return c ? { ...u, ...c } : u;
       }),
       ...t.columnsData.filter(
         (u) => !i.some(
-          (f) => f.accessorKey === u.accessorKey
+          (c) => c.accessorKey === u.accessorKey
         )
       )
     ]), s = (u) => {
-      t.archiveFile ? n("action:archive", u) : t.downloadFile ? n("action:download", u) : t.editDescription ? n("action:edit", u) : t.shareFile ? n("action:share", u) : t.viewFile ? n("action:view", u) : t.deleteFile && n("action:delete", u);
-    }, a = (u) => {
       switch (u.action) {
         case "archive":
           n("action:archive", u.data);
@@ -4455,10 +4470,10 @@ const ri = { class: "pagination" }, li = {
           n("action:view", u.data);
           break;
       }
-    }, c = (u) => {
+    }, a = (u) => {
       n("update:request", u);
     };
-    return (u, f) => (S(), E(Qi, ne(e.tableOptions, {
+    return (u, c) => (S(), E(Qi, te(e.tableOptions, {
       id: e.id,
       "columns-data": l.value,
       data: e.files,
@@ -4473,9 +4488,8 @@ const ri = { class: "pagination" }, li = {
       "total-records": e.totalRecords,
       "visible-columns": e.visibleColumns,
       class: "table-files",
-      "onAction:click": s,
-      "onAction:select": a,
-      "onUpdate:request": c
+      "onAction:select": s,
+      "onUpdate:request": a
     }), Ft({ _: 2 }, [
       u.$slots.toolbar ? {
         name: "toolbar",
@@ -4589,7 +4603,7 @@ const ri = { class: "pagination" }, li = {
           break;
       }
     };
-    return (l, s) => e.presentation === "list" ? (S(), E(C(dn), ne({ key: 0 }, e.listProps, {
+    return (l, s) => e.presentation === "list" ? (S(), E(C(dn), te({ key: 0 }, e.listProps, {
       "action-buttons-visibility": e.actionButtonsVisibility,
       files: e.files,
       "file-detail-visibility": i.value,
@@ -4601,7 +4615,7 @@ const ri = { class: "pagination" }, li = {
       "onAction:edit": s[3] || (s[3] = (a) => r("edit", a)),
       "onAction:share": s[4] || (s[4] = (a) => r("share", a)),
       "onAction:view": s[5] || (s[5] = (a) => r("view", a))
-    }), null, 16, ["action-buttons-visibility", "files", "file-detail-visibility", "locale", "messages"])) : (S(), E(Yi, ne({ key: 1 }, e.tableProps, {
+    }), null, 16, ["action-buttons-visibility", "files", "file-detail-visibility", "locale", "messages"])) : (S(), E(Yi, te({ key: 1 }, e.tableProps, {
       "archive-file": e.actionButtonsVisibility.archive,
       "delete-file": e.actionButtonsVisibility.delete,
       "download-file": e.actionButtonsVisibility.download,
@@ -4643,13 +4657,13 @@ const ri = { class: "pagination" }, li = {
   },
   setup(e) {
     const o = e, t = po(), n = [];
-    o.columnsData.forEach((u) => {
+    o.columnsData.forEach((c) => {
       const f = t.accessor(
-        u.accessorKey,
+        c.accessorKey,
         {
-          header: () => u.header,
+          header: () => c.header,
           footer: (g) => g.column.id,
-          enableSorting: u.sort !== void 0 ? u.sort : !1
+          enableSorting: c.sort !== void 0 ? c.sort : !1
         }
       );
       n.push(f);
@@ -4661,8 +4675,8 @@ const ri = { class: "pagination" }, li = {
           return i.value;
         }
       },
-      onSortingChange: (u) => {
-        i.value = typeof u == "function" ? u(i.value) : u;
+      onSortingChange: (c) => {
+        i.value = typeof c == "function" ? c(i.value) : c;
       },
       columnResizeMode: "onChange",
       data: o.rows,
@@ -4672,14 +4686,14 @@ const ri = { class: "pagination" }, li = {
       getSortedRowModel: Wt()
     }), l = K(!1), s = () => {
       l.value = !l.value;
-    }, a = (u) => {
-      const f = u.target, g = f.value ? Number(f.value) - 1 : 0;
+    }, a = (c) => {
+      const f = c.target, g = f.value ? Number(f.value) - 1 : 0;
       r.setPageIndex(g);
-    }, c = (u) => {
-      const f = u.target, g = f.value ? Number(f.value) : 10;
+    }, u = (c) => {
+      const f = c.target, g = f.value ? Number(f.value) : 10;
       r.setPageSize(g);
     };
-    return (u, f) => (S(), y("div", Zi, [
+    return (c, f) => (S(), y("div", Zi, [
       A("table", {
         style: oe(`width: ${C(r).getCenterTotalSize()}`)
       }, [
@@ -4688,14 +4702,14 @@ const ri = { class: "pagination" }, li = {
             class: "table-toggle",
             onClick: s
           }, [
-            M(C(N), {
+            M(C(j), {
               icon: "mingcute:menu-fill",
               class: "toggle-icon"
             })
           ])
         ])) : V("", !0),
         A("colgroup", null, [
-          (S(!0), y(H, null, j(o.columnsData, (g) => (S(), y("col", {
+          (S(!0), y(H, null, z(o.columnsData, (g) => (S(), y("col", {
             key: g.accessorKey,
             style: oe(`width: ${g.size}px`)
           }, null, 4))), 128))
@@ -4703,10 +4717,10 @@ const ri = { class: "pagination" }, li = {
         A("thead", {
           class: de({ expand: l.value })
         }, [
-          (S(!0), y(H, null, j(C(r).getHeaderGroups(), (g) => (S(), y("tr", {
+          (S(!0), y(H, null, z(C(r).getHeaderGroups(), (g) => (S(), y("tr", {
             key: g.id
           }, [
-            (S(!0), y(H, null, j(g.headers, (d) => (S(), y("th", {
+            (S(!0), y(H, null, z(g.headers, (d) => (S(), y("th", {
               key: d.id,
               colSpan: d.colSpan,
               onClick: (p) => d.column.getCanSort() ? d.column.getToggleSortingHandler()?.(p) : null
@@ -4716,12 +4730,12 @@ const ri = { class: "pagination" }, li = {
                   props: d.getContext(),
                   render: d.column.columnDef.header
                 }, null, 8, ["props", "render"]),
-                !d.column.getIsSorted() && d.column.getCanSort() ? (S(), E(C(N), {
+                !d.column.getIsSorted() && d.column.getCanSort() ? (S(), E(C(j), {
                   key: 0,
                   icon: "ri:arrow-up-down-line",
                   class: "sort-icon"
                 })) : V("", !0),
-                d.column.getIsSorted() && d.column.getCanSort() ? (S(), E(C(N), {
+                d.column.getIsSorted() && d.column.getCanSort() ? (S(), E(C(j), {
                   key: 1,
                   icon: d.column.getIsSorted() === "asc" ? "mdi:arrow-up" : "mdi:arrow-down",
                   class: "sort-icon"
@@ -4731,10 +4745,10 @@ const ri = { class: "pagination" }, li = {
           ]))), 128))
         ], 2),
         A("tbody", null, [
-          (S(!0), y(H, null, j(C(r).getRowModel().rows, (g) => (S(), y("tr", {
+          (S(!0), y(H, null, z(C(r).getRowModel().rows, (g) => (S(), y("tr", {
             key: g.id
           }, [
-            (S(!0), y(H, null, j(g.getVisibleCells(), (d) => (S(), y("td", {
+            (S(!0), y(H, null, z(g.getVisibleCells(), (d) => (S(), y("td", {
               key: d.id,
               "data-label": d.column.id
             }, [
@@ -4748,7 +4762,7 @@ const ri = { class: "pagination" }, li = {
       ], 4),
       A("div", ir, [
         A("div", rr, [
-          A("span", lr, z(C(r).getState().pagination.pageIndex + 1) + " of " + z(C(r).getPageCount()), 1),
+          A("span", lr, N(C(r).getState().pagination.pageIndex + 1) + " of " + N(C(r).getPageCount()), 1),
           A("span", sr, [
             f[6] || (f[6] = A("span", { class: "go-to-page-text" }, " Go to page: ", -1)),
             A("input", {
@@ -4761,12 +4775,12 @@ const ri = { class: "pagination" }, li = {
           ]),
           A("select", {
             value: C(r).getState().pagination.pageSize,
-            onChange: f[1] || (f[1] = (g) => c(g))
+            onChange: f[1] || (f[1] = (g) => u(g))
           }, [
-            (S(), y(H, null, j([10, 20, 30, 40, 50], (g) => A("option", {
+            (S(), y(H, null, z([10, 20, 30, 40, 50], (g) => A("option", {
               key: g,
               value: g
-            }, " Show " + z(g), 9, cr)), 64))
+            }, " Show " + N(g), 9, cr)), 64))
           ], 40, ur)
         ]),
         A("div", dr, [
@@ -4775,7 +4789,7 @@ const ri = { class: "pagination" }, li = {
             disabled: !C(r).getCanPreviousPage(),
             onClick: f[2] || (f[2] = (g) => C(r).setPageIndex(0))
           }, [
-            M(C(N), {
+            M(C(j), {
               icon: "material-symbols:keyboard-double-arrow-left-rounded",
               class: "navigation-button-icon"
             })
@@ -4785,7 +4799,7 @@ const ri = { class: "pagination" }, li = {
             disabled: !C(r).getCanPreviousPage(),
             onClick: f[3] || (f[3] = (g) => C(r).previousPage())
           }, [
-            M(C(N), {
+            M(C(j), {
               icon: "material-symbols:arrow-back-ios-new-rounded",
               class: "navigation-button-icon"
             })
@@ -4795,7 +4809,7 @@ const ri = { class: "pagination" }, li = {
             disabled: !C(r).getCanNextPage(),
             onClick: f[4] || (f[4] = (g) => C(r).nextPage())
           }, [
-            M(C(N), {
+            M(C(j), {
               icon: "material-symbols:arrow-forward-ios-rounded",
               class: "navigation-button-icon"
             })
@@ -4805,7 +4819,7 @@ const ri = { class: "pagination" }, li = {
             disabled: !C(r).getCanNextPage(),
             onClick: f[5] || (f[5] = (g) => C(r).setPageIndex(C(r).getPageCount() - 1))
           }, [
-            M(C(N), {
+            M(C(j), {
               icon: "material-symbols:keyboard-double-arrow-right-rounded",
               class: "navigation-button-icon"
             })