@soft-stech/bootsman-ui-shadcn 1.4.19 → 1.4.21

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

@@ -1,20 +1,20 @@
-import { _ as A } from "../../../BuiTable.vue_vue_type_script_setup_true_lang-CKRiQHpD.js";
-import { _ as O } from "../../../BuiTableBody.vue_vue_type_script_setup_true_lang-DblqmDim.js";
-import { _ as T } from "../../../BuiTableCell.vue_vue_type_script_setup_true_lang-CYBx0oJL.js";
-import { _ as j } from "../../../BuiTableHead.vue_vue_type_script_setup_true_lang-uE4Py8ky.js";
-import { _ as H } from "../../../BuiTableHeader.vue_vue_type_script_setup_true_lang-BcnB4-3x.js";
+import { _ as U } from "../../../BuiTable.vue_vue_type_script_setup_true_lang-D8Tseif4.js";
+import { _ as A } from "../../../BuiTableBody.vue_vue_type_script_setup_true_lang-DblqmDim.js";
+import { _ as h } from "../../../BuiTableCell.vue_vue_type_script_setup_true_lang-CYBx0oJL.js";
+import { _ as O } from "../../../BuiTableHead.vue_vue_type_script_setup_true_lang-BDSRArVd.js";
+import { _ as j } from "../../../BuiTableHeader.vue_vue_type_script_setup_true_lang-B2getNR7.js";
 import { _ as R } from "../../../BuiTableRow.vue_vue_type_script_setup_true_lang-Bl4nF6yV.js";
-import { defineComponent as x, computed as v, openBlock as o, createElementBlock as u, Fragment as d, createBlock as m, unref as a, normalizeClass as G, withCtx as l, renderSlot as c, renderList as y, normalizeStyle as F, createVNode as p, createCommentVNode as S, resolveDynamicComponent as K, mergeModels as W, useModel as k, watchEffect as Y, createElementVNode as b, createTextVNode as _, toDisplayString as I } from "vue";
+import { defineComponent as x, computed as v, openBlock as t, createElementBlock as u, Fragment as d, createBlock as m, unref as a, normalizeClass as G, withCtx as l, renderSlot as c, renderList as y, normalizeStyle as F, createVNode as p, createCommentVNode as S, resolveDynamicComponent as K, mergeModels as W, useModel as k, watchEffect as Y, createElementVNode as b, createTextVNode as _, toDisplayString as I } from "vue";
 import { _ as Pe } from "../../../BuiTableCaption.vue_vue_type_script_setup_true_lang-CTEP1Sde.js";
 import { _ as q } from "../../../BuiTableEmpty.vue_vue_type_script_setup_true_lang-BTyX0sT5.js";
-import { _ as Me } from "../../../BuiTableFooter.vue_vue_type_script_setup_true_lang-CRyh8XF5.js";
+import { _ as ze } from "../../../BuiTableFooter.vue_vue_type_script_setup_true_lang-CRyh8XF5.js";
 import { _ as J } from "../../../BuiCollapsible.vue_vue_type_script_setup_true_lang-DjuQBjGZ.js";
 import { _ as Q } from "../../../BuiCollapsibleTrigger.vue_vue_type_script_setup_true_lang-l-nmwAwq.js";
 import { _ as X } from "../../../BuiCollapsibleContent.vue_vue_type_script_setup_true_lang-BiD89zzH.js";
 import { _ as Z } from "../../../variables-Dw5mPbg_.js";
 import "vee-validate";
