@soft-stech/bootsman-ui-shadcn 1.1.11 → 1.1.12

package/dist/{BuiDataTable.vue_vue_type_script_setup_true_lang-sPVGmqe9.js → BuiDataTable.vue_vue_type_script_setup_true_lang-AeBF-dyL.js}

@@ -1,7 +1,7 @@
-import { defineComponent as Ce, h as ye, ref as xe, watchEffect as Ie, mergeModels as De, useModel as q, openBlock as h, createBlock as M, unref as _, withCtx as V, renderSlot as He, createCommentVNode as U, createVNode as I, createElementBlock as H, Fragment as N, renderList as O, createTextVNode as Ne } from "vue";
+import { defineComponent as Ce, h as Ae, ref as xe, watchEffect as Ie, mergeModels as De, useModel as q, openBlock as h, createBlock as M, unref as _, withCtx as V, renderSlot as He, createCommentVNode as U, createVNode as I, createElementBlock as H, Fragment as N, renderList as O, createTextVNode as Ne } from "vue";
 import { _ as Oe } from "./BuiTable.vue_vue_type_script_setup_true_lang-ENB9QQ3r.js";
 import { _ as Ge } from "./BuiTableBody.vue_vue_type_script_setup_true_lang-qdfymGSF.js";
-import { _ as pe } from "./BuiTableCell.vue_vue_type_script_setup_true_lang-Sg1Ibu6z.js";
+import { _ as ce } from "./BuiTableCell.vue_vue_type_script_setup_true_lang-Sg1Ibu6z.js";
 import { _ as Le } from "./BuiTableHead.vue_vue_type_script_setup_true_lang-utRx3cQo.js";
 import { _ as ze } from "./BuiTableHeader.vue_vue_type_script_setup_true_lang--cfsottv.js";
 import { _ as j } from "./BuiTableRow.vue_vue_type_script_setup_true_lang-vvniZQgY.js";
@@ -20,14 +20,14 @@ import { v as X } from "./utils-8YY6d_s1.js";
    *
    * @license MIT
    */
