@pantograph/vue 0.10.7 → 0.10.8

package/dist/DataTable/{index.js.js → index.js}

@@ -1,19 +1,19 @@
-import { defineComponent as _e, useSlots as $e, computed as P, createElementBlock as p, openBlock as a, normalizeClass as g, unref as t, createElementVNode as v, createCommentVNode as R, renderSlot as H, createBlock as T, createTextVNode as le, toDisplayString as J, h as Ze, ref as Q, watch as X, useTemplateRef as Ne, onBeforeUnmount as Oe, shallowRef as qe, createVNode as f, withCtx as d, normalizeStyle as Fe, Fragment as A, renderList as Z, mergeProps as I, createSlots as Ce, normalizeProps as Ge, guardReactiveProps as Ue, nextTick as se } from "vue";
+import { defineComponent as _e, useSlots as $e, computed as P, createElementBlock as p, openBlock as a, normalizeClass as g, unref as t, createElementVNode as v, createCommentVNode as R, renderSlot as H, createBlock as T, createTextVNode as ne, toDisplayString as J, h as Ze, ref as Q, watch as ae, useTemplateRef as Ne, onBeforeUnmount as Oe, shallowRef as qe, createVNode as f, withCtx as d, normalizeStyle as Fe, Fragment as A, renderList as Z, mergeProps as I, createSlots as Ce, normalizeProps as Ge, guardReactiveProps as Ue, nextTick as le } from "vue";
 import { createColumnHelper as Je, flattenBy as Qe, useVueTable as Xe, getSortedRowModel as Ye, getCoreRowModel as xe } from "@tanstack/vue-table";
 import { b as et } from "../_baseIsEqual-BknLKouD.js";
-import { i as tt, b as ot, a as re } from "../isArray-CdbPONHA.js";
+import { i as tt, b as ot, a as se } from "../isArray-CdbPONHA.js";
 import { u as nt } from "../useId-DvOSMFGX.js";
 import { _ as ye } from "../Checkbox.vue_vue_type_style_index_0_lang-BD4g7E0x.js";
-import { c as he, _ as lt, a as ie } from "../Menu.vue_vue_type_style_index_0_lang-Ck9CxDR-.js";
+import { c as he, _ as lt, a as re } from "../Menu.vue_vue_type_style_index_0_lang-Ck9CxDR-.js";
 import { _ as st } from "../ActionButton.vue_vue_type_script_setup_true_lang-BG7u9LIG.js";
-import { g as Re, a as He, b as k, w as rt } from "../class-BCq3bHT0.js";
+import { g as Re, a as He, b as w, w as rt } from "../class-BCq3bHT0.js";
 import { cva as ze } from "class-variance-authority";
 import { g as it } from "../options-JBqnVZUl.js";
-import { _ as Y } from "../Icon.vue_vue_type_style_index_0_lang-BpIpKu8I.js";
+import { _ as X } from "../Icon.vue_vue_type_style_index_0_lang-BpIpKu8I.js";
 import { getCssVar as N, getBreakpoints as at } from "@pantograph/tokens";
 import { o as Be } from "../omit-CD3OjwFx.js";
 import { u as ct } from "../uniq-DSVd52ma.js";
-import { i as ae, a as V } from "../_flatRest-Dx0ZZgOx.js";
+import { i as ie, a as V } from "../_flatRest-Dx0ZZgOx.js";
 import { useBreakpoints as ut, useIntersectionObserver as dt } from "@vueuse/core";
 import { _ as mt } from "../Skeleton.vue_vue_type_style_index_0_lang-Cjdn_7-J.js";
 import { _ as ve } from "../Popover.vue_vue_type_style_index_0_lang-DWUbX1hj.js";
