@soft-stech/bootsman-ui-shadcn 1.1.1 → 1.1.2

package/dist/{BuiDataTable.vue_vue_type_script_setup_true_lang-7Tst_H0P.js → BuiDataTable.vue_vue_type_script_setup_true_lang-R89LBsoI.js}

@@ -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) => {
+      const g = Math.round((Date.now() - i) * 100) / 100, a = Math.round((Date.now() - s) * 100) / 100, d = a / 16, p = (c, f) => {
         for (c = String(c); c.length < f; )
           c = " " + c;
         return c;
       };
-      console.info(`%c⏱ ${p(g, 5)} /${p(a, 5)} ms`, `
+      console.info(`%c⏱ ${p(a, 5)} /${p(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,19 +77,19 @@ 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 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 = (p) => {
     let c = p;
     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.`);
     }
     return c;
-  } : g = (p) => p[u.accessorKey]), !a)
+  } : a = (p) => p[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,
@@ -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((p) => p.id === d)).filter(Boolean)) != null ? i : [], s = (l = r?.map((d) => t.find((p) => p.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: () => {
@@ -288,7 +288,7 @@ function G(e, n, t, o) {
   };
   u(e);
   let s = [];
-  const a = (p, c) => {
+  const g = (p, c) => {
     const f = {
       depth: c,
       id: [o, `${c}`].filter(Boolean).join("_"),
@@ -310,12 +310,12 @@ function G(e, n, t, o) {
         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), c > 0 && g(S, c - 1);
+  }, a = n.map((p, c) => fe(t, p, {
     depth: l,
     index: c
   }));
-  a(g, l - 1), s.reverse();
+  g(a, l - 1), s.reverse();
   const d = (p) => p.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) => {
@@ -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;
+              g[Ae] = Math.round(Math.max(ce + ce * 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), p = (v) => {
+          a("end", v), n.setColumnSizingInfo((R) => ({
             ...R,
             isResizingColumn: !1,
             startOffset: null,
@@ -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 = y(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];
       });
@@ -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: {
@@ -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,17 +1058,17 @@ 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;
           return {
@@ -1084,8 +1084,8 @@ const gt = {
           };
         }
         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 = () => {
@@ -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, 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) => 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) {
@@ -1468,22 +1468,22 @@ const D = {
       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") {
+        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 p;
-          a = [...l, {
+          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 - ((p = n.options.maxMultiSortColCount) != null ? p : Number.MAX_SAFE_INTEGER));
         } else
-          g === "toggle" ? a = l.map((c) => c.id === e.id ? {
+          a === "toggle" ? g = l.map((c) => c.id === e.id ? {
             ...c,
             desc: d
-          } : c) : g === "remove" ? a = l.filter((c) => c.id !== e.id) : a = [{
+          } : c) : a === "remove" ? g = l.filter((c) => c.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, ct, 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,32 +1622,32 @@ function Rt(e) {
     reset: () => {
       t.setState(t.initialState);
     },
-    setOptions: (g) => {
-      const d = y(g, t.options);
+    setOptions: (a) => {
+      const d = y(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) => {
+    _getRowId: (a, 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}`;
+      return (c = t.options.getRowId == null ? void 0 : t.options.getRowId(a, d, p)) != null ? c : `${p ? [p.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();
+    getRow: (a, d) => {
+      let p = (d ? t.getPrePaginationRowModel() : t.getRowModel()).rowsById[a];
+      if (!p && (p = t.getCoreRowModel().rowsById[a], !p))
+        throw process.env.NODE_ENV !== "production" ? new Error(`getRow could not find row with ID: ${a}`) : new Error();
       return p;
     },
-    _getDefaultColumnDef: m(() => [t.options.defaultColumn], (g) => {
+    _getDefaultColumnDef: m(() => [t.options.defaultColumn], (a) => {
       var d;
-      return g = (d = g) != null ? d : {}, {
+      return a = (d = a) != null ? d : {}, {
         header: (p) => {
           const c = p.header.column.columnDef;
           return c.accessorKey ? c.accessorKey : c.accessorFn ? c.id : null;
@@ -1658,63 +1658,63 @@ function Rt(e) {
           return (c = (f = p.renderValue()) == null || f.toString == null ? void 0 : f.toString()) != null ? c : null;
         },
         ...t._features.reduce((p, c) => Object.assign(p, c.getDefaultColumnDef == null ? void 0 : c.getDefaultColumnDef()), {}),
-        ...g
+        ...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) => {
+    getAllColumns: m(() => [t._getColumnDefs()], (a) => {
       const d = function(p, c, f) {
         return f === void 0 && (f = 0), p.map((S) => {
           const C = je(t, S, f, c), 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, p) => (d[p.id] = p, 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());
+    getAllLeafColumns: m(() => [t.getAllColumns(), t._getOrderColumnsFn()], (a, d) => {
+      let p = a.flatMap((c) => c.getLeafColumns());
       return d(p);
     }, {
       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) => {
+      return g.sort((a, 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;
           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,
@@ -2045,7 +2045,8 @@ const Tt = /* @__PURE__ */ Ce({
     columns: {},
     data: {},
     pageSize: { default: 10 },
-    showPagination: { type: Boolean, default: !0 }
+    showPagination: { type: Boolean, default: !0 },
+    totalItems: { default: 0 }
   }, {
     sorting: {},
     sortingModifiers: {},
@@ -2104,14 +2105,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
@@ -2129,13 +2130,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(_(pe), {
+                  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
@@ -2164,7 +2165,7 @@ const Tt = /* @__PURE__ */ Ce({
                   default: V(() => [
                     I(_(Te), {
                       class: "float-right",
-                      total: _(i).getFilteredRowModel().rows.length,
+                      total: l.totalItems,
                       pageIndex: _(i).getState().pagination.pageIndex,
                       pageSize: _(i).getState().pagination.pageSize,
                       setPageIndex: (s) => _(i).setPageIndex(s),

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

@@ -1,4 +1,4 @@
-import { _ as f } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-7Tst_H0P.js";
+import { _ as f } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-R89LBsoI.js";
 export {
   f as default
 };

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

@@ -4,6 +4,7 @@ declare const _default: <TData, TValue>(__VLS_props: {
     columns: ColumnDef<TData, TValue>[];
     pageSize?: number | undefined;
     showPagination?: boolean | undefined;
+    totalItems?: number | undefined;
     sorting?: SortingState | undefined;
     pagination?: PaginationState | undefined;
     selection?: RowSelectionState | undefined;
@@ -21,6 +22,7 @@ declare const _default: <TData, TValue>(__VLS_props: {
         columns: ColumnDef<TData, TValue>[];
         pageSize?: number | undefined;
         showPagination?: boolean | undefined;
+        totalItems?: number | undefined;
         sorting?: SortingState | undefined;
         pagination?: PaginationState | undefined;
         selection?: RowSelectionState | undefined;
@@ -42,6 +44,7 @@ declare const _default: <TData, TValue>(__VLS_props: {
             columns: ColumnDef<TData, TValue>[];
             pageSize?: number | undefined;
             showPagination?: boolean | undefined;
+            totalItems?: number | undefined;
             sorting?: SortingState | undefined;
             pagination?: PaginationState | undefined;
             selection?: RowSelectionState | 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-OnsFZa8H.js";
 import { _ } from "../../../BuiTableEmpty.vue_vue_type_script_setup_true_lang-4QJziEvg.js";
 import { _ as y } from "../../../BuiTableFooter.vue_vue_type_script_setup_true_lang-DN__NJQ9.js";
-import { _ as H } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-7Tst_H0P.js";
+import { _ as H } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-R89LBsoI.js";
 export {
   H as BuiDataTable,
   o as BuiTable,

package/dist/index.js

@@ -114,7 +114,7 @@ import { _ as wt } from "./BuiTableRow.vue_vue_type_script_setup_true_lang-rLz2b
 import { _ as It } from "./BuiTableCaption.vue_vue_type_script_setup_true_lang-OnsFZa8H.js";
 import { _ as Ft } from "./BuiTableEmpty.vue_vue_type_script_setup_true_lang-4QJziEvg.js";
 import { _ as Lt } from "./BuiTableFooter.vue_vue_type_script_setup_true_lang-DN__NJQ9.js";
-import { _ as Ht } from "./BuiDataTable.vue_vue_type_script_setup_true_lang-7Tst_H0P.js";
+import { _ as Ht } from "./BuiDataTable.vue_vue_type_script_setup_true_lang-R89LBsoI.js";
 import { BuiTabsList as ht, BuiTabsTrigger as kt, tabsListVariants as yt, tabsTriggerVariants as Et } from "./components/ui/tabs/index.js";
 import { BuiTextarea as Jt, textareaVariants as Nt } from "./components/ui/textarea/index.js";
 import { BuiToast as Wt, BuiToaster as jt, 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.1",
+  "version": "1.1.2",
   "type": "module",
   "files": [
     "dist",
@@ -11,6 +11,23 @@
   "sideEffects": [
     "**/*.css"
   ],
+  "scripts": {
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "test:e2e": "playwright test",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force",
+    "type-build": "vue-tsc --declaration --emitDeclarationOnly",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
+    "format": "prettier --write src/",
+    "bumpp": "bumpp package.json",
+    "prepublishOnly": "npm run build",
+    "story:dev": "histoire dev",
+    "story:build": "DOCS=true histoire build",
+    "story:preview": "histoire preview",
+    "coverage": "vitest run --coverage"
+  },
   "dependencies": {
     "@tanstack/vue-table": "^8.11.6",
     "@vee-validate/zod": "^4.12.4",
@@ -56,21 +73,5 @@
     "vite-plugin-dts": "^3.7.2",
     "vitest": "^1.0.4",
     "vue-tsc": "^1.8.27"
-  },
-  "scripts": {
-    "build": "run-p type-check \"build-only {@}\" --",
-    "preview": "vite preview",
-    "test:unit": "vitest",
-    "test:e2e": "playwright test",
-    "build-only": "vite build",
-    "type-check": "vue-tsc --build --force",
-    "type-build": "vue-tsc --declaration --emitDeclarationOnly",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
-    "format": "prettier --write src/",
-    "bumpp": "bumpp package.json",
-    "story:dev": "histoire dev",
-    "story:build": "DOCS=true histoire build",
-    "story:preview": "histoire preview",
-    "coverage": "vitest run --coverage"
   }
-}
+}

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

@@ -61,9 +61,10 @@ const data = ref<Task[]>(tasks)
 
 const sorting = ref<SortingState>([{ id: 'status', desc: false }])
 const pagination = ref<PaginationState>({
-  pageIndex: 1,
+  pageIndex: 0,
   pageSize: 10
 })
+const totalItems = tasks.length
 
 const selection = ref<RowSelectionState>({})
 function updateSelection(val: RowSelectionState) {
@@ -81,6 +82,7 @@ function updateSelection(val: RowSelectionState) {
         v-model:sorting="sorting"
         v-model:pagination="pagination"
         @update:selection="updateSelection"
+        :total-items="totalItems"
         class="caption-top"
       >
         <template #caption="{ table }">

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

@@ -32,8 +32,9 @@ const props = withDefaults(
     data: TData[]
     pageSize?: number
     showPagination?: boolean
+    totalItems?: number
   }>(),
-  { pageSize: 10, showPagination: true }
+  { pageSize: 10, showPagination: true, totalItems: 0 }
 )
 
 const sorting = defineModel<SortingState>('sorting')
@@ -111,7 +112,7 @@ const table = useVueTable({
         <BuiTableCell :colspan="columns.length">
           <BuiPaginationCommon
             class="float-right"
-            :total="table.getFilteredRowModel().rows.length"
+            :total="totalItems"
             :pageIndex="table.getState().pagination.pageIndex"
             :pageSize="table.getState().pagination.pageSize as PageSize"
             :setPageIndex="(v: number) => table.setPageIndex(v)"