@pantograph/vue 0.12.0 → 0.12.2

package/dist/DataTable/index.js

@@ -1,140 +1,140 @@
-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 { _ 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 { 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 { _ 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 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 { h as Ee, ref as Z, computed as D, watch as le, defineComponent as He, useSlots as Le, unref as t, useTemplateRef as Me, onBeforeUnmount as Ve, shallowRef as Ne, createElementBlock as v, openBlock as a, normalizeClass as y, createVNode as d, withCtx as m, createElementVNode as $, normalizeStyle as Oe, createBlock as A, createCommentVNode as I, Fragment as z, renderList as V, mergeProps as _, renderSlot as T, createSlots as ge, withModifiers as ye, toDisplayString as qe, normalizeProps as Fe, guardReactiveProps as xe, nextTick as oe } from "vue";
+import { createColumnHelper as Ge, flattenBy as Ze, useVueTable as Ue, getSortedRowModel as Je, getCoreRowModel as Qe } from "@tanstack/vue-table";
+import { b as Xe } from "../_baseIsEqual-BknLKouD.js";
+import { i as Ye, b as eo, a as te } from "../isArray-CdbPONHA.js";
+import { _ as we } from "../Checkbox.vue_vue_type_style_index_0_lang-D6HTNzfn.js";
+import { c as he, _ as oo, a as ne } from "../Menu.vue_vue_type_style_index_0_lang-BSR_8MKN.js";
+import { _ as to } from "../ActionButton.vue_vue_type_script_setup_true_lang-CiJO-TtM.js";
+import { _ as no } from "../Empty.vue_vue_type_style_index_0_lang-BlW5utb2.js";
+import { o as se } from "../omit-CD3OjwFx.js";
+import { u as ro } from "../uniq-DSVd52ma.js";
+import { i as U, a as K } from "../_flatRest-Dx0ZZgOx.js";
+import { getBemBlock as lo, wgt_pre as so, generateVariantClassList as io, getBemElement as C, usePCId as co } from "@pantograph/utils";
+import { getBreakpoints as ao } from "@pantograph/tokens";
+import { useBreakpoints as uo, useIntersectionObserver as mo } from "@vueuse/core";
+import { _ as fo } from "../Skeleton.vue_vue_type_style_index_0_lang-aSGb2hn6.js";
+import { _ as be } from "../Popover.vue_vue_type_style_index_0_lang-CIv6R_D2.js";
+import { _ as po } from "../Badge.vue_vue_type_script_setup_true_lang-Bad9nnGa.js";
+import { _ as ve } from "../Divider.vue_vue_type_style_index_0_lang-DapqjSGc.js";
+import { _ as Ce } 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 { 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 { _ as go } from "../Switch.vue_vue_type_style_index_0_lang-DnmgMCHT.js";
+import { g as Se } from "../get-B14Mml42.js";
+import { cva as yo } from "class-variance-authority";
+import { _ as wo, e as ho, c as x, a as bo, d as vo, b as G } from "../THead.vue_vue_type_style_index_0_lang-B4yro5EP.js";
+function _e(B, k) {
+  return Xe(B, k);
 }
-const wo = (B, { isColumnWrapped: C, selectionId: r }) => {
-  const x = (o) => {
-    var d;
-    const a = (y) => y === "list" ? "md" : "sm";
+const Co = (B, { isColumnWrapped: k, selectionId: l }) => {
+  const N = (o) => {
+    var f;
+    const c = (w) => w === "list" ? "md" : "sm";
     return {
       ...(o == null ? void 0 : o.skeletonProps) ?? {},
       style: "width: 100%",
-      size: a((d = o == null ? void 0 : o.skeletonProps) == null ? void 0 : d.type)
+      size: c((f = o == null ? void 0 : o.skeletonProps) == null ? void 0 : f.type)
     };
   }, S = (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, {
+    var f, w;
+    const c = (f = o.props) == null ? void 0 : f.column.columnDef;
+    return K(c == null ? void 0 : c.render) && o.props.row ? (w = c == null ? void 0 : c.render) == null ? void 0 : w.call(c, {
       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: se(c, "render")
+    }) : typeof o.render == "function" || typeof o.render == "object" ? Ee(o.render, o.props) : o.render;
   }, u = (o) => {
-    let a = {};
+    let c = {};
     if (o) {
-      const d = (j) => Number(j) >= 0 ? `${j}px` : j, { width: y, maxWidth: K, minWidth: A } = o;
-      (y || K || A) && (a = {
-        width: d(y),
-        maxWidth: d(K),
-        minWidth: d(A),
-        overflow: y || K ? "hidden" : void 0
+      const f = (j) => Number(j) >= 0 ? `${j}px` : j, { width: w, maxWidth: W, minWidth: P } = o;
+      (w || W || P) && (c = {
+        width: f(w),
+        maxWidth: f(W),
+        minWidth: f(P),
+        overflow: w || W ? "hidden" : void 0
       });
     }
-    return a;
-  }, k = {}, i = (o, a = !0) => {
-    var y;
-    let d = 1;
-    return ((y = o == null ? void 0 : o.subHeaders) == null ? void 0 : y.length) === 1 && o.column.id === o.subHeaders[0].column.id && (d += i(o.subHeaders[0], !1)), a && (!k[o.column.id] || k[o.column.id] < d) && (k[o.column.id] = d), d;
-  }, p = (o, a = {}) => {
-    var d;
+    return c;
+  }, R = {}, i = (o, c = !0) => {
+    var w;
+    let f = 1;
+    return ((w = o == null ? void 0 : o.subHeaders) == null ? void 0 : w.length) === 1 && o.column.id === o.subHeaders[0].column.id && (f += i(o.subHeaders[0], !1)), c && (!R[o.column.id] || R[o.column.id] < f) && (R[o.column.id] = f), f;
+  }, g = (o, c = {}) => {
+    var f;
     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);
-        const { customCell: E, class: q } = y;
-        if (ge(q) || K.push(q), E && (ne(E) || W(E))) {
-          const O = (w) => {
-            if (ne(w)) {
-              const { wrap: H, colSpan: J, rowSpan: Q } = w;
-              j = j || (H ?? !1), A.colSpan = J, A.rowSpan = Q;
+      const w = (f = o == null ? void 0 : o.column) == null ? void 0 : f.columnDef, W = [], P = {};
+      if (U(w)) {
+        let j = k(o.column.id);
+        const { customCell: E, class: F } = w;
+        if (he(F) || W.push(F), E && (U(E) || K(E))) {
+          const q = (h) => {
+            if (U(h)) {
+              const { wrap: H, colSpan: Q, rowSpan: X } = h;
+              j = j || (H ?? !1), P.colSpan = Q, P.rowSpan = X;
             }
           };
-          W(E) && o.row ? O(
+          K(E) && o.row ? q(
             E({
               index: o.row.index,
               record: o.row.original,
-              column: y
+              column: w
             })
-          ) : O(E);
+          ) : q(E);
         }
-        o.header ? A.rowSpan = i(o.header) : j && (A.wrap = !0);
+        o.header ? P.rowSpan = i(o.header) : j && (P.wrap = !0);
       }
       return {
-        class: ge(K) ? void 0 : K,
-        ...A,
-        ...a
+        class: he(W) ? void 0 : W,
+        ...P,
+        ...c
       };
     }
     return {};
   };
   return {
-    getSkeletonProps: x,
+    getSkeletonProps: N,
     RenderCell: S,
     getThProps: (o) => {
-      var a, d, y;
-      return p(o, {
-        colSpan: (a = o == null ? void 0 : o.header) == null ? void 0 : a.colSpan,
-        "data-has-children": ((y = (d = o == null ? void 0 : o.column) == null ? void 0 : d.columns) == null ? void 0 : y.length) > 1 ? !0 : void 0
+      var c, f, w;
+      return g(o, {
+        colSpan: (c = o == null ? void 0 : o.header) == null ? void 0 : c.colSpan,
+        "data-has-children": ((w = (f = o == null ? void 0 : o.column) == null ? void 0 : f.columns) == null ? void 0 : w.length) > 1 ? !0 : void 0
       });
     },
-    getTdProps: (o) => p(o),
+    getTdProps: (o) => g(o),
     getColProps: (o) => {
-      const a = u(o.columnDef);
-      return o.id === r && (a.width = "var(--pt-dimension-2800)"), {
-        style: a
+      const c = u(o.columnDef);
+      return o.id === l && (c.width = "var(--pt-dimension-2800)"), {
+        style: c
       };
     },
-    isThVisible: (o, a, d) => k[d] === 1 ? !0 : a - o === k[d]
+    isThVisible: (o, c, f) => R[f] === 1 ? !0 : c - o === R[f]
   };
 };
-var bo = "[object Boolean]";
-function vo(B) {
-  return B === !0 || B === !1 || Je(B) && Qe(B) == bo;
+var So = "[object Boolean]";
+function _o(B) {
+  return B === !0 || B === !1 || Ye(B) && eo(B) == So;
 }
-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);
+const ko = (B) => {
+  const k = Z([]), l = (i) => i ? k.value.findIndex((g) => g.id === i) : -1, N = (i) => {
+    if (i) return k.value.find((g) => g.id === i);
   }, S = (i) => {
-    var p;
-    return !!((p = x(i)) != null && p.wrap);
+    var g;
+    return !!((g = N(i)) != null && g.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;
-  }, k = D(
-    () => (B.columns ?? []).filter((i) => vo(i.wrap)).map((i) => ({
+    const { id: g } = i;
+    if (!g) return !1;
+    const M = i.wrap ?? !S(g), O = l(g);
+    return O >= 0 ? k.value[O] = { id: g, wrap: M } : k.value.push({ id: g, wrap: M }), !0;
+  }, R = D(
+    () => (B.columns ?? []).filter((i) => _o(i.wrap)).map((i) => ({
       id: i.id,
       wrap: !!i.wrap
     }))
   );
   return le(
-    k,
+    R,
     (i) => {
-      C.value = [...C.value, ...i];
+      k.value = [...k.value, ...i];
     },
     {
       immediate: !0,
@@ -144,7 +144,7 @@ const _o = (B) => {
     isColumnWrapped: S,
     toggleWrap: u
   };
-}, Fo = /* @__PURE__ */ We({
+}, Uo = /* @__PURE__ */ He({
   __name: "DataTable",
   props: {
     columns: {},
@@ -169,308 +169,318 @@ const _o = (B) => {
     zebra: { type: Boolean, default: !0 },
     tableLayout: { default: "fixed" },
     actionCol: {},
-    noHeader: { type: Boolean }
+    noHeader: { type: Boolean },
+    rowProps: {}
   },
-  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: k }) {
+    const l = B, N = k, S = Le(), u = lo("data_table", so), R = Ge(), i = `$${u}_selection$`, g = 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(() => {
-      var h;
+      return ((e = l.actionCol) == null ? void 0 : e.id) ?? `$${u}_action$`;
+    }), M = (e) => se(e ?? {}, "title", "sorter", "columns", "id", "dataIndex"), O = D(() => {
+      var p;
       const e = (n) => {
         var L;
-        const b = n.id ?? lo(`${u}--col`);
-        return oe(be(n, r.childrenColumnName)) ? k.group({
+        const b = n.id ?? co(`${u}--col`);
+        return te(Se(n, l.childrenColumnName)) ? R.group({
           header: n.title,
           id: b,
-          columns: (L = be(n, r.childrenColumnName) ?? []) == null ? void 0 : L.map(e),
+          columns: (L = Se(n, l.childrenColumnName) ?? []) == null ? void 0 : L.map(e),
           enableSorting: !1,
-          ...V(n)
-        }) : k.accessor(n.dataIndex ?? n.id, {
+          ...M(n)
+        }) : R.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" ? (ee, je) => n.sorter(ee.original, je.original) : n.sorter,
           enableSorting: !!n.sorter,
-          ...V(n)
+          ...M(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 (!te(l.columns)) throw "no columns";
+      const r = l.columns.map(({ id: n }) => n);
+      if (ro(r).length !== r.length) throw "no uniq column ids";
       const s = [];
-      return r.rowSelection && r.rowKey && s.push(
-        k.accessor(i, {
+      return l.rowSelection && l.rowKey && s.push(
+        R.accessor(i, {
           id: i,
           enableSorting: !1
         })
-      ), r.columns.forEach((n) => {
+      ), l.columns.forEach((n) => {
         s.push(e(n));
       }), (S.action || S.hoverAction) && s.push(
-        k.accessor(p.value, {
-          id: p.value,
-          header: (h = r.actionCol) == null ? void 0 : h.title,
+        R.accessor(g.value, {
+          id: g.value,
+          header: (p = l.actionCol) == null ? void 0 : p.title,
           enableSorting: !1,
-          ...V(r.actionCol)
+          ...M(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: ie, isColumnWrapped: J } = ko(l), o = Z({}), c = D(() => Object.keys(o.value)), f = D(
+      () => l.rowKey ? Ze(l.data, (e) => e.children).map(
+        (e) => e[l.rowKey]
       ) : []
-    ), y = () => {
+    ), w = () => {
       const e = Object.fromEntries(
-        a.value.filter((l) => {
+        c.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 ? f.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);
+      Object.keys(e).length !== c.value.length && (o.value = e, oe(() => {
+        var r;
+        K((r = l.rowSelection) == null ? void 0 : r.onChange) && l.rowSelection.onChange(H.value);
       }));
-    }, K = D(() => (y(), [...r.data])), A = so(), E = io(
+    }, W = D(() => (w(), [...l.data])), P = ao(), E = uo(
       Object.fromEntries(
-        Object.keys(A).map((e) => [e, A[e].minWidth])
+        Object.keys(P).map((e) => [e, P[e].minWidth])
       ),
       { strategy: "min-width" }
-    ).active(), q = Z({});
+    ).active(), F = Z({});
     le(
       E,
       (e) => {
-        q.value = Object.fromEntries(
-          N.value.map((l) => {
+        F.value = Object.fromEntries(
+          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,
+              te(r == null ? void 0 : r.responsive) ? (s = r.responsive) == null ? void 0 : s.includes(e) : !0
             ];
           })
         );
       },
       { immediate: !0 }
     );
-    const O = Z([]), w = Fe({
+    const q = Z([]), h = Ue({
       // debugTable: true,
       getSubRows: (e) => e.children,
       enableSorting: !0,
       enableMultiSort: !0,
       get data() {
-        return K.value;
+        return W.value;
       },
       onSortingChange: (e) => {
-        O.value = typeof e == "function" ? e(O.value) : e;
+        q.value = typeof e == "function" ? e(q.value) : e;
       },
       state: {
         get sorting() {
-          return O.value;
+          return q.value;
         },
         get rowSelection() {
           return o.value;
         },
         get columnVisibility() {
-          return q.value;
+          return F.value;
         }
       },
       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: Qe(),
+      getSortedRowModel: Je(),
       onRowSelectionChange: (e) => {
         o.value = typeof e == "function" ? e(o.value) : e;
       }
     }), H = D(() => ({
-      selectedRowKeys: a.value,
-      selectedRows: w.getFilteredSelectedRowModel().flatRows.map((e) => e.original)
+      selectedRowKeys: c.value,
+      selectedRows: h.getFilteredSelectedRowModel().flatRows.map((e) => e.original)
     }));
     le(
       () => {
         var e;
-        return (e = r.rowSelection) == null ? void 0 : e.selectedRowKeys;
+        return (e = l.rowSelection) == null ? void 0 : e.selectedRowKeys;
       },
-      (e, l) => {
-        var s, h;
-        if ((h = (s = r.rowSelection) == null ? void 0 : s.selectedRowKeys) != null && h.length && !ve(e, l)) {
+      (e, r) => {
+        var s, p;
+        if ((p = (s = l.rowSelection) == null ? void 0 : s.selectedRowKeys) != null && p.length && !_e(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]
             )
           );
-          ve(n, o.value) || (o.value = n);
+          _e(n, o.value) || (o.value = n);
         }
       },
       { immediate: !0 }
     );
-    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);
+    const Q = D(() => h.getIsAllRowsSelected() ? !0 : h.getIsSomeRowsSelected() ? "indeterminate" : !1), X = (e) => {
+      h.getIsSomeRowsSelected() || h.getIsAllRowsSelected() ? h.toggleAllRowsSelected(!1) : h.toggleAllRowsSelected(!0), oe(() => {
+        var r, s;
+        K((r = l.rowSelection) == null ? void 0 : r.onSelectAll) && l.rowSelection.onSelectAll({ ...H.value, selected: e }), K((s = l.rowSelection) == null ? void 0 : s.onChange) && l.rowSelection.onChange(H.value);
       });
-    }, Se = (e, l) => {
+    }, ke = (e, r) => {
       var s;
-      l.toggleSelected(e, {
-        selectChildren: !((s = r.rowSelection) != null && s.checkStrictly)
-      }), ee(() => {
-        var h, n;
-        W((h = r.rowSelection) == null ? void 0 : h.onSelect) && r.rowSelection.onSelect({
+      r.toggleSelected(e, {
+        selectChildren: !((s = l.rowSelection) != null && s.checkStrictly)
+      }), oe(() => {
+        var p, n;
+        K((p = l.rowSelection) == null ? void 0 : p.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
+        }), K((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)), {};
-    }, ie = (e) => {
-      var l;
+    }, Re = (e) => {
+      var r, s;
+      return K((r = l.rowSelection) == null ? void 0 : r.getCheckboxProps) && ((s = l.rowSelection) == null || s.getCheckboxProps(e)), {};
+    }, ce = (e) => {
+      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 = Me("target"), { stop: $e } = mo(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, {
+    Ve($e);
+    const { getSkeletonProps: ze, getThProps: Be, RenderCell: ue, getTdProps: Y, getColProps: Pe, isThVisible: Ae } = Co(l, {
       selectionId: i,
-      isColumnWrapped: U
-    }), ue = D(() => Object.keys(o.value).length), Ae = () => {
+      isColumnWrapped: J
+    }), me = D(() => Object.keys(o.value).length), Ie = () => {
       o.value = {};
-    }, Ie = fo(u, {
+    }, Te = yo(u, {
       variants: {
-        empty: ro("empty", u)
+        empty: io("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++;
-    }, 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";
+    }), fe = Ne(0), De = ({ item: e }, r) => {
+      e.key === "a-z" && r.toggleSorting(!1, !1), e.key === "z-a" && r.toggleSorting(!0, !1), e.key === "wrap" && ie({ id: r.id }), fe.value++;
+    }, Ke = (e) => {
+      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) => ({
+      () => h.getHeaderGroups().map((e) => ({
         ...e,
-        headers: e.headers.map((l) => ({
-          ...l,
-          bindings: $e(l.getContext())
+        headers: e.headers.map((r) => ({
+          ...r,
+          bindings: Be(r.getContext())
         }))
       }))
-    );
-    return (e, l) => (c(), v("div", {
-      class: g([t(_)(t(u), "root"), e.rootCls])
+    ), pe = (e, r) => {
+      const s = se(r ?? {}, "row");
+      if (l.rowProps) {
+        if (K(l.rowProps))
+          return { ...l.rowProps(e, r == null ? void 0 : r.row) ?? {}, ...s };
+        if (U(l.rowProps)) return { ...l.rowProps, ...s };
+      }
+      return s;
+    }, We = (e, r) => N("rowClick", e, r);
+    return (e, r) => (a(), v("div", {
+      class: y([t(C)(t(u), "root"), e.rootCls])
     }, [
-      f(ye, {
+      d(be, {
         "z-index": "1",
-        open: !!(ue.value && S.batchActions),
+        open: !!(me.value && S.batchActions),
         placement: "bottom",
         "side-offset": -54,
         "container-cls": "pantograph-tokens pantograph-dark"
       }, {
         content: m(() => [
-          R("div", {
-            class: g(t(_)(t(u), "batch_actions"))
+          $("div", {
+            class: y(t(C)(t(u), "batch_actions"))
           }, [
-            f(uo, {
-              text: ue.value,
+            d(po, {
+              text: me.value,
               size: "xsm"
             }, null, 8, ["text"]),
-            R("div", {
-              class: g(t(_)(t(u), "batch_actions__title"))
-            }, Me(e.batchActionsTitle), 3),
-            R("div", {
-              class: g(t(_)(t(u), "batch_actions__actions"))
+            $("div", {
+              class: y(t(C)(t(u), "batch_actions__title"))
+            }, qe(e.batchActionsTitle), 3),
+            $("div", {
+              class: y(t(C)(t(u), "batch_actions__actions"))
             }, [
-              T(e.$slots, "batchActions", Ne(Oe(H.value)))
+              T(e.$slots, "batchActions", Fe(xe(H.value)))
             ], 2),
-            f(he, {
+            d(ve, {
               type: "vertical",
-              class: g(t(_)(t(u), "batch_actions__divider"))
+              class: y(t(C)(t(u), "batch_actions__divider"))
             }, null, 8, ["class"]),
-            f(we, {
+            d(Ce, {
               icon: "tabler:x",
               color: "gray",
               type: "ghost",
-              onClick: Ae
+              onClick: Ie
             })
           ], 2)
         ]),
         default: m(() => [
-          R("div", {
-            class: g([t(_)(t(u), "scroll_area"), e.scrollAreaCls])
+          $("div", {
+            class: y([t(C)(t(u), "scroll_area"), e.scrollAreaCls])
           }, [
-            R("div", {
-              class: g([t(_)(t(u), "scroll_viewport"), e.scrollViewportCls])
+            $("div", {
+              class: y([t(C)(t(u), "scroll_viewport"), e.scrollViewportCls])
             }, [
-              f(t(po), {
+              d(t(wo), {
                 size: e.size,
-                style: Ve({
+                style: Oe({
                   tableLayout: e.tableLayout
                 }),
-                class: g([
-                  t(Ie)({
-                    empty: !t(w).getRowModel().rows.length
+                class: y([
+                  t(Te)({
+                    empty: !t(h).getRowModel().rows.length
                   }),
-                  r.class
+                  l.class
                 ])
               }, {
                 default: m(() => [
-                  R("colgroup", null, [
-                    (c(!0), v($, null, M(t(w).getVisibleLeafColumns(), (s, h) => (c(), v("col", z({
+                  $("colgroup", null, [
+                    (a(!0), v(z, null, V(t(h).getVisibleLeafColumns(), (s, p) => (a(), v("col", _({
                       key: s.id,
                       ref_for: !0
-                    }, t(ze)(s)), null, 16))), 128))
+                    }, t(Pe)(s)), null, 16))), 128))
                   ]),
-                  e.noHeader ? P("", !0) : (c(), I(t(go), {
+                  e.noHeader ? I("", !0) : (a(), A(t(ho), {
                     key: 0,
-                    class: g(e.theadCls),
+                    class: y(e.theadCls),
                     sticky: e.stickyHeader
                   }, {
                     default: m(() => [
-                      (c(!0), v($, null, M(de.value, (s, h) => (c(), I(t(F), {
-                        key: s.id
-                      }, {
+                      (a(!0), v(z, null, V(de.value, (s, p) => (a(), A(t(x), _({
+                        key: s.id,
+                        ref_for: !0
+                      }, pe(p * -1 - 1)), {
                         default: m(() => [
-                          (c(!0), v($, null, M(s.headers, (n) => (c(), v($, {
+                          (a(!0), v(z, null, V(s.headers, (n) => (a(), v(z, {
                             key: n.id
                           }, [
-                            t(Be)(h, de.value.length, n.column.id) ? (c(), I(t(yo), z({
+                            t(Ae)(p, de.value.length, n.column.id) ? (a(), A(t(bo), _({
                               key: 0,
                               ref_for: !0
                             }, n.bindings, {
                               "data-selection": n.column.id === i
                             }), {
                               default: m(() => [
-                                R("div", {
-                                  class: g(t(_)(t(u), "header"))
+                                $("div", {
+                                  class: y(t(C)(t(u), "header"))
                                 }, [
-                                  R("div", {
-                                    class: g(t(_)(t(u), "header__content"))
+                                  $("div", {
+                                    class: y(t(C)(t(u), "header__content"))
                                   }, [
-                                    n.column.id !== i ? (c(), v($, { key: 0 }, [
-                                      R("div", {
-                                        class: g(t(_)(t(u), "header__content__title"))
+                                    n.column.id !== i ? (a(), v(z, { key: 0 }, [
+                                      $("div", {
+                                        class: y(t(C)(t(u), "header__content__title"))
                                       }, [
-                                        T(e.$slots, "headerCell", z({ ref_for: !0 }, {
+                                        T(e.$slots, "headerCell", _({ ref_for: !0 }, {
                                           column: n.column.columnDef
                                         }), () => [
-                                          f(t(ce), {
+                                          d(t(ue), {
                                             props: n.getContext(),
                                             render: n.column.columnDef.header
                                           }, null, 8, ["props", "render"])
                                         ])
                                       ], 2),
-                                      n.column.getCanSort() ? (c(), I(Ye, {
+                                      n.column.getCanSort() ? (a(), A(to, {
                                         key: 0,
-                                        class: g({ hide_filter_action: !n.column.getIsSorted() }),
-                                        icon: Te(n.column),
+                                        class: y({ hide_filter_action: !n.column.getIsSorted() }),
+                                        icon: Ke(n.column),
                                         size: "sm",
                                         type: "ghost",
                                         variant: "icon",
@@ -479,72 +489,72 @@ const _o = (B) => {
                                           var L;
                                           return (L = n.column.getToggleSortingHandler()) == null ? void 0 : L(b);
                                         }
-                                      }, null, 8, ["class", "icon", "active", "onClick"])) : P("", !0)
-                                    ], 64)) : (c(), v($, { key: 1 }, [
-                                      R("div", {
-                                        class: g(t(_)(t(u), "selection_space"))
+                                      }, null, 8, ["class", "icon", "active", "onClick"])) : I("", !0)
+                                    ], 64)) : (a(), v(z, { key: 1 }, [
+                                      $("div", {
+                                        class: y(t(C)(t(u), "selection_space"))
                                       }, null, 2),
-                                      f(pe, {
+                                      d(we, {
                                         rootCls: "w-fit",
-                                        checked: J.value,
-                                        onChange: Q
+                                        checked: Q.value,
+                                        onChange: X
                                       }, null, 8, ["checked"])
                                     ], 64))
                                   ], 2),
-                                  ![p.value, i].includes(n.column.id) && !n.column.columns.length ? (c(), v("div", {
+                                  ![g.value, i].includes(n.column.id) && !n.column.columns.length ? (a(), v("div", {
                                     key: 0,
-                                    class: g(t(_)(t(u), "header__action"))
+                                    class: y(t(C)(t(u), "header__action"))
                                   }, [
-                                    (c(), I(ye, {
+                                    (a(), A(be, {
                                       "z-index": "1",
                                       placement: "bottom-end",
-                                      key: me.value
+                                      key: fe.value
                                     }, {
                                       content: m(() => [
-                                        f(Xe, {
-                                          onSelect: (b) => Pe(b, n.column)
+                                        d(oo, {
+                                          onSelect: (b) => De(b, n.column)
                                         }, {
                                           default: m(() => [
-                                            n.column.getCanSort() ? (c(), v($, { key: 0 }, [
-                                              f(te, {
+                                            n.column.getCanSort() ? (a(), v(z, { key: 0 }, [
+                                              d(ne, {
                                                 title: "Sort A → Z",
                                                 key: "a-z"
                                               }, {
                                                 leading: m(({ iconSize: b }) => [
-                                                  f(re, {
+                                                  d(re, {
                                                     icon: "tabler:arrow-up",
                                                     size: b
                                                   }, null, 8, ["size"])
                                                 ]),
                                                 _: 1
                                               }),
-                                              f(te, {
+                                              d(ne, {
                                                 title: "Sort Z → A",
                                                 key: "z-a"
                                               }, {
                                                 leading: m(({ iconSize: b }) => [
-                                                  f(re, {
+                                                  d(re, {
                                                     icon: "tabler:arrow-down",
                                                     size: b
                                                   }, null, 8, ["size"])
                                                 ]),
                                                 _: 1
                                               }),
-                                              f(he)
-                                            ], 64)) : P("", !0),
-                                            f(te, {
+                                              d(ve)
+                                            ], 64)) : I("", !0),
+                                            d(ne, {
                                               title: "Wrap Column",
                                               key: "wrap"
                                             }, {
                                               leading: m(({ iconSize: b }) => [
-                                                f(re, {
+                                                d(re, {
                                                   icon: "tabler:text-wrap",
                                                   size: b
                                                 }, null, 8, ["size"])
                                               ]),
                                               trailing: m(() => [
-                                                f(mo, {
-                                                  checked: t(U)(n.column.id)
+                                                d(go, {
+                                                  checked: t(J)(n.column.id)
                                                 }, null, 8, ["checked"])
                                               ]),
                                               _: 2
@@ -554,73 +564,75 @@ const _o = (B) => {
                                         }, 1032, ["onSelect"])
                                       ]),
                                       default: m(() => [
-                                        f(we, {
+                                        d(Ce, {
                                           icon: "tabler:dots-vertical",
                                           size: "sm",
                                           color: "gray",
                                           type: "ghost",
-                                          class: g(t(_)(t(u), "header__action__hover"))
+                                          class: y(t(C)(t(u), "header__action__hover"))
                                         }, null, 8, ["class"])
                                       ]),
                                       _: 2
                                     }, 1024))
-                                  ], 2)) : P("", !0)
+                                  ], 2)) : I("", !0)
                                 ], 2)
                               ]),
                               _: 2
-                            }, 1040, ["data-selection"])) : P("", !0)
+                            }, 1040, ["data-selection"])) : I("", !0)
                           ], 64))), 128))
                         ]),
                         _: 2
-                      }, 1024))), 128))
+                      }, 1040))), 128))
                     ]),
                     _: 3
                   }, 8, ["class", "sticky"])),
-                  f(t(ho), {
-                    class: g(e.tbodyCls)
+                  d(t(vo), {
+                    class: y(e.tbodyCls)
                   }, {
                     default: m(() => [
-                      (c(!0), v($, null, M(t(w).getRowModel().rows, (s, h) => (c(), I(t(F), {
+                      (a(!0), v(z, null, V(t(h).getRowModel().rows, (s, p) => (a(), A(t(x), _({
                         key: s.id,
-                        zebra: e.zebra,
-                        checked: !!ie(s)
-                      }, {
+                        onClick: (n) => We(s.original, n),
+                        ref_for: !0
+                      }, pe(p, { zebra: e.zebra, checked: !!ce(s) })), {
                         default: m(() => [
-                          (c(!0), v($, null, M(s.getVisibleCells(), (n) => {
+                          (a(!0), v(z, null, V(s.getVisibleCells(), (n) => {
                             var b, L;
-                            return c(), v($, {
+                            return a(), v(z, {
                               key: n.id
                             }, [
-                              ((b = t(X)(n.getContext())) == null ? void 0 : b.colSpan) !== 0 && ((L = t(X)(n.getContext())) == null ? void 0 : L.rowSpan) !== 0 ? (c(), I(t(G), z({
+                              ((b = t(Y)(n.getContext())) == null ? void 0 : b.colSpan) !== 0 && ((L = t(Y)(n.getContext())) == null ? void 0 : L.rowSpan) !== 0 ? (a(), A(t(G), _({
                                 key: 0,
                                 ref_for: !0
-                              }, t(X)(n.getContext())), fe({
+                              }, t(Y)(n.getContext())), ge({
                                 default: m(() => [
-                                  n.column.id === p.value && (S.hoverAction || S.action) ? (c(), v("div", {
+                                  n.column.id === g.value && (S.hoverAction || S.action) ? (a(), v("div", {
                                     key: 0,
-                                    class: g(t(_)(t(u), "action_cell"))
+                                    onClick: r[0] || (r[0] = ye(() => {
+                                    }, ["stop"])),
+                                    class: y(t(C)(t(u), "action_cell"))
                                   }, [
-                                    R("div", {
-                                      class: g([t(_)(t(u), "action_cell__hover"), e.actionHoverCls])
+                                    $("div", {
+                                      class: y([t(C)(t(u), "action_cell__hover"), e.actionHoverCls])
                                     }, [
-                                      T(e.$slots, "hoverAction", z(
+                                      T(e.$slots, "hoverAction", _(
                                         { ref_for: !0 },
                                         {
                                           column: n.column.columnDef,
                                           record: s.original,
-                                          index: h
+                                          index: p
                                         }
                                       ))
                                     ], 2),
-                                    T(e.$slots, "action", z(
+                                    T(e.$slots, "action", _(
                                       { ref_for: !0 },
                                       {
                                         column: n.column.columnDef,
                                         record: s.original,
-                                        index: h
+                                        index: p
                                       }
                                     ))
-                                  ], 2)) : n.column.id !== i ? T(e.$slots, "bodyCell", z(
+                                  ], 2)) : n.column.id !== i ? T(e.$slots, "bodyCell", _(
                                     {
                                       key: 1,
                                       ref_for: !0
@@ -628,81 +640,83 @@ const _o = (B) => {
                                     {
                                       column: n.column.columnDef,
                                       record: s.original,
-                                      index: h
+                                      index: p
                                     }
                                   ), () => [
-                                    f(t(ce), {
+                                    d(t(ue), {
                                       render: n.column.columnDef.cell,
                                       props: n.getContext()
                                     }, null, 8, ["render", "props"])
-                                  ]) : e.rowKey && s.original[e.rowKey] ? (c(), v("div", {
+                                  ]) : e.rowKey && s.original[e.rowKey] ? (a(), v("div", {
                                     key: 2,
-                                    class: g(t(_)(t(u), "selection"))
+                                    class: y(t(C)(t(u), "selection")),
+                                    onClick: r[1] || (r[1] = ye(() => {
+                                    }, ["stop"]))
                                   }, [
-                                    R("div", {
-                                      class: g(t(_)(t(u), "selection_space"))
+                                    $("div", {
+                                      class: y(t(C)(t(u), "selection_space"))
                                     }, null, 2),
-                                    f(pe, z({
+                                    d(we, _({
                                       rootCls: "w-fit",
                                       disabled: !s.getCanSelect(),
-                                      checked: ie(s),
-                                      onChange: (Y) => Se(Y, s),
+                                      checked: ce(s),
+                                      onChange: (ee) => ke(ee, s),
                                       ref_for: !0
-                                    }, Ce(s.original)), null, 16, ["disabled", "checked", "onChange"])
-                                  ], 2)) : P("", !0)
+                                    }, Re(s.original)), null, 16, ["disabled", "checked", "onChange"])
+                                  ], 2)) : I("", !0)
                                 ]),
                                 _: 2
                               }, [
-                                S.cellAction && ![p.value, i].includes(n.column.id) ? {
+                                S.cellAction && ![g.value, i].includes(n.column.id) ? {
                                   name: "absoluteAction",
                                   fn: m(() => [
-                                    T(e.$slots, "cellAction", z(
+                                    T(e.$slots, "cellAction", _(
                                       { ref_for: !0 },
                                       {
                                         column: n.column.columnDef,
                                         record: s.original,
-                                        index: h
+                                        index: p
                                       }
                                     ))
                                   ]),
                                   key: "0"
                                 } : void 0
-                              ]), 1040)) : P("", !0)
+                              ]), 1040)) : I("", !0)
                             ], 64);
                           }), 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), {
+                      }, 1040, ["onClick"]))), 128)),
+                      l.loading ? (a(!0), v(z, { key: 0 }, V(t(h).getRowModel().rows.length ? 2 : e.loadingRowCount, (s) => (a(), A(t(x), {
                         key: s,
                         zebra: e.zebra
                       }, {
                         default: m(() => [
-                          (c(!0), v($, null, M(t(w).getVisibleLeafColumns(), (h, n) => (c(), I(t(G), { key: n }, {
+                          (a(!0), v(z, null, V(t(h).getVisibleLeafColumns(), (p, n) => (a(), A(t(G), { key: n }, {
                             default: m(() => [
-                              h.id !== i ? T(e.$slots, "skeleton", z({
+                              p.id !== i ? T(e.$slots, "skeleton", _({
                                 key: 0,
                                 ref_for: !0
-                              }, { index: n, column: h.columnDef }), () => [
-                                f(co, z({ ref_for: !0 }, t(Re)(h.columnDef)), null, 16)
-                              ]) : P("", !0)
+                              }, { index: n, column: p.columnDef }), () => [
+                                d(fo, _({ ref_for: !0 }, t(ze)(p.columnDef)), null, 16)
+                              ]) : I("", !0)
                             ]),
                             _: 2
                           }, 1024))), 128))
                         ]),
                         _: 2
-                      }, 1032, ["zebra"]))), 128)) : P("", !0),
-                      t(w).getRowModel().rows.length ? P("", !0) : (c(), I(t(F), {
+                      }, 1032, ["zebra"]))), 128)) : I("", !0),
+                      t(h).getRowModel().rows.length ? I("", !0) : (a(), A(t(x), {
                         key: 1,
                         empty: ""
                       }, {
                         default: m(() => [
-                          f(t(G), {
-                            colspan: t(w).getVisibleLeafColumns().length,
+                          d(t(G), {
+                            colspan: t(h).getVisibleLeafColumns().length,
                             empty: ""
                           }, {
                             default: m(() => [
-                              f(eo, z({ type: "advance" }, e.emptyProps), fe({ _: 2 }, [
+                              d(no, _({ type: "advance" }, e.emptyProps), ge({ _: 2 }, [
                                 S.emptyTitle ? {
                                   name: "title",
                                   fn: m(() => [
@@ -738,19 +752,19 @@ const _o = (B) => {
                         ]),
                         _: 3
                       })),
-                      e.lazyLoading ? (c(), I(t(F), {
+                      e.lazyLoading ? (a(), A(t(x), {
                         key: 2,
                         "lazy-load-observer": ""
                       }, {
                         default: m(() => [
-                          f(t(G), {
+                          d(t(G), {
                             ref_key: "target",
                             ref: ae,
                             "lazy-load-observer": ""
                           }, null, 512)
                         ]),
                         _: 1
-                      })) : P("", !0)
+                      })) : I("", !0)
                     ]),
                     _: 3
                   }, 8, ["class"])
@@ -766,6 +780,6 @@ const _o = (B) => {
   }
 });
 export {
-  Fo as DataTable,
-  Fo as default
+  Uo as DataTable,
+  Uo as default
 };