-import { v as M } from "../../../utils-CwP7Up6y.js";
-import { FlexRender as L, useVueTable as ee, getCoreRowModel as te, getPaginationRowModel as oe, getSortedRowModel as ne } from "@tanstack/vue-table";
+import { v as z } from "../../../utils-CwP7Up6y.js";
+import { FlexRender as H, useVueTable as ee, getCoreRowModel as oe, getPaginationRowModel as te, getSortedRowModel as ne } from "@tanstack/vue-table";
 const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
   __name: "BuiTableRowSubrow",
   props: {
@@ -23,23 +23,23 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
     columns: {}
   },
   setup(f) {
-    const t = f, C = v(() => t.row.original.name?.includes(ae));
-    return (r, $) => (o(), u(d, null, [
-      C.value ? S("", !0) : (o(), m(a(R), {
+    const o = f, C = v(() => o.row.original.name?.includes(ae));
+    return (r, $) => (t(), u(d, null, [
+      C.value ? S("", !0) : (t(), m(a(R), {
         key: 0,
         "data-row-state": r.row.getIsSelected() ? "selected" : void 0,
-        class: G(t.renderSubComponent?.(r.row) ? "border-b-0" : "")
+        class: G(o.renderSubComponent?.(r.row) ? "border-b-0" : "")
       }, {
         actions: l(() => [
           c(r.$slots, "actions")
         ]),
         default: l(() => [
-          (o(!0), u(d, null, y(r.row.getVisibleCells(), (w) => (o(), m(a(T), {
+          (t(!0), u(d, null, y(r.row.getVisibleCells(), (w) => (t(), m(a(h), {
             key: w.id,
-            style: F({ ...a(U)(w.column) })
+            style: F({ ...a(L)(w.column) })
           }, {
             default: l(() => [
-              p(a(L), {
+              p(a(H), {
                 render: w.column.columnDef.cell,
                 props: w.getContext()
               }, null, 8, ["render", "props"])
@@ -49,7 +49,7 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
         ]),
         _: 3
       }, 8, ["data-row-state", "class"])),
-      t.renderSubComponent?.(r.row) ? (o(), m(a(R), {
+      o.renderSubComponent?.(r.row) ? (t(), m(a(R), {
         key: 1,
         "data-row-state": r.row.getIsSelected() ? "selected" : void 0
       }, {
@@ -57,12 +57,12 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
           c(r.$slots, "actions")
         ]),
         default: l(() => [
-          p(a(T), {
+          p(a(h), {
             colspan: r.columns.length,
             class: "pt-0"
           }, {
             default: l(() => [
-              (o(), m(K(t.renderSubComponent?.(r.row)?.())))
+              (t(), m(K(o.renderSubComponent?.(r.row)?.())))
             ]),
             _: 1
           }, 8, ["colspan"])
@@ -90,7 +90,8 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
     groupBy: {},
     groupLabels: {},
     getRowId: {},
-    renderSubComponent: {}
+    renderSubComponent: {},
+    freezeHeader: { type: Boolean }
   }, {
     sorting: {},
     sortingModifiers: {},
@@ -103,36 +104,36 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
   }),
   emits: ["update:sorting", "update:pagination", "update:selection", "update:columnVisibility"],
   setup(f) {
-    const t = f, C = k(f, "sorting"), r = k(f, "pagination"), $ = k(f, "selection"), w = k(f, "columnVisibility"), V = v(
-      () => t.manualPagination ? t.totalItems : t.data.length
+    const o = f, C = k(f, "sorting"), r = k(f, "pagination"), $ = k(f, "selection"), w = k(f, "columnVisibility"), M = v(
+      () => o.manualPagination ? o.totalItems : o.data.length
     ), g = ee({
       initialState: {
         // TODO: column freeze
         //columnPinning: { left: ['id'] },
-        pagination: { pageSize: t.pageSize }
+        pagination: { pageSize: o.pageSize }
       },
       get data() {
-        return t.data;
+        return o.data;
       },
       get columns() {
-        return t.columns;
+        return o.columns;
       },
-      getCoreRowModel: te(),
-      getPaginationRowModel: oe(),
+      getCoreRowModel: oe(),
+      getPaginationRowModel: te(),
       getSortedRowModel: ne(),
       onSortingChange: (e) => {
-        M(e, C);
+        z(e, C);
       },
       onPaginationChange: (e) => {
-        M(e, r);
+        z(e, r);
       },
       onRowSelectionChange: (e) => {
-        M(e, $);
+        z(e, $);
       },
       autoResetPageIndex: !1,
-      manualPagination: t.manualPagination,
+      manualPagination: o.manualPagination,
       // set to false to enable client-side pagination
-      manualSorting: t.manualSorting,
+      manualSorting: o.manualSorting,
       state: {
         get sorting() {
           return C.value;
@@ -147,8 +148,8 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
           return w.value;
         }
       },
-      getRowId: t.getRowId
-    }), z = v({
+      getRowId: o.getRowId
+    }), T = v({
       get() {
         return g.getState().pagination.pageSize;
       },
@@ -167,48 +168,51 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
       const e = g.getPageCount();
       e && e < B.value && (B.value = e);
     });
-    const h = v(() => t.groupBy ? g.getRowModel().rows.reduce((e, n) => {
-      const s = n.getValue(t.groupBy) ?? D;
+    const V = v(() => o.groupBy ? g.getRowModel().rows.reduce((e, n) => {
+      const s = n.getValue(o.groupBy) ?? D;
       return e[s] = e[s] || [], e[s].push(n), e;
     }, /* @__PURE__ */ Object.create(null)) : null);
     function N(e) {
-      return (t.groupBy && t.groupLabels ? t.groupLabels[t.groupBy] || [] : [])[e];
+      return (o.groupBy && o.groupLabels ? o.groupLabels[o.groupBy] || [] : [])[e];
     }
-    return (e, n) => (o(), u(d, null, [
-      e.$slots.caption ? (o(), u("div", le, [
+    return (e, n) => (t(), u(d, null, [
+      e.$slots.caption ? (t(), u("div", le, [
         c(e.$slots, "caption", { table: a(g) })
       ])) : S("", !0),
-      p(a(A), null, {
+      p(a(U), null, {
         default: l(() => [
-          p(a(H), null, {
+          p(a(j), {
+            "freeze-header": o.freezeHeader
+          }, {
             default: l(() => [
-              (o(!0), u(d, null, y(a(g).getHeaderGroups(), (i) => (o(), m(a(R), {
+              (t(!0), u(d, null, y(a(g).getHeaderGroups(), (i) => (t(), m(a(R), {
                 key: i.id
               }, {
                 default: l(() => [
-                  (o(!0), u(d, null, y(i.headers, (s) => (o(), m(a(j), {
+                  (t(!0), u(d, null, y(i.headers, (s) => (t(), m(a(O), {
                     key: s.id,
-                    style: F({ ...a(U)(s.column) })
+                    style: F({ ...a(L)(s.column) }),
+                    "freeze-header": o.freezeHeader
                   }, {
                     default: l(() => [
-                      s.isPlaceholder ? S("", !0) : (o(), m(a(L), {
+                      s.isPlaceholder ? S("", !0) : (t(), m(a(H), {
                         key: 0,
                         render: s.column.columnDef.header,
                         props: s.getContext()
                       }, null, 8, ["render", "props"]))
                     ]),
                     _: 2
-                  }, 1032, ["style"]))), 128))
+                  }, 1032, ["style", "freeze-header"]))), 128))
                 ]),
                 _: 2
               }, 1024))), 128))
             ]),
             _: 1
-          }),
-          p(a(O), null, {
+          }, 8, ["freeze-header"]),
+          p(a(A), null, {
             default: l(() => [
-              a(g).getRowModel().rows?.length ? (o(), u(d, { key: 0 }, [
-                t.groupBy && h.value ? (o(!0), u(d, { key: 0 }, y(h.value, (i, s) => (o(), m(a(J), {
+              a(g).getRowModel().rows?.length ? (t(), u(d, { key: 0 }, [
+                o.groupBy && V.value ? (t(!0), u(d, { key: 0 }, y(V.value, (i, s) => (t(), m(a(J), {
                   asChild: "",
                   key: s,
                   open: !0
@@ -221,7 +225,7 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
                             c(e.$slots, "groupActions", { group: s })
                           ]),
                           default: l(() => [
-                            p(a(T), {
+                            p(a(h), {
                               colspan: e.columns.length,
                               class: "!pb-0"
                             }, {
@@ -235,14 +239,14 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
                                     n[6] || (n[6] = b("div", { class: "absolute -right-4 bottom-0 h-4 w-4 rounded-lg bg-background" }, null, -1)),
                                     n[7] || (n[7] = b("div", { class: "absolute -right-4 bottom-0 h-4 w-4 rounded-lg bg-foreground/[0.04]" }, null, -1)),
                                     n[8] || (n[8] = b("div", null, null, -1)),
-                                    s === D ? (o(), u(d, { key: 0 }, [
+                                    s === D ? (t(), u(d, { key: 0 }, [
                                       _(I(N(1)), 1)
-                                    ], 64)) : (o(), u(d, { key: 1 }, [
+                                    ], 64)) : (t(), u(d, { key: 1 }, [
                                       _(I(N(0)) + ": ", 1),
                                       e.$slots.groupName ? c(e.$slots, "groupName", {
                                         key: 0,
                                         group: s
-                                      }) : (o(), u(d, { key: 1 }, [
+                                      }) : (t(), u(d, { key: 1 }, [
                                         _(I(s), 1)
                                       ], 64))
                                     ], 64))
@@ -263,11 +267,11 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
                     }, 1024),
                     p(a(X), { asChild: "" }, {
                       default: l(() => [
-                        (o(!0), u(d, null, y(i, (P) => (o(), m(E, {
+                        (t(!0), u(d, null, y(i, (P) => (t(), m(E, {
                           key: P.id,
-                          columns: t.columns,
+                          columns: o.columns,
                           row: P,
-                          renderSubComponent: t.renderSubComponent
+                          renderSubComponent: o.renderSubComponent
                         }, {
                           actions: l(() => [
                             c(e.$slots, "rowActions", {
@@ -281,11 +285,11 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
                     }, 1024)
                   ]),
                   _: 2
-                }, 1024))), 128)) : (o(!0), u(d, { key: 1 }, y(a(g).getRowModel().rows, (i) => (o(), m(E, {
+                }, 1024))), 128)) : (t(!0), u(d, { key: 1 }, y(a(g).getRowModel().rows, (i) => (t(), m(E, {
                   key: i.id,
-                  columns: t.columns,
+                  columns: o.columns,
                   row: i,
-                  renderSubComponent: t.renderSubComponent
+                  renderSubComponent: o.renderSubComponent
                 }, {
                   actions: l(() => [
                     c(e.$slots, "rowActions", {
@@ -294,7 +298,7 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
                   ]),
                   _: 2
                 }, 1032, ["columns", "row", "renderSubComponent"]))), 128))
-              ], 64)) : (o(), m(a(q), {
+              ], 64)) : (t(), m(a(q), {
                 key: 1,
                 colspan: e.columns.length
               }, {
@@ -311,37 +315,37 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
         ]),
         _: 3
       }),
-      e.showPagination && V.value > 0 ? (o(), u("div", ue, [
+      e.showPagination && M.value > 0 ? (t(), u("div", ue, [
         p(a(Z), {
-          total: V.value,
+          total: M.value,
           pageIndex: B.value,
           "onUpdate:pageIndex": n[0] || (n[0] = (i) => B.value = i),
-          pageSize: z.value,
-          "onUpdate:pageSize": n[1] || (n[1] = (i) => z.value = i)
+          pageSize: T.value,
+          "onUpdate:pageSize": n[1] || (n[1] = (i) => T.value = i)
         }, null, 8, ["total", "pageIndex", "pageSize"])
       ])) : S("", !0)
     ], 64));
   }
 });
-function U(f) {
-  const t = f.getIsPinned();
+function L(f) {
+  const o = f.getIsPinned();
   return {
-    left: t === "left" ? "0" : void 0,
-    position: t ? "sticky" : "relative",
-    zIndex: t ? "1" : "0"
+    left: o === "left" ? "0" : void 0,
+    position: o ? "sticky" : "relative",
+    zIndex: o ? "1" : "0"
   };
 }
 export {
   _e as BuiDataTable,
-  A as BuiTable,
-  O as BuiTableBody,
+  U as BuiTable,
+  A as BuiTableBody,
   Pe as BuiTableCaption,
-  T as BuiTableCell,
+  h as BuiTableCell,
   q as BuiTableEmpty,
-  Me as BuiTableFooter,
-  j as BuiTableHead,
-  H as BuiTableHeader,
+  ze as BuiTableFooter,
+  O as BuiTableHead,
+  j as BuiTableHeader,
   R as BuiTableRow,
   E as BuiTableRowSubrow,
-  U as getPinningStyle
+  L as getPinningStyle
 };