-function y(e, n) {
+function A(e, n) {
   return typeof e == "function" ? e(n) : e;
 }
 function $(e, n) {
   return (t) => {
     n.setState((o) => ({
       ...o,
-      [e]: y(t, o[e])
+      [e]: A(t, o[e])
     }));
   };
 }
@@ -53,17 +53,17 @@ function m(e, n, t) {
     let i;
     t.key && t.debug && (i = Date.now());
     const l = e();
-    if (!(l.length !== o.length || l.some((a, g) => o[g] !== a)))
+    if (!(l.length !== o.length || l.some((g, a) => o[a] !== g)))
       return r;
     o = l;
     let s;
     if (t.key && t.debug && (s = Date.now()), r = n(...l), t == null || t.onChange == null || t.onChange(r), t.key && t.debug && t != null && t.debug()) {
-      const a = Math.round((Date.now() - i) * 100) / 100, g = Math.round((Date.now() - s) * 100) / 100, d = g / 16, p = (c, f) => {
-        for (c = String(c); c.length < f; )
-          c = " " + c;
-        return c;
+      const g = Math.round((Date.now() - i) * 100) / 100, a = Math.round((Date.now() - s) * 100) / 100, d = a / 16, c = (p, f) => {
+        for (p = String(p); p.length < f; )
+          p = " " + p;
+        return p;
       };
-      console.info(`%c⏱ ${p(g, 5)} /${p(a, 5)} ms`, `
+      console.info(`%c⏱ ${c(a, 5)} /${c(g, 5)} ms`, `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(0, Math.min(120 - 120 * d, 120))}deg 100% 31%);`, t?.key);
@@ -77,50 +77,50 @@ function je(e, n, t, o) {
     ...e._getDefaultColumnDef(),
     ...n
   }, s = u.accessorKey;
-  let a = (r = (i = u.id) != null ? i : s ? s.replace(".", "_") : void 0) != null ? r : typeof u.header == "string" ? u.header : void 0, g;
-  if (u.accessorFn ? g = u.accessorFn : s && (s.includes(".") ? g = (p) => {
-    let c = p;
+  let g = (r = (i = u.id) != null ? i : s ? s.replace(".", "_") : void 0) != null ? r : typeof u.header == "string" ? u.header : void 0, a;
+  if (u.accessorFn ? a = u.accessorFn : s && (s.includes(".") ? a = (c) => {
+    let p = c;
     for (const S of s.split(".")) {
       var f;
-      c = (f = c) == null ? void 0 : f[S], process.env.NODE_ENV !== "production" && c === void 0 && console.warn(`"${S}" in deeply nested key "${s}" returned undefined.`);
+      p = (f = p) == null ? void 0 : f[S], process.env.NODE_ENV !== "production" && p === void 0 && console.warn(`"${S}" in deeply nested key "${s}" returned undefined.`);
     }
-    return c;
-  } : g = (p) => p[u.accessorKey]), !a)
+    return p;
+  } : a = (c) => c[u.accessorKey]), !g)
     throw process.env.NODE_ENV !== "production" ? new Error(u.accessorFn ? "Columns require an id when using an accessorFn" : "Columns require an id when using a non-string header") : new Error();
   let d = {
-    id: `${String(a)}`,
-    accessorFn: g,
+    id: `${String(g)}`,
+    accessorFn: a,
     parent: o,
     depth: t,
     columnDef: u,
     columns: [],
     getFlatColumns: m(() => [!0], () => {
-      var p;
-      return [d, ...(p = d.columns) == null ? void 0 : p.flatMap((c) => c.getFlatColumns())];
+      var c;
+      return [d, ...(c = d.columns) == null ? void 0 : c.flatMap((p) => p.getFlatColumns())];
     }, {
       key: process.env.NODE_ENV === "production" && "column.getFlatColumns",
       debug: () => {
-        var p;
-        return (p = e.options.debugAll) != null ? p : e.options.debugColumns;
+        var c;
+        return (c = e.options.debugAll) != null ? c : e.options.debugColumns;
       }
     }),
-    getLeafColumns: m(() => [e._getOrderColumnsFn()], (p) => {
-      var c;
-      if ((c = d.columns) != null && c.length) {
+    getLeafColumns: m(() => [e._getOrderColumnsFn()], (c) => {
+      var p;
+      if ((p = d.columns) != null && p.length) {
         let f = d.columns.flatMap((S) => S.getLeafColumns());
-        return p(f);
+        return c(f);
       }
       return [d];
     }, {
       key: process.env.NODE_ENV === "production" && "column.getLeafColumns",
       debug: () => {
-        var p;
-        return (p = e.options.debugAll) != null ? p : e.options.debugColumns;
+        var c;
+        return (c = e.options.debugAll) != null ? c : e.options.debugColumns;
       }
     })
   };
-  for (const p of e._features)
-    p.createColumn == null || p.createColumn(d, e);
+  for (const c of e._features)
+    c.createColumn == null || c.createColumn(d, e);
   return d;
 }
 function fe(e, n, t) {
@@ -156,8 +156,8 @@ const Xe = {
   createTable: (e) => {
     e.getHeaderGroups = m(() => [e.getAllColumns(), e.getVisibleLeafColumns(), e.getState().columnPinning.left, e.getState().columnPinning.right], (n, t, o, r) => {
       var i, l;
-      const u = (i = o?.map((d) => t.find((p) => p.id === d)).filter(Boolean)) != null ? i : [], s = (l = r?.map((d) => t.find((p) => p.id === d)).filter(Boolean)) != null ? l : [], a = t.filter((d) => !(o != null && o.includes(d.id)) && !(r != null && r.includes(d.id)));
-      return G(n, [...u, ...a, ...s], e);
+      const u = (i = o?.map((d) => t.find((c) => c.id === d)).filter(Boolean)) != null ? i : [], s = (l = r?.map((d) => t.find((c) => c.id === d)).filter(Boolean)) != null ? l : [], g = t.filter((d) => !(o != null && o.includes(d.id)) && !(r != null && r.includes(d.id)));
+      return G(n, [...u, ...g, ...s], e);
     }, {
       key: process.env.NODE_ENV === "development" && "getHeaderGroups",
       debug: () => {
@@ -266,8 +266,8 @@ const Xe = {
         return (n = e.options.debugAll) != null ? n : e.options.debugHeaders;
       }
     }), e.getLeafHeaders = m(() => [e.getLeftHeaderGroups(), e.getCenterHeaderGroups(), e.getRightHeaderGroups()], (n, t, o) => {
-      var r, i, l, u, s, a;
-      return [...(r = (i = n[0]) == null ? void 0 : i.headers) != null ? r : [], ...(l = (u = t[0]) == null ? void 0 : u.headers) != null ? l : [], ...(s = (a = o[0]) == null ? void 0 : a.headers) != null ? s : []].map((g) => g.getLeafHeaders()).flat();
+      var r, i, l, u, s, g;
+      return [...(r = (i = n[0]) == null ? void 0 : i.headers) != null ? r : [], ...(l = (u = t[0]) == null ? void 0 : u.headers) != null ? l : [], ...(s = (g = o[0]) == null ? void 0 : g.headers) != null ? s : []].map((a) => a.getLeafHeaders()).flat();
     }, {
       key: process.env.NODE_ENV === "development" && "getLeafHeaders",
       debug: () => {
@@ -280,43 +280,43 @@ const Xe = {
 function G(e, n, t, o) {
   var r, i;
   let l = 0;
-  const u = function(p, c) {
-    c === void 0 && (c = 1), l = Math.max(l, c), p.filter((f) => f.getIsVisible()).forEach((f) => {
+  const u = function(c, p) {
+    p === void 0 && (p = 1), l = Math.max(l, p), c.filter((f) => f.getIsVisible()).forEach((f) => {
       var S;
-      (S = f.columns) != null && S.length && u(f.columns, c + 1);
+      (S = f.columns) != null && S.length && u(f.columns, p + 1);
     }, 0);
   };
   u(e);
   let s = [];
-  const a = (p, c) => {
+  const g = (c, p) => {
     const f = {
-      depth: c,
-      id: [o, `${c}`].filter(Boolean).join("_"),
+      depth: p,
+      id: [o, `${p}`].filter(Boolean).join("_"),
       headers: []
     }, S = [];
-    p.forEach((C) => {
+    c.forEach((C) => {
       const v = [...S].reverse()[0], R = C.column.depth === f.depth;
       let w, F = !1;
       if (R && C.column.parent ? w = C.column.parent : (w = C.column, F = !0), v && v?.column === w)
         v.subHeaders.push(C);
       else {
         const P = fe(t, w, {
-          id: [o, c, w.id, C?.id].filter(Boolean).join("_"),
+          id: [o, p, w.id, C?.id].filter(Boolean).join("_"),
           isPlaceholder: F,
           placeholderId: F ? `${S.filter((T) => T.column === w).length}` : void 0,
-          depth: c,
+          depth: p,
           index: S.length
         });
         P.subHeaders.push(C), S.push(P);
       }
       f.headers.push(C), C.headerGroup = f;
-    }), s.push(f), c > 0 && a(S, c - 1);
-  }, g = n.map((p, c) => fe(t, p, {
+    }), s.push(f), p > 0 && g(S, p - 1);
+  }, a = n.map((c, p) => fe(t, c, {
     depth: l,
-    index: c
+    index: p
   }));
-  a(g, l - 1), s.reverse();
-  const d = (p) => p.filter((f) => f.column.getIsVisible()).map((f) => {
+  g(a, l - 1), s.reverse();
+  const d = (c) => c.filter((f) => f.column.getIsVisible()).map((f) => {
     let S = 0, C = 0, v = [0];
     f.subHeaders && f.subHeaders.length ? (v = [], d(f.subHeaders).forEach((w) => {
       let {
@@ -405,24 +405,24 @@ const L = {
       return (i) => {
         if (!o || !r || (i.persist == null || i.persist(), Y(i) && i.touches && i.touches.length > 1))
           return;
-        const l = e.getSize(), u = e ? e.getLeafHeaders().map((v) => [v.column.id, v.column.getSize()]) : [[o.id, o.getSize()]], s = Y(i) ? Math.round(i.touches[0].clientX) : i.clientX, a = {}, g = (v, R) => {
+        const l = e.getSize(), u = e ? e.getLeafHeaders().map((v) => [v.column.id, v.column.getSize()]) : [[o.id, o.getSize()]], s = Y(i) ? Math.round(i.touches[0].clientX) : i.clientX, g = {}, a = (v, R) => {
           typeof R == "number" && (n.setColumnSizingInfo((w) => {
             var F, P;
-            const T = n.options.columnResizeDirection === "rtl" ? -1 : 1, ae = (R - ((F = w?.startOffset) != null ? F : 0)) * T, de = Math.max(ae / ((P = w?.startSize) != null ? P : 0), -0.999999);
+            const T = n.options.columnResizeDirection === "rtl" ? -1 : 1, ge = (R - ((F = w?.startOffset) != null ? F : 0)) * T, de = Math.max(ge / ((P = w?.startSize) != null ? P : 0), -0.999999);
             return w.columnSizingStart.forEach((Me) => {
-              let [Ae, ce] = Me;
-              a[Ae] = Math.round(Math.max(ce + ce * de, 0) * 100) / 100;
+              let [ye, pe] = Me;
+              g[ye] = Math.round(Math.max(pe + pe * de, 0) * 100) / 100;
             }), {
               ...w,
-              deltaOffset: ae,
+              deltaOffset: ge,
               deltaPercentage: de
             };
           }), (n.options.columnResizeMode === "onChange" || v === "end") && n.setColumnSizing((w) => ({
             ...w,
-            ...a
+            ...g
           })));
-        }, d = (v) => g("move", v), p = (v) => {
-          g("end", v), n.setColumnSizingInfo((R) => ({
+        }, d = (v) => a("move", v), c = (v) => {
+          a("end", v), n.setColumnSizingInfo((R) => ({
             ...R,
             isResizingColumn: !1,
             startOffset: null,
@@ -431,21 +431,21 @@ const L = {
             deltaPercentage: null,
             columnSizingStart: []
           }));
-        }, c = t || typeof document < "u" ? document : null, f = {
+        }, p = t || typeof document < "u" ? document : null, f = {
           moveHandler: (v) => d(v.clientX),
           upHandler: (v) => {
-            c?.removeEventListener("mousemove", f.moveHandler), c?.removeEventListener("mouseup", f.upHandler), p(v.clientX);
+            p?.removeEventListener("mousemove", f.moveHandler), p?.removeEventListener("mouseup", f.upHandler), c(v.clientX);
           }
         }, S = {
           moveHandler: (v) => (v.cancelable && (v.preventDefault(), v.stopPropagation()), d(v.touches[0].clientX), !1),
           upHandler: (v) => {
             var R;
-            c?.removeEventListener("touchmove", S.moveHandler), c?.removeEventListener("touchend", S.upHandler), v.cancelable && (v.preventDefault(), v.stopPropagation()), p((R = v.touches[0]) == null ? void 0 : R.clientX);
+            p?.removeEventListener("touchmove", S.moveHandler), p?.removeEventListener("touchend", S.upHandler), v.cancelable && (v.preventDefault(), v.stopPropagation()), c((R = v.touches[0]) == null ? void 0 : R.clientX);
           }
         }, C = Ye() ? {
           passive: !1
         } : !1;
-        Y(i) ? (c?.addEventListener("touchmove", S.moveHandler, C), c?.addEventListener("touchend", S.upHandler, C)) : (c?.addEventListener("mousemove", f.moveHandler, C), c?.addEventListener("mouseup", f.upHandler, C)), n.setColumnSizingInfo((v) => ({
+        Y(i) ? (p?.addEventListener("touchmove", S.moveHandler, C), p?.addEventListener("touchend", S.upHandler, C)) : (p?.addEventListener("mousemove", f.moveHandler, C), p?.addEventListener("mouseup", f.upHandler, C)), n.setColumnSizingInfo((v) => ({
           ...v,
           startOffset: s,
           startSize: l,
@@ -637,7 +637,7 @@ ue.resolveFilterValue = (e) => {
   return [i, l];
 };
 ue.autoRemove = (e) => E(e) || E(e[0]) && E(e[1]);
-const A = {
+const y = {
   includesString: _e,
   includesStringSensitive: we,
   equalsString: Re,
@@ -677,12 +677,12 @@ const Qe = {
   createColumn: (e, n) => {
     e.getAutoFilterFn = () => {
       const t = n.getCoreRowModel().flatRows[0], o = t?.getValue(e.id);
-      return typeof o == "string" ? A.includesString : typeof o == "number" ? A.inNumberRange : typeof o == "boolean" || o !== null && typeof o == "object" ? A.equals : Array.isArray(o) ? A.arrIncludes : A.weakEquals;
+      return typeof o == "string" ? y.includesString : typeof o == "number" ? y.inNumberRange : typeof o == "boolean" || o !== null && typeof o == "object" ? y.equals : Array.isArray(o) ? y.arrIncludes : y.weakEquals;
     }, e.getFilterFn = () => {
       var t, o;
       return B(e.columnDef.filterFn) ? e.columnDef.filterFn : e.columnDef.filterFn === "auto" ? e.getAutoFilterFn() : (
         // @ts-ignore
-        (t = (o = n.options.filterFns) == null ? void 0 : o[e.columnDef.filterFn]) != null ? t : A[e.columnDef.filterFn]
+        (t = (o = n.options.filterFns) == null ? void 0 : o[e.columnDef.filterFn]) != null ? t : y[e.columnDef.filterFn]
       );
     }, e.getCanFilter = () => {
       var t, o, r;
@@ -698,18 +698,18 @@ const Qe = {
       return (t = (o = n.getState().columnFilters) == null ? void 0 : o.findIndex((r) => r.id === e.id)) != null ? t : -1;
     }, e.setFilterValue = (t) => {
       n.setColumnFilters((o) => {
-        const r = e.getFilterFn(), i = o?.find((g) => g.id === e.id), l = y(t, i ? i.value : void 0);
+        const r = e.getFilterFn(), i = o?.find((a) => a.id === e.id), l = A(t, i ? i.value : void 0);
         if (me(r, l, e)) {
           var u;
-          return (u = o?.filter((g) => g.id !== e.id)) != null ? u : [];
+          return (u = o?.filter((a) => a.id !== e.id)) != null ? u : [];
         }
         const s = {
           id: e.id,
           value: l
         };
         if (i) {
-          var a;
-          return (a = o?.map((g) => g.id === e.id ? s : g)) != null ? a : [];
+          var g;
+          return (g = o?.map((a) => a.id === e.id ? s : a)) != null ? g : [];
         }
         return o != null && o.length ? [...o, s] : [s];
       });
@@ -722,19 +722,19 @@ const Qe = {
     e.columnFilters = {}, e.columnFiltersMeta = {};
   },
   createTable: (e) => {
-    e.getGlobalAutoFilterFn = () => A.includesString, e.getGlobalFilterFn = () => {
+    e.getGlobalAutoFilterFn = () => y.includesString, e.getGlobalFilterFn = () => {
       var n, t;
       const {
         globalFilterFn: o
       } = e.options;
       return B(o) ? o : o === "auto" ? e.getGlobalAutoFilterFn() : (
         // @ts-ignore
-        (n = (t = e.options.filterFns) == null ? void 0 : t[o]) != null ? n : A[o]
+        (n = (t = e.options.filterFns) == null ? void 0 : t[o]) != null ? n : y[o]
       );
     }, e.setColumnFilters = (n) => {
       const t = e.getAllLeafColumns(), o = (r) => {
         var i;
-        return (i = y(n, r)) == null ? void 0 : i.filter((l) => {
+        return (i = A(n, r)) == null ? void 0 : i.filter((l) => {
           const u = t.find((s) => s.id === l.id);
           if (u) {
             const s = u.getFilterFn();
@@ -882,7 +882,7 @@ function st(e, n, t) {
   const o = e.filter((i) => !n.includes(i.id));
   return t === "remove" ? o : [...n.map((i) => e.find((l) => l.id === i)).filter(Boolean), ...o];
 }
-const gt = {
+const at = {
   getInitialState: (e) => ({
     columnOrder: [],
     ...e
@@ -901,8 +901,8 @@ const gt = {
       else {
         const l = [...n], u = [...r];
         for (; u.length && l.length; ) {
-          const s = l.shift(), a = u.findIndex((g) => g.id === s);
-          a > -1 && i.push(u.splice(a, 1)[0]);
+          const s = l.shift(), g = u.findIndex((a) => a.id === s);
+          g > -1 && i.push(u.splice(g, 1)[0]);
         }
         i = [...i, ...u];
       }
@@ -915,7 +915,7 @@ const gt = {
 }, ne = 0, oe = 10, Q = () => ({
   pageIndex: ne,
   pageSize: oe
-}), at = {
+}), gt = {
   getInitialState: (e) => ({
     ...e,
     pagination: {
@@ -944,14 +944,14 @@ const gt = {
         });
       }
     }, e.setPagination = (o) => {
-      const r = (i) => y(o, i);
+      const r = (i) => A(o, i);
       return e.options.onPaginationChange == null ? void 0 : e.options.onPaginationChange(r);
     }, e.resetPagination = (o) => {
       var r;
       e.setPagination(o ? Q() : (r = e.initialState.pagination) != null ? r : Q());
     }, e.setPageIndex = (o) => {
       e.setPagination((r) => {
-        let i = y(o, r.pageIndex);
+        let i = A(o, r.pageIndex);
         const l = typeof e.options.pageCount > "u" || e.options.pageCount === -1 ? Number.MAX_SAFE_INTEGER : e.options.pageCount - 1;
         return i = Math.max(0, Math.min(i, l)), {
           ...r,
@@ -966,7 +966,7 @@ const gt = {
       e.setPageSize(o ? oe : (r = (i = e.initialState) == null || (i = i.pagination) == null ? void 0 : i.pageSize) != null ? r : oe);
     }, e.setPageSize = (o) => {
       e.setPagination((r) => {
-        const i = Math.max(1, y(o, r.pageSize)), l = r.pageSize * r.pageIndex, u = Math.floor(l / i);
+        const i = Math.max(1, A(o, r.pageSize)), l = r.pageSize * r.pageIndex, u = Math.floor(l / i);
         return {
           ...r,
           pageIndex: u,
@@ -975,7 +975,7 @@ const gt = {
       });
     }, e.setPageCount = (o) => e.setPagination((r) => {
       var i;
-      let l = y(o, (i = e.options.pageCount) != null ? i : -1);
+      let l = A(o, (i = e.options.pageCount) != null ? i : -1);
       return typeof l == "number" && (l = Math.max(-1, l)), {
         ...r,
         pageCount: l
@@ -1028,10 +1028,10 @@ const gt = {
           };
         }
         if (t === "left") {
-          var a, g;
+          var g, a;
           return {
-            left: [...((a = r?.left) != null ? a : []).filter((d) => !(o != null && o.includes(d))), ...o],
-            right: ((g = r?.right) != null ? g : []).filter((d) => !(o != null && o.includes(d)))
+            left: [...((g = r?.left) != null ? g : []).filter((d) => !(o != null && o.includes(d))), ...o],
+            right: ((a = r?.right) != null ? a : []).filter((d) => !(o != null && o.includes(d)))
           };
         }
         return {
@@ -1058,34 +1058,34 @@ const gt = {
     e.pin = (t, o, r) => {
       const i = o ? e.getLeafRows().map((s) => {
         let {
-          id: a
+          id: g
         } = s;
-        return a;
+        return g;
       }) : [], l = r ? e.getParentRows().map((s) => {
         let {
-          id: a
+          id: g
         } = s;
-        return a;
+        return g;
       }) : [], u = /* @__PURE__ */ new Set([...l, e.id, ...i]);
       n.setRowPinning((s) => {
-        var a, g;
+        var g, a;
         if (t === "bottom") {
-          var d, p;
+          var d, c;
           return {
             top: ((d = s?.top) != null ? d : []).filter((S) => !(u != null && u.has(S))),
-            bottom: [...((p = s?.bottom) != null ? p : []).filter((S) => !(u != null && u.has(S))), ...Array.from(u)]
+            bottom: [...((c = s?.bottom) != null ? c : []).filter((S) => !(u != null && u.has(S))), ...Array.from(u)]
           };
         }
         if (t === "top") {
-          var c, f;
+          var p, f;
           return {
-            top: [...((c = s?.top) != null ? c : []).filter((S) => !(u != null && u.has(S))), ...Array.from(u)],
+            top: [...((p = s?.top) != null ? p : []).filter((S) => !(u != null && u.has(S))), ...Array.from(u)],
             bottom: ((f = s?.bottom) != null ? f : []).filter((S) => !(u != null && u.has(S)))
           };
         }
         return {
-          top: ((a = s?.top) != null ? a : []).filter((S) => !(u != null && u.has(S))),
-          bottom: ((g = s?.bottom) != null ? g : []).filter((S) => !(u != null && u.has(S)))
+          top: ((g = s?.top) != null ? g : []).filter((S) => !(u != null && u.has(S))),
+          bottom: ((a = s?.bottom) != null ? a : []).filter((S) => !(u != null && u.has(S)))
         };
       });
     }, e.getCanPin = () => {
@@ -1219,7 +1219,7 @@ const gt = {
       }
     });
   }
-}, ct = {
+}, pt = {
   getInitialState: (e) => ({
     rowSelection: {},
     ...e
@@ -1363,12 +1363,12 @@ const gt = {
 function ee(e, n) {
   const t = e.getState().rowSelection, o = [], r = {}, i = function(l, u) {
     return l.map((s) => {
-      var a;
-      const g = se(s, t);
-      if (g && (o.push(s), r[s.id] = s), (a = s.subRows) != null && a.length && (s = {
+      var g;
+      const a = se(s, t);
+      if (a && (o.push(s), r[s.id] = s), (g = s.subRows) != null && g.length && (s = {
         ...s,
         subRows: i(s.subRows)
-      }), g)
+      }), a)
         return s;
     }).filter(Boolean);
   };
@@ -1394,11 +1394,11 @@ function ie(e, n, t) {
     }
   }), r ? "all" : i ? "some" : !1;
 }
-const le = /([0-9]+)/gm, pt = (e, n, t) => Pe(x(e.getValue(t)).toLowerCase(), x(n.getValue(t)).toLowerCase()), ft = (e, n, t) => Pe(x(e.getValue(t)), x(n.getValue(t))), mt = (e, n, t) => ge(x(e.getValue(t)).toLowerCase(), x(n.getValue(t)).toLowerCase()), St = (e, n, t) => ge(x(e.getValue(t)), x(n.getValue(t))), vt = (e, n, t) => {
+const le = /([0-9]+)/gm, ct = (e, n, t) => Pe(x(e.getValue(t)).toLowerCase(), x(n.getValue(t)).toLowerCase()), ft = (e, n, t) => Pe(x(e.getValue(t)), x(n.getValue(t))), mt = (e, n, t) => ae(x(e.getValue(t)).toLowerCase(), x(n.getValue(t)).toLowerCase()), St = (e, n, t) => ae(x(e.getValue(t)), x(n.getValue(t))), vt = (e, n, t) => {
   const o = e.getValue(t), r = n.getValue(t);
   return o > r ? 1 : o < r ? -1 : 0;
-}, Ct = (e, n, t) => ge(e.getValue(t), n.getValue(t));
-function ge(e, n) {
+}, Ct = (e, n, t) => ae(e.getValue(t), n.getValue(t));
+function ae(e, n) {
   return e === n ? 0 : e > n ? 1 : -1;
 }
 function x(e) {
@@ -1425,7 +1425,7 @@ function Pe(e, n) {
   return t.length - o.length;
 }
 const D = {
-  alphanumeric: pt,
+  alphanumeric: ct,
   alphanumericCaseSensitive: ft,
   text: mt,
   textCaseSensitive: St,
@@ -1467,23 +1467,23 @@ const D = {
     }, e.toggleSorting = (t, o) => {
       const r = e.getNextSortingOrder(), i = typeof t < "u" && t !== null;
       n.setSorting((l) => {
-        const u = l?.find((c) => c.id === e.id), s = l?.findIndex((c) => c.id === e.id);
-        let a = [], g, d = i ? t : r === "desc";
-        if (l != null && l.length && e.getCanMultiSort() && o ? u ? g = "toggle" : g = "add" : l != null && l.length && s !== l.length - 1 ? g = "replace" : u ? g = "toggle" : g = "replace", g === "toggle" && (i || r || (g = "remove")), g === "add") {
-          var p;
-          a = [...l, {
+        const u = l?.find((p) => p.id === e.id), s = l?.findIndex((p) => p.id === e.id);
+        let g = [], a, d = i ? t : r === "desc";
+        if (l != null && l.length && e.getCanMultiSort() && o ? u ? a = "toggle" : a = "add" : l != null && l.length && s !== l.length - 1 ? a = "replace" : u ? a = "toggle" : a = "replace", a === "toggle" && (i || r || (a = "remove")), a === "add") {
+          var c;
+          g = [...l, {
             id: e.id,
             desc: d
-          }], a.splice(0, a.length - ((p = n.options.maxMultiSortColCount) != null ? p : Number.MAX_SAFE_INTEGER));
+          }], g.splice(0, g.length - ((c = n.options.maxMultiSortColCount) != null ? c : Number.MAX_SAFE_INTEGER));
         } else
-          g === "toggle" ? a = l.map((c) => c.id === e.id ? {
-            ...c,
+          a === "toggle" ? g = l.map((p) => p.id === e.id ? {
+            ...p,
             desc: d
-          } : c) : g === "remove" ? a = l.filter((c) => c.id !== e.id) : a = [{
+          } : p) : a === "remove" ? g = l.filter((p) => p.id !== e.id) : g = [{
             id: e.id,
             desc: d
           }];
-        return a;
+        return g;
       });
     }, e.getFirstSortDir = () => {
       var t, o;
@@ -1582,36 +1582,36 @@ const D = {
       e.toggleAllColumnsVisible((o = t.target) == null ? void 0 : o.checked);
     };
   }
-}, Se = [Xe, wt, gt, dt, Qe, _t, ut, Je, at, ct, Ke];
+}, Se = [Xe, wt, at, dt, Qe, _t, ut, Je, gt, pt, Ke];
 function Rt(e) {
   var n;
   (e.debugAll || e.debugTable) && console.info("Creating Table Instance...");
   let t = {
     _features: Se
   };
-  const o = t._features.reduce((g, d) => Object.assign(g, d.getDefaultOptions == null ? void 0 : d.getDefaultOptions(t)), {}), r = (g) => t.options.mergeOptions ? t.options.mergeOptions(o, g) : {
+  const o = t._features.reduce((a, d) => Object.assign(a, d.getDefaultOptions == null ? void 0 : d.getDefaultOptions(t)), {}), r = (a) => t.options.mergeOptions ? t.options.mergeOptions(o, a) : {
     ...o,
-    ...g
+    ...a
   };
   let l = {
     ...{},
     ...(n = e.initialState) != null ? n : {}
   };
-  t._features.forEach((g) => {
+  t._features.forEach((a) => {
     var d;
-    l = (d = g.getInitialState == null ? void 0 : g.getInitialState(l)) != null ? d : l;
+    l = (d = a.getInitialState == null ? void 0 : a.getInitialState(l)) != null ? d : l;
   });
   const u = [];
   let s = !1;
-  const a = {
+  const g = {
     _features: Se,
     options: {
       ...o,
       ...e
     },
     initialState: l,
-    _queue: (g) => {
-      u.push(g), s || (s = !0, Promise.resolve().then(() => {
+    _queue: (a) => {
+      u.push(a), s || (s = !0, Promise.resolve().then(() => {
         for (; u.length; )
           u.shift()();
         s = !1;
@@ -1622,99 +1622,99 @@ function Rt(e) {
     reset: () => {
       t.setState(t.initialState);
     },
-    setOptions: (g) => {
-      const d = y(g, t.options);
+    setOptions: (a) => {
+      const d = A(a, t.options);
       t.options = r(d);
     },
     getState: () => t.options.state,
-    setState: (g) => {
-      t.options.onStateChange == null || t.options.onStateChange(g);
+    setState: (a) => {
+      t.options.onStateChange == null || t.options.onStateChange(a);
     },
-    _getRowId: (g, d, p) => {
-      var c;
-      return (c = t.options.getRowId == null ? void 0 : t.options.getRowId(g, d, p)) != null ? c : `${p ? [p.id, d].join(".") : d}`;
+    _getRowId: (a, d, c) => {
+      var p;
+      return (p = t.options.getRowId == null ? void 0 : t.options.getRowId(a, d, c)) != null ? p : `${c ? [c.id, d].join(".") : d}`;
     },
     getCoreRowModel: () => (t._getCoreRowModel || (t._getCoreRowModel = t.options.getCoreRowModel(t)), t._getCoreRowModel()),
     // The final calls start at the bottom of the model,
     // expanded rows, which then work their way up
     getRowModel: () => t.getPaginationRowModel(),
     //in next version, we should just pass in the row model as the optional 2nd arg
-    getRow: (g, d) => {
-      let p = (d ? t.getPrePaginationRowModel() : t.getRowModel()).rowsById[g];
-      if (!p && (p = t.getCoreRowModel().rowsById[g], !p))
-        throw process.env.NODE_ENV !== "production" ? new Error(`getRow could not find row with ID: ${g}`) : new Error();
-      return p;
+    getRow: (a, d) => {
+      let c = (d ? t.getPrePaginationRowModel() : t.getRowModel()).rowsById[a];
+      if (!c && (c = t.getCoreRowModel().rowsById[a], !c))
+        throw process.env.NODE_ENV !== "production" ? new Error(`getRow could not find row with ID: ${a}`) : new Error();
+      return c;
     },
-    _getDefaultColumnDef: m(() => [t.options.defaultColumn], (g) => {
+    _getDefaultColumnDef: m(() => [t.options.defaultColumn], (a) => {
       var d;
-      return g = (d = g) != null ? d : {}, {
-        header: (p) => {
-          const c = p.header.column.columnDef;
-          return c.accessorKey ? c.accessorKey : c.accessorFn ? c.id : null;
+      return a = (d = a) != null ? d : {}, {
+        header: (c) => {
+          const p = c.header.column.columnDef;
+          return p.accessorKey ? p.accessorKey : p.accessorFn ? p.id : null;
         },
         // footer: props => props.header.column.id,
-        cell: (p) => {
-          var c, f;
-          return (c = (f = p.renderValue()) == null || f.toString == null ? void 0 : f.toString()) != null ? c : null;
+        cell: (c) => {
+          var p, f;
+          return (p = (f = c.renderValue()) == null || f.toString == null ? void 0 : f.toString()) != null ? p : null;
         },
-        ...t._features.reduce((p, c) => Object.assign(p, c.getDefaultColumnDef == null ? void 0 : c.getDefaultColumnDef()), {}),
-        ...g
+        ...t._features.reduce((c, p) => Object.assign(c, p.getDefaultColumnDef == null ? void 0 : p.getDefaultColumnDef()), {}),
+        ...a
       };
     }, {
       debug: () => {
-        var g;
-        return (g = t.options.debugAll) != null ? g : t.options.debugColumns;
+        var a;
+        return (a = t.options.debugAll) != null ? a : t.options.debugColumns;
       },
       key: process.env.NODE_ENV === "development" && "getDefaultColumnDef"
     }),
     _getColumnDefs: () => t.options.columns,
-    getAllColumns: m(() => [t._getColumnDefs()], (g) => {
-      const d = function(p, c, f) {
-        return f === void 0 && (f = 0), p.map((S) => {
-          const C = je(t, S, f, c), v = S;
+    getAllColumns: m(() => [t._getColumnDefs()], (a) => {
+      const d = function(c, p, f) {
+        return f === void 0 && (f = 0), c.map((S) => {
+          const C = je(t, S, f, p), v = S;
           return C.columns = v.columns ? d(v.columns, C, f + 1) : [], C;
         });
       };
-      return d(g);
+      return d(a);
     }, {
       key: process.env.NODE_ENV === "development" && "getAllColumns",
       debug: () => {
-        var g;
-        return (g = t.options.debugAll) != null ? g : t.options.debugColumns;
+        var a;
+        return (a = t.options.debugAll) != null ? a : t.options.debugColumns;
       }
     }),
-    getAllFlatColumns: m(() => [t.getAllColumns()], (g) => g.flatMap((d) => d.getFlatColumns()), {
+    getAllFlatColumns: m(() => [t.getAllColumns()], (a) => a.flatMap((d) => d.getFlatColumns()), {
       key: process.env.NODE_ENV === "development" && "getAllFlatColumns",
       debug: () => {
-        var g;
-        return (g = t.options.debugAll) != null ? g : t.options.debugColumns;
+        var a;
+        return (a = t.options.debugAll) != null ? a : t.options.debugColumns;
       }
     }),
-    _getAllFlatColumnsById: m(() => [t.getAllFlatColumns()], (g) => g.reduce((d, p) => (d[p.id] = p, d), {}), {
+    _getAllFlatColumnsById: m(() => [t.getAllFlatColumns()], (a) => a.reduce((d, c) => (d[c.id] = c, d), {}), {
       key: process.env.NODE_ENV === "development" && "getAllFlatColumnsById",
       debug: () => {
-        var g;
-        return (g = t.options.debugAll) != null ? g : t.options.debugColumns;
+        var a;
+        return (a = t.options.debugAll) != null ? a : t.options.debugColumns;
       }
     }),
-    getAllLeafColumns: m(() => [t.getAllColumns(), t._getOrderColumnsFn()], (g, d) => {
-      let p = g.flatMap((c) => c.getLeafColumns());
-      return d(p);
+    getAllLeafColumns: m(() => [t.getAllColumns(), t._getOrderColumnsFn()], (a, d) => {
+      let c = a.flatMap((p) => p.getLeafColumns());
+      return d(c);
     }, {
       key: process.env.NODE_ENV === "development" && "getAllLeafColumns",
       debug: () => {
-        var g;
-        return (g = t.options.debugAll) != null ? g : t.options.debugColumns;
+        var a;
+        return (a = t.options.debugAll) != null ? a : t.options.debugColumns;
       }
     }),
-    getColumn: (g) => {
-      const d = t._getAllFlatColumnsById()[g];
-      return process.env.NODE_ENV !== "production" && !d && console.error(`[Table] Column with id '${g}' does not exist.`), d;
+    getColumn: (a) => {
+      const d = t._getAllFlatColumnsById()[a];
+      return process.env.NODE_ENV !== "production" && !d && console.error(`[Table] Column with id '${a}' does not exist.`), d;
     }
   };
-  Object.assign(t, a);
-  for (let g = 0; g < t._features.length; g++) {
-    const d = t._features[g];
+  Object.assign(t, g);
+  for (let a = 0; a < t._features.length; a++) {
+    const d = t._features[a];
     d == null || d.createTable == null || d.createTable(t);
   }
   return t;
@@ -1729,13 +1729,13 @@ function ht(e, n, t, o) {
     column: t,
     getValue: () => n.getValue(o),
     renderValue: r,
-    getContext: m(() => [e, t, n, i], (l, u, s, a) => ({
+    getContext: m(() => [e, t, n, i], (l, u, s, g) => ({
       table: l,
       column: u,
       row: s,
-      cell: a,
-      getValue: a.getValue,
-      renderValue: a.renderValue
+      cell: g,
+      getValue: g.getValue,
+      renderValue: g.renderValue
     }), {
       key: process.env.NODE_ENV === "development" && "cell.getContext",
       debug: () => e.options.debugAll
@@ -1757,42 +1757,42 @@ const $t = (e, n, t, o, r, i, l) => {
     getValue: (s) => {
       if (u._valuesCache.hasOwnProperty(s))
         return u._valuesCache[s];
-      const a = e.getColumn(s);
-      if (a != null && a.accessorFn)
-        return u._valuesCache[s] = a.accessorFn(u.original, o), u._valuesCache[s];
+      const g = e.getColumn(s);
+      if (g != null && g.accessorFn)
+        return u._valuesCache[s] = g.accessorFn(u.original, o), u._valuesCache[s];
     },
     getUniqueValues: (s) => {
       if (u._uniqueValuesCache.hasOwnProperty(s))
         return u._uniqueValuesCache[s];
-      const a = e.getColumn(s);
-      if (a != null && a.accessorFn)
-        return a.columnDef.getUniqueValues ? (u._uniqueValuesCache[s] = a.columnDef.getUniqueValues(u.original, o), u._uniqueValuesCache[s]) : (u._uniqueValuesCache[s] = [u.getValue(s)], u._uniqueValuesCache[s]);
+      const g = e.getColumn(s);
+      if (g != null && g.accessorFn)
+        return g.columnDef.getUniqueValues ? (u._uniqueValuesCache[s] = g.columnDef.getUniqueValues(u.original, o), u._uniqueValuesCache[s]) : (u._uniqueValuesCache[s] = [u.getValue(s)], u._uniqueValuesCache[s]);
     },
     renderValue: (s) => {
-      var a;
-      return (a = u.getValue(s)) != null ? a : e.options.renderFallbackValue;
+      var g;
+      return (g = u.getValue(s)) != null ? g : e.options.renderFallbackValue;
     },
     subRows: i ?? [],
     getLeafRows: () => Ue(u.subRows, (s) => s.subRows),
     getParentRow: () => u.parentId ? e.getRow(u.parentId, !0) : void 0,
     getParentRows: () => {
-      let s = [], a = u;
+      let s = [], g = u;
       for (; ; ) {
-        const g = a.getParentRow();
-        if (!g)
+        const a = g.getParentRow();
+        if (!a)
           break;
-        s.push(g), a = g;
+        s.push(a), g = a;
       }
       return s.reverse();
     },
-    getAllCells: m(() => [e.getAllLeafColumns()], (s) => s.map((a) => ht(e, u, a, a.id)), {
+    getAllCells: m(() => [e.getAllLeafColumns()], (s) => s.map((g) => ht(e, u, g, g.id)), {
       key: process.env.NODE_ENV === "development" && "row.getAllCells",
       debug: () => {
         var s;
         return (s = e.options.debugAll) != null ? s : e.options.debugRows;
       }
     }),
-    _getAllCellsByColumnId: m(() => [u.getAllCells()], (s) => s.reduce((a, g) => (a[g.column.id] = g, a), {}), {
+    _getAllCellsByColumnId: m(() => [u.getAllCells()], (s) => s.reduce((g, a) => (g[a.column.id] = a, g), {}), {
       key: process.env.NODE_ENV === "production" && "row.getAllCellsByColumnId",
       debug: () => {
         var s;
@@ -1801,8 +1801,8 @@ const $t = (e, n, t, o, r, i, l) => {
     })
   };
   for (let s = 0; s < e._features.length; s++) {
-    const a = e._features[s];
-    a == null || a.createRow == null || a.createRow(u, e);
+    const g = e._features[s];
+    g == null || g.createRow == null || g.createRow(u, e);
   }
   return u;
 };
@@ -1815,11 +1815,11 @@ function Ft() {
     }, o = function(r, i, l) {
       i === void 0 && (i = 0);
       const u = [];
-      for (let a = 0; a < r.length; a++) {
-        const g = $t(e, e._getRowId(r[a], a, l), r[a], a, i, void 0, l?.id);
-        if (t.flatRows.push(g), t.rowsById[g.id] = g, u.push(g), e.options.getSubRows) {
+      for (let g = 0; g < r.length; g++) {
+        const a = $t(e, e._getRowId(r[g], g, l), r[g], g, i, void 0, l?.id);
+        if (t.flatRows.push(a), t.rowsById[a.id] = a, u.push(a), e.options.getSubRows) {
           var s;
-          g.originalSubRows = e.options.getSubRows(r[a], a), (s = g.originalSubRows) != null && s.length && (g.subRows = o(g.originalSubRows, i + 1, g));
+          a.originalSubRows = e.options.getSubRows(r[g], g), (s = a.originalSubRows) != null && s.length && (a.subRows = o(a.originalSubRows, i + 1, a));
         }
       }
       return u;
@@ -1841,38 +1841,38 @@ function Vt() {
     if (!t.rows.length || !(n != null && n.length))
       return t;
     const o = e.getState().sorting, r = [], i = o.filter((s) => {
-      var a;
-      return (a = e.getColumn(s.id)) == null ? void 0 : a.getCanSort();
+      var g;
+      return (g = e.getColumn(s.id)) == null ? void 0 : g.getCanSort();
     }), l = {};
     i.forEach((s) => {
-      const a = e.getColumn(s.id);
-      a && (l[s.id] = {
-        sortUndefined: a.columnDef.sortUndefined,
-        invertSorting: a.columnDef.invertSorting,
-        sortingFn: a.getSortingFn()
+      const g = e.getColumn(s.id);
+      g && (l[s.id] = {
+        sortUndefined: g.columnDef.sortUndefined,
+        invertSorting: g.columnDef.invertSorting,
+        sortingFn: g.getSortingFn()
       });
     });
     const u = (s) => {
-      const a = s.map((g) => ({
-        ...g
+      const g = s.map((a) => ({
+        ...a
       }));
-      return a.sort((g, d) => {
-        for (let c = 0; c < i.length; c += 1) {
-          var p;
-          const f = i[c], S = l[f.id], C = (p = f?.desc) != null ? p : !1;
+      return g.sort((a, d) => {
+        for (let p = 0; p < i.length; p += 1) {
+          var c;
+          const f = i[p], S = l[f.id], C = (c = f?.desc) != null ? c : !1;
           let v = 0;
           if (S.sortUndefined) {
-            const R = g.getValue(f.id), w = d.getValue(f.id), F = R === void 0, P = w === void 0;
+            const R = a.getValue(f.id), w = d.getValue(f.id), F = R === void 0, P = w === void 0;
             (F || P) && (v = F && P ? 0 : F ? S.sortUndefined : -S.sortUndefined);
           }
-          if (v === 0 && (v = S.sortingFn(g, d, f.id)), v !== 0)
+          if (v === 0 && (v = S.sortingFn(a, d, f.id)), v !== 0)
             return C && (v *= -1), S.invertSorting && (v *= -1), v;
         }
-        return g.index - d.index;
-      }), a.forEach((g) => {
+        return a.index - d.index;
+      }), g.forEach((a) => {
         var d;
-        r.push(g), (d = g.subRows) != null && d.length && (g.subRows = u(g.subRows));
-      }), a;
+        r.push(a), (d = a.subRows) != null && d.length && (a.subRows = u(a.subRows));
+      }), g;
     };
     return {
       rows: u(t.rows),
@@ -1914,8 +1914,8 @@ function Pt(e) {
       flatRows: u,
       rowsById: s
     } = o;
-    const a = r * i, g = a + r;
-    l = l.slice(a, g);
+    const g = r * i, a = g + r;
+    l = l.slice(g, a);
     let d;
     n.options.paginateExpandedRows ? d = {
       rows: l,
@@ -1926,10 +1926,10 @@ function Pt(e) {
       flatRows: u,
       rowsById: s
     }), d.flatRows = [];
-    const p = (c) => {
-      d.flatRows.push(c), c.subRows.length && c.subRows.forEach(p);
+    const c = (p) => {
+      d.flatRows.push(p), p.subRows.length && p.subRows.forEach(c);
     };
-    return d.rows.forEach(p), d;
+    return d.rows.forEach(c), d;
   }, {
     key: process.env.NODE_ENV === "development" && "getPaginationRowModel",
     debug: () => {
@@ -1951,7 +1951,7 @@ function Pt(e) {
 function k() {
   return !0;
 }
-const Mt = Symbol("merge-proxy"), At = {
+const Mt = Symbol("merge-proxy"), yt = {
   get(e, n, t) {
     return n === Mt ? t : e.get(n);
   },
@@ -2001,13 +2001,13 @@ function b() {
         o.push(...Object.keys(te(n[r])));
       return [...Array.from(new Set(o))];
     }
-  }, At);
+  }, yt);
 }
 const ve = Ce({
   props: ["render", "props"],
-  setup: (e) => () => typeof e.render == "function" || typeof e.render == "object" ? ye(e.render, e.props) : e.render
+  setup: (e) => () => typeof e.render == "function" || typeof e.render == "object" ? Ae(e.render, e.props) : e.render
 });
-function yt(e) {
+function At(e) {
   const n = b({
     state: {},
     // Dummy state
@@ -2047,6 +2047,8 @@ const Tt = /* @__PURE__ */ Ce({
     pageSize: { default: 10 },
     showPagination: { type: Boolean, default: !0 },
     totalItems: { default: 0 },
+    manualPagination: { type: Boolean, default: !0 },
+    manualSorting: { type: Boolean, default: !0 },
     getRowId: {}
   }, {
     sorting: {},
@@ -2058,7 +2060,7 @@ const Tt = /* @__PURE__ */ Ce({
   }),
   emits: ["update:sorting", "update:pagination", "update:selection"],
   setup(e) {
-    const n = e, t = q(e, "sorting"), o = q(e, "pagination"), r = q(e, "selection"), i = yt({
+    const n = e, t = q(e, "sorting"), o = q(e, "pagination"), r = q(e, "selection"), i = At({
       initialState: { pagination: { pageSize: n.pageSize } },
       get data() {
         return n.data;
@@ -2078,8 +2080,9 @@ const Tt = /* @__PURE__ */ Ce({
       onRowSelectionChange: (l) => {
         X(l, r);
       },
-      manualPagination: !0,
-      manualSorting: !0,
+      manualPagination: n.manualPagination,
+      // set to false to enable client-side pagination
+      manualSorting: n.manualSorting,
       state: {
         get sorting() {
           return t.value;
@@ -2107,14 +2110,14 @@ const Tt = /* @__PURE__ */ Ce({
               key: s.id
             }, {
               default: V(() => [
-                (h(!0), H(N, null, O(s.headers, (a) => (h(), M(_(Le), {
-                  key: a.id
+                (h(!0), H(N, null, O(s.headers, (g) => (h(), M(_(Le), {
+                  key: g.id
                 }, {
                   default: V(() => [
-                    a.isPlaceholder ? U("", !0) : (h(), M(_(ve), {
+                    g.isPlaceholder ? U("", !0) : (h(), M(_(ve), {
                       key: 0,
-                      render: a.column.columnDef.header,
-                      props: a.getContext()
+                      render: g.column.columnDef.header,
+                      props: g.getContext()
                     }, null, 8, ["render", "props"]))
                   ]),
                   _: 2
@@ -2132,13 +2135,13 @@ const Tt = /* @__PURE__ */ Ce({
               "data-state": s.getIsSelected() ? "selected" : void 0
             }, {
               default: V(() => [
-                (h(!0), H(N, null, O(s.getVisibleCells(), (a) => (h(), M(_(pe), {
-                  key: a.id
+                (h(!0), H(N, null, O(s.getVisibleCells(), (g) => (h(), M(_(ce), {
+                  key: g.id
                 }, {
                   default: V(() => [
                     I(_(ve), {
-                      render: a.column.columnDef.cell,
-                      props: a.getContext()
+                      render: g.column.columnDef.cell,
+                      props: g.getContext()
                     }, null, 8, ["render", "props"])
                   ]),
                   _: 2
@@ -2161,7 +2164,7 @@ const Tt = /* @__PURE__ */ Ce({
           default: V(() => [
             I(_(j), null, {
               default: V(() => [
-                I(_(pe), {
+                I(_(ce), {
                   colspan: l.columns.length
                 }, {
                   default: V(() => [

package/dist/components/ui/table/BuiDataTable.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-sPVGmqe9.js";
+import { _ as f } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-AeBF-dyL.js";
 export {
   f as default
 };

package/dist/components/ui/table/BuiDataTable.vue.d.ts

@@ -5,6 +5,8 @@ declare const _default: <TData, TValue>(__VLS_props: {
     pageSize?: number | undefined;
     showPagination?: boolean | undefined;
     totalItems?: number | undefined;
+    manualPagination?: boolean | undefined;
+    manualSorting?: boolean | undefined;
     getRowId?: ((originalRow: TData, index: number, parent?: Row<TData> | undefined) => string) | undefined;
     sorting?: SortingState | undefined;
     pagination?: PaginationState | undefined;
@@ -24,6 +26,8 @@ declare const _default: <TData, TValue>(__VLS_props: {
         pageSize?: number | undefined;
         showPagination?: boolean | undefined;
         totalItems?: number | undefined;
+        manualPagination?: boolean | undefined;
+        manualSorting?: boolean | undefined;
         getRowId?: ((originalRow: TData, index: number, parent?: Row<TData> | undefined) => string) | undefined;
         sorting?: SortingState | undefined;
         pagination?: PaginationState | undefined;
@@ -47,6 +51,8 @@ declare const _default: <TData, TValue>(__VLS_props: {
             pageSize?: number | undefined;
             showPagination?: boolean | undefined;
             totalItems?: number | undefined;
+            manualPagination?: boolean | undefined;
+            manualSorting?: boolean | undefined;
             getRowId?: ((originalRow: TData, index: number, parent?: Row<TData> | undefined) => string) | undefined;
             sorting?: SortingState | undefined;
             pagination?: PaginationState | undefined;

package/dist/components/ui/table/index.js

@@ -7,7 +7,7 @@ import { _ as s } from "../../../BuiTableRow.vue_vue_type_script_setup_true_lang
 import { _ as x } from "../../../BuiTableCaption.vue_vue_type_script_setup_true_lang--_UXX2s4.js";
 import { _ } from "../../../BuiTableEmpty.vue_vue_type_script_setup_true_lang-ESELQGvk.js";
 import { _ as y } from "../../../BuiTableFooter.vue_vue_type_script_setup_true_lang-_rYhBLgO.js";
-import { _ as H } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-sPVGmqe9.js";
+import { _ as H } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-AeBF-dyL.js";
 export {
   H as BuiDataTable,
   o as BuiTable,

package/dist/index.js

@@ -115,7 +115,7 @@ import { _ as ht } from "./BuiTableRow.vue_vue_type_script_setup_true_lang-vvniZ
 import { _ as Ht } from "./BuiTableCaption.vue_vue_type_script_setup_true_lang--_UXX2s4.js";
 import { _ as Rt } from "./BuiTableEmpty.vue_vue_type_script_setup_true_lang-ESELQGvk.js";
 import { _ as yt } from "./BuiTableFooter.vue_vue_type_script_setup_true_lang-_rYhBLgO.js";
-import { _ as qt } from "./BuiDataTable.vue_vue_type_script_setup_true_lang-sPVGmqe9.js";
+import { _ as qt } from "./BuiDataTable.vue_vue_type_script_setup_true_lang-AeBF-dyL.js";
 import { BuiTabsList as Nt, BuiTabsTrigger as Ut, tabsListVariants as Wt, tabsTriggerVariants as jt } from "./components/ui/tabs/index.js";
 import { BuiTextarea as Kt, textareaVariants as Ot } from "./components/ui/textarea/index.js";
 import { BuiToast as Xt, BuiToaster as Yt, toastVariants as Zt } from "./components/ui/toast/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soft-stech/bootsman-ui-shadcn",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "type": "module",
   "files": [
     "dist",

package/src/components/stories/BuiDataTable.story.vue

@@ -84,6 +84,7 @@ function updateSelection(val: RowSelectionState) {
         @update:selection="updateSelection"
         :total-items="totalItems"
         class="caption-top"
+        :manualPagination="false"
         :getRowId="(row) => row.id"
       >
         <template #caption="{ table }">

package/src/components/ui/table/BuiDataTable.vue

@@ -34,9 +34,11 @@ const props = withDefaults(
     pageSize?: number
     showPagination?: boolean
     totalItems?: number
+    manualPagination?: boolean
+    manualSorting?: boolean
     getRowId?: (originalRow: TData, index: number, parent?: Row<TData>) => string
   }>(),
-  { pageSize: 10, showPagination: true, totalItems: 0 }
+  { pageSize: 10, showPagination: true, manualPagination: true, manualSorting: true, totalItems: 0 }
 )
 
 const sorting = defineModel<SortingState>('sorting')
@@ -63,8 +65,8 @@ const table = useVueTable({
   onRowSelectionChange: (updaterOrValue) => {
     valueUpdater(updaterOrValue, rowSelection)
   },
-  manualPagination: true,
-  manualSorting: true,
+  manualPagination: props.manualPagination, // set to false to enable client-side pagination
+  manualSorting: props.manualSorting,
   state: {
     get sorting() {
       return sorting.value