@pantograph/vue 0.12.0 → 0.12.1

package/dist/DataTable/index.js

@@ -1,32 +1,32 @@
-import { h as Ke, ref as Z, computed as D, watch as le, defineComponent as We, useSlots as je, unref as t, useTemplateRef as Ee, onBeforeUnmount as He, shallowRef as Le, createElementBlock as v, openBlock as c, normalizeClass as g, createVNode as f, withCtx as m, createElementVNode as R, normalizeStyle as Ve, createBlock as I, createCommentVNode as P, Fragment as $, renderList as M, mergeProps as z, renderSlot as T, createSlots as fe, toDisplayString as Me, normalizeProps as Ne, guardReactiveProps as Oe, nextTick as ee } from "vue";
-import { createColumnHelper as xe, flattenBy as qe, useVueTable as Fe, getSortedRowModel as Ge, getCoreRowModel as Ze } from "@tanstack/vue-table";
-import { b as Ue } from "../_baseIsEqual-BknLKouD.js";
-import { i as Je, b as Qe, a as oe } from "../isArray-CdbPONHA.js";
+import { h as We, ref as Z, computed as D, watch as le, defineComponent as je, useSlots as Ee, unref as t, useTemplateRef as He, onBeforeUnmount as Le, shallowRef as Ve, createElementBlock as v, openBlock as c, normalizeClass as g, createVNode as f, withCtx as m, createElementVNode as R, normalizeStyle as Me, createBlock as I, createCommentVNode as P, Fragment as $, renderList as M, mergeProps as z, renderSlot as T, createSlots as fe, toDisplayString as Ne, normalizeProps as Oe, guardReactiveProps as xe, nextTick as ee } from "vue";
+import { createColumnHelper as qe, flattenBy as Fe, useVueTable as Ge, getSortedRowModel as Ze, getCoreRowModel as Ue } from "@tanstack/vue-table";
+import { b as Je } from "../_baseIsEqual-BknLKouD.js";
+import { i as Qe, b as Xe, a as oe } from "../isArray-CdbPONHA.js";
 import { _ as pe } from "../Checkbox.vue_vue_type_style_index_0_lang-D6HTNzfn.js";
-import { c as ge, _ as Xe, a as te } from "../Menu.vue_vue_type_style_index_0_lang-BSR_8MKN.js";
-import { _ as Ye } from "../ActionButton.vue_vue_type_script_setup_true_lang-CiJO-TtM.js";
-import { _ as eo } from "../Empty.vue_vue_type_style_index_0_lang-BlW5utb2.js";
-import { o as _e } from "../omit-CD3OjwFx.js";
-import { u as oo } from "../uniq-DSVd52ma.js";
+import { c as ge, _ as Ye, a as te } from "../Menu.vue_vue_type_style_index_0_lang-BSR_8MKN.js";
+import { _ as eo } from "../ActionButton.vue_vue_type_script_setup_true_lang-CiJO-TtM.js";
+import { _ as oo } from "../Empty.vue_vue_type_style_index_0_lang-BlW5utb2.js";
+import { o as Ce } from "../omit-CD3OjwFx.js";
+import { u as to } from "../uniq-DSVd52ma.js";
 import { i as ne, a as W } from "../_flatRest-Dx0ZZgOx.js";
-import { getBemBlock as to, wgt_pre as no, generateVariantClassList as ro, getBemElement as _, usePCId as lo } from "@pantograph/utils";
-import { getBreakpoints as so } from "@pantograph/tokens";
-import { useBreakpoints as io, useIntersectionObserver as ao } from "@vueuse/core";
-import { _ as co } from "../Skeleton.vue_vue_type_style_index_0_lang-aSGb2hn6.js";
+import { getBemBlock as no, wgt_pre as ro, generateVariantClassList as lo, getBemElement as C, usePCId as so } from "@pantograph/utils";
+import { getBreakpoints as io } from "@pantograph/tokens";
+import { useBreakpoints as ao, useIntersectionObserver as co } from "@vueuse/core";
+import { _ as uo } from "../Skeleton.vue_vue_type_style_index_0_lang-aSGb2hn6.js";
 import { _ as ye } from "../Popover.vue_vue_type_style_index_0_lang-CIv6R_D2.js";
-import { _ as uo } from "../Badge.vue_vue_type_script_setup_true_lang-Bad9nnGa.js";
+import { _ as mo } from "../Badge.vue_vue_type_script_setup_true_lang-Bad9nnGa.js";
 import { _ as he } from "../Divider.vue_vue_type_style_index_0_lang-DapqjSGc.js";
 import { _ as we } from "../IconButton.vue_vue_type_script_setup_true_lang-BhMR_Y-g.js";
 import { _ as re } from "../Icon.vue_vue_type_style_index_0_lang-BlmMv3wD.js";
-import { _ as mo } from "../Switch.vue_vue_type_style_index_0_lang-DnmgMCHT.js";
+import { _ as fo } from "../Switch.vue_vue_type_style_index_0_lang-DnmgMCHT.js";
 import { g as be } from "../get-B14Mml42.js";
