@pantograph/vue 0.14.2 → 0.15.0

package/dist/{DataTable.vue_vue_type_style_index_0_lang-wUSNbKN5.js → DataTable.vue_vue_type_style_index_0_lang-C-7s05L-.js}

@@ -1,32 +1,33 @@
-import { h as Ee, ref as Z, computed as K, watch as le, defineComponent as He, useSlots as Le, unref as t, useTemplateRef as Me, onBeforeUnmount as Ve, shallowRef as Ne, createElementBlock as C, 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 S, 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-D6OIyc9x.js";
-import { a as Ye, b as eo, i as te } from "./isArray-DGJFqUD8.js";
-import { _ as we } from "./Checkbox.vue_vue_type_style_index_0_lang-Dpzk-ikf.js";
-import { _ as oo, a as ne } from "./Menu.vue_vue_type_style_index_0_lang-B4nElqHh.js";
-import { _ as to } from "./ActionButton.vue_vue_type_script_setup_true_lang-CIRnLjGb.js";
-import { _ as no } from "./Empty.vue_vue_type_style_index_0_lang-DIgNReMG.js";
-import { o as se } from "./omit-BsFVls5E.js";
-import { u as ro } from "./uniq-DI-nuzAz.js";
-import { f as U, h as D } from "./_getTag-C1N7G_It.js";
-import { getBemBlock as lo, wgt_pre as so, generateVariantClassList as io, getBemElement as b, 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 he } from "./Popover.vue_vue_type_style_index_0_lang-0M5QF6zB.js";
-import { _ as po } from "./Badge.vue_vue_type_script_setup_true_lang-C6BNLMaW.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-BCKUoXMR.js";
-import { _ as re } from "./Icon.vue_vue_type_style_index_0_lang-BbOuVnaS.js";
-import { _ as go } from "./Switch.vue_vue_type_style_index_0_lang-EFeii6Wg.js";
-import { g as be } from "./get-9cMI4wkc.js";
-import { cva as yo } from "class-variance-authority";
-import { i as _e } from "./isEmpty-BfqMcSem.js";
-import { _ as wo, e as ho, c as x, a as vo, d as Co, b as G } from "./THead.vue_vue_type_style_index_0_lang-B4yro5EP.js";
-function Se(B, k) {
-  return Xe(B, k);
+import { h as He, ref as Z, computed as D, watch as le, defineComponent as Le, useSlots as Me, unref as t, useTemplateRef as Ve, onBeforeUnmount as Ne, shallowRef as Oe, createElementBlock as C, openBlock as a, normalizeClass as y, createVNode as d, withCtx as m, createElementVNode as $, normalizeStyle as qe, createBlock as A, createCommentVNode as I, Fragment as z, renderList as V, mergeProps as S, renderSlot as T, createSlots as ye, withModifiers as we, toDisplayString as Fe, normalizeProps as xe, guardReactiveProps as Ge, nextTick as oe } from "vue";
+import { createColumnHelper as Ze, flattenBy as Ue, useVueTable as Je, getSortedRowModel as Qe, getCoreRowModel as Xe } from "@tanstack/vue-table";
+import { b as Ye } from "./_baseIsEqual-B1yr67CO.js";
+import { i as eo, b as oo, a as te } from "./isArray-CdbPONHA.js";
+import { _ as he } from "./Checkbox.vue_vue_type_style_index_0_lang-BoCylzCv.js";
+import { _ as to, a as ne } from "./Menu.vue_vue_type_style_index_0_lang-BVNhKBcu.js";
+import { _ as no } from "./ActionButton.vue_vue_type_script_setup_true_lang-C_7SZxPE.js";
+import { _ as ro } from "./Empty.vue_vue_type_style_index_0_lang-Jm_jtiLY.js";
+import { o as ie } from "./omit-DB3u1XL5.js";
+import { u as so } from "./uniq-Yl5OObL1.js";
+import { f as U, h as K } from "./_getTag-z7QaQ5uZ.js";
+import { getBemBlock as lo, wgt_pre as io, generateVariantClassList as co, getBemElement as b, usePCId as ao } from "@pantograph/utils";
+import { getBreakpoints as uo } from "@pantograph/tokens";
+import { useBreakpoints as mo, useIntersectionObserver as fo } from "@vueuse/core";
+import { _ as po } from "./Skeleton.vue_vue_type_style_index_0_lang-aSGb2hn6.js";
+import { _ as ve } from "./Popover.vue_vue_type_style_index_0_lang-ByhaxoQo.js";
+import { _ as go } from "./Badge.vue_vue_type_script_setup_true_lang-DYPVS-yf.js";
+import { _ as Ce } from "./Divider.vue_vue_type_style_index_0_lang-DapqjSGc.js";
+import { _ as be } from "./IconButton.vue_vue_type_script_setup_true_lang-Bi_qwuVm.js";
+import { _ as re } from "./Icon.vue_vue_type_style_index_0_lang-D2A2tkHI.js";
+import { _ as yo } from "./Switch.vue_vue_type_style_index_0_lang-mkO4UH9N.js";
+import { g as _e } from "./get-FzuQyzCL.js";
+import { cva as wo } from "class-variance-authority";
+import { i as Se } from "./isEmpty-BEYnAygl.js";
+import { _ as ho, e as vo, c as x, a as Co, d as bo, b as G } from "./THead.vue_vue_type_style_index_0_lang-B4yro5EP.js";
+import { c as se } from "./cloneDeep-unwWx7xF.js";
+function ke(B, k) {
+  return Ye(B, k);
 }
-const bo = (B, { isColumnWrapped: k, selectionId: l }) => {
+const _o = (B, { isColumnWrapped: k, selectionId: s }) => {
   const N = (o) => {
     var f;
     const c = (w) => w === "list" ? "md" : "sm";
@@ -38,11 +39,11 @@ const bo = (B, { isColumnWrapped: k, selectionId: l }) => {
   }, _ = (o) => {
     var f, w;
     const c = (f = o.props) == null ? void 0 : f.column.columnDef;
-    return D(c == null ? void 0 : c.render) && o.props.row ? (w = c == null ? void 0 : c.render) == null ? void 0 : w.call(c, {
+    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: se(c, "render")
-    }) : typeof o.render == "function" || typeof o.render == "object" ? Ee(o.render, o.props) : o.render;
+      column: ie(c, "render")
+    }) : typeof o.render == "function" || typeof o.render == "object" ? He(o.render, o.props) : o.render;
   }, u = (o) => {
     let c = {};
     if (o) {
@@ -59,21 +60,21 @@ const bo = (B, { isColumnWrapped: k, selectionId: l }) => {
     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 = {}) => {
+  }, p = (o, c = {}) => {
     var f;
     if (o != null && o.column) {
       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 (_e(F) || W.push(F), E && (U(E) || D(E))) {
+        if (Se(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;
             }
           };
-          D(E) && o.row ? q(
+          K(E) && o.row ? q(
             E({
               index: o.row.index,
               record: o.row.original,
@@ -84,7 +85,7 @@ const bo = (B, { isColumnWrapped: k, selectionId: l }) => {
         o.header ? P.rowSpan = i(o.header) : j && (P.wrap = !0);
       }
       return {
-        class: _e(W) ? void 0 : W,
+        class: Se(W) ? void 0 : W,
         ...P,
         ...c
       };
@@ -96,38 +97,38 @@ const bo = (B, { isColumnWrapped: k, selectionId: l }) => {
     RenderCell: _,
     getThProps: (o) => {
       var c, f, w;
-      return g(o, {
+      return p(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) => g(o),
+    getTdProps: (o) => p(o),
     getColProps: (o) => {
       const c = u(o.columnDef);
-      return o.id === l && (c.width = "var(--pt-dimension-2800)"), {
+      return o.id === s && (c.width = "var(--pt-dimension-2800)"), {
         style: c
       };
     },
     isThVisible: (o, c, f) => R[f] === 1 ? !0 : c - o === R[f]
   };
 };
-var _o = "[object Boolean]";
-function So(B) {
-  return B === !0 || B === !1 || Ye(B) && eo(B) == _o;
+var So = "[object Boolean]";
+function ko(B) {
+  return B === !0 || B === !1 || eo(B) && oo(B) == So;
 }
-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);
+const Ro = (B) => {
+  const k = Z([]), s = (i) => i ? k.value.findIndex((p) => p.id === i) : -1, N = (i) => {
+    if (i) return k.value.find((p) => p.id === i);
   }, _ = (i) => {
-    var g;
-    return !!((g = N(i)) != null && g.wrap);
+    var p;
+    return !!((p = N(i)) != null && p.wrap);
   }, u = (i) => {
-    const { id: g } = i;
-    if (!g) return !1;
-    const M = i.wrap ?? !_(g), O = l(g);
-    return O >= 0 ? k.value[O] = { id: g, wrap: M } : k.value.push({ id: g, wrap: M }), !0;
-  }, R = K(
-    () => (B.columns ?? []).filter((i) => So(i.wrap)).map((i) => ({
+    const { id: p } = i;
+    if (!p) return !1;
+    const M = i.wrap ?? !_(p), O = s(p);
+    return O >= 0 ? k.value[O] = { id: p, wrap: M } : k.value.push({ id: p, wrap: M }), !0;
+  }, R = D(
+    () => (B.columns ?? []).filter((i) => ko(i.wrap)).map((i) => ({
       id: i.id,
       wrap: !!i.wrap
     }))
@@ -145,7 +146,7 @@ const ko = (B) => {
     isColumnWrapped: _,
     toggleWrap: u
   };
-}, Jo = /* @__PURE__ */ He({
+}, Xo = /* @__PURE__ */ Le({
   __name: "DataTable",
   props: {
     columns: {},
@@ -175,63 +176,63 @@ const ko = (B) => {
   },
   emits: ["fetch", "rowClick"],
   setup(B, { emit: k }) {
-    const l = B, N = k, _ = Le(), u = lo("data_table", so), R = Ge(), i = `$${u}_selection$`, g = K(() => {
+    const s = B, N = k, _ = Me(), u = lo("data_table", io), R = Ze(), i = `$${u}_selection$`, p = D(() => {
       var e;
-      return ((e = l.actionCol) == null ? void 0 : e.id) ?? `$${u}_action$`;
-    }), M = (e) => se(e ?? {}, "title", "sorter", "columns", "id", "dataIndex"), O = K(() => {
-      var p;
+      return ((e = s.actionCol) == null ? void 0 : e.id) ?? `$${u}_action$`;
+    }), M = (e) => ie(e ?? {}, "title", "sorter", "columns", "id", "dataIndex"), O = D(() => {
+      var g;
       const e = (n) => {
         var L;
-        const v = n.id ?? co(`${u}--col`);
-        return te(be(n, l.childrenColumnName)) ? R.group({
+        const v = n.id ?? ao(`${u}--col`);
+        return te(_e(n, s.childrenColumnName)) ? R.group({
           header: n.title,
           id: v,
-          columns: (L = be(n, l.childrenColumnName) ?? []) == null ? void 0 : L.map(e),
+          columns: (L = _e(n, s.childrenColumnName) ?? []) == null ? void 0 : L.map(e),
           enableSorting: !1,
           ...M(n)
         }) : R.accessor(n.dataIndex ?? n.id, {
           header: n.title,
           id: v,
-          sortingFn: typeof n.sorter == "function" ? (ee, je) => n.sorter(ee.original, je.original) : n.sorter,
+          sortingFn: typeof n.sorter == "function" ? (ee, Ee) => n.sorter(ee.original, Ee.original) : n.sorter,
           enableSorting: !!n.sorter,
           ...M(n)
         });
       };
-      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 l.rowSelection && l.rowKey && s.push(
+      if (!te(s.columns)) throw "no columns";
+      const r = s.columns.map(({ id: n }) => n);
+      if (so(r).length !== r.length) throw "no uniq column ids";
+      const l = [];
+      return s.rowSelection && s.rowKey && l.push(
         R.accessor(i, {
           id: i,
           enableSorting: !1
         })
-      ), l.columns.forEach((n) => {
-        s.push(e(n));
-      }), (_.action || _.hoverAction) && s.push(
-        R.accessor(g.value, {
-          id: g.value,
-          header: (p = l.actionCol) == null ? void 0 : p.title,
+      ), s.columns.forEach((n) => {
+        l.push(e(n));
+      }), (_.action || _.hoverAction) && l.push(
+        R.accessor(p.value, {
+          id: p.value,
+          header: (g = s.actionCol) == null ? void 0 : g.title,
           enableSorting: !1,
-          ...M(l.actionCol)
+          ...M(s.actionCol)
         })
-      ), s;
-    }), { toggleWrap: ie, isColumnWrapped: J } = ko(l), o = Z({}), c = K(() => Object.keys(o.value)), f = K(
-      () => l.rowKey ? Ze(l.data, (e) => e.children).map(
-        (e) => e[l.rowKey]
+      ), l;
+    }), { toggleWrap: ce, isColumnWrapped: J } = Ro(s), o = Z({}), c = D(() => Object.keys(o.value)), f = D(
+      () => s.rowKey ? Ue(s.data, (e) => e.children).map(
+        (e) => e[s.rowKey]
       ) : []
     ), w = () => {
       const e = Object.fromEntries(
         c.value.filter((r) => {
-          var s;
-          return !((s = l.rowSelection) != null && s.preserveSelectedRowKeys) && l.rowKey ? f.value.includes(r) : !0;
+          var l;
+          return !((l = s.rowSelection) != null && l.preserveSelectedRowKeys) && s.rowKey ? f.value.includes(r) : !0;
         }).map((r) => [r, !0])
       );
       Object.keys(e).length !== c.value.length && (o.value = e, oe(() => {
         var r;
-        D((r = l.rowSelection) == null ? void 0 : r.onChange) && l.rowSelection.onChange(H.value);
+        K((r = s.rowSelection) == null ? void 0 : r.onChange) && s.rowSelection.onChange(H.value);
       }));
-    }, W = K(() => (w(), [...l.data])), P = ao(), E = uo(
+    }, W = D(() => (w(), [...s.data])), P = uo(), E = mo(
       Object.fromEntries(
         Object.keys(P).map((e) => [e, P[e].minWidth])
       ),
@@ -242,17 +243,17 @@ const ko = (B) => {
       (e) => {
         F.value = Object.fromEntries(
           O.value.map((r) => {
-            var s;
+            var l;
             return [
               r.id,
-              te(r == null ? void 0 : r.responsive) ? (s = r.responsive) == null ? void 0 : s.includes(e) : !0
+              te(r == null ? void 0 : r.responsive) ? (l = r.responsive) == null ? void 0 : l.includes(e) : !0
             ];
           })
         );
       },
       { immediate: !0 }
     );
-    const q = Z([]), h = Ue({
+    const q = Z([]), h = Je({
       // debugTable: true,
       getSubRows: (e) => e.children,
       enableSorting: !0,
@@ -279,57 +280,57 @@ const ko = (B) => {
         return O.value;
       },
       getRowId(e, r) {
-        return l.rowKey ? e[l.rowKey] : r;
+        return s.rowKey ? e[s.rowKey] : r;
       },
       getRowCanExpand: () => !0,
-      getCoreRowModel: Qe(),
-      getSortedRowModel: Je(),
+      getCoreRowModel: Xe(),
+      getSortedRowModel: Qe(),
       onRowSelectionChange: (e) => {
         o.value = typeof e == "function" ? e(o.value) : e;
       }
-    }), H = K(() => ({
+    }), H = D(() => ({
       selectedRowKeys: c.value,
       selectedRows: h.getFilteredSelectedRowModel().flatRows.map((e) => e.original)
     }));
     le(
       () => {
         var e;
-        return (e = l.rowSelection) == null ? void 0 : e.selectedRowKeys;
+        return (e = s.rowSelection) == null ? void 0 : e.selectedRowKeys;
       },
       (e, r) => {
-        var s, p;
-        if ((p = (s = l.rowSelection) == null ? void 0 : s.selectedRowKeys) != null && p.length && !Se(e, r)) {
+        var l, g;
+        if ((g = (l = s.rowSelection) == null ? void 0 : l.selectedRowKeys) != null && g.length && !ke(e, r)) {
           const n = Object.fromEntries(
-            t(l.rowSelection.selectedRowKeys ?? Object.keys(o.value)).map(
+            t(s.rowSelection.selectedRowKeys ?? Object.keys(o.value)).map(
               (v) => [v, !0]
             )
           );
-          Se(n, o.value) || (o.value = n);
+          ke(n, o.value) || (o.value = n);
         }
       },
       { immediate: !0 }
     );
-    const Q = K(() => h.getIsAllRowsSelected() ? !0 : h.getIsSomeRowsSelected() ? "indeterminate" : !1), X = (e) => {
+    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;
-        D((r = l.rowSelection) == null ? void 0 : r.onSelectAll) && l.rowSelection.onSelectAll({ ...H.value, selected: e }), D((s = l.rowSelection) == null ? void 0 : s.onChange) && l.rowSelection.onChange(H.value);
+        var r, l;
+        K((r = s.rowSelection) == null ? void 0 : r.onSelectAll) && s.rowSelection.onSelectAll({ ...H.value, selected: e }), K((l = s.rowSelection) == null ? void 0 : l.onChange) && s.rowSelection.onChange(H.value);
       });
-    }, ke = (e, r) => {
-      var s;
+    }, Re = (e, r) => {
+      var l;
       r.toggleSelected(e, {
-        selectChildren: !((s = l.rowSelection) != null && s.checkStrictly)
+        selectChildren: !((l = s.rowSelection) != null && l.checkStrictly)
       }), oe(() => {
-        var p, n;
-        D((p = l.rowSelection) == null ? void 0 : p.onSelect) && l.rowSelection.onSelect({
+        var g, n;
+        K((g = s.rowSelection) == null ? void 0 : g.onSelect) && s.rowSelection.onSelect({
           ...H.value,
           selected: e,
           record: r.original
-        }), D((n = l.rowSelection) == null ? void 0 : n.onChange) && l.rowSelection.onChange(H.value);
+        }), K((n = s.rowSelection) == null ? void 0 : n.onChange) && s.rowSelection.onChange(H.value);
       });
-    }, Re = (e) => {
-      var r, s;
-      return D((r = l.rowSelection) == null ? void 0 : r.getCheckboxProps) && ((s = l.rowSelection) == null || s.getCheckboxProps(e)), {};
-    }, ce = (e) => {
+    }, $e = (e) => {
+      var r, l;
+      return K((r = s.rowSelection) == null ? void 0 : r.getCheckboxProps) && ((l = s.rowSelection) == null || l.getCheckboxProps(e)), {};
+    }, ae = (e) => {
       var r;
       if (e.getIsSelected()) return !0;
       if ((r = e.subRows) != null && r.length) {
@@ -337,49 +338,49 @@ const ko = (B) => {
         if (e.getIsSomeSelected()) return "indeterminate";
       }
       return !1;
-    }, ae = Me("target"), { stop: $e } = mo(ae, ([e]) => {
-      l.lazyLoading && !l.loading && (e != null && e.isIntersecting) && N("fetch");
+    }, ue = Ve("target"), { stop: ze } = fo(ue, ([e]) => {
+      s.lazyLoading && !s.loading && (e != null && e.isIntersecting) && N("fetch");
     });
-    Ve($e);
-    const { getSkeletonProps: ze, getThProps: Be, RenderCell: ue, getTdProps: Y, getColProps: Pe, isThVisible: Ae } = bo(l, {
+    Ne(ze);
+    const { getSkeletonProps: Be, getThProps: Pe, RenderCell: me, getTdProps: Y, getColProps: Ae, isThVisible: Ie } = _o(s, {
       selectionId: i,
       isColumnWrapped: J
-    }), me = K(() => Object.keys(o.value).length), Ie = () => {
+    }), fe = D(() => Object.keys(o.value).length), Te = () => {
       o.value = {};
-    }, Te = yo(u, {
+    }, De = wo(u, {
       variants: {
-        empty: io("empty", u)
+        empty: co("empty", u)
       }
-    }), fe = Ne(0), Ke = ({ 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++;
-    }, De = (e) => {
+    }), de = Oe(0), Ke = ({ item: e }, r) => {
+      e.key === "a-z" && r.toggleSorting(!1, !1), e.key === "z-a" && r.toggleSorting(!0, !1), e.key === "wrap" && ce({ id: r.id }), de.value++;
+    }, We = (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 = K(
+    }, pe = D(
       () => h.getHeaderGroups().map((e) => ({
         ...e,
         headers: e.headers.map((r) => ({
           ...r,
-          bindings: Be(r.getContext())
+          bindings: Pe(r.getContext())
         }))
       }))
-    ), pe = (e, r) => {
-      const s = se(r ?? {}, "row");
-      if (l.rowProps) {
-        if (D(l.rowProps))
-          return { ...l.rowProps(e, r == null ? void 0 : r.row) ?? {}, ...s };
-        if (U(l.rowProps)) return { ...l.rowProps, ...s };
+    ), ge = (e, r) => {
+      const l = se(ie(r ?? {}, "row"));
+      if (s.rowProps) {
+        if (K(s.rowProps))
+          return { ...se(s.rowProps(e, r == null ? void 0 : r.row) ?? {}), ...l };
+        if (U(s.rowProps)) return { ...se(s.rowProps), ...l };
       }
-      return s;
-    }, We = (e, r) => N("rowClick", e, r);
+      return l;
+    }, je = (e, r) => N("rowClick", e, r);
     return (e, r) => (a(), C("div", {
       class: y([t(b)(t(u), "root"), e.rootCls])
     }, [
-      d(he, {
+      d(ve, {
         "z-index": "1",
-        open: !!(me.value && _.batchActions),
+        open: !!(fe.value && _.batchActions),
         placement: "bottom",
         "side-offset": -54,
         "container-cls": "pantograph-tokens pantograph-dark"
@@ -388,27 +389,27 @@ const ko = (B) => {
           $("div", {
             class: y(t(b)(t(u), "batch_actions"))
           }, [
-            d(po, {
-              text: me.value,
+            d(go, {
+              text: fe.value,
               size: "xsm"
             }, null, 8, ["text"]),
             $("div", {
               class: y(t(b)(t(u), "batch_actions__title"))
-            }, qe(e.batchActionsTitle), 3),
+            }, Fe(e.batchActionsTitle), 3),
             $("div", {
               class: y(t(b)(t(u), "batch_actions__actions"))
             }, [
-              T(e.$slots, "batchActions", Fe(xe(H.value)))
+              T(e.$slots, "batchActions", xe(Ge(H.value)))
             ], 2),
-            d(ve, {
+            d(Ce, {
               type: "vertical",
               class: y(t(b)(t(u), "batch_actions__divider"))
             }, null, 8, ["class"]),
-            d(Ce, {
+            d(be, {
               icon: "tabler:x",
               color: "gray",
               type: "ghost",
-              onClick: Ie
+              onClick: Te
             })
           ], 2)
         ]),
@@ -419,40 +420,40 @@ const ko = (B) => {
             $("div", {
               class: y([t(b)(t(u), "scroll_viewport"), e.scrollViewportCls])
             }, [
-              d(t(wo), {
+              d(t(ho), {
                 size: e.size,
-                style: Oe({
+                style: qe({
                   tableLayout: e.tableLayout
                 }),
                 class: y([
-                  t(Te)({
+                  t(De)({
                     empty: !t(h).getRowModel().rows.length
                   }),
-                  l.class
+                  s.class
                 ])
               }, {
                 default: m(() => [
                   $("colgroup", null, [
-                    (a(!0), C(z, null, V(t(h).getVisibleLeafColumns(), (s, p) => (a(), C("col", S({
-                      key: s.id,
+                    (a(!0), C(z, null, V(t(h).getVisibleLeafColumns(), (l) => (a(), C("col", S({
+                      key: l.id,
                       ref_for: !0
-                    }, t(Pe)(s)), null, 16))), 128))
+                    }, t(Ae)(l)), null, 16))), 128))
                   ]),
-                  e.noHeader ? I("", !0) : (a(), A(t(ho), {
+                  e.noHeader ? I("", !0) : (a(), A(t(vo), {
                     key: 0,
                     class: y(e.theadCls),
                     sticky: e.stickyHeader
                   }, {
                     default: m(() => [
-                      (a(!0), C(z, null, V(de.value, (s, p) => (a(), A(t(x), S({
-                        key: s.id,
+                      (a(!0), C(z, null, V(pe.value, (l, g) => (a(), A(t(x), S({
+                        key: l.id,
                         ref_for: !0
-                      }, pe(p * -1 - 1)), {
+                      }, ge(g * -1 - 1)), {
                         default: m(() => [
-                          (a(!0), C(z, null, V(s.headers, (n) => (a(), C(z, {
+                          (a(!0), C(z, null, V(l.headers, (n) => (a(), C(z, {
                             key: n.id
                           }, [
-                            t(Ae)(p, de.value.length, n.column.id) ? (a(), A(t(vo), S({
+                            t(Ie)(g, pe.value.length, n.column.id) ? (a(), A(t(Co), S({
                               key: 0,
                               ref_for: !0
                             }, n.bindings, {
@@ -472,16 +473,16 @@ const ko = (B) => {
                                         T(e.$slots, "headerCell", S({ ref_for: !0 }, {
                                           column: n.column.columnDef
                                         }), () => [
-                                          d(t(ue), {
+                                          d(t(me), {
                                             props: n.getContext(),
                                             render: n.column.columnDef.header
                                           }, null, 8, ["props", "render"])
                                         ])
                                       ], 2),
-                                      n.column.getCanSort() ? (a(), A(to, {
+                                      n.column.getCanSort() ? (a(), A(no, {
                                         key: 0,
                                         class: y({ hide_filter_action: !n.column.getIsSorted() }),
-                                        icon: De(n.column),
+                                        icon: We(n.column),
                                         size: "sm",
                                         type: "ghost",
                                         variant: "icon",
@@ -495,24 +496,24 @@ const ko = (B) => {
                                       $("div", {
                                         class: y(t(b)(t(u), "selection_space"))
                                       }, null, 2),
-                                      d(we, {
+                                      d(he, {
                                         rootCls: "w-fit",
                                         checked: Q.value,
                                         onChange: X
                                       }, null, 8, ["checked"])
                                     ], 64))
                                   ], 2),
-                                  ![g.value, i].includes(n.column.id) && !n.column.columns.length ? (a(), C("div", {
+                                  ![p.value, i].includes(n.column.id) && !n.column.columns.length ? (a(), C("div", {
                                     key: 0,
                                     class: y(t(b)(t(u), "header__action"))
                                   }, [
-                                    (a(), A(he, {
+                                    (a(), A(ve, {
                                       "z-index": "1",
                                       placement: "bottom-end",
-                                      key: fe.value
+                                      key: de.value
                                     }, {
                                       content: m(() => [
-                                        d(oo, {
+                                        d(to, {
                                           onSelect: (v) => Ke(v, n.column)
                                         }, {
                                           default: m(() => [
@@ -541,7 +542,7 @@ const ko = (B) => {
                                                 ]),
                                                 _: 1
                                               }),
-                                              d(ve)
+                                              d(Ce)
                                             ], 64)) : I("", !0),
                                             d(ne, {
                                               title: "Wrap Column",
@@ -554,7 +555,7 @@ const ko = (B) => {
                                                 }, null, 8, ["size"])
                                               ]),
                                               trailing: m(() => [
-                                                d(go, {
+                                                d(yo, {
                                                   checked: t(J)(n.column.id)
                                                 }, null, 8, ["checked"])
                                               ]),
@@ -565,7 +566,7 @@ const ko = (B) => {
                                         }, 1032, ["onSelect"])
                                       ]),
                                       default: m(() => [
-                                        d(Ce, {
+                                        d(be, {
                                           icon: "tabler:dots-vertical",
                                           size: "sm",
                                           color: "gray",
@@ -587,17 +588,17 @@ const ko = (B) => {
                     ]),
                     _: 3
                   }, 8, ["class", "sticky"])),
-                  d(t(Co), {
+                  d(t(bo), {
                     class: y(e.tbodyCls)
                   }, {
                     default: m(() => [
-                      (a(!0), C(z, null, V(t(h).getRowModel().rows, (s, p) => (a(), A(t(x), S({
-                        key: s.id,
-                        onClick: (n) => We(s.original, n),
+                      (a(!0), C(z, null, V(t(h).getRowModel().rows, (l, g) => (a(), A(t(x), S({
+                        key: l.id,
+                        onClick: (n) => je(l.original, n),
                         ref_for: !0
-                      }, pe(p, { zebra: e.zebra, checked: !!ce(s) })), {
+                      }, ge(g, { zebra: e.zebra, checked: !!ae(l) })), {
                         default: m(() => [
-                          (a(!0), C(z, null, V(s.getVisibleCells(), (n) => {
+                          (a(!0), C(z, null, V(l.getVisibleCells(), (n) => {
                             var v, L;
                             return a(), C(z, {
                               key: n.id
@@ -605,11 +606,11 @@ const ko = (B) => {
                               ((v = t(Y)(n.getContext())) == null ? void 0 : v.colSpan) !== 0 && ((L = t(Y)(n.getContext())) == null ? void 0 : L.rowSpan) !== 0 ? (a(), A(t(G), S({
                                 key: 0,
                                 ref_for: !0
-                              }, t(Y)(n.getContext())), ge({
+                              }, t(Y)(n.getContext())), ye({
                                 default: m(() => [
-                                  n.column.id === g.value && (_.hoverAction || _.action) ? (a(), C("div", {
+                                  n.column.id === p.value && (_.hoverAction || _.action) ? (a(), C("div", {
                                     key: 0,
-                                    onClick: r[0] || (r[0] = ye(() => {
+                                    onClick: r[0] || (r[0] = we(() => {
                                     }, ["stop"])),
                                     class: y(t(b)(t(u), "action_cell"))
                                   }, [
@@ -620,8 +621,8 @@ const ko = (B) => {
                                         { ref_for: !0 },
                                         {
                                           column: n.column.columnDef,
-                                          record: s.original,
-                                          index: p
+                                          record: l.original,
+                                          index: g
                                         }
                                       ))
                                     ], 2),
@@ -629,8 +630,8 @@ const ko = (B) => {
                                       { ref_for: !0 },
                                       {
                                         column: n.column.columnDef,
-                                        record: s.original,
-                                        index: p
+                                        record: l.original,
+                                        index: g
                                       }
                                     ))
                                   ], 2)) : n.column.id !== i ? T(e.$slots, "bodyCell", S(
@@ -640,43 +641,43 @@ const ko = (B) => {
                                     },
                                     {
                                       column: n.column.columnDef,
-                                      record: s.original,
-                                      index: p
+                                      record: l.original,
+                                      index: g
                                     }
                                   ), () => [
-                                    d(t(ue), {
+                                    d(t(me), {
                                       render: n.column.columnDef.cell,
                                       props: n.getContext()
                                     }, null, 8, ["render", "props"])
-                                  ]) : e.rowKey && s.original[e.rowKey] ? (a(), C("div", {
+                                  ]) : e.rowKey && l.original[e.rowKey] ? (a(), C("div", {
                                     key: 2,
                                     class: y(t(b)(t(u), "selection")),
-                                    onClick: r[1] || (r[1] = ye(() => {
+                                    onClick: r[1] || (r[1] = we(() => {
                                     }, ["stop"]))
                                   }, [
                                     $("div", {
                                       class: y(t(b)(t(u), "selection_space"))
                                     }, null, 2),
-                                    d(we, S({
+                                    d(he, S({
                                       rootCls: "w-fit",
-                                      disabled: !s.getCanSelect(),
-                                      checked: ce(s),
-                                      onChange: (ee) => ke(ee, s),
+                                      disabled: !l.getCanSelect(),
+                                      checked: ae(l),
+                                      onChange: (ee) => Re(ee, l),
                                       ref_for: !0
-                                    }, Re(s.original)), null, 16, ["disabled", "checked", "onChange"])
+                                    }, $e(l.original)), null, 16, ["disabled", "checked", "onChange"])
                                   ], 2)) : I("", !0)
                                 ]),
                                 _: 2
                               }, [
-                                _.cellAction && ![g.value, i].includes(n.column.id) ? {
+                                _.cellAction && ![p.value, i].includes(n.column.id) ? {
                                   name: "absoluteAction",
                                   fn: m(() => [
                                     T(e.$slots, "cellAction", S(
                                       { ref_for: !0 },
                                       {
                                         column: n.column.columnDef,
-                                        record: s.original,
-                                        index: p
+                                        record: l.original,
+                                        index: g
                                       }
                                     ))
                                   ]),
@@ -688,18 +689,18 @@ const ko = (B) => {
                         ]),
                         _: 2
                       }, 1040, ["onClick"]))), 128)),
-                      l.loading ? (a(!0), C(z, { key: 0 }, V(t(h).getRowModel().rows.length ? 2 : e.loadingRowCount, (s) => (a(), A(t(x), {
-                        key: s,
+                      s.loading ? (a(!0), C(z, { key: 0 }, V(t(h).getRowModel().rows.length ? 2 : e.loadingRowCount, (l) => (a(), A(t(x), {
+                        key: l,
                         zebra: e.zebra
                       }, {
                         default: m(() => [
-                          (a(!0), C(z, null, V(t(h).getVisibleLeafColumns(), (p, n) => (a(), A(t(G), { key: n }, {
+                          (a(!0), C(z, null, V(t(h).getVisibleLeafColumns(), (g, n) => (a(), A(t(G), { key: n }, {
                             default: m(() => [
-                              p.id !== i ? T(e.$slots, "skeleton", S({
+                              g.id !== i ? T(e.$slots, "skeleton", S({
                                 key: 0,
                                 ref_for: !0
-                              }, { index: n, column: p.columnDef }), () => [
-                                d(fo, S({ ref_for: !0 }, t(ze)(p.columnDef)), null, 16)
+                              }, { index: n, column: g.columnDef }), () => [
+                                d(po, S({ ref_for: !0 }, t(Be)(g.columnDef)), null, 16)
                               ]) : I("", !0)
                             ]),
                             _: 2
@@ -717,7 +718,7 @@ const ko = (B) => {
                             empty: ""
                           }, {
                             default: m(() => [
-                              d(no, S({ type: "advance" }, e.emptyProps), ge({ _: 2 }, [
+                              d(ro, S({ type: "advance" }, e.emptyProps), ye({ _: 2 }, [
                                 _.emptyTitle ? {
                                   name: "title",
                                   fn: m(() => [
@@ -726,21 +727,21 @@ const ko = (B) => {
                                   key: "0"
                                 } : void 0,
                                 _.emptyDescription ? {
-                                  name: "title",
+                                  name: "description",
                                   fn: m(() => [
                                     T(e.$slots, "emptyDescription")
                                   ]),
                                   key: "1"
                                 } : void 0,
                                 _.emptyActions ? {
-                                  name: "title",
+                                  name: "actions",
                                   fn: m(() => [
                                     T(e.$slots, "emptyActions")
                                   ]),
                                   key: "2"
                                 } : void 0,
                                 _.emptyImage ? {
-                                  name: "title",
+                                  name: "image",
                                   fn: m(() => [
                                     T(e.$slots, "emptyImage")
                                   ]),
@@ -760,7 +761,7 @@ const ko = (B) => {
                         default: m(() => [
                           d(t(G), {
                             ref_key: "target",
-                            ref: ae,
+                            ref: ue,
                             "lazy-load-observer": ""
                           }, null, 512)
                         ]),
@@ -781,5 +782,5 @@ const ko = (B) => {
   }
 });
 export {
-  Jo as _
+  Xo as _
 };