@soft-stech/bootsman-ui-shadcn 1.4.25 → 1.4.27

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

@@ -1,21 +1,40 @@
-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 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 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-CtE99jPc.js";
-import "vee-validate";
-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({
+import { _ as J } from "../../../BuiTable.vue_vue_type_script_setup_true_lang-QoPGiEYZ.js";
+import { _ as Q } from "../../../BuiTableBody.vue_vue_type_script_setup_true_lang-DblqmDim.js";
+import { _ as O } from "../../../BuiTableCell.vue_vue_type_script_setup_true_lang-CYBx0oJL.js";
+import { _ as X } from "../../../BuiTableHead.vue_vue_type_script_setup_true_lang-BDSRArVd.js";
+import { _ as Z } from "../../../BuiTableHeader.vue_vue_type_script_setup_true_lang-BXgL487_.js";
+import { _ as V } from "../../../BuiTableRow.vue_vue_type_script_setup_true_lang-Bl4nF6yV.js";
+import { defineComponent as G, computed as w, openBlock as r, createElementBlock as d, Fragment as p, createBlock as c, unref as t, normalizeClass as ee, withCtx as a, renderSlot as y, renderList as k, normalizeStyle as K, createVNode as s, createCommentVNode as S, resolveDynamicComponent as oe, mergeModels as te, useModel as _, watchEffect as ne, ref as x, watch as le, createSlots as ae, createElementVNode as g, createTextVNode as h, toDisplayString as B } from "vue";
+import { _ as io } from "../../../BuiTableCaption.vue_vue_type_script_setup_true_lang-CTEP1Sde.js";
+import { _ as re } from "../../../BuiTableEmpty.vue_vue_type_script_setup_true_lang-BTyX0sT5.js";
+import { _ as mo } from "../../../BuiTableFooter.vue_vue_type_script_setup_true_lang-CRyh8XF5.js";
+import { _ as se } from "../../../BuiCollapsible.vue_vue_type_script_setup_true_lang-DjuQBjGZ.js";
+import { _ as ie } from "../../../BuiCollapsibleTrigger.vue_vue_type_script_setup_true_lang-l-nmwAwq.js";
+import { _ as ue } from "../../../BuiCollapsibleContent.vue_vue_type_script_setup_true_lang-BiD89zzH.js";
+import { _ as de } from "../../../variables-CtE99jPc.js";
+import { h as me, v as C, g as ge, _ as pe } from "../../../utils-CwP7Up6y.js";
+import { FlexRender as W, useVueTable as ce, getCoreRowModel as fe, getPaginationRowModel as be, getSortedRowModel as ye } from "@tanstack/vue-table";
+import { _ as ve } from "../../../BuiCommand.vue_vue_type_script_setup_true_lang-BiBVfuW-.js";
+import { _ as we } from "../../../BuiCommandEmpty.vue_vue_type_script_setup_true_lang-BkPg_0iY.js";
+import { _ as Se } from "../../../BuiCommandInput.vue_vue_type_script_setup_true_lang-Dxua89Ba.js";
+import { _ as _e } from "../../../BuiCommandList.vue_vue_type_script_setup_true_lang-CczssFsO.js";
+import { _ as Ce } from "../../../BuiPopover.vue_vue_type_script_setup_true_lang-CGkz30K2.js";
+import { _ as he } from "../../../BuiPopoverTrigger.vue_vue_type_script_setup_true_lang-Du2ZN56l.js";
+import { _ as ke } from "../../../BuiPopoverContent.vue_vue_type_script_setup_true_lang-D5UGzl8u.js";
+import { _ as ze } from "../../../BuiScrollArea.vue_vue_type_script_setup_true_lang-D-nqw_Ka.js";
+import { _ as $e } from "../../../BuiDataTableColumnList.vue_vue_type_script_setup_true_lang-BOdkTG0_.js";
+/**
+ * @license lucide-vue-next v0.441.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Be = me("Settings2Icon", [
+  ["path", { d: "M20 7h-9", key: "3s1dr2" }],
+  ["path", { d: "M14 17H5", key: "gfn3mx" }],
+  ["circle", { cx: "17", cy: "17", r: "3", key: "18b49y" }],
+  ["circle", { cx: "7", cy: "7", r: "3", key: "dfmy0x" }]
+]), Re = "[!fake-empty!]", j = /* @__PURE__ */ G({
   __name: "BuiTableRowSubrow",
   props: {
     row: {},
@@ -23,25 +42,25 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
     columns: {}
   },
   setup(f) {
-    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), {
+    const n = f, z = w(() => n.row.original.name?.includes(Re));
+    return (i, R) => (r(), d(p, null, [
+      z.value ? S("", !0) : (r(), c(t(V), {
         key: 0,
-        "data-row-state": r.row.getIsSelected() ? "selected" : void 0,
-        class: G(o.renderSubComponent?.(r.row) ? "border-b-0" : "")
+        "data-row-state": i.row.getIsSelected() ? "selected" : void 0,
+        class: ee(n.renderSubComponent?.(i.row) ? "border-b-0" : "")
       }, {
-        actions: l(() => [
-          c(r.$slots, "actions")
+        actions: a(() => [
+          y(i.$slots, "actions")
         ]),
-        default: l(() => [
-          (t(!0), u(d, null, y(r.row.getVisibleCells(), (w) => (t(), m(a(h), {
-            key: w.id,
-            style: F({ ...a(L)(w.column) })
+        default: a(() => [
+          (r(!0), d(p, null, k(i.row.getVisibleCells(), (v) => (r(), c(t(O), {
+            key: v.id,
+            style: K({ ...t(Y)(v.column) })
           }, {
-            default: l(() => [
-              p(a(H), {
-                render: w.column.columnDef.cell,
-                props: w.getContext()
+            default: a(() => [
+              s(t(W), {
+                render: v.column.columnDef.cell,
+                props: v.getContext()
               }, null, 8, ["render", "props"])
             ]),
             _: 2
@@ -49,20 +68,20 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
         ]),
         _: 3
       }, 8, ["data-row-state", "class"])),
-      o.renderSubComponent?.(r.row) ? (t(), m(a(R), {
+      n.renderSubComponent?.(i.row) ? (r(), c(t(V), {
         key: 1,
-        "data-row-state": r.row.getIsSelected() ? "selected" : void 0
+        "data-row-state": i.row.getIsSelected() ? "selected" : void 0
       }, {
-        actions: l(() => [
-          c(r.$slots, "actions")
+        actions: a(() => [
+          y(i.$slots, "actions")
         ]),
-        default: l(() => [
-          p(a(h), {
-            colspan: r.columns.length,
+        default: a(() => [
+          s(t(O), {
+            colspan: i.columns.length,
             class: "pt-0"
           }, {
-            default: l(() => [
-              (t(), m(K(o.renderSubComponent?.(r.row)?.())))
+            default: a(() => [
+              (r(), c(oe(n.renderSubComponent?.(i.row)?.())))
             ]),
             _: 1
           }, 8, ["colspan"])
@@ -71,15 +90,15 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
       }, 8, ["data-row-state"])) : S("", !0)
     ], 64));
   }
-}), le = {
+}), Ie = {
   key: 0,
   class: "w-full py-3"
-}, re = { class: "mt-1 flex w-full items-center justify-between" }, se = { class: "relative -mb-[6px] inline-block rounded-t-lg bg-background px-4 py-2 text-sm font-medium shadow-top-shadow" }, ue = {
+}, Me = { class: "absolute right-0 top-0 z-10 h-10 bg-background" }, Pe = { class: "flex h-full items-center border-l border-border/[0.16] bg-foreground/[0.04] px-1" }, xe = ["onDblclick", "onMousedown", "className"], Oe = { class: "mt-1 flex w-full items-center justify-between" }, Ve = { class: "relative -mb-[6px] inline-block rounded-t-lg bg-background px-4 py-2 text-sm font-medium shadow-top-shadow" }, Te = {
   key: 1,
   class: "flex w-full justify-end border-x border-b border-border/[0.16] bg-primary/[0.04] px-4 py-1 text-base text-muted-foreground"
-}, D = "#UNDEFINED#", _e = /* @__PURE__ */ x({
+}, A = "#UNDEFINED#", ao = /* @__PURE__ */ G({
   __name: "BuiDataTable",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ te({
     columns: {},
     data: {},
     pageSize: { default: 10 },
@@ -91,7 +110,10 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
     groupLabels: {},
     getRowId: {},
     renderSubComponent: {},
-    freezeHeader: { type: Boolean }
+    freezeHeader: { type: Boolean },
+    enableColumnListControl: { type: Boolean },
+    columnSearchPlaceholder: { default: "Column name" },
+    columnSearchNotFound: { default: "Not found" }
   }, {
     sorting: {},
     sortingModifiers: {},
@@ -100,160 +122,191 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
     selection: {},
     selectionModifiers: {},
     columnVisibility: {},
-    columnVisibilityModifiers: {}
+    columnVisibilityModifiers: {},
+    columnSizing: {},
+    columnSizingModifiers: {},
+    columnOrder: {},
+    columnOrderModifiers: {}
   }),
-  emits: ["update:sorting", "update:pagination", "update:selection", "update:columnVisibility"],
+  emits: ["update:sorting", "update:pagination", "update:selection", "update:columnVisibility", "update:columnSizing", "update:columnOrder"],
   setup(f) {
-    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({
+    const n = f, z = _(f, "sorting"), i = _(f, "pagination"), R = _(f, "selection"), v = _(f, "columnVisibility"), T = _(f, "columnSizing"), b = _(f, "columnOrder"), N = w(
+      () => n.manualPagination ? n.totalItems : n.data.length
+    ), q = n.columns.map((e) => e.meta?.pinLeft && e.id ? e.id : "").filter(Boolean), u = ce({
       initialState: {
         // TODO: column freeze
-        //columnPinning: { left: ['id'] },
-        pagination: { pageSize: o.pageSize }
+        columnPinning: { left: q },
+        pagination: { pageSize: n.pageSize }
       },
       get data() {
-        return o.data;
+        return n.data;
       },
       get columns() {
-        return o.columns;
+        return n.columns;
       },
-      getCoreRowModel: oe(),
-      getPaginationRowModel: te(),
-      getSortedRowModel: ne(),
+      getCoreRowModel: fe(),
+      getPaginationRowModel: be(),
+      getSortedRowModel: ye(),
       onSortingChange: (e) => {
-        z(e, C);
+        C(e, z);
       },
       onPaginationChange: (e) => {
-        z(e, r);
+        C(e, i);
       },
       onRowSelectionChange: (e) => {
-        z(e, $);
+        C(e, R);
+      },
+      onColumnVisibilityChange: (e) => {
+        C(e, v);
+      },
+      onColumnSizingChange: (e) => {
+        C(e, T);
+      },
+      onColumnOrderChange: (e) => {
+        C(e, b);
       },
       autoResetPageIndex: !1,
-      manualPagination: o.manualPagination,
+      manualPagination: n.manualPagination,
       // set to false to enable client-side pagination
-      manualSorting: o.manualSorting,
+      manualSorting: n.manualSorting,
+      enableColumnResizing: !0,
+      columnResizeMode: "onChange",
+      columnResizeDirection: "ltr",
       state: {
         get sorting() {
-          return C.value;
+          return z.value;
         },
         get pagination() {
-          return r.value;
+          return i.value;
         },
         get rowSelection() {
-          return $.value;
+          return R.value;
         },
         get columnVisibility() {
-          return w.value;
+          return v.value;
+        },
+        get columnSizing() {
+          return T.value;
+        },
+        get columnOrder() {
+          return b.value;
         }
       },
-      getRowId: o.getRowId
-    }), T = v({
+      getRowId: n.getRowId
+    }), L = w({
       get() {
-        return g.getState().pagination.pageSize;
+        return u.getState().pagination.pageSize;
       },
       set(e) {
-        r.value && (r.value.pageSize = e, g.setPageSize(e), g.setPageIndex(0));
+        i.value && (i.value.pageSize = e, u.setPageSize(e), u.setPageIndex(0));
       }
-    }), B = v({
+    }), $ = w({
       get() {
-        return g.getState().pagination.pageIndex + 1;
+        return u.getState().pagination.pageIndex + 1;
       },
       set(e) {
-        r.value && (r.value.pageIndex = e - 1, g.setPageIndex(e - 1));
+        i.value && (i.value.pageIndex = e - 1, u.setPageIndex(e - 1));
       }
     });
-    Y(() => {
-      const e = g.getPageCount();
-      e && e < B.value && (B.value = e);
+    ne(() => {
+      const e = u.getPageCount();
+      e && e < $.value && ($.value = e);
     });
-    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;
+    const D = w(() => n.groupBy ? u.getRowModel().rows.reduce((e, o) => {
+      const m = o.getValue(n.groupBy) ?? A;
+      return e[m] = e[m] || [], e[m].push(o), e;
     }, /* @__PURE__ */ Object.create(null)) : null);
-    function N(e) {
-      return (o.groupBy && o.groupLabels ? o.groupLabels[o.groupBy] || [] : [])[e];
+    function H(e) {
+      return (n.groupBy && n.groupLabels ? n.groupLabels[n.groupBy] || [] : [])[e];
     }
-    return (e, n) => (t(), u(d, null, [
-      e.$slots.caption ? (t(), u("div", le, [
-        c(e.$slots, "caption", { table: a(g) })
+    const I = x(
+      u.getAllColumns().filter((e) => typeof e.accessorFn < "u" && e.getCanHide()).sort((e, o) => b.value ? b.value?.indexOf(e.id) < 0 && b.value?.indexOf(o.id) >= 0 ? 1 : b.value?.indexOf(e.id) >= 0 && b.value?.indexOf(o.id) < 0 ? -1 : b.value?.indexOf(e.id) - b.value?.indexOf(o.id) : 0)
+    ), E = w(() => I.value.map((e) => e.id)), F = x(!1), M = x(""), U = w(
+      () => u.getHeaderGroups().length > 0 ? u.getHeaderGroups()[0].headers : void 0
+    );
+    return le(E, () => {
+      u.setColumnOrder(E.value);
+    }), (e, o) => (r(), d(p, null, [
+      e.$slots.caption ? (r(), d("div", Ie, [
+        y(e.$slots, "caption", { table: t(u) })
       ])) : S("", !0),
-      p(a(U), null, {
-        default: l(() => [
-          p(a(j), {
-            "freeze-header": o.freezeHeader
+      s(t(J), null, ae({
+        default: a(() => [
+          U.value ? (r(), c(t(Z), {
+            key: 0,
+            "freeze-header": n.freezeHeader
           }, {
-            default: l(() => [
-              (t(!0), u(d, null, y(a(g).getHeaderGroups(), (i) => (t(), m(a(R), {
-                key: i.id
+            default: a(() => [
+              (r(!0), d(p, null, k(U.value, (l) => (r(), c(t(X), {
+                key: l.id,
+                style: K({ ...t(Y)(l.column), width: l.getSize() + "px" }),
+                "freeze-header": n.freezeHeader
               }, {
-                default: l(() => [
-                  (t(!0), u(d, null, y(i.headers, (s) => (t(), m(a(O), {
-                    key: s.id,
-                    style: F({ ...a(L)(s.column) }),
-                    "freeze-header": o.freezeHeader
-                  }, {
-                    default: 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", "freeze-header"]))), 128))
+                default: a(() => [
+                  l.isPlaceholder ? S("", !0) : (r(), c(t(W), {
+                    key: 0,
+                    render: l.column.columnDef.header,
+                    props: l.getContext()
+                  }, null, 8, ["render", "props"])),
+                  g("div", {
+                    onDblclick: () => l.column.resetSize(),
+                    onMousedown: (m) => l.getResizeHandler()?.(m),
+                    className: t(ge)(
+                      "absolute top-0 right-0 h-full w-1 bg-muted-foreground opacity-0 cursor-col-resize select-none touch-none hover:opacity-50",
+                      l.column.getIsResizing() ? "bg-primary opacity-50" : ""
+                    )
+                  }, null, 40, xe)
                 ]),
                 _: 2
-              }, 1024))), 128))
+              }, 1032, ["style", "freeze-header"]))), 128))
             ]),
             _: 1
-          }, 8, ["freeze-header"]),
-          p(a(A), null, {
-            default: l(() => [
-              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), {
+          }, 8, ["freeze-header"])) : S("", !0),
+          s(t(Q), null, {
+            default: a(() => [
+              t(u).getRowModel().rows?.length ? (r(), d(p, { key: 0 }, [
+                n.groupBy && D.value ? (r(!0), d(p, { key: 0 }, k(D.value, (l, m) => (r(), c(t(se), {
                   asChild: "",
-                  key: s,
+                  key: m,
                   open: !0
                 }, {
-                  default: l(() => [
-                    p(a(Q), { asChild: "" }, {
-                      default: l(() => [
-                        p(a(R), { class: "bg-foreground/[0.04]" }, {
-                          actions: l(() => [
-                            c(e.$slots, "groupActions", { group: s })
+                  default: a(() => [
+                    s(t(ie), { asChild: "" }, {
+                      default: a(() => [
+                        s(t(V), { class: "bg-foreground/[0.04]" }, {
+                          actions: a(() => [
+                            y(e.$slots, "groupActions", { group: m })
                           ]),
-                          default: l(() => [
-                            p(a(h), {
+                          default: a(() => [
+                            s(t(O), {
                               colspan: e.columns.length,
                               class: "!pb-0"
                             }, {
-                              default: l(() => [
-                                b("div", re, [
-                                  b("div", se, [
-                                    n[2] || (n[2] = b("div", { class: "absolute -left-2 bottom-0 h-2 w-2 bg-background" }, null, -1)),
-                                    n[3] || (n[3] = b("div", { class: "absolute -left-4 bottom-0 h-4 w-4 rounded-lg bg-background" }, null, -1)),
-                                    n[4] || (n[4] = b("div", { class: "absolute -left-4 bottom-0 h-4 w-4 rounded-lg bg-foreground/[0.04]" }, null, -1)),
-                                    n[5] || (n[5] = b("div", { class: "absolute -right-2 bottom-0 h-2 w-2 bg-background" }, null, -1)),
-                                    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 ? (t(), u(d, { key: 0 }, [
-                                      _(I(N(1)), 1)
-                                    ], 64)) : (t(), u(d, { key: 1 }, [
-                                      _(I(N(0)) + ": ", 1),
-                                      e.$slots.groupName ? c(e.$slots, "groupName", {
+                              default: a(() => [
+                                g("div", Oe, [
+                                  g("div", Ve, [
+                                    o[6] || (o[6] = g("div", { class: "absolute -left-2 bottom-0 h-2 w-2 bg-background" }, null, -1)),
+                                    o[7] || (o[7] = g("div", { class: "absolute -left-4 bottom-0 h-4 w-4 rounded-lg bg-background" }, null, -1)),
+                                    o[8] || (o[8] = g("div", { class: "absolute -left-4 bottom-0 h-4 w-4 rounded-lg bg-foreground/[0.04]" }, null, -1)),
+                                    o[9] || (o[9] = g("div", { class: "absolute -right-2 bottom-0 h-2 w-2 bg-background" }, null, -1)),
+                                    o[10] || (o[10] = g("div", { class: "absolute -right-4 bottom-0 h-4 w-4 rounded-lg bg-background" }, null, -1)),
+                                    o[11] || (o[11] = g("div", { class: "absolute -right-4 bottom-0 h-4 w-4 rounded-lg bg-foreground/[0.04]" }, null, -1)),
+                                    o[12] || (o[12] = g("div", null, null, -1)),
+                                    m === A ? (r(), d(p, { key: 0 }, [
+                                      h(B(H(1)), 1)
+                                    ], 64)) : (r(), d(p, { key: 1 }, [
+                                      h(B(H(0)) + ": ", 1),
+                                      e.$slots.groupName ? y(e.$slots, "groupName", {
                                         key: 0,
-                                        group: s
-                                      }) : (t(), u(d, { key: 1 }, [
-                                        _(I(s), 1)
+                                        group: m
+                                      }) : (r(), d(p, { key: 1 }, [
+                                        h(B(m), 1)
                                       ], 64))
                                     ], 64))
                                   ]),
-                                  e.$slots.groupByRow ? c(e.$slots, "groupByRow", {
+                                  e.$slots.groupByRow ? y(e.$slots, "groupByRow", {
                                     key: 0,
-                                    group: s
+                                    group: m
                                   }) : S("", !0)
                                 ])
                               ]),
@@ -265,16 +318,16 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
                       ]),
                       _: 2
                     }, 1024),
-                    p(a(X), { asChild: "" }, {
-                      default: l(() => [
-                        (t(!0), u(d, null, y(i, (P) => (t(), m(E, {
+                    s(t(ue), { asChild: "" }, {
+                      default: a(() => [
+                        (r(!0), d(p, null, k(l, (P) => (r(), c(j, {
                           key: P.id,
-                          columns: o.columns,
+                          columns: n.columns,
                           row: P,
-                          renderSubComponent: o.renderSubComponent
+                          renderSubComponent: n.renderSubComponent
                         }, {
-                          actions: l(() => [
-                            c(e.$slots, "rowActions", {
+                          actions: a(() => [
+                            y(e.$slots, "rowActions", {
                               row: P.original
                             })
                           ]),
@@ -285,26 +338,26 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
                     }, 1024)
                   ]),
                   _: 2
-                }, 1024))), 128)) : (t(!0), u(d, { key: 1 }, y(a(g).getRowModel().rows, (i) => (t(), m(E, {
-                  key: i.id,
-                  columns: o.columns,
-                  row: i,
-                  renderSubComponent: o.renderSubComponent
+                }, 1024))), 128)) : (r(!0), d(p, { key: 1 }, k(t(u).getRowModel().rows, (l) => (r(), c(j, {
+                  key: l.id,
+                  columns: n.columns,
+                  row: l,
+                  renderSubComponent: n.renderSubComponent
                 }, {
-                  actions: l(() => [
-                    c(e.$slots, "rowActions", {
-                      row: i.original
+                  actions: a(() => [
+                    y(e.$slots, "rowActions", {
+                      row: l.original
                     })
                   ]),
                   _: 2
                 }, 1032, ["columns", "row", "renderSubComponent"]))), 128))
-              ], 64)) : (t(), m(a(q), {
+              ], 64)) : (r(), c(t(re), {
                 key: 1,
                 colspan: e.columns.length
               }, {
-                default: l(() => [
-                  c(e.$slots, "nodata", {}, () => [
-                    n[9] || (n[9] = _("No data"))
+                default: a(() => [
+                  y(e.$slots, "nodata", {}, () => [
+                    o[13] || (o[13] = h("No data"))
                   ])
                 ]),
                 _: 3
@@ -313,39 +366,107 @@ const ae = "[!fake-empty!]", E = /* @__PURE__ */ x({
             _: 3
           })
         ]),
-        _: 3
-      }),
-      e.showPagination && M.value > 0 ? (t(), u("div", ue, [
-        p(a(Z), {
-          total: M.value,
-          pageIndex: B.value,
-          "onUpdate:pageIndex": n[0] || (n[0] = (i) => B.value = i),
-          pageSize: T.value,
-          "onUpdate:pageSize": n[1] || (n[1] = (i) => T.value = i)
+        _: 2
+      }, [
+        e.enableColumnListControl ? {
+          name: "columnVisibility",
+          fn: a(() => [
+            s(t(Ce), {
+              open: F.value,
+              "onUpdate:open": o[3] || (o[3] = (l) => F.value = l)
+            }, {
+              default: a(() => [
+                s(t(he), { "as-child": "" }, {
+                  default: a(() => [
+                    g("div", Me, [
+                      g("div", Pe, [
+                        s(t(pe), {
+                          variant: "ghost",
+                          class: "flex h-8 w-8 items-center justify-center text-foreground"
+                        }, {
+                          default: a(() => [
+                            s(t(Be), { class: "h-4 w-4 flex-shrink-0 opacity-50" })
+                          ]),
+                          _: 1
+                        })
+                      ])
+                    ])
+                  ]),
+                  _: 1
+                }),
+                s(t(ke), {
+                  class: "w-[250px] p-0",
+                  align: "start"
+                }, {
+                  default: a(() => [
+                    s(t(ve), null, {
+                      default: a(() => [
+                        s(t(Se), {
+                          placeholder: e.columnSearchPlaceholder,
+                          modelValue: M.value,
+                          "onUpdate:modelValue": o[0] || (o[0] = (l) => M.value = l),
+                          onInput: o[1] || (o[1] = (l) => M.value = l.target.value)
+                        }, null, 8, ["placeholder", "modelValue"]),
+                        s(t(_e), null, {
+                          default: a(() => [
+                            s(t(ze), { class: "h-[300px]" }, {
+                              default: a(() => [
+                                s(t(we), null, {
+                                  default: a(() => [
+                                    h(B(e.columnSearchNotFound), 1)
+                                  ]),
+                                  _: 1
+                                }),
+                                s(t($e), {
+                                  "columns-list": I.value,
+                                  "onUpdate:columnsList": o[2] || (o[2] = (l) => I.value = l)
+                                }, null, 8, ["columns-list"])
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["open"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1024),
+      e.showPagination && N.value > 0 ? (r(), d("div", Te, [
+        s(t(de), {
+          total: N.value,
+          pageIndex: $.value,
+          "onUpdate:pageIndex": o[4] || (o[4] = (l) => $.value = l),
+          pageSize: L.value,
+          "onUpdate:pageSize": o[5] || (o[5] = (l) => L.value = l)
         }, null, 8, ["total", "pageIndex", "pageSize"])
       ])) : S("", !0)
     ], 64));
   }
 });
-function L(f) {
-  const o = f.getIsPinned();
-  return {
-    left: o === "left" ? "0" : void 0,
-    position: o ? "sticky" : "relative",
-    zIndex: o ? "1" : "0"
-  };
+function Y(f) {
+  return { position: "relative" };
 }
 export {
-  _e as BuiDataTable,
-  U as BuiTable,
-  A as BuiTableBody,
-  Pe as BuiTableCaption,
-  h as BuiTableCell,
-  q as BuiTableEmpty,
-  ze as BuiTableFooter,
-  O as BuiTableHead,
-  j as BuiTableHeader,
-  R as BuiTableRow,
-  E as BuiTableRowSubrow,
-  L as getPinningStyle
+  ao as BuiDataTable,
+  $e as BuiDataTableColumnList,
+  J as BuiTable,
+  Q as BuiTableBody,
+  io as BuiTableCaption,
+  O as BuiTableCell,
+  re as BuiTableEmpty,
+  mo as BuiTableFooter,
+  X as BuiTableHead,
+  Z as BuiTableHeader,
+  V as BuiTableRow,
+  j as BuiTableRowSubrow,
+  Y as getPinningStyle
 };