@soft-stech/bootsman-ui-shadcn 1.3.2 → 1.3.4

package/dist/BuiDataTable.vue_vue_type_script_setup_true_lang-D2QvMzcY.js

@@ -0,0 +1,243 @@
+import { defineComponent as D, mergeModels as L, useModel as b, computed as S, watchEffect as U, openBlock as n, createElementBlock as s, Fragment as d, renderSlot as V, unref as o, createCommentVNode as y, createVNode as g, withCtx as a, renderList as f, createBlock as m, createElementVNode as F, createTextVNode as v, toDisplayString as w } from "vue";
+import { _ as O } from "./BuiCollapsible.vue_vue_type_script_setup_true_lang-BfgRYJts.js";
+import { _ as T } from "./BuiCollapsibleTrigger.vue_vue_type_script_setup_true_lang-DJ8YMCCp.js";
+import { _ as G } from "./BuiCollapsibleContent.vue_vue_type_script_setup_true_lang-eieHE5yV.js";
+import { _ as j } from "./BuiPaginationCommon.vue_vue_type_script_setup_true_lang-DjLAqoa-.js";
+import { v as C } from "./utils-DPuEjrVV.js";
+import { _ as z } from "./BuiTableRowSubrow.vue_vue_type_script_setup_true_lang-Ch5gemw2.js";
+import { useVueTable as H, getCoreRowModel as K, getPaginationRowModel as Y, getSortedRowModel as q, FlexRender as A } from "@tanstack/vue-table";
+import { _ as J } from "./BuiTable.vue_vue_type_script_setup_true_lang-CUPSwE5z.js";
+import { _ as Q } from "./BuiTableBody.vue_vue_type_script_setup_true_lang-CWT4u-Ma.js";
+import { _ as x } from "./BuiTableCell.vue_vue_type_script_setup_true_lang-BrTQJCiZ.js";
+import { _ as W } from "./BuiTableHead.vue_vue_type_script_setup_true_lang-CCXONmtG.js";
+import { _ as X } from "./BuiTableHeader.vue_vue_type_script_setup_true_lang-DZOqi3dp.js";
+import { _ as P } from "./BuiTableRow.vue_vue_type_script_setup_true_lang-CpEilJsW.js";
+import { _ as Z } from "./BuiTableEmpty.vue_vue_type_script_setup_true_lang-BJDYHpRG.js";
+import { _ as ee } from "./BuiTableFooter.vue_vue_type_script_setup_true_lang-Cfxlxsbh.js";
+const te = {
+  key: 0,
+  class: "w-full py-4"
+}, oe = { class: "inline-block rounded-t bg-background px-4 py-3" }, N = "#UNDEFINED#", ye = /* @__PURE__ */ D({
+  __name: "BuiDataTable",
+  props: /* @__PURE__ */ L({
+    columns: {},
+    data: {},
+    pageSize: { default: 10 },
+    showPagination: { type: Boolean, default: !0 },
+    totalItems: { default: 0 },
+    manualPagination: { type: Boolean, default: !0 },
+    manualSorting: { type: Boolean, default: !0 },
+    groupBy: {},
+    groupLabels: {},
+    getRowId: {},
+    renderSubComponent: {}
+  }, {
+    sorting: {},
+    sortingModifiers: {},
+    pagination: {},
+    paginationModifiers: {},
+    selection: {},
+    selectionModifiers: {},
+    columnVisibility: {},
+    columnVisibilityModifiers: {}
+  }),
+  emits: ["update:sorting", "update:pagination", "update:selection", "update:columnVisibility"],
+  setup(c) {
+    const t = c, R = b(c, "sorting"), p = b(c, "pagination"), k = b(c, "selection"), E = b(c, "columnVisibility"), I = S(
+      () => t.manualPagination ? t.totalItems : t.data.length
+    ), i = H({
+      initialState: { pagination: { pageSize: t.pageSize } },
+      get data() {
+        return t.data;
+      },
+      get columns() {
+        return t.columns;
+      },
+      getCoreRowModel: K(),
+      getPaginationRowModel: Y(),
+      getSortedRowModel: q(),
+      onSortingChange: (e) => {
+        C(e, R);
+      },
+      onPaginationChange: (e) => {
+        C(e, p);
+      },
+      onRowSelectionChange: (e) => {
+        C(e, k);
+      },
+      autoResetPageIndex: !1,
+      manualPagination: t.manualPagination,
+      // set to false to enable client-side pagination
+      manualSorting: t.manualSorting,
+      state: {
+        get sorting() {
+          return R.value;
+        },
+        get pagination() {
+          return p.value;
+        },
+        get rowSelection() {
+          return k.value;
+        },
+        get columnVisibility() {
+          return E.value;
+        }
+      },
+      getRowId: t.getRowId
+    }), $ = S({
+      get() {
+        return i.getState().pagination.pageSize;
+      },
+      set(e) {
+        p.value && (p.value.pageSize = e, i.setPageSize(e), i.setPageIndex(0));
+      }
+    }), _ = S({
+      get() {
+        return i.getState().pagination.pageIndex + 1;
+      },
+      set(e) {
+        p.value && (p.value.pageIndex = e - 1, i.setPageIndex(e - 1));
+      }
+    });
+    U(() => {
+      const e = i.getPageCount();
+      e && e < _.value && (_.value = e);
+    });
+    const M = S(() => t.groupBy ? i.getRowModel().rows.reduce((e, u) => {
+      const r = u.getValue(t.groupBy) ?? N;
+      return e[r] = e[r] || [], e[r].push(u), e;
+    }, /* @__PURE__ */ Object.create(null)) : null);
+    function h(e) {
+      return (t.groupBy && t.groupLabels ? t.groupLabels[t.groupBy] || [] : [])[e];
+    }
+    return (e, u) => (n(), s(d, null, [
+      e.$slots.caption ? (n(), s("div", te, [
+        V(e.$slots, "caption", { table: o(i) })
+      ])) : y("", !0),
+      g(o(J), null, {
+        default: a(() => [
+          g(o(X), null, {
+            default: a(() => [
+              (n(!0), s(d, null, f(o(i).getHeaderGroups(), (l) => (n(), m(o(P), {
+                key: l.id
+              }, {
+                default: a(() => [
+                  (n(!0), s(d, null, f(l.headers, (r) => (n(), m(o(W), {
+                    key: r.id
+                  }, {
+                    default: a(() => [
+                      r.isPlaceholder ? y("", !0) : (n(), m(o(A), {
+                        key: 0,
+                        render: r.column.columnDef.header,
+                        props: r.getContext()
+                      }, null, 8, ["render", "props"]))
+                    ]),
+                    _: 2
+                  }, 1024))), 128))
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 1
+          }),
+          g(o(Q), null, {
+            default: a(() => [
+              o(i).getRowModel().rows?.length ? (n(), s(d, { key: 0 }, [
+                t.groupBy && M.value ? (n(!0), s(d, { key: 0 }, f(M.value, (l, r) => (n(), m(o(O), {
+                  asChild: "",
+                  key: r,
+                  open: !0
+                }, {
+                  default: a(() => [
+                    g(o(T), { asChild: "" }, {
+                      default: a(() => [
+                        g(o(P), { class: "bg-foreground/[0.04]" }, {
+                          default: a(() => [
+                            g(o(x), {
+                              colspan: e.columns.length,
+                              class: "!pb-0"
+                            }, {
+                              default: a(() => [
+                                F("div", oe, [
+                                  r === N ? (n(), s(d, { key: 0 }, [
+                                    v(w(h(1)), 1)
+                                  ], 64)) : (n(), s(d, { key: 1 }, [
+                                    v(w(h(0)) + ": " + w(r), 1)
+                                  ], 64))
+                                ])
+                              ]),
+                              _: 2
+                            }, 1032, ["colspan"])
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    g(o(G), { asChild: "" }, {
+                      default: a(() => [
+                        (n(!0), s(d, null, f(l, (B) => (n(), m(z, {
+                          key: B.id,
+                          columns: t.columns,
+                          row: B,
+                          renderSubComponent: t.renderSubComponent
+                        }, null, 8, ["columns", "row", "renderSubComponent"]))), 128))
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1024))), 128)) : (n(!0), s(d, { key: 1 }, f(o(i).getRowModel().rows, (l) => (n(), m(z, {
+                  key: l.id,
+                  columns: t.columns,
+                  row: l,
+                  renderSubComponent: t.renderSubComponent
+                }, null, 8, ["columns", "row", "renderSubComponent"]))), 128))
+              ], 64)) : (n(), m(o(Z), {
+                key: 1,
+                colspan: e.columns.length
+              }, {
+                default: a(() => [
+                  V(e.$slots, "nodata", {}, () => [
+                    u[2] || (u[2] = v("No data"))
+                  ])
+                ]),
+                _: 3
+              }, 8, ["colspan"]))
+            ]),
+            _: 3
+          }),
+          e.showPagination && I.value > 0 ? (n(), m(o(ee), { key: 0 }, {
+            default: a(() => [
+              g(o(P), null, {
+                default: a(() => [
+                  g(o(x), {
+                    colspan: e.columns.length
+                  }, {
+                    default: a(() => [
+                      g(o(j), {
+                        class: "float-right",
+                        total: I.value,
+                        pageIndex: _.value,
+                        "onUpdate:pageIndex": u[0] || (u[0] = (l) => _.value = l),
+                        pageSize: $.value,
+                        "onUpdate:pageSize": u[1] || (u[1] = (l) => $.value = l)
+                      }, null, 8, ["total", "pageIndex", "pageSize"])
+                    ]),
+                    _: 1
+                  }, 8, ["colspan"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : y("", !0)
+        ]),
+        _: 3
+      })
+    ], 64));
+  }
+});
+export {
+  ye as _
+};

package/dist/{BuiTableHead.vue_vue_type_script_setup_true_lang-bRr43VQ9.js → BuiTableHead.vue_vue_type_script_setup_true_lang-CCXONmtG.js}

@@ -1,26 +1,26 @@
-import { defineComponent as t, openBlock as s, createElementBlock as n, normalizeClass as l, unref as a, createElementVNode as c, renderSlot as d } from "vue";
-import { c as m } from "./utils-DPuEjrVV.js";
-const i = { class: "flex h-10 items-center border-r border-border/[0.16] p-4" }, u = /* @__PURE__ */ t({
+import { defineComponent as t, openBlock as s, createElementBlock as n, normalizeClass as a, unref as c, createElementVNode as l, renderSlot as d } from "vue";
+import { c as p } from "./utils-DPuEjrVV.js";
+const i = { class: "flex h-10 items-center whitespace-nowrap border-r border-border/[0.16] p-4" }, h = /* @__PURE__ */ t({
   __name: "BuiTableHead",
   props: {
     class: {}
   },
   setup(e) {
     const o = e;
-    return (r, p) => (s(), n("th", {
-      class: l(
-        a(m)(
+    return (r, m) => (s(), n("th", {
+      class: a(
+        c(p)(
           "h-14 bg-foreground/[0.04] text-left align-middle text-base font-semibold text-foreground [&:has([role=checkbox])]:pr-0 ",
           o.class
         )
       )
     }, [
-      c("div", i, [
+      l("div", i, [
         d(r.$slots, "default")
       ])
     ], 2));
   }
 });
 export {
-  u as _
+  h as _
 };

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

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

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

@@ -1,17 +1,20 @@
-import { ColumnDef, PaginationState, Row, RowSelectionState, SortingState } from '@tanstack/vue-table';
+import { ColumnDef, PaginationState, Row, RowSelectionState, SortingState, VisibilityState } from '@tanstack/vue-table';
 declare const _default: <TData, TValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:sorting"?: ((sorting: SortingState) => any) | undefined;
         readonly "onUpdate:pagination"?: ((pagination: PaginationState) => any) | undefined;
         readonly "onUpdate:selection"?: ((selection: RowSelectionState) => any) | undefined;
+        readonly "onUpdate:columnVisibility"?: ((columnVisibility: VisibilityState) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{}> & Readonly<{
         "onUpdate:sorting"?: ((sorting: SortingState) => any) | undefined;
         "onUpdate:pagination"?: ((pagination: PaginationState) => any) | undefined;
         "onUpdate:selection"?: ((selection: RowSelectionState) => any) | undefined;
-    }>, never>, "onUpdate:sorting" | "onUpdate:pagination" | "onUpdate:selection"> & ({
+        "onUpdate:columnVisibility"?: ((columnVisibility: VisibilityState) => any) | undefined;
+    }>, never>, "onUpdate:sorting" | "onUpdate:pagination" | "onUpdate:selection" | "onUpdate:columnVisibility"> & ({
         sorting?: SortingState;
         pagination?: PaginationState;
         selection?: RowSelectionState;
+        columnVisibility?: VisibilityState;
     } & {
         columns: ColumnDef<TData, TValue>[];
         data: TData[];
@@ -37,6 +40,7 @@ declare const _default: <TData, TValue>(__VLS_props: NonNullable<Awaited<typeof
         'update:sorting': [sorting: SortingState];
         'update:pagination': [pagination: PaginationState];
         'update:selection': [selection: RowSelectionState];
+        'update:columnVisibility': [columnVisibility: VisibilityState];
     };
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;

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

@@ -1,4 +1,4 @@
-import { _ as f } from "../../../BuiTableHead.vue_vue_type_script_setup_true_lang-bRr43VQ9.js";
+import { _ as f } from "../../../BuiTableHead.vue_vue_type_script_setup_true_lang-CCXONmtG.js";
 export {
   f as default
 };

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

@@ -1,14 +1,14 @@
 import { _ as e } from "../../../BuiTable.vue_vue_type_script_setup_true_lang-CUPSwE5z.js";
 import { _ as t } from "../../../BuiTableBody.vue_vue_type_script_setup_true_lang-CWT4u-Ma.js";
 import { _ as p } from "../../../BuiTableCell.vue_vue_type_script_setup_true_lang-BrTQJCiZ.js";
-import { _ as i } from "../../../BuiTableHead.vue_vue_type_script_setup_true_lang-bRr43VQ9.js";
+import { _ as i } from "../../../BuiTableHead.vue_vue_type_script_setup_true_lang-CCXONmtG.js";
 import { _ as u } from "../../../BuiTableHeader.vue_vue_type_script_setup_true_lang-DZOqi3dp.js";
 import { _ as f } from "../../../BuiTableRow.vue_vue_type_script_setup_true_lang-CpEilJsW.js";
 import { _ as x } from "../../../BuiTableRowSubrow.vue_vue_type_script_setup_true_lang-Ch5gemw2.js";
 import { _ } from "../../../BuiTableCaption.vue_vue_type_script_setup_true_lang-053YvtXp.js";
 import { _ as w } from "../../../BuiTableEmpty.vue_vue_type_script_setup_true_lang-BJDYHpRG.js";
 import { _ as C } from "../../../BuiTableFooter.vue_vue_type_script_setup_true_lang-Cfxlxsbh.js";
-import { _ as R } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-BBdRXWLA.js";
+import { _ as R } from "../../../BuiDataTable.vue_vue_type_script_setup_true_lang-D2QvMzcY.js";
 export {
   R as BuiDataTable,
   e as BuiTable,

package/dist/index.js

@@ -109,14 +109,14 @@ import { _ as Mt } from "./BuiSwitch.vue_vue_type_script_setup_true_lang-VtywyEj
 import { _ as It } from "./BuiTable.vue_vue_type_script_setup_true_lang-CUPSwE5z.js";
 import { _ as Vt } from "./BuiTableBody.vue_vue_type_script_setup_true_lang-CWT4u-Ma.js";
 import { _ as ht } from "./BuiTableCell.vue_vue_type_script_setup_true_lang-BrTQJCiZ.js";
-import { _ as yt } from "./BuiTableHead.vue_vue_type_script_setup_true_lang-bRr43VQ9.js";
+import { _ as yt } from "./BuiTableHead.vue_vue_type_script_setup_true_lang-CCXONmtG.js";
 import { _ as Ht } from "./BuiTableHeader.vue_vue_type_script_setup_true_lang-DZOqi3dp.js";
 import { _ as kt } from "./BuiTableRow.vue_vue_type_script_setup_true_lang-CpEilJsW.js";
 import { _ as jt } from "./BuiTableRowSubrow.vue_vue_type_script_setup_true_lang-Ch5gemw2.js";
 import { _ as Ot } from "./BuiTableCaption.vue_vue_type_script_setup_true_lang-053YvtXp.js";
 import { _ as qt } from "./BuiTableEmpty.vue_vue_type_script_setup_true_lang-BJDYHpRG.js";
 import { _ as Jt } from "./BuiTableFooter.vue_vue_type_script_setup_true_lang-Cfxlxsbh.js";
-import { _ as Qt } from "./BuiDataTable.vue_vue_type_script_setup_true_lang-BBdRXWLA.js";
+import { _ as Qt } from "./BuiDataTable.vue_vue_type_script_setup_true_lang-D2QvMzcY.js";
 import { BuiTabsList as Xt, BuiTabsTrigger as Yt, tabsListVariants as Zt, tabsTriggerVariants as $t } from "./components/ui/tabs/index.js";
 import { BuiTextarea as ra, textareaVariants as ea } from "./components/ui/textarea/index.js";
 import { BuiToast as aa, BuiToaster as ia, toastVariants as ua } from "./components/ui/toast/index.js";

package/package.json

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

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

@@ -53,7 +53,8 @@ const columns: ColumnDef<Task>[] = [
   {
     accessorKey: 'priority',
     header: ({ column }) => tableColumnSortCommon(column, 'Priorities')
-  }
+  },
+  { id: 'hiddenColumn', header: 'Hidden Column', cell: 'secret info' }
 ]
 const data = ref<Task[]>(tasks)
 
@@ -137,6 +138,7 @@ function updateRows() {
         :groupBy="groupBy === 'none' ? undefined : groupBy"
         :groupLabels="groupLabels"
         :renderSubComponent="renderSubComponent"
+        :columnVisibility="{ hiddenColumn: false }"
       >
         <template #caption="{ table }">
           <div class="flex justify-between">

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

@@ -12,7 +12,8 @@ import type {
   PaginationState,
   Row,
   RowSelectionState,
-  SortingState
+  SortingState,
+  VisibilityState
 } from '@tanstack/vue-table'
 import {
   FlexRender,
@@ -25,7 +26,6 @@ import { computed, watchEffect } from 'vue'
 import {
   BuiTable,
   BuiTableBody,
-  BuiTableCaption,
   BuiTableCell,
   BuiTableEmpty,
   BuiTableFooter,
@@ -56,6 +56,7 @@ const props = withDefaults(
 const sorting = defineModel<SortingState>('sorting')
 const pagination = defineModel<PaginationState>('pagination')
 const rowSelection = defineModel<RowSelectionState>('selection')
+const columnVisibility = defineModel<VisibilityState>('columnVisibility')
 const computedItems = computed(() =>
   props.manualPagination ? props.totalItems : props.data.length
 )
@@ -91,6 +92,9 @@ const table = useVueTable({
     },
     get rowSelection() {
       return rowSelection.value
+    },
+    get columnVisibility() {
+      return columnVisibility.value
     }
   },
   getRowId: props.getRowId
@@ -144,8 +148,10 @@ function getGroupLabel(index: number) {
 </script>
 
 <template>
+  <div v-if="$slots.caption" class="w-full py-4">
+    <slot name="caption" :table="table" />
+  </div>
   <BuiTable>
-    <BuiTableCaption v-if="$slots.caption"><slot name="caption" :table="table" /></BuiTableCaption>
     <BuiTableHeader>
       <BuiTableRow v-for="headerGroup in table.getHeaderGroups()" :key="headerGroup.id">
         <BuiTableHead v-for="header in headerGroup.headers" :key="header.id">

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

@@ -13,7 +13,7 @@ const props = defineProps<{ class?: string }>()
       )
     "
   >
-    <div class="flex h-10 items-center border-r border-border/[0.16] p-4">
+    <div class="flex h-10 items-center whitespace-nowrap border-r border-border/[0.16] p-4">
       <slot />
     </div>
   </th>

package/dist/BuiDataTable.vue_vue_type_script_setup_true_lang-BBdRXWLA.js

@@ -1,237 +0,0 @@
-import { defineComponent as V, mergeModels as D, useModel as b, computed as S, watchEffect as L, openBlock as n, createBlock as i, unref as t, withCtx as a, renderSlot as z, createCommentVNode as v, createVNode as g, createElementBlock as d, Fragment as m, renderList as f, createElementVNode as U, createTextVNode as w, toDisplayString as y } from "vue";
-import { _ as F } from "./BuiCollapsible.vue_vue_type_script_setup_true_lang-BfgRYJts.js";
-import { _ as O } from "./BuiCollapsibleTrigger.vue_vue_type_script_setup_true_lang-DJ8YMCCp.js";
-import { _ as T } from "./BuiCollapsibleContent.vue_vue_type_script_setup_true_lang-eieHE5yV.js";
-import { _ as G } from "./BuiPaginationCommon.vue_vue_type_script_setup_true_lang-DjLAqoa-.js";
-import { v as C } from "./utils-DPuEjrVV.js";
-import { _ as x } from "./BuiTableRowSubrow.vue_vue_type_script_setup_true_lang-Ch5gemw2.js";
-import { useVueTable as j, getCoreRowModel as H, getPaginationRowModel as K, getSortedRowModel as Y, FlexRender as q } from "@tanstack/vue-table";
-import { _ as A } from "./BuiTable.vue_vue_type_script_setup_true_lang-CUPSwE5z.js";
-import { _ as J } from "./BuiTableBody.vue_vue_type_script_setup_true_lang-CWT4u-Ma.js";
-import { _ as N } from "./BuiTableCell.vue_vue_type_script_setup_true_lang-BrTQJCiZ.js";
-import { _ as Q } from "./BuiTableHead.vue_vue_type_script_setup_true_lang-bRr43VQ9.js";
-import { _ as W } from "./BuiTableHeader.vue_vue_type_script_setup_true_lang-DZOqi3dp.js";
-import { _ as P } from "./BuiTableRow.vue_vue_type_script_setup_true_lang-CpEilJsW.js";
-import { _ as X } from "./BuiTableCaption.vue_vue_type_script_setup_true_lang-053YvtXp.js";
-import { _ as Z } from "./BuiTableEmpty.vue_vue_type_script_setup_true_lang-BJDYHpRG.js";
-import { _ as ee } from "./BuiTableFooter.vue_vue_type_script_setup_true_lang-Cfxlxsbh.js";
-const te = { class: "inline-block rounded-t bg-background px-4 py-3" }, E = "#UNDEFINED#", ve = /* @__PURE__ */ V({
-  __name: "BuiDataTable",
-  props: /* @__PURE__ */ D({
-    columns: {},
-    data: {},
-    pageSize: { default: 10 },
-    showPagination: { type: Boolean, default: !0 },
-    totalItems: { default: 0 },
-    manualPagination: { type: Boolean, default: !0 },
-    manualSorting: { type: Boolean, default: !0 },
-    groupBy: {},
-    groupLabels: {},
-    getRowId: {},
-    renderSubComponent: {}
-  }, {
-    sorting: {},
-    sortingModifiers: {},
-    pagination: {},
-    paginationModifiers: {},
-    selection: {},
-    selectionModifiers: {}
-  }),
-  emits: ["update:sorting", "update:pagination", "update:selection"],
-  setup(c) {
-    const o = c, R = b(c, "sorting"), p = b(c, "pagination"), $ = b(c, "selection"), k = S(
-      () => o.manualPagination ? o.totalItems : o.data.length
-    ), u = j({
-      initialState: { pagination: { pageSize: o.pageSize } },
-      get data() {
-        return o.data;
-      },
-      get columns() {
-        return o.columns;
-      },
-      getCoreRowModel: H(),
-      getPaginationRowModel: K(),
-      getSortedRowModel: Y(),
-      onSortingChange: (e) => {
-        C(e, R);
-      },
-      onPaginationChange: (e) => {
-        C(e, p);
-      },
-      onRowSelectionChange: (e) => {
-        C(e, $);
-      },
-      autoResetPageIndex: !1,
-      manualPagination: o.manualPagination,
-      // set to false to enable client-side pagination
-      manualSorting: o.manualSorting,
-      state: {
-        get sorting() {
-          return R.value;
-        },
-        get pagination() {
-          return p.value;
-        },
-        get rowSelection() {
-          return $.value;
-        }
-      },
-      getRowId: o.getRowId
-    }), I = S({
-      get() {
-        return u.getState().pagination.pageSize;
-      },
-      set(e) {
-        p.value && (p.value.pageSize = e, u.setPageSize(e), u.setPageIndex(0));
-      }
-    }), _ = S({
-      get() {
-        return u.getState().pagination.pageIndex + 1;
-      },
-      set(e) {
-        p.value && (p.value.pageIndex = e - 1, u.setPageIndex(e - 1));
-      }
-    });
-    L(() => {
-      const e = u.getPageCount();
-      e && e < _.value && (_.value = e);
-    });
-    const M = S(() => o.groupBy ? u.getRowModel().rows.reduce((e, s) => {
-      const r = s.getValue(o.groupBy) ?? E;
-      return e[r] = e[r] || [], e[r].push(s), e;
-    }, /* @__PURE__ */ Object.create(null)) : null);
-    function B(e) {
-      return (o.groupBy && o.groupLabels ? o.groupLabels[o.groupBy] || [] : [])[e];
-    }
-    return (e, s) => (n(), i(t(A), null, {
-      default: a(() => [
-        e.$slots.caption ? (n(), i(t(X), { key: 0 }, {
-          default: a(() => [
-            z(e.$slots, "caption", { table: t(u) })
-          ]),
-          _: 3
-        })) : v("", !0),
-        g(t(W), null, {
-          default: a(() => [
-            (n(!0), d(m, null, f(t(u).getHeaderGroups(), (l) => (n(), i(t(P), {
-              key: l.id
-            }, {
-              default: a(() => [
-                (n(!0), d(m, null, f(l.headers, (r) => (n(), i(t(Q), {
-                  key: r.id
-                }, {
-                  default: a(() => [
-                    r.isPlaceholder ? v("", !0) : (n(), i(t(q), {
-                      key: 0,
-                      render: r.column.columnDef.header,
-                      props: r.getContext()
-                    }, null, 8, ["render", "props"]))
-                  ]),
-                  _: 2
-                }, 1024))), 128))
-              ]),
-              _: 2
-            }, 1024))), 128))
-          ]),
-          _: 1
-        }),
-        g(t(J), null, {
-          default: a(() => [
-            t(u).getRowModel().rows?.length ? (n(), d(m, { key: 0 }, [
-              o.groupBy && M.value ? (n(!0), d(m, { key: 0 }, f(M.value, (l, r) => (n(), i(t(F), {
-                asChild: "",
-                key: r,
-                open: !0
-              }, {
-                default: a(() => [
-                  g(t(O), { asChild: "" }, {
-                    default: a(() => [
-                      g(t(P), { class: "bg-foreground/[0.04]" }, {
-                        default: a(() => [
-                          g(t(N), {
-                            colspan: e.columns.length,
-                            class: "!pb-0"
-                          }, {
-                            default: a(() => [
-                              U("div", te, [
-                                r === E ? (n(), d(m, { key: 0 }, [
-                                  w(y(B(1)), 1)
-                                ], 64)) : (n(), d(m, { key: 1 }, [
-                                  w(y(B(0)) + ": " + y(r), 1)
-                                ], 64))
-                              ])
-                            ]),
-                            _: 2
-                          }, 1032, ["colspan"])
-                        ]),
-                        _: 2
-                      }, 1024)
-                    ]),
-                    _: 2
-                  }, 1024),
-                  g(t(T), { asChild: "" }, {
-                    default: a(() => [
-                      (n(!0), d(m, null, f(l, (h) => (n(), i(x, {
-                        key: h.id,
-                        columns: o.columns,
-                        row: h,
-                        renderSubComponent: o.renderSubComponent
-                      }, null, 8, ["columns", "row", "renderSubComponent"]))), 128))
-                    ]),
-                    _: 2
-                  }, 1024)
-                ]),
-                _: 2
-              }, 1024))), 128)) : (n(!0), d(m, { key: 1 }, f(t(u).getRowModel().rows, (l) => (n(), i(x, {
-                key: l.id,
-                columns: o.columns,
-                row: l,
-                renderSubComponent: o.renderSubComponent
-              }, null, 8, ["columns", "row", "renderSubComponent"]))), 128))
-            ], 64)) : (n(), i(t(Z), {
-              key: 1,
-              colspan: e.columns.length
-            }, {
-              default: a(() => [
-                z(e.$slots, "nodata", {}, () => [
-                  s[2] || (s[2] = w("No data"))
-                ])
-              ]),
-              _: 3
-            }, 8, ["colspan"]))
-          ]),
-          _: 3
-        }),
-        e.showPagination && k.value > 0 ? (n(), i(t(ee), { key: 1 }, {
-          default: a(() => [
-            g(t(P), null, {
-              default: a(() => [
-                g(t(N), {
-                  colspan: e.columns.length
-                }, {
-                  default: a(() => [
-                    g(t(G), {
-                      class: "float-right",
-                      total: k.value,
-                      pageIndex: _.value,
-                      "onUpdate:pageIndex": s[0] || (s[0] = (l) => _.value = l),
-                      pageSize: I.value,
-                      "onUpdate:pageSize": s[1] || (s[1] = (l) => I.value = l)
-                    }, null, 8, ["total", "pageIndex", "pageSize"])
-                  ]),
-                  _: 1
-                }, 8, ["colspan"])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })) : v("", !0)
-      ]),
-      _: 3
-    }));
-  }
-});
-export {
-  ve as _
-};