-import { cva as fo } from "class-variance-authority";
-import { _ as po, e as go, c as F, a as yo, d as ho, b as G } from "../THead.vue_vue_type_style_index_0_lang-B4yro5EP.js";
-function ve(B, C) {
-  return Ue(B, C);
+import { cva as po } from "class-variance-authority";
+import { _ as go, e as yo, c as F, a as ho, d as wo, b as G } from "../THead.vue_vue_type_style_index_0_lang-B4yro5EP.js";
+function ve(B, S) {
+  return Je(B, S);
 }
-const wo = (B, { isColumnWrapped: C, selectionId: r }) => {
-  const x = (o) => {
+const bo = (B, { isColumnWrapped: S, selectionId: l }) => {
+  const N = (o) => {
     var d;
     const a = (y) => y === "list" ? "md" : "sm";
     return {
@@ -34,14 +34,14 @@ const wo = (B, { isColumnWrapped: C, selectionId: r }) => {
       style: "width: 100%",
       size: a((d = o == null ? void 0 : o.skeletonProps) == null ? void 0 : d.type)
     };
-  }, S = (o) => {
+  }, _ = (o) => {
     var d, y;
     const a = (d = o.props) == null ? void 0 : d.column.columnDef;
     return W(a == null ? void 0 : a.render) && o.props.row ? (y = a == null ? void 0 : a.render) == null ? void 0 : y.call(a, {
       index: o.props.row.index,
       record: o.props.row.original,
-      column: _e(a, "render")
-    }) : typeof o.render == "function" || typeof o.render == "object" ? Ke(o.render, o.props) : o.render;
+      column: Ce(a, "render")
+    }) : typeof o.render == "function" || typeof o.render == "object" ? We(o.render, o.props) : o.render;
   }, u = (o) => {
     let a = {};
     if (o) {
@@ -63,22 +63,22 @@ const wo = (B, { isColumnWrapped: C, selectionId: r }) => {
     if (o != null && o.column) {
       const y = (d = o == null ? void 0 : o.column) == null ? void 0 : d.columnDef, K = [], A = {};
       if (ne(y)) {
-        let j = C(o.column.id);
+        let j = S(o.column.id);
         const { customCell: E, class: q } = y;
         if (ge(q) || K.push(q), E && (ne(E) || W(E))) {
-          const O = (w) => {
+          const x = (w) => {
             if (ne(w)) {
               const { wrap: H, colSpan: J, rowSpan: Q } = w;
               j = j || (H ?? !1), A.colSpan = J, A.rowSpan = Q;
             }
           };
-          W(E) && o.row ? O(
+          W(E) && o.row ? x(
             E({
               index: o.row.index,
               record: o.row.original,
               column: y
             })
-          ) : O(E);
+          ) : x(E);
         }
         o.header ? A.rowSpan = i(o.header) : j && (A.wrap = !0);
       }
@@ -91,8 +91,8 @@ const wo = (B, { isColumnWrapped: C, selectionId: r }) => {
     return {};
   };
   return {
-    getSkeletonProps: x,
-    RenderCell: S,
+    getSkeletonProps: N,
+    RenderCell: _,
     getThProps: (o) => {
       var a, d, y;
       return p(o, {
@@ -103,30 +103,30 @@ const wo = (B, { isColumnWrapped: C, selectionId: r }) => {
     getTdProps: (o) => p(o),
     getColProps: (o) => {
       const a = u(o.columnDef);
-      return o.id === r && (a.width = "var(--pt-dimension-2800)"), {
+      return o.id === l && (a.width = "var(--pt-dimension-2800)"), {
         style: a
       };
     },
     isThVisible: (o, a, d) => k[d] === 1 ? !0 : a - o === k[d]
   };
 };
-var bo = "[object Boolean]";
-function vo(B) {
-  return B === !0 || B === !1 || Je(B) && Qe(B) == bo;
+var vo = "[object Boolean]";
+function Co(B) {
+  return B === !0 || B === !1 || Qe(B) && Xe(B) == vo;
 }
 const _o = (B) => {
-  const C = Z([]), r = (i) => i ? C.value.findIndex((p) => p.id === i) : -1, x = (i) => {
-    if (i) return C.value.find((p) => p.id === i);
-  }, S = (i) => {
+  const S = Z([]), l = (i) => i ? S.value.findIndex((p) => p.id === i) : -1, N = (i) => {
+    if (i) return S.value.find((p) => p.id === i);
+  }, _ = (i) => {
     var p;
-    return !!((p = x(i)) != null && p.wrap);
+    return !!((p = N(i)) != null && p.wrap);
   }, u = (i) => {
     const { id: p } = i;
     if (!p) return !1;
-    const V = i.wrap ?? !S(p), N = r(p);
-    return N >= 0 ? C.value[N] = { id: p, wrap: V } : C.value.push({ id: p, wrap: V }), !0;
+    const V = i.wrap ?? !_(p), O = l(p);
+    return O >= 0 ? S.value[O] = { id: p, wrap: V } : S.value.push({ id: p, wrap: V }), !0;
   }, k = D(
-    () => (B.columns ?? []).filter((i) => vo(i.wrap)).map((i) => ({
+    () => (B.columns ?? []).filter((i) => Co(i.wrap)).map((i) => ({
       id: i.id,
       wrap: !!i.wrap
     }))
@@ -134,17 +134,17 @@ const _o = (B) => {
   return le(
     k,
     (i) => {
-      C.value = [...C.value, ...i];
+      S.value = [...S.value, ...i];
     },
     {
       immediate: !0,
       deep: !0
     }
   ), {
-    isColumnWrapped: S,
+    isColumnWrapped: _,
     toggleWrap: u
   };
-}, Fo = /* @__PURE__ */ We({
+}, Go = /* @__PURE__ */ je({
   __name: "DataTable",
   props: {
     columns: {},
@@ -171,65 +171,65 @@ const _o = (B) => {
     actionCol: {},
     noHeader: { type: Boolean }
   },
-  emits: ["fetch"],
-  setup(B, { emit: C }) {
-    const r = B, x = C, S = je(), u = to("data_table", no), k = xe(), i = `$${u}_selection$`, p = D(() => {
+  emits: ["fetch", "rowClick"],
+  setup(B, { emit: S }) {
+    const l = B, N = S, _ = Ee(), u = no("data_table", ro), k = qe(), i = `$${u}_selection$`, p = D(() => {
       var e;
-      return ((e = r.actionCol) == null ? void 0 : e.id) ?? `$${u}_action$`;
-    }), V = (e) => _e(e ?? {}, "title", "sorter", "columns", "id", "dataIndex"), N = D(() => {
+      return ((e = l.actionCol) == null ? void 0 : e.id) ?? `$${u}_action$`;
+    }), V = (e) => Ce(e ?? {}, "title", "sorter", "columns", "id", "dataIndex"), O = D(() => {
       var h;
       const e = (n) => {
         var L;
-        const b = n.id ?? lo(`${u}--col`);
-        return oe(be(n, r.childrenColumnName)) ? k.group({
+        const b = n.id ?? so(`${u}--col`);
+        return oe(be(n, l.childrenColumnName)) ? k.group({
           header: n.title,
           id: b,
-          columns: (L = be(n, r.childrenColumnName) ?? []) == null ? void 0 : L.map(e),
+          columns: (L = be(n, l.childrenColumnName) ?? []) == null ? void 0 : L.map(e),
           enableSorting: !1,
           ...V(n)
         }) : k.accessor(n.dataIndex ?? n.id, {
           header: n.title,
           id: b,
-          sortingFn: typeof n.sorter == "function" ? (Y, De) => n.sorter(Y.original, De.original) : n.sorter,
+          sortingFn: typeof n.sorter == "function" ? (Y, Ke) => n.sorter(Y.original, Ke.original) : n.sorter,
           enableSorting: !!n.sorter,
           ...V(n)
         });
       };
-      if (!oe(r.columns)) throw "no columns";
-      const l = r.columns.map(({ id: n }) => n);
-      if (oo(l).length !== l.length) throw "no uniq column ids";
+      if (!oe(l.columns)) throw "no columns";
+      const r = l.columns.map(({ id: n }) => n);
+      if (to(r).length !== r.length) throw "no uniq column ids";
       const s = [];
-      return r.rowSelection && r.rowKey && s.push(
+      return l.rowSelection && l.rowKey && s.push(
         k.accessor(i, {
           id: i,
           enableSorting: !1
         })
-      ), r.columns.forEach((n) => {
+      ), l.columns.forEach((n) => {
         s.push(e(n));
-      }), (S.action || S.hoverAction) && s.push(
+      }), (_.action || _.hoverAction) && s.push(
         k.accessor(p.value, {
           id: p.value,
-          header: (h = r.actionCol) == null ? void 0 : h.title,
+          header: (h = l.actionCol) == null ? void 0 : h.title,
           enableSorting: !1,
-          ...V(r.actionCol)
+          ...V(l.actionCol)
         })
       ), s;
-    }), { toggleWrap: se, isColumnWrapped: U } = _o(r), o = Z({}), a = D(() => Object.keys(o.value)), d = D(
-      () => r.rowKey ? qe(r.data, (e) => e.children).map(
-        (e) => e[r.rowKey]
+    }), { toggleWrap: se, isColumnWrapped: U } = _o(l), o = Z({}), a = D(() => Object.keys(o.value)), d = D(
+      () => l.rowKey ? Fe(l.data, (e) => e.children).map(
+        (e) => e[l.rowKey]
       ) : []
     ), y = () => {
       const e = Object.fromEntries(
-        a.value.filter((l) => {
+        a.value.filter((r) => {
           var s;
-          return !((s = r.rowSelection) != null && s.preserveSelectedRowKeys) && r.rowKey ? d.value.includes(l) : !0;
-        }).map((l) => [l, !0])
+          return !((s = l.rowSelection) != null && s.preserveSelectedRowKeys) && l.rowKey ? d.value.includes(r) : !0;
+        }).map((r) => [r, !0])
       );
       Object.keys(e).length !== a.value.length && (o.value = e, ee(() => {
-        var l;
-        W((l = r.rowSelection) == null ? void 0 : l.onChange) && r.rowSelection.onChange(H.value);
+        var r;
+        W((r = l.rowSelection) == null ? void 0 : r.onChange) && l.rowSelection.onChange(H.value);
       }));
-    }, K = D(() => (y(), [...r.data])), A = so(), E = io(
+    }, K = D(() => (y(), [...l.data])), A = io(), E = ao(
       Object.fromEntries(
         Object.keys(A).map((e) => [e, A[e].minWidth])
       ),
@@ -239,18 +239,18 @@ const _o = (B) => {
       E,
       (e) => {
         q.value = Object.fromEntries(
-          N.value.map((l) => {
+          O.value.map((r) => {
             var s;
             return [
-              l.id,
-              oe(l == null ? void 0 : l.responsive) ? (s = l.responsive) == null ? void 0 : s.includes(e) : !0
+              r.id,
+              oe(r == null ? void 0 : r.responsive) ? (s = r.responsive) == null ? void 0 : s.includes(e) : !0
             ];
           })
         );
       },
       { immediate: !0 }
     );
-    const O = Z([]), w = Fe({
+    const x = Z([]), w = Ge({
       // debugTable: true,
       getSubRows: (e) => e.children,
       enableSorting: !0,
@@ -259,11 +259,11 @@ const _o = (B) => {
         return K.value;
       },
       onSortingChange: (e) => {
-        O.value = typeof e == "function" ? e(O.value) : e;
+        x.value = typeof e == "function" ? e(x.value) : e;
       },
       state: {
         get sorting() {
-          return O.value;
+          return x.value;
         },
         get rowSelection() {
           return o.value;
@@ -274,14 +274,14 @@ const _o = (B) => {
       },
       enableRowSelection: !0,
       get columns() {
-        return N.value;
+        return O.value;
       },
-      getRowId(e, l) {
-        return r.rowKey ? e[r.rowKey] : l;
+      getRowId(e, r) {
+        return l.rowKey ? e[l.rowKey] : r;
       },
       getRowCanExpand: () => !0,
-      getCoreRowModel: Ze(),
-      getSortedRowModel: Ge(),
+      getCoreRowModel: Ue(),
+      getSortedRowModel: Ze(),
       onRowSelectionChange: (e) => {
         o.value = typeof e == "function" ? e(o.value) : e;
       }
@@ -292,13 +292,13 @@ const _o = (B) => {
     le(
       () => {
         var e;
-        return (e = r.rowSelection) == null ? void 0 : e.selectedRowKeys;
+        return (e = l.rowSelection) == null ? void 0 : e.selectedRowKeys;
       },
-      (e, l) => {
+      (e, r) => {
         var s, h;
-        if ((h = (s = r.rowSelection) == null ? void 0 : s.selectedRowKeys) != null && h.length && !ve(e, l)) {
+        if ((h = (s = l.rowSelection) == null ? void 0 : s.selectedRowKeys) != null && h.length && !ve(e, r)) {
           const n = Object.fromEntries(
-            t(r.rowSelection.selectedRowKeys ?? Object.keys(o.value)).map(
+            t(l.rowSelection.selectedRowKeys ?? Object.keys(o.value)).map(
               (b) => [b, !0]
             )
           );
@@ -309,90 +309,90 @@ const _o = (B) => {
     );
     const J = D(() => w.getIsAllRowsSelected() ? !0 : w.getIsSomeRowsSelected() ? "indeterminate" : !1), Q = (e) => {
       w.getIsSomeRowsSelected() || w.getIsAllRowsSelected() ? w.toggleAllRowsSelected(!1) : w.toggleAllRowsSelected(!0), ee(() => {
-        var l, s;
-        W((l = r.rowSelection) == null ? void 0 : l.onSelectAll) && r.rowSelection.onSelectAll({ ...H.value, selected: e }), W((s = r.rowSelection) == null ? void 0 : s.onChange) && r.rowSelection.onChange(H.value);
+        var r, s;
+        W((r = l.rowSelection) == null ? void 0 : r.onSelectAll) && l.rowSelection.onSelectAll({ ...H.value, selected: e }), W((s = l.rowSelection) == null ? void 0 : s.onChange) && l.rowSelection.onChange(H.value);
       });
-    }, Se = (e, l) => {
+    }, _e = (e, r) => {
       var s;
-      l.toggleSelected(e, {
-        selectChildren: !((s = r.rowSelection) != null && s.checkStrictly)
+      r.toggleSelected(e, {
+        selectChildren: !((s = l.rowSelection) != null && s.checkStrictly)
       }), ee(() => {
         var h, n;
-        W((h = r.rowSelection) == null ? void 0 : h.onSelect) && r.rowSelection.onSelect({
+        W((h = l.rowSelection) == null ? void 0 : h.onSelect) && l.rowSelection.onSelect({
           ...H.value,
           selected: e,
-          record: l.original
-        }), W((n = r.rowSelection) == null ? void 0 : n.onChange) && r.rowSelection.onChange(H.value);
+          record: r.original
+        }), W((n = l.rowSelection) == null ? void 0 : n.onChange) && l.rowSelection.onChange(H.value);
       });
-    }, Ce = (e) => {
-      var l, s;
-      return W((l = r.rowSelection) == null ? void 0 : l.getCheckboxProps) && ((s = r.rowSelection) == null || s.getCheckboxProps(e)), {};
+    }, Se = (e) => {
+      var r, s;
+      return W((r = l.rowSelection) == null ? void 0 : r.getCheckboxProps) && ((s = l.rowSelection) == null || s.getCheckboxProps(e)), {};
     }, ie = (e) => {
-      var l;
+      var r;
       if (e.getIsSelected()) return !0;
-      if ((l = e.subRows) != null && l.length) {
+      if ((r = e.subRows) != null && r.length) {
         if (e.getIsAllSubRowsSelected()) return !0;
         if (e.getIsSomeSelected()) return "indeterminate";
       }
       return !1;
-    }, ae = Ee("target"), { stop: ke } = ao(ae, ([e]) => {
-      r.lazyLoading && !r.loading && (e != null && e.isIntersecting) && x("fetch");
+    }, ae = He("target"), { stop: ke } = co(ae, ([e]) => {
+      l.lazyLoading && !l.loading && (e != null && e.isIntersecting) && N("fetch");
     });
-    He(ke);
-    const { getSkeletonProps: Re, getThProps: $e, RenderCell: ce, getTdProps: X, getColProps: ze, isThVisible: Be } = wo(r, {
+    Le(ke);
+    const { getSkeletonProps: Re, getThProps: $e, RenderCell: ce, getTdProps: X, getColProps: ze, isThVisible: Be } = bo(l, {
       selectionId: i,
       isColumnWrapped: U
     }), ue = D(() => Object.keys(o.value).length), Ae = () => {
       o.value = {};
-    }, Ie = fo(u, {
+    }, Ie = po(u, {
       variants: {
-        empty: ro("empty", u)
+        empty: lo("empty", u)
       }
-    }), me = Le(0), Pe = ({ item: e }, l) => {
-      e.key === "a-z" && l.toggleSorting(!1, !1), e.key === "z-a" && l.toggleSorting(!0, !1), e.key === "wrap" && se({ id: l.id }), me.value++;
+    }), me = Ve(0), Pe = ({ item: e }, r) => {
+      e.key === "a-z" && r.toggleSorting(!1, !1), e.key === "z-a" && r.toggleSorting(!0, !1), e.key === "wrap" && se({ id: r.id }), me.value++;
     }, Te = (e) => {
-      const l = e.getIsSorted();
-      if (!l) return "tabler:arrows-up-down";
-      if (l === "desc") return "tabler:arrow-down";
-      if (l === "asc") return "tabler:arrow-up";
+      const r = e.getIsSorted();
+      if (!r) return "tabler:arrows-up-down";
+      if (r === "desc") return "tabler:arrow-down";
+      if (r === "asc") return "tabler:arrow-up";
     }, de = D(
       () => w.getHeaderGroups().map((e) => ({
         ...e,
-        headers: e.headers.map((l) => ({
-          ...l,
-          bindings: $e(l.getContext())
+        headers: e.headers.map((r) => ({
+          ...r,
+          bindings: $e(r.getContext())
         }))
       }))
-    );
-    return (e, l) => (c(), v("div", {
-      class: g([t(_)(t(u), "root"), e.rootCls])
+    ), De = (e, r) => N("rowClick", e, r);
+    return (e, r) => (c(), v("div", {
+      class: g([t(C)(t(u), "root"), e.rootCls])
     }, [
       f(ye, {
         "z-index": "1",
-        open: !!(ue.value && S.batchActions),
+        open: !!(ue.value && _.batchActions),
         placement: "bottom",
         "side-offset": -54,
         "container-cls": "pantograph-tokens pantograph-dark"
       }, {
         content: m(() => [
           R("div", {
-            class: g(t(_)(t(u), "batch_actions"))
+            class: g(t(C)(t(u), "batch_actions"))
           }, [
-            f(uo, {
+            f(mo, {
               text: ue.value,
               size: "xsm"
             }, null, 8, ["text"]),
             R("div", {
-              class: g(t(_)(t(u), "batch_actions__title"))
-            }, Me(e.batchActionsTitle), 3),
+              class: g(t(C)(t(u), "batch_actions__title"))
+            }, Ne(e.batchActionsTitle), 3),
             R("div", {
-              class: g(t(_)(t(u), "batch_actions__actions"))
+              class: g(t(C)(t(u), "batch_actions__actions"))
             }, [
-              T(e.$slots, "batchActions", Ne(Oe(H.value)))
+              T(e.$slots, "batchActions", Oe(xe(H.value)))
             ], 2),
             f(he, {
               type: "vertical",
-              class: g(t(_)(t(u), "batch_actions__divider"))
+              class: g(t(C)(t(u), "batch_actions__divider"))
             }, null, 8, ["class"]),
             f(we, {
               icon: "tabler:x",
@@ -404,21 +404,21 @@ const _o = (B) => {
         ]),
         default: m(() => [
           R("div", {
-            class: g([t(_)(t(u), "scroll_area"), e.scrollAreaCls])
+            class: g([t(C)(t(u), "scroll_area"), e.scrollAreaCls])
           }, [
             R("div", {
-              class: g([t(_)(t(u), "scroll_viewport"), e.scrollViewportCls])
+              class: g([t(C)(t(u), "scroll_viewport"), e.scrollViewportCls])
             }, [
-              f(t(po), {
+              f(t(go), {
                 size: e.size,
-                style: Ve({
+                style: Me({
                   tableLayout: e.tableLayout
                 }),
                 class: g([
                   t(Ie)({
                     empty: !t(w).getRowModel().rows.length
                   }),
-                  r.class
+                  l.class
                 ])
               }, {
                 default: m(() => [
@@ -428,7 +428,7 @@ const _o = (B) => {
                       ref_for: !0
                     }, t(ze)(s)), null, 16))), 128))
                   ]),
-                  e.noHeader ? P("", !0) : (c(), I(t(go), {
+                  e.noHeader ? P("", !0) : (c(), I(t(yo), {
                     key: 0,
                     class: g(e.theadCls),
                     sticky: e.stickyHeader
@@ -441,7 +441,7 @@ const _o = (B) => {
                           (c(!0), v($, null, M(s.headers, (n) => (c(), v($, {
                             key: n.id
                           }, [
-                            t(Be)(h, de.value.length, n.column.id) ? (c(), I(t(yo), z({
+                            t(Be)(h, de.value.length, n.column.id) ? (c(), I(t(ho), z({
                               key: 0,
                               ref_for: !0
                             }, n.bindings, {
@@ -449,14 +449,14 @@ const _o = (B) => {
                             }), {
                               default: m(() => [
                                 R("div", {
-                                  class: g(t(_)(t(u), "header"))
+                                  class: g(t(C)(t(u), "header"))
                                 }, [
                                   R("div", {
-                                    class: g(t(_)(t(u), "header__content"))
+                                    class: g(t(C)(t(u), "header__content"))
                                   }, [
                                     n.column.id !== i ? (c(), v($, { key: 0 }, [
                                       R("div", {
-                                        class: g(t(_)(t(u), "header__content__title"))
+                                        class: g(t(C)(t(u), "header__content__title"))
                                       }, [
                                         T(e.$slots, "headerCell", z({ ref_for: !0 }, {
                                           column: n.column.columnDef
@@ -467,7 +467,7 @@ const _o = (B) => {
                                           }, null, 8, ["props", "render"])
                                         ])
                                       ], 2),
-                                      n.column.getCanSort() ? (c(), I(Ye, {
+                                      n.column.getCanSort() ? (c(), I(eo, {
                                         key: 0,
                                         class: g({ hide_filter_action: !n.column.getIsSorted() }),
                                         icon: Te(n.column),
@@ -482,7 +482,7 @@ const _o = (B) => {
                                       }, null, 8, ["class", "icon", "active", "onClick"])) : P("", !0)
                                     ], 64)) : (c(), v($, { key: 1 }, [
                                       R("div", {
-                                        class: g(t(_)(t(u), "selection_space"))
+                                        class: g(t(C)(t(u), "selection_space"))
                                       }, null, 2),
                                       f(pe, {
                                         rootCls: "w-fit",
@@ -493,7 +493,7 @@ const _o = (B) => {
                                   ], 2),
                                   ![p.value, i].includes(n.column.id) && !n.column.columns.length ? (c(), v("div", {
                                     key: 0,
-                                    class: g(t(_)(t(u), "header__action"))
+                                    class: g(t(C)(t(u), "header__action"))
                                   }, [
                                     (c(), I(ye, {
                                       "z-index": "1",
@@ -501,7 +501,7 @@ const _o = (B) => {
                                       key: me.value
                                     }, {
                                       content: m(() => [
-                                        f(Xe, {
+                                        f(Ye, {
                                           onSelect: (b) => Pe(b, n.column)
                                         }, {
                                           default: m(() => [
@@ -543,7 +543,7 @@ const _o = (B) => {
                                                 }, null, 8, ["size"])
                                               ]),
                                               trailing: m(() => [
-                                                f(mo, {
+                                                f(fo, {
                                                   checked: t(U)(n.column.id)
                                                 }, null, 8, ["checked"])
                                               ]),
@@ -559,7 +559,7 @@ const _o = (B) => {
                                           size: "sm",
                                           color: "gray",
                                           type: "ghost",
-                                          class: g(t(_)(t(u), "header__action__hover"))
+                                          class: g(t(C)(t(u), "header__action__hover"))
                                         }, null, 8, ["class"])
                                       ]),
                                       _: 2
@@ -576,14 +576,15 @@ const _o = (B) => {
                     ]),
                     _: 3
                   }, 8, ["class", "sticky"])),
-                  f(t(ho), {
+                  f(t(wo), {
                     class: g(e.tbodyCls)
                   }, {
                     default: m(() => [
                       (c(!0), v($, null, M(t(w).getRowModel().rows, (s, h) => (c(), I(t(F), {
                         key: s.id,
                         zebra: e.zebra,
-                        checked: !!ie(s)
+                        checked: !!ie(s),
+                        onClick: (n) => De(s.original, n)
                       }, {
                         default: m(() => [
                           (c(!0), v($, null, M(s.getVisibleCells(), (n) => {
@@ -596,12 +597,12 @@ const _o = (B) => {
                                 ref_for: !0
                               }, t(X)(n.getContext())), fe({
                                 default: m(() => [
-                                  n.column.id === p.value && (S.hoverAction || S.action) ? (c(), v("div", {
+                                  n.column.id === p.value && (_.hoverAction || _.action) ? (c(), v("div", {
                                     key: 0,
-                                    class: g(t(_)(t(u), "action_cell"))
+                                    class: g(t(C)(t(u), "action_cell"))
                                   }, [
                                     R("div", {
-                                      class: g([t(_)(t(u), "action_cell__hover"), e.actionHoverCls])
+                                      class: g([t(C)(t(u), "action_cell__hover"), e.actionHoverCls])
                                     }, [
                                       T(e.$slots, "hoverAction", z(
                                         { ref_for: !0 },
@@ -637,23 +638,23 @@ const _o = (B) => {
                                     }, null, 8, ["render", "props"])
                                   ]) : e.rowKey && s.original[e.rowKey] ? (c(), v("div", {
                                     key: 2,
-                                    class: g(t(_)(t(u), "selection"))
+                                    class: g(t(C)(t(u), "selection"))
                                   }, [
                                     R("div", {
-                                      class: g(t(_)(t(u), "selection_space"))
+                                      class: g(t(C)(t(u), "selection_space"))
                                     }, null, 2),
                                     f(pe, z({
                                       rootCls: "w-fit",
                                       disabled: !s.getCanSelect(),
                                       checked: ie(s),
-                                      onChange: (Y) => Se(Y, s),
+                                      onChange: (Y) => _e(Y, s),
                                       ref_for: !0
-                                    }, Ce(s.original)), null, 16, ["disabled", "checked", "onChange"])
+                                    }, Se(s.original)), null, 16, ["disabled", "checked", "onChange"])
                                   ], 2)) : P("", !0)
                                 ]),
                                 _: 2
                               }, [
-                                S.cellAction && ![p.value, i].includes(n.column.id) ? {
+                                _.cellAction && ![p.value, i].includes(n.column.id) ? {
                                   name: "absoluteAction",
                                   fn: m(() => [
                                     T(e.$slots, "cellAction", z(
@@ -672,8 +673,8 @@ const _o = (B) => {
                           }), 128))
                         ]),
                         _: 2
-                      }, 1032, ["zebra", "checked"]))), 128)),
-                      r.loading ? (c(!0), v($, { key: 0 }, M(t(w).getRowModel().rows.length ? 2 : e.loadingRowCount, (s) => (c(), I(t(F), {
+                      }, 1032, ["zebra", "checked", "onClick"]))), 128)),
+                      l.loading ? (c(!0), v($, { key: 0 }, M(t(w).getRowModel().rows.length ? 2 : e.loadingRowCount, (s) => (c(), I(t(F), {
                         key: s,
                         zebra: e.zebra
                       }, {
@@ -684,7 +685,7 @@ const _o = (B) => {
                                 key: 0,
                                 ref_for: !0
                               }, { index: n, column: h.columnDef }), () => [
-                                f(co, z({ ref_for: !0 }, t(Re)(h.columnDef)), null, 16)
+                                f(uo, z({ ref_for: !0 }, t(Re)(h.columnDef)), null, 16)
                               ]) : P("", !0)
                             ]),
                             _: 2
@@ -702,29 +703,29 @@ const _o = (B) => {
                             empty: ""
                           }, {
                             default: m(() => [
-                              f(eo, z({ type: "advance" }, e.emptyProps), fe({ _: 2 }, [
-                                S.emptyTitle ? {
+                              f(oo, z({ type: "advance" }, e.emptyProps), fe({ _: 2 }, [
+                                _.emptyTitle ? {
                                   name: "title",
                                   fn: m(() => [
                                     T(e.$slots, "emptyTitle")
                                   ]),
                                   key: "0"
                                 } : void 0,
-                                S.emptyDescription ? {
+                                _.emptyDescription ? {
                                   name: "title",
                                   fn: m(() => [
                                     T(e.$slots, "emptyDescription")
                                   ]),
                                   key: "1"
                                 } : void 0,
-                                S.emptyActions ? {
+                                _.emptyActions ? {
                                   name: "title",
                                   fn: m(() => [
                                     T(e.$slots, "emptyActions")
                                   ]),
                                   key: "2"
                                 } : void 0,
-                                S.emptyImage ? {
+                                _.emptyImage ? {
                                   name: "title",
                                   fn: m(() => [
                                     T(e.$slots, "emptyImage")
@@ -766,6 +767,6 @@ const _o = (B) => {
   }
 });
 export {
-  Fo as DataTable,
-  Fo as default
+  Go as DataTable,
+  Go as default
 };

package/dist/DataTable/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("@tanstack/vue-table"),ye=require("../_baseIsEqual-DP4HkppL.js"),I=require("../isArray-3RTyNB5p.js"),J=require("../Checkbox.vue_vue_type_style_index_0_lang-mD-mS-u3.js"),P=require("../Menu.vue_vue_type_style_index_0_lang-DzZ6brMU.js"),Ce=require("../ActionButton.vue_vue_type_script_setup_true_lang-ViFlltdC.js"),ke=require("../Empty.vue_vue_type_style_index_0_lang-BCaOU35N.js"),oe=require("../omit-C4BrcXKG.js"),he=require("../uniq-ChIEzCZe.js"),w=require("../_flatRest-CreY2VBo.js"),d=require("@pantograph/utils"),we=require("@pantograph/tokens"),Q=require("@vueuse/core"),ve=require("../Skeleton.vue_vue_type_style_index_0_lang-BRov9v5C.js"),X=require("../Popover.vue_vue_type_style_index_0_lang-_D1J6CSu.js"),Se=require("../Badge.vue_vue_type_script_setup_true_lang-DYK5srGm.js"),Y=require("../Divider.vue_vue_type_style_index_0_lang-DuAAwNmp.js"),ee=require("../IconButton.vue_vue_type_script_setup_true_lang-BhcKAsTi.js"),j=require("../Icon.vue_vue_type_style_index_0_lang-C00M2fnO.js"),Be=require("../Switch.vue_vue_type_style_index_0_lang-BBTDR8Er.js"),te=require("../get-DhKz3lGB.js"),be=require("class-variance-authority"),C=require("../THead.vue_vue_type_style_index_0_lang-C1I8ZLa2.js");function ne(v,k){return ye.baseIsEqual(v,k)}const Ee=(v,{isColumnWrapped:k,selectionId:r})=>{const $=n=>{var u;const c=f=>f==="list"?"md":"sm";return{...(n==null?void 0:n.skeletonProps)??{},style:"width: 100%",size:c((u=n==null?void 0:n.skeletonProps)==null?void 0:u.type)}},y=n=>{var u,f;const c=(u=n.props)==null?void 0:u.column.columnDef;return w.isFunction(c==null?void 0:c.render)&&n.props.row?(f=c==null?void 0:c.render)==null?void 0:f.call(c,{index:n.props.row.index,record:n.props.row.original,column:oe.omit(c,"render")}):typeof n.render=="function"||typeof n.render=="object"?e.h(n.render,n.props):n.render},a=n=>{let c={};if(n){const u=b=>Number(b)>=0?`${b}px`:b,{width:f,maxWidth:B,minWidth:S}=n;(f||B||S)&&(c={width:u(f),maxWidth:u(B),minWidth:u(S),overflow:f||B?"hidden":void 0})}return c},h={},i=(n,c=!0)=>{var f;let u=1;return((f=n==null?void 0:n.subHeaders)==null?void 0:f.length)===1&&n.column.id===n.subHeaders[0].column.id&&(u+=i(n.subHeaders[0],!1)),c&&(!h[n.column.id]||h[n.column.id]<u)&&(h[n.column.id]=u),u},m=(n,c={})=>{var u;if(n!=null&&n.column){const f=(u=n==null?void 0:n.column)==null?void 0:u.columnDef,B=[],S={};if(w.isObject(f)){let b=k(n.column.id);const{customCell:E,class:A}=f;if(P.isEmpty(A)||B.push(A),E&&(w.isObject(E)||w.isFunction(E))){const x=g=>{if(w.isObject(g)){const{wrap:V,colSpan:F,rowSpan:D}=g;b=b||(V??!1),S.colSpan=F,S.rowSpan=D}};w.isFunction(E)&&n.row?x(E({index:n.row.index,record:n.row.original,column:f})):x(E)}n.header?S.rowSpan=i(n.header):b&&(S.wrap=!0)}return{class:P.isEmpty(B)?void 0:B,...S,...c}}return{}};return{getSkeletonProps:$,RenderCell:y,getThProps:n=>{var c,u,f;return m(n,{colSpan:(c=n==null?void 0:n.header)==null?void 0:c.colSpan,"data-has-children":((f=(u=n==null?void 0:n.column)==null?void 0:u.columns)==null?void 0:f.length)>1?!0:void 0})},getTdProps:n=>m(n),getColProps:n=>{const c=a(n.columnDef);return n.id===r&&(c.width="var(--pt-dimension-2800)"),{style:c}},isThVisible:(n,c,u)=>h[u]===1?!0:c-n===h[u]}};var Ve="[object Boolean]";function ze(v){return v===!0||v===!1||I.isObjectLike(v)&&I.baseGetTag(v)==Ve}const Ne=v=>{const k=e.ref([]),r=i=>i?k.value.findIndex(m=>m.id===i):-1,$=i=>{if(i)return k.value.find(m=>m.id===i)},y=i=>{var m;return!!((m=$(i))!=null&&m.wrap)},a=i=>{const{id:m}=i;if(!m)return!1;const N=i.wrap??!y(m),R=r(m);return R>=0?k.value[R]={id:m,wrap:N}:k.value.push({id:m,wrap:N}),!0},h=e.computed(()=>(v.columns??[]).filter(i=>ze(i.wrap)).map(i=>({id:i.id,wrap:!!i.wrap})));return e.watch(h,i=>{k.value=[...k.value,...i]},{immediate:!0,deep:!0}),{isColumnWrapped:y,toggleWrap:a}},re=e.defineComponent({__name:"DataTable",props:{columns:{},childrenColumnName:{default:"children"},data:{},class:{},scrollViewportCls:{},scrollAreaCls:{},theadCls:{},tbodyCls:{},actionHoverCls:{},rootCls:{},rowSelection:{},rowKey:{},lazyLoading:{type:Boolean},loading:{type:Boolean},emptyProps:{},size:{},batchActionsTitle:{default:"Records selected :"},loadingRowCount:{default:5},stickyHeader:{type:Boolean},zebra:{type:Boolean,default:!0},tableLayout:{default:"fixed"},actionCol:{},noHeader:{type:Boolean}},emits:["fetch"],setup(v,{emit:k}){const r=v,$=k,y=e.useSlots(),a=d.getBemBlock("data_table",d.wgt_pre),h=q.createColumnHelper(),i=`$${a}_selection$`,m=e.computed(()=>{var t;return((t=r.actionCol)==null?void 0:t.id)??`$${a}_action$`}),N=t=>oe.omit(t??{},"title","sorter","columns","id","dataIndex"),R=e.computed(()=>{var p;const t=o=>{var z;const _=o.id??d.usePCId(`${a}--col`);return I.isArray(te.get(o,r.childrenColumnName))?h.group({header:o.title,id:_,columns:(z=te.get(o,r.childrenColumnName)??[])==null?void 0:z.map(t),enableSorting:!1,...N(o)}):h.accessor(o.dataIndex??o.id,{header:o.title,id:_,sortingFn:typeof o.sorter=="function"?(K,_e)=>o.sorter(K.original,_e.original):o.sorter,enableSorting:!!o.sorter,...N(o)})};if(!I.isArray(r.columns))throw"no columns";const l=r.columns.map(({id:o})=>o);if(he.uniq(l).length!==l.length)throw"no uniq column ids";const s=[];return r.rowSelection&&r.rowKey&&s.push(h.accessor(i,{id:i,enableSorting:!1})),r.columns.forEach(o=>{s.push(t(o))}),(y.action||y.hoverAction)&&s.push(h.accessor(m.value,{id:m.value,header:(p=r.actionCol)==null?void 0:p.title,enableSorting:!1,...N(r.actionCol)})),s}),{toggleWrap:H,isColumnWrapped:T}=Ne(r),n=e.ref({}),c=e.computed(()=>Object.keys(n.value)),u=e.computed(()=>r.rowKey?q.flattenBy(r.data,t=>t.children).map(t=>t[r.rowKey]):[]),f=()=>{const t=Object.fromEntries(c.value.filter(l=>{var s;return!((s=r.rowSelection)!=null&&s.preserveSelectedRowKeys)&&r.rowKey?u.value.includes(l):!0}).map(l=>[l,!0]));Object.keys(t).length!==c.value.length&&(n.value=t,e.nextTick(()=>{var l;w.isFunction((l=r.rowSelection)==null?void 0:l.onChange)&&r.rowSelection.onChange(V.value)}))},B=e.computed(()=>(f(),[...r.data])),S=we.getBreakpoints(),E=Q.useBreakpoints(Object.fromEntries(Object.keys(S).map(t=>[t,S[t].minWidth])),{strategy:"min-width"}).active(),A=e.ref({});e.watch(E,t=>{A.value=Object.fromEntries(R.value.map(l=>{var s;return[l.id,I.isArray(l==null?void 0:l.responsive)?(s=l.responsive)==null?void 0:s.includes(t):!0]}))},{immediate:!0});const x=e.ref([]),g=q.useVueTable({getSubRows:t=>t.children,enableSorting:!0,enableMultiSort:!0,get data(){return B.value},onSortingChange:t=>{x.value=typeof t=="function"?t(x.value):t},state:{get sorting(){return x.value},get rowSelection(){return n.value},get columnVisibility(){return A.value}},enableRowSelection:!0,get columns(){return R.value},getRowId(t,l){return r.rowKey?t[r.rowKey]:l},getRowCanExpand:()=>!0,getCoreRowModel:q.getCoreRowModel(),getSortedRowModel:q.getSortedRowModel(),onRowSelectionChange:t=>{n.value=typeof t=="function"?t(n.value):t}}),V=e.computed(()=>({selectedRowKeys:c.value,selectedRows:g.getFilteredSelectedRowModel().flatRows.map(t=>t.original)}));e.watch(()=>{var t;return(t=r.rowSelection)==null?void 0:t.selectedRowKeys},(t,l)=>{var s,p;if((p=(s=r.rowSelection)==null?void 0:s.selectedRowKeys)!=null&&p.length&&!ne(t,l)){const o=Object.fromEntries(e.unref(r.rowSelection.selectedRowKeys??Object.keys(n.value)).map(_=>[_,!0]));ne(o,n.value)||(n.value=o)}},{immediate:!0});const F=e.computed(()=>g.getIsAllRowsSelected()?!0:g.getIsSomeRowsSelected()?"indeterminate":!1),D=t=>{g.getIsSomeRowsSelected()||g.getIsAllRowsSelected()?g.toggleAllRowsSelected(!1):g.toggleAllRowsSelected(!0),e.nextTick(()=>{var l,s;w.isFunction((l=r.rowSelection)==null?void 0:l.onSelectAll)&&r.rowSelection.onSelectAll({...V.value,selected:t}),w.isFunction((s=r.rowSelection)==null?void 0:s.onChange)&&r.rowSelection.onChange(V.value)})},le=(t,l)=>{var s;l.toggleSelected(t,{selectChildren:!((s=r.rowSelection)!=null&&s.checkStrictly)}),e.nextTick(()=>{var p,o;w.isFunction((p=r.rowSelection)==null?void 0:p.onSelect)&&r.rowSelection.onSelect({...V.value,selected:t,record:l.original}),w.isFunction((o=r.rowSelection)==null?void 0:o.onChange)&&r.rowSelection.onChange(V.value)})},se=t=>{var l,s;return w.isFunction((l=r.rowSelection)==null?void 0:l.getCheckboxProps)&&((s=r.rowSelection)==null||s.getCheckboxProps(t)),{}},M=t=>{var l;if(t.getIsSelected())return!0;if((l=t.subRows)!=null&&l.length){if(t.getIsAllSubRowsSelected())return!0;if(t.getIsSomeSelected())return"indeterminate"}return!1},W=e.useTemplateRef("target"),{stop:ie}=Q.useIntersectionObserver(W,([t])=>{r.lazyLoading&&!r.loading&&(t!=null&&t.isIntersecting)&&$("fetch")});e.onBeforeUnmount(ie);const{getSkeletonProps:ce,getThProps:ae,RenderCell:O,getTdProps:L,getColProps:ue,isThVisible:me}=Ee(r,{selectionId:i,isColumnWrapped:T}),G=e.computed(()=>Object.keys(n.value).length),de=()=>{n.value={}},fe=be.cva(a,{variants:{empty:d.generateVariantClassList("empty",a)}}),Z=e.shallowRef(0),pe=({item:t},l)=>{t.key==="a-z"&&l.toggleSorting(!1,!1),t.key==="z-a"&&l.toggleSorting(!0,!1),t.key==="wrap"&&H({id:l.id}),Z.value++},ge=t=>{const l=t.getIsSorted();if(!l)return"tabler:arrows-up-down";if(l==="desc")return"tabler:arrow-down";if(l==="asc")return"tabler:arrow-up"},U=e.computed(()=>g.getHeaderGroups().map(t=>({...t,headers:t.headers.map(l=>({...l,bindings:ae(l.getContext())}))})));return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(d.getBemElement)(e.unref(a),"root"),t.rootCls])},[e.createVNode(X._sfc_main,{"z-index":"1",open:!!(G.value&&y.batchActions),placement:"bottom","side-offset":-54,"container-cls":"pantograph-tokens pantograph-dark"},{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"batch_actions"))},[e.createVNode(Se._sfc_main,{text:G.value,size:"xsm"},null,8,["text"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"batch_actions__title"))},e.toDisplayString(t.batchActionsTitle),3),e.createElementVNode("div",{class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"batch_actions__actions"))},[e.renderSlot(t.$slots,"batchActions",e.normalizeProps(e.guardReactiveProps(V.value)))],2),e.createVNode(Y._sfc_main,{type:"vertical",class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"batch_actions__divider"))},null,8,["class"]),e.createVNode(ee._sfc_main,{icon:"tabler:x",color:"gray",type:"ghost",onClick:de})],2)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(d.getBemElement)(e.unref(a),"scroll_area"),t.scrollAreaCls])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(d.getBemElement)(e.unref(a),"scroll_viewport"),t.scrollViewportCls])},[e.createVNode(e.unref(C._sfc_main),{size:t.size,style:e.normalizeStyle({tableLayout:t.tableLayout}),class:e.normalizeClass([e.unref(fe)({empty:!e.unref(g).getRowModel().rows.length}),r.class])},{default:e.withCtx(()=>[e.createElementVNode("colgroup",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g).getVisibleLeafColumns(),(s,p)=>(e.openBlock(),e.createElementBlock("col",e.mergeProps({key:s.id,ref_for:!0},e.unref(ue)(s)),null,16))),128))]),t.noHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(C._sfc_main$5),{key:0,class:e.normalizeClass(t.theadCls),sticky:t.stickyHeader},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(U.value,(s,p)=>(e.openBlock(),e.createBlock(e.unref(C._sfc_main$3),{key:s.id},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.headers,o=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:o.id},[e.unref(me)(p,U.value.length,o.column.id)?(e.openBlock(),e.createBlock(e.unref(C._sfc_main$1),e.mergeProps({key:0,ref_for:!0},o.bindings,{"data-selection":o.column.id===i}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"header__content"))},[o.column.id!==i?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"header__content__title"))},[e.renderSlot(t.$slots,"headerCell",e.mergeProps({ref_for:!0},{column:o.column.columnDef}),()=>[e.createVNode(e.unref(O),{props:o.getContext(),render:o.column.columnDef.header},null,8,["props","render"])])],2),o.column.getCanSort()?(e.openBlock(),e.createBlock(Ce._sfc_main,{key:0,class:e.normalizeClass({hide_filter_action:!o.column.getIsSorted()}),icon:ge(o.column),size:"sm",type:"ghost",variant:"icon",active:!!o.column.getIsSorted(),onClick:_=>{var z;return(z=o.column.getToggleSortingHandler())==null?void 0:z(_)}},null,8,["class","icon","active","onClick"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"selection_space"))},null,2),e.createVNode(J._sfc_main,{rootCls:"w-fit",checked:F.value,onChange:D},null,8,["checked"])],64))],2),![m.value,i].includes(o.column.id)&&!o.column.columns.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"header__action"))},[(e.openBlock(),e.createBlock(X._sfc_main,{"z-index":"1",placement:"bottom-end",key:Z.value},{content:e.withCtx(()=>[e.createVNode(P._sfc_main,{onSelect:_=>pe(_,o.column)},{default:e.withCtx(()=>[o.column.getCanSort()?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(P._sfc_main$1,{title:"Sort A → Z",key:"a-z"},{leading:e.withCtx(({iconSize:_})=>[e.createVNode(j._sfc_main,{icon:"tabler:arrow-up",size:_},null,8,["size"])]),_:1}),e.createVNode(P._sfc_main$1,{title:"Sort Z → A",key:"z-a"},{leading:e.withCtx(({iconSize:_})=>[e.createVNode(j._sfc_main,{icon:"tabler:arrow-down",size:_},null,8,["size"])]),_:1}),e.createVNode(Y._sfc_main)],64)):e.createCommentVNode("",!0),e.createVNode(P._sfc_main$1,{title:"Wrap Column",key:"wrap"},{leading:e.withCtx(({iconSize:_})=>[e.createVNode(j._sfc_main,{icon:"tabler:text-wrap",size:_},null,8,["size"])]),trailing:e.withCtx(()=>[e.createVNode(Be._sfc_main,{checked:e.unref(T)(o.column.id)},null,8,["checked"])]),_:2},1024)]),_:2},1032,["onSelect"])]),default:e.withCtx(()=>[e.createVNode(ee._sfc_main,{icon:"tabler:dots-vertical",size:"sm",color:"gray",type:"ghost",class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"header__action__hover"))},null,8,["class"])]),_:2},1024))],2)):e.createCommentVNode("",!0)],2)]),_:2},1040,["data-selection"])):e.createCommentVNode("",!0)],64))),128))]),_:2},1024))),128))]),_:3},8,["class","sticky"])),e.createVNode(e.unref(C._sfc_main$4),{class:e.normalizeClass(t.tbodyCls)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g).getRowModel().rows,(s,p)=>(e.openBlock(),e.createBlock(e.unref(C._sfc_main$3),{key:s.id,zebra:t.zebra,checked:!!M(s)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.getVisibleCells(),o=>{var _,z;return e.openBlock(),e.createElementBlock(e.Fragment,{key:o.id},[((_=e.unref(L)(o.getContext()))==null?void 0:_.colSpan)!==0&&((z=e.unref(L)(o.getContext()))==null?void 0:z.rowSpan)!==0?(e.openBlock(),e.createBlock(e.unref(C._sfc_main$2),e.mergeProps({key:0,ref_for:!0},e.unref(L)(o.getContext())),e.createSlots({default:e.withCtx(()=>[o.column.id===m.value&&(y.hoverAction||y.action)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"action_cell"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(d.getBemElement)(e.unref(a),"action_cell__hover"),t.actionHoverCls])},[e.renderSlot(t.$slots,"hoverAction",e.mergeProps({ref_for:!0},{column:o.column.columnDef,record:s.original,index:p}))],2),e.renderSlot(t.$slots,"action",e.mergeProps({ref_for:!0},{column:o.column.columnDef,record:s.original,index:p}))],2)):o.column.id!==i?e.renderSlot(t.$slots,"bodyCell",e.mergeProps({key:1,ref_for:!0},{column:o.column.columnDef,record:s.original,index:p}),()=>[e.createVNode(e.unref(O),{render:o.column.columnDef.cell,props:o.getContext()},null,8,["render","props"])]):t.rowKey&&s.original[t.rowKey]?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"selection"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"selection_space"))},null,2),e.createVNode(J._sfc_main,e.mergeProps({rootCls:"w-fit",disabled:!s.getCanSelect(),checked:M(s),onChange:K=>le(K,s),ref_for:!0},se(s.original)),null,16,["disabled","checked","onChange"])],2)):e.createCommentVNode("",!0)]),_:2},[y.cellAction&&![m.value,i].includes(o.column.id)?{name:"absoluteAction",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"cellAction",e.mergeProps({ref_for:!0},{column:o.column.columnDef,record:s.original,index:p}))]),key:"0"}:void 0]),1040)):e.createCommentVNode("",!0)],64)}),128))]),_:2},1032,["zebra","checked"]))),128)),r.loading?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(g).getRowModel().rows.length?2:t.loadingRowCount,s=>(e.openBlock(),e.createBlock(e.unref(C._sfc_main$3),{key:s,zebra:t.zebra},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g).getVisibleLeafColumns(),(p,o)=>(e.openBlock(),e.createBlock(e.unref(C._sfc_main$2),{key:o},{default:e.withCtx(()=>[p.id!==i?e.renderSlot(t.$slots,"skeleton",e.mergeProps({key:0,ref_for:!0},{index:o,column:p.columnDef}),()=>[e.createVNode(ve._sfc_main,e.mergeProps({ref_for:!0},e.unref(ce)(p.columnDef)),null,16)]):e.createCommentVNode("",!0)]),_:2},1024))),128))]),_:2},1032,["zebra"]))),128)):e.createCommentVNode("",!0),e.unref(g).getRowModel().rows.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(C._sfc_main$3),{key:1,empty:""},{default:e.withCtx(()=>[e.createVNode(e.unref(C._sfc_main$2),{colspan:e.unref(g).getVisibleLeafColumns().length,empty:""},{default:e.withCtx(()=>[e.createVNode(ke._sfc_main,e.mergeProps({type:"advance"},t.emptyProps),e.createSlots({_:2},[y.emptyTitle?{name:"title",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"emptyTitle")]),key:"0"}:void 0,y.emptyDescription?{name:"title",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"emptyDescription")]),key:"1"}:void 0,y.emptyActions?{name:"title",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"emptyActions")]),key:"2"}:void 0,y.emptyImage?{name:"title",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"emptyImage")]),key:"3"}:void 0]),1040)]),_:3},8,["colspan"])]),_:3})),t.lazyLoading?(e.openBlock(),e.createBlock(e.unref(C._sfc_main$3),{key:2,"lazy-load-observer":""},{default:e.withCtx(()=>[e.createVNode(e.unref(C._sfc_main$2),{ref_key:"target",ref:W,"lazy-load-observer":""},null,512)]),_:1})):e.createCommentVNode("",!0)]),_:3},8,["class"])]),_:3},8,["size","style","class"])],2)],2)]),_:3},8,["open"])],2))}});exports.DataTable=re;exports.default=re;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),q=require("@tanstack/vue-table"),ke=require("../_baseIsEqual-DP4HkppL.js"),I=require("../isArray-3RTyNB5p.js"),J=require("../Checkbox.vue_vue_type_style_index_0_lang-mD-mS-u3.js"),$=require("../Menu.vue_vue_type_style_index_0_lang-DzZ6brMU.js"),ye=require("../ActionButton.vue_vue_type_script_setup_true_lang-ViFlltdC.js"),he=require("../Empty.vue_vue_type_style_index_0_lang-BCaOU35N.js"),oe=require("../omit-C4BrcXKG.js"),we=require("../uniq-ChIEzCZe.js"),w=require("../_flatRest-CreY2VBo.js"),d=require("@pantograph/utils"),ve=require("@pantograph/tokens"),Q=require("@vueuse/core"),Se=require("../Skeleton.vue_vue_type_style_index_0_lang-BRov9v5C.js"),X=require("../Popover.vue_vue_type_style_index_0_lang-_D1J6CSu.js"),Be=require("../Badge.vue_vue_type_script_setup_true_lang-DYK5srGm.js"),Y=require("../Divider.vue_vue_type_style_index_0_lang-DuAAwNmp.js"),ee=require("../IconButton.vue_vue_type_script_setup_true_lang-BhcKAsTi.js"),j=require("../Icon.vue_vue_type_style_index_0_lang-C00M2fnO.js"),be=require("../Switch.vue_vue_type_style_index_0_lang-BBTDR8Er.js"),te=require("../get-DhKz3lGB.js"),Ee=require("class-variance-authority"),k=require("../THead.vue_vue_type_style_index_0_lang-C1I8ZLa2.js");function ne(v,y){return ke.baseIsEqual(v,y)}const Ve=(v,{isColumnWrapped:y,selectionId:l})=>{const R=n=>{var u;const c=f=>f==="list"?"md":"sm";return{...(n==null?void 0:n.skeletonProps)??{},style:"width: 100%",size:c((u=n==null?void 0:n.skeletonProps)==null?void 0:u.type)}},C=n=>{var u,f;const c=(u=n.props)==null?void 0:u.column.columnDef;return w.isFunction(c==null?void 0:c.render)&&n.props.row?(f=c==null?void 0:c.render)==null?void 0:f.call(c,{index:n.props.row.index,record:n.props.row.original,column:oe.omit(c,"render")}):typeof n.render=="function"||typeof n.render=="object"?e.h(n.render,n.props):n.render},a=n=>{let c={};if(n){const u=b=>Number(b)>=0?`${b}px`:b,{width:f,maxWidth:B,minWidth:S}=n;(f||B||S)&&(c={width:u(f),maxWidth:u(B),minWidth:u(S),overflow:f||B?"hidden":void 0})}return c},h={},i=(n,c=!0)=>{var f;let u=1;return((f=n==null?void 0:n.subHeaders)==null?void 0:f.length)===1&&n.column.id===n.subHeaders[0].column.id&&(u+=i(n.subHeaders[0],!1)),c&&(!h[n.column.id]||h[n.column.id]<u)&&(h[n.column.id]=u),u},m=(n,c={})=>{var u;if(n!=null&&n.column){const f=(u=n==null?void 0:n.column)==null?void 0:u.columnDef,B=[],S={};if(w.isObject(f)){let b=y(n.column.id);const{customCell:E,class:A}=f;if($.isEmpty(A)||B.push(A),E&&(w.isObject(E)||w.isFunction(E))){const P=g=>{if(w.isObject(g)){const{wrap:V,colSpan:F,rowSpan:D}=g;b=b||(V??!1),S.colSpan=F,S.rowSpan=D}};w.isFunction(E)&&n.row?P(E({index:n.row.index,record:n.row.original,column:f})):P(E)}n.header?S.rowSpan=i(n.header):b&&(S.wrap=!0)}return{class:$.isEmpty(B)?void 0:B,...S,...c}}return{}};return{getSkeletonProps:R,RenderCell:C,getThProps:n=>{var c,u,f;return m(n,{colSpan:(c=n==null?void 0:n.header)==null?void 0:c.colSpan,"data-has-children":((f=(u=n==null?void 0:n.column)==null?void 0:u.columns)==null?void 0:f.length)>1?!0:void 0})},getTdProps:n=>m(n),getColProps:n=>{const c=a(n.columnDef);return n.id===l&&(c.width="var(--pt-dimension-2800)"),{style:c}},isThVisible:(n,c,u)=>h[u]===1?!0:c-n===h[u]}};var ze="[object Boolean]";function Ne(v){return v===!0||v===!1||I.isObjectLike(v)&&I.baseGetTag(v)==ze}const Re=v=>{const y=e.ref([]),l=i=>i?y.value.findIndex(m=>m.id===i):-1,R=i=>{if(i)return y.value.find(m=>m.id===i)},C=i=>{var m;return!!((m=R(i))!=null&&m.wrap)},a=i=>{const{id:m}=i;if(!m)return!1;const N=i.wrap??!C(m),x=l(m);return x>=0?y.value[x]={id:m,wrap:N}:y.value.push({id:m,wrap:N}),!0},h=e.computed(()=>(v.columns??[]).filter(i=>Ne(i.wrap)).map(i=>({id:i.id,wrap:!!i.wrap})));return e.watch(h,i=>{y.value=[...y.value,...i]},{immediate:!0,deep:!0}),{isColumnWrapped:C,toggleWrap:a}},re=e.defineComponent({__name:"DataTable",props:{columns:{},childrenColumnName:{default:"children"},data:{},class:{},scrollViewportCls:{},scrollAreaCls:{},theadCls:{},tbodyCls:{},actionHoverCls:{},rootCls:{},rowSelection:{},rowKey:{},lazyLoading:{type:Boolean},loading:{type:Boolean},emptyProps:{},size:{},batchActionsTitle:{default:"Records selected :"},loadingRowCount:{default:5},stickyHeader:{type:Boolean},zebra:{type:Boolean,default:!0},tableLayout:{default:"fixed"},actionCol:{},noHeader:{type:Boolean}},emits:["fetch","rowClick"],setup(v,{emit:y}){const l=v,R=y,C=e.useSlots(),a=d.getBemBlock("data_table",d.wgt_pre),h=q.createColumnHelper(),i=`$${a}_selection$`,m=e.computed(()=>{var t;return((t=l.actionCol)==null?void 0:t.id)??`$${a}_action$`}),N=t=>oe.omit(t??{},"title","sorter","columns","id","dataIndex"),x=e.computed(()=>{var p;const t=o=>{var z;const _=o.id??d.usePCId(`${a}--col`);return I.isArray(te.get(o,l.childrenColumnName))?h.group({header:o.title,id:_,columns:(z=te.get(o,l.childrenColumnName)??[])==null?void 0:z.map(t),enableSorting:!1,...N(o)}):h.accessor(o.dataIndex??o.id,{header:o.title,id:_,sortingFn:typeof o.sorter=="function"?(K,Ce)=>o.sorter(K.original,Ce.original):o.sorter,enableSorting:!!o.sorter,...N(o)})};if(!I.isArray(l.columns))throw"no columns";const r=l.columns.map(({id:o})=>o);if(we.uniq(r).length!==r.length)throw"no uniq column ids";const s=[];return l.rowSelection&&l.rowKey&&s.push(h.accessor(i,{id:i,enableSorting:!1})),l.columns.forEach(o=>{s.push(t(o))}),(C.action||C.hoverAction)&&s.push(h.accessor(m.value,{id:m.value,header:(p=l.actionCol)==null?void 0:p.title,enableSorting:!1,...N(l.actionCol)})),s}),{toggleWrap:H,isColumnWrapped:T}=Re(l),n=e.ref({}),c=e.computed(()=>Object.keys(n.value)),u=e.computed(()=>l.rowKey?q.flattenBy(l.data,t=>t.children).map(t=>t[l.rowKey]):[]),f=()=>{const t=Object.fromEntries(c.value.filter(r=>{var s;return!((s=l.rowSelection)!=null&&s.preserveSelectedRowKeys)&&l.rowKey?u.value.includes(r):!0}).map(r=>[r,!0]));Object.keys(t).length!==c.value.length&&(n.value=t,e.nextTick(()=>{var r;w.isFunction((r=l.rowSelection)==null?void 0:r.onChange)&&l.rowSelection.onChange(V.value)}))},B=e.computed(()=>(f(),[...l.data])),S=ve.getBreakpoints(),E=Q.useBreakpoints(Object.fromEntries(Object.keys(S).map(t=>[t,S[t].minWidth])),{strategy:"min-width"}).active(),A=e.ref({});e.watch(E,t=>{A.value=Object.fromEntries(x.value.map(r=>{var s;return[r.id,I.isArray(r==null?void 0:r.responsive)?(s=r.responsive)==null?void 0:s.includes(t):!0]}))},{immediate:!0});const P=e.ref([]),g=q.useVueTable({getSubRows:t=>t.children,enableSorting:!0,enableMultiSort:!0,get data(){return B.value},onSortingChange:t=>{P.value=typeof t=="function"?t(P.value):t},state:{get sorting(){return P.value},get rowSelection(){return n.value},get columnVisibility(){return A.value}},enableRowSelection:!0,get columns(){return x.value},getRowId(t,r){return l.rowKey?t[l.rowKey]:r},getRowCanExpand:()=>!0,getCoreRowModel:q.getCoreRowModel(),getSortedRowModel:q.getSortedRowModel(),onRowSelectionChange:t=>{n.value=typeof t=="function"?t(n.value):t}}),V=e.computed(()=>({selectedRowKeys:c.value,selectedRows:g.getFilteredSelectedRowModel().flatRows.map(t=>t.original)}));e.watch(()=>{var t;return(t=l.rowSelection)==null?void 0:t.selectedRowKeys},(t,r)=>{var s,p;if((p=(s=l.rowSelection)==null?void 0:s.selectedRowKeys)!=null&&p.length&&!ne(t,r)){const o=Object.fromEntries(e.unref(l.rowSelection.selectedRowKeys??Object.keys(n.value)).map(_=>[_,!0]));ne(o,n.value)||(n.value=o)}},{immediate:!0});const F=e.computed(()=>g.getIsAllRowsSelected()?!0:g.getIsSomeRowsSelected()?"indeterminate":!1),D=t=>{g.getIsSomeRowsSelected()||g.getIsAllRowsSelected()?g.toggleAllRowsSelected(!1):g.toggleAllRowsSelected(!0),e.nextTick(()=>{var r,s;w.isFunction((r=l.rowSelection)==null?void 0:r.onSelectAll)&&l.rowSelection.onSelectAll({...V.value,selected:t}),w.isFunction((s=l.rowSelection)==null?void 0:s.onChange)&&l.rowSelection.onChange(V.value)})},le=(t,r)=>{var s;r.toggleSelected(t,{selectChildren:!((s=l.rowSelection)!=null&&s.checkStrictly)}),e.nextTick(()=>{var p,o;w.isFunction((p=l.rowSelection)==null?void 0:p.onSelect)&&l.rowSelection.onSelect({...V.value,selected:t,record:r.original}),w.isFunction((o=l.rowSelection)==null?void 0:o.onChange)&&l.rowSelection.onChange(V.value)})},se=t=>{var r,s;return w.isFunction((r=l.rowSelection)==null?void 0:r.getCheckboxProps)&&((s=l.rowSelection)==null||s.getCheckboxProps(t)),{}},M=t=>{var r;if(t.getIsSelected())return!0;if((r=t.subRows)!=null&&r.length){if(t.getIsAllSubRowsSelected())return!0;if(t.getIsSomeSelected())return"indeterminate"}return!1},W=e.useTemplateRef("target"),{stop:ie}=Q.useIntersectionObserver(W,([t])=>{l.lazyLoading&&!l.loading&&(t!=null&&t.isIntersecting)&&R("fetch")});e.onBeforeUnmount(ie);const{getSkeletonProps:ce,getThProps:ae,RenderCell:O,getTdProps:L,getColProps:ue,isThVisible:me}=Ve(l,{selectionId:i,isColumnWrapped:T}),G=e.computed(()=>Object.keys(n.value).length),de=()=>{n.value={}},fe=Ee.cva(a,{variants:{empty:d.generateVariantClassList("empty",a)}}),Z=e.shallowRef(0),pe=({item:t},r)=>{t.key==="a-z"&&r.toggleSorting(!1,!1),t.key==="z-a"&&r.toggleSorting(!0,!1),t.key==="wrap"&&H({id:r.id}),Z.value++},ge=t=>{const r=t.getIsSorted();if(!r)return"tabler:arrows-up-down";if(r==="desc")return"tabler:arrow-down";if(r==="asc")return"tabler:arrow-up"},U=e.computed(()=>g.getHeaderGroups().map(t=>({...t,headers:t.headers.map(r=>({...r,bindings:ae(r.getContext())}))}))),_e=(t,r)=>R("rowClick",t,r);return(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(d.getBemElement)(e.unref(a),"root"),t.rootCls])},[e.createVNode(X._sfc_main,{"z-index":"1",open:!!(G.value&&C.batchActions),placement:"bottom","side-offset":-54,"container-cls":"pantograph-tokens pantograph-dark"},{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"batch_actions"))},[e.createVNode(Be._sfc_main,{text:G.value,size:"xsm"},null,8,["text"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"batch_actions__title"))},e.toDisplayString(t.batchActionsTitle),3),e.createElementVNode("div",{class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"batch_actions__actions"))},[e.renderSlot(t.$slots,"batchActions",e.normalizeProps(e.guardReactiveProps(V.value)))],2),e.createVNode(Y._sfc_main,{type:"vertical",class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"batch_actions__divider"))},null,8,["class"]),e.createVNode(ee._sfc_main,{icon:"tabler:x",color:"gray",type:"ghost",onClick:de})],2)]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(d.getBemElement)(e.unref(a),"scroll_area"),t.scrollAreaCls])},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(d.getBemElement)(e.unref(a),"scroll_viewport"),t.scrollViewportCls])},[e.createVNode(e.unref(k._sfc_main),{size:t.size,style:e.normalizeStyle({tableLayout:t.tableLayout}),class:e.normalizeClass([e.unref(fe)({empty:!e.unref(g).getRowModel().rows.length}),l.class])},{default:e.withCtx(()=>[e.createElementVNode("colgroup",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g).getVisibleLeafColumns(),(s,p)=>(e.openBlock(),e.createElementBlock("col",e.mergeProps({key:s.id,ref_for:!0},e.unref(ue)(s)),null,16))),128))]),t.noHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(k._sfc_main$5),{key:0,class:e.normalizeClass(t.theadCls),sticky:t.stickyHeader},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(U.value,(s,p)=>(e.openBlock(),e.createBlock(e.unref(k._sfc_main$3),{key:s.id},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.headers,o=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:o.id},[e.unref(me)(p,U.value.length,o.column.id)?(e.openBlock(),e.createBlock(e.unref(k._sfc_main$1),e.mergeProps({key:0,ref_for:!0},o.bindings,{"data-selection":o.column.id===i}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"header__content"))},[o.column.id!==i?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"header__content__title"))},[e.renderSlot(t.$slots,"headerCell",e.mergeProps({ref_for:!0},{column:o.column.columnDef}),()=>[e.createVNode(e.unref(O),{props:o.getContext(),render:o.column.columnDef.header},null,8,["props","render"])])],2),o.column.getCanSort()?(e.openBlock(),e.createBlock(ye._sfc_main,{key:0,class:e.normalizeClass({hide_filter_action:!o.column.getIsSorted()}),icon:ge(o.column),size:"sm",type:"ghost",variant:"icon",active:!!o.column.getIsSorted(),onClick:_=>{var z;return(z=o.column.getToggleSortingHandler())==null?void 0:z(_)}},null,8,["class","icon","active","onClick"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"selection_space"))},null,2),e.createVNode(J._sfc_main,{rootCls:"w-fit",checked:F.value,onChange:D},null,8,["checked"])],64))],2),![m.value,i].includes(o.column.id)&&!o.column.columns.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"header__action"))},[(e.openBlock(),e.createBlock(X._sfc_main,{"z-index":"1",placement:"bottom-end",key:Z.value},{content:e.withCtx(()=>[e.createVNode($._sfc_main,{onSelect:_=>pe(_,o.column)},{default:e.withCtx(()=>[o.column.getCanSort()?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode($._sfc_main$1,{title:"Sort A → Z",key:"a-z"},{leading:e.withCtx(({iconSize:_})=>[e.createVNode(j._sfc_main,{icon:"tabler:arrow-up",size:_},null,8,["size"])]),_:1}),e.createVNode($._sfc_main$1,{title:"Sort Z → A",key:"z-a"},{leading:e.withCtx(({iconSize:_})=>[e.createVNode(j._sfc_main,{icon:"tabler:arrow-down",size:_},null,8,["size"])]),_:1}),e.createVNode(Y._sfc_main)],64)):e.createCommentVNode("",!0),e.createVNode($._sfc_main$1,{title:"Wrap Column",key:"wrap"},{leading:e.withCtx(({iconSize:_})=>[e.createVNode(j._sfc_main,{icon:"tabler:text-wrap",size:_},null,8,["size"])]),trailing:e.withCtx(()=>[e.createVNode(be._sfc_main,{checked:e.unref(T)(o.column.id)},null,8,["checked"])]),_:2},1024)]),_:2},1032,["onSelect"])]),default:e.withCtx(()=>[e.createVNode(ee._sfc_main,{icon:"tabler:dots-vertical",size:"sm",color:"gray",type:"ghost",class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"header__action__hover"))},null,8,["class"])]),_:2},1024))],2)):e.createCommentVNode("",!0)],2)]),_:2},1040,["data-selection"])):e.createCommentVNode("",!0)],64))),128))]),_:2},1024))),128))]),_:3},8,["class","sticky"])),e.createVNode(e.unref(k._sfc_main$4),{class:e.normalizeClass(t.tbodyCls)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g).getRowModel().rows,(s,p)=>(e.openBlock(),e.createBlock(e.unref(k._sfc_main$3),{key:s.id,zebra:t.zebra,checked:!!M(s),onClick:o=>_e(s.original,o)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.getVisibleCells(),o=>{var _,z;return e.openBlock(),e.createElementBlock(e.Fragment,{key:o.id},[((_=e.unref(L)(o.getContext()))==null?void 0:_.colSpan)!==0&&((z=e.unref(L)(o.getContext()))==null?void 0:z.rowSpan)!==0?(e.openBlock(),e.createBlock(e.unref(k._sfc_main$2),e.mergeProps({key:0,ref_for:!0},e.unref(L)(o.getContext())),e.createSlots({default:e.withCtx(()=>[o.column.id===m.value&&(C.hoverAction||C.action)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"action_cell"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(d.getBemElement)(e.unref(a),"action_cell__hover"),t.actionHoverCls])},[e.renderSlot(t.$slots,"hoverAction",e.mergeProps({ref_for:!0},{column:o.column.columnDef,record:s.original,index:p}))],2),e.renderSlot(t.$slots,"action",e.mergeProps({ref_for:!0},{column:o.column.columnDef,record:s.original,index:p}))],2)):o.column.id!==i?e.renderSlot(t.$slots,"bodyCell",e.mergeProps({key:1,ref_for:!0},{column:o.column.columnDef,record:s.original,index:p}),()=>[e.createVNode(e.unref(O),{render:o.column.columnDef.cell,props:o.getContext()},null,8,["render","props"])]):t.rowKey&&s.original[t.rowKey]?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"selection"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(d.getBemElement)(e.unref(a),"selection_space"))},null,2),e.createVNode(J._sfc_main,e.mergeProps({rootCls:"w-fit",disabled:!s.getCanSelect(),checked:M(s),onChange:K=>le(K,s),ref_for:!0},se(s.original)),null,16,["disabled","checked","onChange"])],2)):e.createCommentVNode("",!0)]),_:2},[C.cellAction&&![m.value,i].includes(o.column.id)?{name:"absoluteAction",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"cellAction",e.mergeProps({ref_for:!0},{column:o.column.columnDef,record:s.original,index:p}))]),key:"0"}:void 0]),1040)):e.createCommentVNode("",!0)],64)}),128))]),_:2},1032,["zebra","checked","onClick"]))),128)),l.loading?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(g).getRowModel().rows.length?2:t.loadingRowCount,s=>(e.openBlock(),e.createBlock(e.unref(k._sfc_main$3),{key:s,zebra:t.zebra},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(g).getVisibleLeafColumns(),(p,o)=>(e.openBlock(),e.createBlock(e.unref(k._sfc_main$2),{key:o},{default:e.withCtx(()=>[p.id!==i?e.renderSlot(t.$slots,"skeleton",e.mergeProps({key:0,ref_for:!0},{index:o,column:p.columnDef}),()=>[e.createVNode(Se._sfc_main,e.mergeProps({ref_for:!0},e.unref(ce)(p.columnDef)),null,16)]):e.createCommentVNode("",!0)]),_:2},1024))),128))]),_:2},1032,["zebra"]))),128)):e.createCommentVNode("",!0),e.unref(g).getRowModel().rows.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(k._sfc_main$3),{key:1,empty:""},{default:e.withCtx(()=>[e.createVNode(e.unref(k._sfc_main$2),{colspan:e.unref(g).getVisibleLeafColumns().length,empty:""},{default:e.withCtx(()=>[e.createVNode(he._sfc_main,e.mergeProps({type:"advance"},t.emptyProps),e.createSlots({_:2},[C.emptyTitle?{name:"title",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"emptyTitle")]),key:"0"}:void 0,C.emptyDescription?{name:"title",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"emptyDescription")]),key:"1"}:void 0,C.emptyActions?{name:"title",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"emptyActions")]),key:"2"}:void 0,C.emptyImage?{name:"title",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"emptyImage")]),key:"3"}:void 0]),1040)]),_:3},8,["colspan"])]),_:3})),t.lazyLoading?(e.openBlock(),e.createBlock(e.unref(k._sfc_main$3),{key:2,"lazy-load-observer":""},{default:e.withCtx(()=>[e.createVNode(e.unref(k._sfc_main$2),{ref_key:"target",ref:W,"lazy-load-observer":""},null,512)]),_:1})):e.createCommentVNode("",!0)]),_:3},8,["class"])]),_:3},8,["size","style","class"])],2)],2)]),_:3},8,["open"])],2))}});exports.DataTable=re;exports.default=re;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pantograph/vue",
-  "version": "0.12.0",
+  "version": "0.12.1",
   "private": false,
   "license": "MIT",
   "keywords": [