@@ -47,26 +47,26 @@ const vt = ["simple", "advance"], wt = {
     description: {}
   },
   setup(B) {
-    const _ = B, l = $e(), z = Re("empty"), b = ze(z, {
+    const _ = B, s = $e(), z = Re("empty"), b = ze(z, {
       variants: {
         type: He(vt, z)
       }
-    }), u = P(() => _.title || !!l.title), $ = P(() => _.description || !!l.description);
-    return (s, C) => (a(), p("div", {
+    }), u = P(() => _.title || !!s.title), $ = P(() => _.description || !!s.description);
+    return (l, C) => (a(), p("div", {
       class: g([
         t(b)({
-          type: s.type
+          type: l.type
         }),
         _.class
       ])
     }, [
       v("div", {
-        class: g([t(k)(t(z), "image"), s.imageCls])
+        class: g([t(w)(t(z), "image"), l.imageCls])
       }, [
-        H(s.$slots, "image", {}, () => [
-          s.type === "simple" ? (a(), T(Y, {
+        H(l.$slots, "image", {}, () => [
+          l.type === "simple" ? (a(), T(X, {
             key: 0,
-            icon: s.icon,
+            icon: l.icon,
             size: "sm"
           }, null, 8, ["icon"])) : (a(), p("svg", wt, [
             v("path", {
@@ -117,48 +117,48 @@ const vt = ["simple", "advance"], wt = {
           ]))
         ])
       ], 2),
-      s.type === "simple" && u.value ? (a(), p("div", {
+      l.type === "simple" && u.value ? (a(), p("div", {
         key: 0,
-        class: g([t(k)(t(z), "title"), s.titleCls])
+        class: g([t(w)(t(z), "title"), l.titleCls])
       }, [
-        H(s.$slots, "title", {}, () => [
-          le(J(s.title), 1)
+        H(l.$slots, "title", {}, () => [
+          ne(J(l.title), 1)
         ])
-      ], 2)) : u.value || $.value || l.actions ? (a(), p("div", {
+      ], 2)) : u.value || $.value || s.actions ? (a(), p("div", {
         key: 1,
-        class: g([t(k)(t(z), "content"), s.contentCls])
+        class: g([t(w)(t(z), "content"), l.contentCls])
       }, [
         u.value || $.value ? (a(), p("div", {
           key: 0,
-          class: g([t(k)(t(z), "text"), s.textCls])
+          class: g([t(w)(t(z), "text"), l.textCls])
         }, [
           u.value ? (a(), p("div", {
             key: 0,
-            class: g([t(k)(t(z), "title"), s.titleCls])
+            class: g([t(w)(t(z), "title"), l.titleCls])
           }, [
-            H(s.$slots, "title", {}, () => [
-              le(J(s.title), 1)
+            H(l.$slots, "title", {}, () => [
+              ne(J(l.title), 1)
             ])
           ], 2)) : R("", !0),
           $.value ? (a(), p("div", {
             key: 1,
-            class: g([t(k)(t(z), "description"), s.descriptionCls])
+            class: g([t(w)(t(z), "description"), l.descriptionCls])
           }, [
-            H(s.$slots, "description", {}, () => [
-              le(J(s.description), 1)
+            H(l.$slots, "description", {}, () => [
+              ne(J(l.description), 1)
             ])
           ], 2)) : R("", !0)
         ], 2)) : R("", !0),
-        l.actions ? (a(), p("div", {
+        s.actions ? (a(), p("div", {
           key: 1,
-          class: g([t(k)(t(z), "actions"), s.actionsCls])
+          class: g([t(w)(t(z), "actions"), l.actionsCls])
         }, [
-          H(s.$slots, "actions")
+          H(l.$slots, "actions")
         ], 2)) : R("", !0)
       ], 2)) : R("", !0)
     ], 2));
   }
-}), Bt = (B, { isColumnWrapped: _, selectionId: l }) => {
+}), Bt = (B, { isColumnWrapped: _, selectionId: s }) => {
   const z = (o) => {
     var m;
     const c = (y) => y === "list" ? "md" : "sm";
@@ -187,22 +187,22 @@ const vt = ["simple", "advance"], wt = {
       });
     }
     return c;
-  }, $ = {}, s = (o, c = !0) => {
+  }, $ = {}, l = (o, c = !0) => {
     var y;
     let m = 1;
-    return ((y = o == null ? void 0 : o.subHeaders) == null ? void 0 : y.length) === 1 && o.column.id === o.subHeaders[0].column.id && (m += s(o.subHeaders[0], !1)), c && (!$[o.column.id] || $[o.column.id] < m) && ($[o.column.id] = m), m;
+    return ((y = o == null ? void 0 : o.subHeaders) == null ? void 0 : y.length) === 1 && o.column.id === o.subHeaders[0].column.id && (m += l(o.subHeaders[0], !1)), c && (!$[o.column.id] || $[o.column.id] < m) && ($[o.column.id] = m), m;
   }, C = (o, c = {}) => {
     var m;
     if (o != null && o.column) {
       const y = (m = o == null ? void 0 : o.column) == null ? void 0 : m.columnDef, M = [], L = {};
-      if (ae(y)) {
+      if (ie(y)) {
         let D = _(o.column.id);
         const { customCell: K, class: F } = y;
-        if (he(F) || M.push(F), K && (ae(K) || V(K))) {
-          const q = (w) => {
-            if (ae(w)) {
-              const { wrap: E, colSpan: ee, rowSpan: te } = w;
-              D = D || (E ?? !1), L.colSpan = ee, L.rowSpan = te;
+        if (he(F) || M.push(F), K && (ie(K) || V(K))) {
+          const q = (k) => {
+            if (ie(k)) {
+              const { wrap: E, colSpan: x, rowSpan: ee } = k;
+              D = D || (E ?? !1), L.colSpan = x, L.rowSpan = ee;
             }
           };
           V(K) && o.row ? q(
@@ -213,7 +213,7 @@ const vt = ["simple", "advance"], wt = {
             })
           ) : q(K);
         }
-        o.header ? L.rowSpan = s(o.header) : D && (L.wrap = !0);
+        o.header ? L.rowSpan = l(o.header) : D && (L.wrap = !0);
       }
       return {
         class: he(M) ? void 0 : M,
@@ -236,7 +236,7 @@ const vt = ["simple", "advance"], wt = {
     getTdProps: (o) => C(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
       };
     },
@@ -248,26 +248,26 @@ function It(B) {
   return B === !0 || B === !1 || tt(B) && ot(B) == At;
 }
 const Tt = (B) => {
-  const _ = Q([]), l = (s) => s ? _.value.findIndex((C) => C.id === s) : -1, z = (s) => {
-    if (s) return _.value.find((C) => C.id === s);
-  }, b = (s) => {
+  const _ = Q([]), s = (l) => l ? _.value.findIndex((C) => C.id === l) : -1, z = (l) => {
+    if (l) return _.value.find((C) => C.id === l);
+  }, b = (l) => {
     var C;
-    return !!((C = z(s)) != null && C.wrap);
-  }, u = (s) => {
-    const { id: C } = s;
+    return !!((C = z(l)) != null && C.wrap);
+  }, u = (l) => {
+    const { id: C } = l;
     if (!C) return !1;
-    const W = s.wrap ?? !b(C), O = l(C);
+    const W = l.wrap ?? !b(C), O = s(C);
     return O >= 0 ? _.value[O] = { id: C, wrap: W } : _.value.push({ id: C, wrap: W }), !0;
   }, $ = P(
-    () => (B.columns ?? []).filter((s) => It(s.wrap)).map((s) => ({
-      id: s.id,
-      wrap: !!s.wrap
+    () => (B.columns ?? []).filter((l) => It(l.wrap)).map((l) => ({
+      id: l.id,
+      wrap: !!l.wrap
     }))
   );
-  return X(
+  return ae(
     $,
-    (s) => {
-      _.value = [..._.value, ...s];
+    (l) => {
+      _.value = [..._.value, ...l];
     },
     {
       immediate: !0,
@@ -309,84 +309,84 @@ const Tt = (B) => {
   },
   emits: ["fetch"],
   setup(B, { emit: _ }) {
-    const l = B, z = _, b = $e(), u = Re("data_table", rt), $ = Je(), s = `$${u}_selection$`, C = P(() => {
+    const s = B, z = _, b = $e(), u = Re("data_table", rt), $ = Je(), l = `$${u}_selection$`, C = P(() => {
       var e;
-      return ((e = l.actionCol) == null ? void 0 : e.id) ?? `$${u}_action$`;
+      return ((e = s.actionCol) == null ? void 0 : e.id) ?? `$${u}_action$`;
     }), W = (e) => Be(e ?? {}, "title", "sorter", "columns", "id", "dataIndex"), O = P(() => {
       var h;
       const e = (n) => {
         var j;
         const S = n.id ?? nt(`${u}--col`);
-        return re(be(n, l.childrenColumnName)) ? $.group({
+        return se(be(n, s.childrenColumnName)) ? $.group({
           header: n.title,
           id: S,
-          columns: (j = be(n, l.childrenColumnName) ?? []) == null ? void 0 : j.map(e),
+          columns: (j = be(n, s.childrenColumnName) ?? []) == null ? void 0 : j.map(e),
           enableSorting: !1,
           ...W(n)
         }) : $.accessor(n.dataIndex ?? n.id, {
           header: n.title,
           id: S,
-          sortingFn: typeof n.sorter == "function" ? (ne, We) => n.sorter(ne.original, We.original) : n.sorter,
+          sortingFn: typeof n.sorter == "function" ? (oe, We) => n.sorter(oe.original, We.original) : n.sorter,
           enableSorting: !!n.sorter,
           ...W(n)
         });
       };
-      if (!re(l.columns)) throw "no columns";
-      const i = l.columns.map(({ id: n }) => n);
-      if (ct(i).length !== i.length) throw "no uniq column ids";
-      const r = [];
-      return l.rowSelection && l.rowKey && r.push(
-        $.accessor(s, {
-          id: s,
+      if (!se(s.columns)) throw "no columns";
+      const r = s.columns.map(({ id: n }) => n);
+      if (ct(r).length !== r.length) throw "no uniq column ids";
+      const i = [];
+      return s.rowSelection && s.rowKey && i.push(
+        $.accessor(l, {
+          id: l,
           enableSorting: !1
         })
-      ), l.columns.forEach((n) => {
-        r.push(e(n));
-      }), (b.action || b.hoverAction) && r.push(
+      ), s.columns.forEach((n) => {
+        i.push(e(n));
+      }), (b.action || b.hoverAction) && i.push(
         $.accessor(C.value, {
           id: C.value,
-          header: (h = l.actionCol) == null ? void 0 : h.title,
+          header: (h = s.actionCol) == null ? void 0 : h.title,
           enableSorting: !1,
-          ...W(l.actionCol)
+          ...W(s.actionCol)
         })
-      ), r;
-    }), { toggleWrap: ce, isColumnWrapped: x } = Tt(l), o = Q({}), c = P(() => Object.keys(o.value)), m = P(
-      () => l.rowKey ? Qe(l.data, (e) => e.children).map(
-        (e) => e[l.rowKey]
+      ), i;
+    }), { toggleWrap: ce, isColumnWrapped: Y } = Tt(s), o = Q({}), c = P(() => Object.keys(o.value)), m = P(
+      () => s.rowKey ? Qe(s.data, (e) => e.children).map(
+        (e) => e[s.rowKey]
       ) : []
     ), y = () => {
       const e = Object.fromEntries(
-        c.value.filter((i) => {
-          var r;
-          return !((r = l.rowSelection) != null && r.preserveSelectedRowKeys) && l.rowKey ? m.value.includes(i) : !0;
-        }).map((i) => [i, !0])
+        c.value.filter((r) => {
+          var i;
+          return !((i = s.rowSelection) != null && i.preserveSelectedRowKeys) && s.rowKey ? m.value.includes(r) : !0;
+        }).map((r) => [r, !0])
       );
-      Object.keys(e).length !== c.value.length && (o.value = e, se(() => {
-        var i;
-        V((i = l.rowSelection) == null ? void 0 : i.onChange) && l.rowSelection.onChange(E.value);
+      Object.keys(e).length !== c.value.length && (o.value = e, le(() => {
+        var r;
+        V((r = s.rowSelection) == null ? void 0 : r.onChange) && s.rowSelection.onChange(E.value);
       }));
-    }, M = P(() => (y(), [...l.data])), L = at(), K = ut(
+    }, M = P(() => (y(), [...s.data])), L = at(), K = ut(
       Object.fromEntries(
         Object.keys(L).map((e) => [e, L[e].minWidth])
       ),
       { strategy: "min-width" }
     ).active(), F = Q({});
-    X(
+    ae(
       K,
       (e) => {
         F.value = Object.fromEntries(
-          O.value.map((i) => {
-            var r;
+          O.value.map((r) => {
+            var i;
             return [
-              i.id,
-              re(i == null ? void 0 : i.responsive) ? (r = i.responsive) == null ? void 0 : r.includes(e) : !0
+              r.id,
+              se(r == null ? void 0 : r.responsive) ? (i = r.responsive) == null ? void 0 : i.includes(e) : !0
             ];
           })
         );
       },
       { immediate: !0 }
     );
-    const q = Q([]), w = Xe({
+    const q = Q([]), k = Xe({
       // debugTable: true,
       getSubRows: (e) => e.children,
       enableSorting: !0,
@@ -412,6 +412,9 @@ const Tt = (B) => {
       get columns() {
         return O.value;
       },
+      getRowId(e, r) {
+        return s.rowKey ? e[s.rowKey] : r;
+      },
       getRowCanExpand: () => !0,
       getCoreRowModel: xe(),
       getSortedRowModel: Ye(),
@@ -420,24 +423,18 @@ const Tt = (B) => {
       }
     }), E = P(() => ({
       selectedRowKeys: c.value,
-      selectedRows: w.getFilteredSelectedRowModel().flatRows.map((e) => e.original)
+      selectedRows: k.getFilteredSelectedRowModel().flatRows.map((e) => e.original)
     }));
-    X(
-      () => l.rowKey,
-      () => {
-        w._getRowId = l.rowKey ? (e) => e[l.rowKey] : void 0;
-      },
-      { immediate: !0 }
-    ), X(
+    ae(
       () => {
         var e;
-        return (e = l.rowSelection) == null ? void 0 : e.selectedRowKeys;
+        return (e = s.rowSelection) == null ? void 0 : e.selectedRowKeys;
       },
-      (e, i) => {
-        var r, h;
-        if ((h = (r = l.rowSelection) == null ? void 0 : r.selectedRowKeys) != null && h.length && !Se(e, i)) {
+      (e, r) => {
+        var i, h;
+        if ((h = (i = s.rowSelection) == null ? void 0 : i.selectedRowKeys) != null && h.length && !Se(e, r)) {
           const n = Object.fromEntries(
-            t(l.rowSelection.selectedRowKeys ?? Object.keys(o.value)).map(
+            t(s.rowSelection.selectedRowKeys ?? Object.keys(o.value)).map(
               (S) => [S, !0]
             )
           );
@@ -446,65 +443,65 @@ const Tt = (B) => {
       },
       { immediate: !0 }
     );
-    const ee = P(() => w.getIsAllRowsSelected() ? !0 : w.getIsSomeRowsSelected() ? "indeterminate" : !1), te = (e) => {
-      w.getIsSomeRowsSelected() || w.getIsAllRowsSelected() ? w.toggleAllRowsSelected(!1) : w.toggleAllRowsSelected(!0), se(() => {
-        var i, r;
-        V((i = l.rowSelection) == null ? void 0 : i.onSelectAll) && l.rowSelection.onSelectAll({ ...E.value, selected: e }), V((r = l.rowSelection) == null ? void 0 : r.onChange) && l.rowSelection.onChange(E.value);
+    const x = P(() => k.getIsAllRowsSelected() ? !0 : k.getIsSomeRowsSelected() ? "indeterminate" : !1), ee = (e) => {
+      k.getIsSomeRowsSelected() || k.getIsAllRowsSelected() ? k.toggleAllRowsSelected(!1) : k.toggleAllRowsSelected(!0), le(() => {
+        var r, i;
+        V((r = s.rowSelection) == null ? void 0 : r.onSelectAll) && s.rowSelection.onSelectAll({ ...E.value, selected: e }), V((i = s.rowSelection) == null ? void 0 : i.onChange) && s.rowSelection.onChange(E.value);
       });
-    }, Ae = (e, i) => {
-      var r;
-      i.toggleSelected(e, {
-        selectChildren: !((r = l.rowSelection) != null && r.checkStrictly)
-      }), se(() => {
+    }, Ae = (e, r) => {
+      var i;
+      r.toggleSelected(e, {
+        selectChildren: !((i = s.rowSelection) != null && i.checkStrictly)
+      }), le(() => {
         var h, n;
-        V((h = l.rowSelection) == null ? void 0 : h.onSelect) && l.rowSelection.onSelect({
+        V((h = s.rowSelection) == null ? void 0 : h.onSelect) && s.rowSelection.onSelect({
           ...E.value,
           selected: e,
-          record: i.original
-        }), V((n = l.rowSelection) == null ? void 0 : n.onChange) && l.rowSelection.onChange(E.value);
+          record: r.original
+        }), V((n = s.rowSelection) == null ? void 0 : n.onChange) && s.rowSelection.onChange(E.value);
       });
     }, Ie = (e) => {
-      var i, r;
-      return V((i = l.rowSelection) == null ? void 0 : i.getCheckboxProps) && ((r = l.rowSelection) == null || r.getCheckboxProps(e)), {};
+      var r, i;
+      return V((r = s.rowSelection) == null ? void 0 : r.getCheckboxProps) && ((i = s.rowSelection) == null || i.getCheckboxProps(e)), {};
     }, ue = (e) => {
-      var i;
+      var r;
       if (e.getIsSelected()) return !0;
-      if ((i = e.subRows) != null && i.length) {
+      if ((r = e.subRows) != null && r.length) {
         if (e.getIsAllSubRowsSelected()) return !0;
         if (e.getIsSomeSelected()) return "indeterminate";
       }
       return !1;
     }, de = Ne("target"), { stop: Te } = dt(de, ([e]) => {
-      l.lazyLoading && !l.loading && (e != null && e.isIntersecting) && z("fetch");
+      s.lazyLoading && !s.loading && (e != null && e.isIntersecting) && z("fetch");
     });
     Oe(Te);
-    const { getSkeletonProps: Pe, getThProps: Le, RenderCell: me, getTdProps: oe, getColProps: Me, isThVisible: Ve } = Bt(l, {
-      selectionId: s,
-      isColumnWrapped: x
+    const { getSkeletonProps: Pe, getThProps: Le, RenderCell: me, getTdProps: te, getColProps: Me, isThVisible: Ve } = Bt(s, {
+      selectionId: l,
+      isColumnWrapped: Y
     }), pe = P(() => Object.keys(o.value).length), De = () => {
       o.value = {};
     }, Ke = ze(u, {
       variants: {
         empty: He("empty", u)
       }
-    }), fe = qe(0), Ee = ({ item: e }, i) => {
-      e.key === "a-z" && i.toggleSorting(!1, !1), e.key === "z-a" && i.toggleSorting(!0, !1), e.key === "wrap" && ce({ id: i.id }), fe.value++;
+    }), fe = qe(0), Ee = ({ 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 }), fe.value++;
     }, je = (e) => {
-      const i = e.getIsSorted();
-      if (!i) return "tabler:arrows-up-down";
-      if (i === "desc") return "tabler:arrow-down";
-      if (i === "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";
     }, ge = P(
-      () => w.getHeaderGroups().map((e) => ({
+      () => k.getHeaderGroups().map((e) => ({
         ...e,
-        headers: e.headers.map((i) => ({
-          ...i,
-          bindings: Le(i.getContext())
+        headers: e.headers.map((r) => ({
+          ...r,
+          bindings: Le(r.getContext())
         }))
       }))
     );
-    return (e, i) => (a(), p("div", {
-      class: g([t(k)(t(u), "root"), e.rootCls])
+    return (e, r) => (a(), p("div", {
+      class: g([t(w)(t(u), "root"), e.rootCls])
     }, [
       f(ve, {
         "z-index": "1",
@@ -537,10 +534,10 @@ const Tt = (B) => {
         ]),
         default: d(() => [
           v("div", {
-            class: g([t(k)(t(u), "scroll_area"), e.scrollAreaCls])
+            class: g([t(w)(t(u), "scroll_area"), e.scrollAreaCls])
           }, [
             v("div", {
-              class: g([t(k)(t(u), "scroll_viewport"), e.scrollViewportCls])
+              class: g([t(w)(t(u), "scroll_viewport"), e.scrollViewportCls])
             }, [
               f(t(gt), {
                 size: e.size,
@@ -549,17 +546,17 @@ const Tt = (B) => {
                 }),
                 class: g([
                   t(Ke)({
-                    empty: !t(w).getRowModel().rows.length
+                    empty: !t(k).getRowModel().rows.length
                   }),
-                  l.class
+                  s.class
                 ])
               }, {
                 default: d(() => [
                   v("colgroup", null, [
-                    (a(!0), p(A, null, Z(t(w).getVisibleLeafColumns(), (r, h) => (a(), p("col", I({
-                      key: r.id,
+                    (a(!0), p(A, null, Z(t(k).getVisibleLeafColumns(), (i, h) => (a(), p("col", I({
+                      key: i.id,
                       ref_for: !0
-                    }, t(Me)(r)), null, 16))), 128))
+                    }, t(Me)(i)), null, 16))), 128))
                   ]),
                   e.noHeader ? R("", !0) : (a(), T(t(Ct), {
                     key: 0,
@@ -567,29 +564,29 @@ const Tt = (B) => {
                     sticky: e.stickyHeader
                   }, {
                     default: d(() => [
-                      (a(!0), p(A, null, Z(ge.value, (r, h) => (a(), T(t(G), {
-                        key: r.id
+                      (a(!0), p(A, null, Z(ge.value, (i, h) => (a(), T(t(G), {
+                        key: i.id
                       }, {
                         default: d(() => [
-                          (a(!0), p(A, null, Z(r.headers, (n) => (a(), p(A, {
+                          (a(!0), p(A, null, Z(i.headers, (n) => (a(), p(A, {
                             key: n.id
                           }, [
                             t(Ve)(h, ge.value.length, n.column.id) ? (a(), T(t(yt), I({
                               key: 0,
                               ref_for: !0
                             }, n.bindings, {
-                              "data-selection": n.column.id === s
+                              "data-selection": n.column.id === l
                             }), {
                               default: d(() => [
                                 v("div", {
-                                  class: g(t(k)(t(u), "header"))
+                                  class: g(t(w)(t(u), "header"))
                                 }, [
                                   v("div", {
-                                    class: g(t(k)(t(u), "header__content"))
+                                    class: g(t(w)(t(u), "header__content"))
                                   }, [
-                                    n.column.id !== s ? (a(), p(A, { key: 0 }, [
+                                    n.column.id !== l ? (a(), p(A, { key: 0 }, [
                                       v("div", {
-                                        class: g(t(k)(t(u), "header__content__title"))
+                                        class: g(t(w)(t(u), "header__content__title"))
                                       }, [
                                         H(e.$slots, "headerCell", I({ ref_for: !0 }, {
                                           column: n.column.columnDef
@@ -615,18 +612,18 @@ const Tt = (B) => {
                                       }, null, 8, ["class", "icon", "active", "onClick"])) : R("", !0)
                                     ], 64)) : (a(), p(A, { key: 1 }, [
                                       v("div", {
-                                        class: g(t(k)(t(u), "selection_space"))
+                                        class: g(t(w)(t(u), "selection_space"))
                                       }, null, 2),
                                       f(ye, {
                                         rootCls: "w-fit",
-                                        checked: ee.value,
-                                        onChange: te
+                                        checked: x.value,
+                                        onChange: ee
                                       }, null, 8, ["checked"])
                                     ], 64))
                                   ], 2),
-                                  ![C.value, s].includes(n.column.id) && !n.column.columns.length ? (a(), p("div", {
+                                  ![C.value, l].includes(n.column.id) && !n.column.columns.length ? (a(), p("div", {
                                     key: 0,
-                                    class: g(t(k)(t(u), "header__action"))
+                                    class: g(t(w)(t(u), "header__action"))
                                   }, [
                                     (a(), T(ve, {
                                       "z-index": "1",
@@ -639,24 +636,24 @@ const Tt = (B) => {
                                         }, {
                                           default: d(() => [
                                             n.column.getCanSort() ? (a(), p(A, { key: 0 }, [
-                                              f(ie, {
+                                              f(re, {
                                                 title: "Sort A → Z",
                                                 key: "a-z"
                                               }, {
                                                 leading: d(({ iconSize: S }) => [
-                                                  f(Y, {
+                                                  f(X, {
                                                     icon: "tabler:arrow-up",
                                                     size: S
                                                   }, null, 8, ["size"])
                                                 ]),
                                                 _: 1
                                               }),
-                                              f(ie, {
+                                              f(re, {
                                                 title: "Sort Z → A",
                                                 key: "z-a"
                                               }, {
                                                 leading: d(({ iconSize: S }) => [
-                                                  f(Y, {
+                                                  f(X, {
                                                     icon: "tabler:arrow-down",
                                                     size: S
                                                   }, null, 8, ["size"])
@@ -665,19 +662,19 @@ const Tt = (B) => {
                                               }),
                                               f(we)
                                             ], 64)) : R("", !0),
-                                            f(ie, {
+                                            f(re, {
                                               title: "Wrap Column",
                                               key: "wrap"
                                             }, {
                                               leading: d(({ iconSize: S }) => [
-                                                f(Y, {
+                                                f(X, {
                                                   icon: "tabler:text-wrap",
                                                   size: S
                                                 }, null, 8, ["size"])
                                               ]),
                                               trailing: d(() => [
                                                 f(ft, {
-                                                  checked: t(x)(n.column.id)
+                                                  checked: t(Y)(n.column.id)
                                                 }, null, 8, ["checked"])
                                               ]),
                                               _: 2
@@ -692,7 +689,7 @@ const Tt = (B) => {
                                           size: "sm",
                                           color: "gray",
                                           type: "ghost",
-                                          class: g(t(k)(t(u), "header__action__hover"))
+                                          class: g(t(w)(t(u), "header__action__hover"))
                                         }, null, 8, ["class"])
                                       ]),
                                       _: 2
@@ -713,34 +710,34 @@ const Tt = (B) => {
                     class: g(e.tbodyCls)
                   }, {
                     default: d(() => [
-                      (a(!0), p(A, null, Z(t(w).getRowModel().rows, (r, h) => (a(), T(t(G), {
-                        key: r.id,
+                      (a(!0), p(A, null, Z(t(k).getRowModel().rows, (i, h) => (a(), T(t(G), {
+                        key: i.id,
                         zebra: e.zebra,
-                        checked: !!ue(r)
+                        checked: !!ue(i)
                       }, {
                         default: d(() => [
-                          (a(!0), p(A, null, Z(r.getVisibleCells(), (n) => {
+                          (a(!0), p(A, null, Z(i.getVisibleCells(), (n) => {
                             var S, j;
                             return a(), p(A, {
                               key: n.id
                             }, [
-                              ((S = t(oe)(n.getContext())) == null ? void 0 : S.colSpan) !== 0 && ((j = t(oe)(n.getContext())) == null ? void 0 : j.rowSpan) !== 0 ? (a(), T(t(U), I({
+                              ((S = t(te)(n.getContext())) == null ? void 0 : S.colSpan) !== 0 && ((j = t(te)(n.getContext())) == null ? void 0 : j.rowSpan) !== 0 ? (a(), T(t(U), I({
                                 key: 0,
                                 ref_for: !0
-                              }, t(oe)(n.getContext())), Ce({
+                              }, t(te)(n.getContext())), Ce({
                                 default: d(() => [
                                   n.column.id === C.value && (b.hoverAction || b.action) ? (a(), p("div", {
                                     key: 0,
-                                    class: g(t(k)(t(u), "action_cell"))
+                                    class: g(t(w)(t(u), "action_cell"))
                                   }, [
                                     v("div", {
-                                      class: g([t(k)(t(u), "action_cell__hover"), e.actionHoverCls])
+                                      class: g([t(w)(t(u), "action_cell__hover"), e.actionHoverCls])
                                     }, [
                                       H(e.$slots, "hoverAction", I(
                                         { ref_for: !0 },
                                         {
                                           column: n.column.columnDef,
-                                          record: r.original,
+                                          record: i.original,
                                           index: h
                                         }
                                       ))
@@ -749,18 +746,18 @@ const Tt = (B) => {
                                       { ref_for: !0 },
                                       {
                                         column: n.column.columnDef,
-                                        record: r.original,
+                                        record: i.original,
                                         index: h
                                       }
                                     ))
-                                  ], 2)) : n.column.id !== s ? H(e.$slots, "bodyCell", I(
+                                  ], 2)) : n.column.id !== l ? H(e.$slots, "bodyCell", I(
                                     {
                                       key: 1,
                                       ref_for: !0
                                     },
                                     {
                                       column: n.column.columnDef,
-                                      record: r.original,
+                                      record: i.original,
                                       index: h
                                     }
                                   ), () => [
@@ -768,29 +765,29 @@ const Tt = (B) => {
                                       render: n.column.columnDef.cell,
                                       props: n.getContext()
                                     }, null, 8, ["render", "props"])
-                                  ]) : e.rowKey && r.original[e.rowKey] ? (a(), p("div", Pt, [
+                                  ]) : e.rowKey && i.original[e.rowKey] ? (a(), p("div", Pt, [
                                     v("div", {
-                                      class: g(t(k)(t(u), "selection_space"))
+                                      class: g(t(w)(t(u), "selection_space"))
                                     }, null, 2),
                                     f(ye, I({
                                       rootCls: "w-fit",
-                                      disabled: !r.getCanSelect(),
-                                      checked: ue(r),
-                                      onChange: (ne) => Ae(ne, r),
+                                      disabled: !i.getCanSelect(),
+                                      checked: ue(i),
+                                      onChange: (oe) => Ae(oe, i),
                                       ref_for: !0
-                                    }, Ie(r.original)), null, 16, ["disabled", "checked", "onChange"])
+                                    }, Ie(i.original)), null, 16, ["disabled", "checked", "onChange"])
                                   ])) : R("", !0)
                                 ]),
                                 _: 2
                               }, [
-                                b.cellAction && ![C.value, s].includes(n.column.id) ? {
+                                b.cellAction && ![C.value, l].includes(n.column.id) ? {
                                   name: "absoluteAction",
                                   fn: d(() => [
                                     H(e.$slots, "cellAction", I(
                                       { ref_for: !0 },
                                       {
                                         column: n.column.columnDef,
-                                        record: r.original,
+                                        record: i.original,
                                         index: h
                                       }
                                     ))
@@ -803,14 +800,14 @@ const Tt = (B) => {
                         ]),
                         _: 2
                       }, 1032, ["zebra", "checked"]))), 128)),
-                      l.loading ? (a(!0), p(A, { key: 0 }, Z(t(w).getRowModel().rows.length ? 2 : e.loadingRowCount, (r) => (a(), T(t(G), {
-                        key: r,
+                      s.loading ? (a(!0), p(A, { key: 0 }, Z(t(k).getRowModel().rows.length ? 2 : e.loadingRowCount, (i) => (a(), T(t(G), {
+                        key: i,
                         zebra: e.zebra
                       }, {
                         default: d(() => [
-                          (a(!0), p(A, null, Z(t(w).getVisibleLeafColumns(), (h, n) => (a(), T(t(U), { key: n }, {
+                          (a(!0), p(A, null, Z(t(k).getVisibleLeafColumns(), (h, n) => (a(), T(t(U), { key: n }, {
                             default: d(() => [
-                              h.id !== s ? H(e.$slots, "skeleton", I({
+                              h.id !== l ? H(e.$slots, "skeleton", I({
                                 key: 0,
                                 ref_for: !0
                               }, { index: n, column: h.columnDef }), () => [
@@ -822,13 +819,13 @@ const Tt = (B) => {
                         ]),
                         _: 2
                       }, 1032, ["zebra"]))), 128)) : R("", !0),
-                      t(w).getRowModel().rows.length ? R("", !0) : (a(), T(t(G), {
+                      t(k).getRowModel().rows.length ? R("", !0) : (a(), T(t(G), {
                         key: 1,
                         empty: ""
                       }, {
                         default: d(() => [
                           f(t(U), {
-                            colspan: t(w).getVisibleLeafColumns().length,
+                            colspan: t(k).getVisibleLeafColumns().length,
                             empty: ""
                           }, {
                             default: d(() => [