@pantograph/vue 0.21.2 → 0.22.0

package/dist/{DataTable.vue_vue_type_style_index_0_lang-5HZRL1aJ.js → DataTable.vue_vue_type_style_index_0_lang-B_pmXaRS.js}

@@ -1,37 +1,37 @@
-import { h as xe, ref as G, computed as I, watch as ie, unref as t, nextTick as se, defineComponent as Ze, useSlots as qe, useTemplateRef as Ge, onBeforeUnmount as Ue, shallowRef as Je, createElementBlock as $, openBlock as C, normalizeClass as b, createVNode as S, withCtx as v, mergeProps as R, normalizeStyle as Qe, createElementVNode as H, createBlock as O, createCommentVNode as W, Fragment as K, renderList as j, renderSlot as E, createTextVNode as Xe, toDisplayString as ve, createSlots as ye, withModifiers as Ce, normalizeProps as ne, guardReactiveProps as Ye } from "vue";
-import { flattenBy as De, createColumnHelper as Ke, useVueTable as et, getSortedRowModel as tt, getCoreRowModel as nt } from "@tanstack/vue-table";
-import { _ as Se } from "./Checkbox.vue_vue_type_style_index_0_lang-C303q2VZ.js";
-import { _ as ot, a as oe } from "./Menu.vue_vue_type_style_index_0_lang-DTW4orti.js";
-import { _ as rt } from "./ActionButton.vue_vue_type_script_setup_true_lang-B8q1-U7b.js";
-import { _ as lt } from "./Empty.vue_vue_type_style_index_0_lang-CW4zmuyF.js";
-import { h as q, t as ke, w as L, o as ce, A as st, B as it, D as _e, E as Y, v as be, G as ct, H as ae, J as Re, K as re, M as at, N as Le, O as ut, P as ft, Q as dt, R as mt, T as gt, U as pt, V as ht, r as F, n as $e, f as le } from "./Icon.vue_vue_type_style_index_0_lang-CrhBHELo.js";
-import { usePCId as wt, getBemBlock as vt, wgt_pre as yt, generateVariantClassList as Ct, getBemElement as B } from "@pantograph/utils";
-import { useBreakpoints as St, useIntersectionObserver as kt } from "@vueuse/core";
-import { _ as _t } from "./Skeleton.vue_vue_type_style_index_0_lang-aSGb2hn6.js";
-import { _ as Be } from "./Popover.vue_vue_type_style_index_0_lang-UuHTrCiM.js";
-import { _ as bt } from "./Tooltip.vue_vue_type_script_setup_true_lang-DX19Sbqt.js";
-import { _ as Rt } from "./Badge.vue_vue_type_script_setup_true_lang-DElO9DnE.js";
+import { h as xe, ref as G, computed as I, watch as ie, unref as t, nextTick as se, defineComponent as Ze, useSlots as qe, useTemplateRef as Ge, onBeforeUnmount as Ue, shallowRef as Je, createElementBlock as $, openBlock as C, normalizeClass as k, createVNode as S, withCtx as v, mergeProps as R, normalizeStyle as Qe, createElementVNode as H, createBlock as O, createCommentVNode as W, Fragment as D, renderList as j, renderSlot as E, createTextVNode as Xe, toDisplayString as ve, createSlots as ye, withModifiers as Ce, normalizeProps as ne, guardReactiveProps as Ye } from "vue";
+import { flattenBy as Ve, createColumnHelper as De, useVueTable as et, getSortedRowModel as tt, getCoreRowModel as nt } from "@tanstack/vue-table";
+import { _ as Se } from "./Checkbox.vue_vue_type_style_index_0_lang-BUsaushG.js";
+import { _ as ot, a as oe } from "./Menu.vue_vue_type_style_index_0_lang-BrnaLusN.js";
+import { _ as rt } from "./ActionButton.vue_vue_type_script_setup_true_lang-B0eNtCzk.js";
+import { _ as lt } from "./Empty.vue_vue_type_style_index_0_lang-j4NDDwxW.js";
+import { h as q, t as _e, w as K, o as ce, A as st, B as it, D as be, E as Y, v as ke, G as ct, H as ae, J as Re, K as re, M as at, N as Ke, O as ut, P as ft, Q as dt, R as mt, T as gt, U as pt, V as wt, r as F, n as $e, f as le } from "./Icon.vue_vue_type_style_index_0_lang-CpvDQCOg.js";
+import { usePCId as ht, getBemBlock as vt, wgt_pre as yt, generateVariantClassList as Ct, getBemElement as B } from "@pantograph/utils";
+import { useBreakpoints as St, useIntersectionObserver as _t } from "@vueuse/core";
+import { _ as bt } from "./Skeleton.vue_vue_type_style_index_0_lang-aSGb2hn6.js";
+import { _ as Be } from "./Popover.vue_vue_type_style_index_0_lang-Nc78vcLj.js";
+import { _ as kt } from "./Tooltip.vue_vue_type_script_setup_true_lang-DX19Sbqt.js";
+import { _ as Rt } from "./Badge.vue_vue_type_script_setup_true_lang-DZeztsJc.js";
 import { _ as Pe } from "./Divider.vue_vue_type_style_index_0_lang-DapqjSGc.js";
-import { _ as Ae } from "./IconButton.vue_vue_type_script_setup_true_lang-B1haWFmq.js";
-import { _ as $t } from "./Switch.vue_vue_type_style_index_0_lang-B2COu6kF.js";
+import { _ as Ae } from "./IconButton.vue_vue_type_script_setup_true_lang-COiaP6-B.js";
+import { _ as $t } from "./Switch.vue_vue_type_style_index_0_lang-CCyWevBz.js";
 import { cva as Bt } from "class-variance-authority";
-import { _ as Pt, e as At, c as Z, a as zt, d as Tt, b as X } from "./THead.vue_vue_type_style_index_0_lang-BI8JFzWX.js";
-import { _ as Dt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-Bt1fBbyN.js";
-import { u as Kt } from "./uniq-CMyIOTjw.js";
-import { getBreakpoints as Lt } from "@pantograph/tokens";
-const Mt = ({ isColumnWrapped: n, selectionId: l }) => {
+import { _ as Pt, e as At, c as Z, a as zt, d as Tt, b as X } from "./THead.vue_vue_type_style_index_0_lang-CgYhkGxH.js";
+import { _ as Vt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-C9wALvlT.js";
+import { u as Dt } from "./uniq-DUBh_cnK.js";
+import { getBreakpoints as Kt } from "@pantograph/tokens";
+const Lt = ({ isColumnWrapped: n, selectionId: l }) => {
   const r = (e) => {
     var a;
-    const m = (k) => k === "list" ? "md" : "sm";
+    const m = (_) => _ === "list" ? "md" : "sm";
     return {
       ...(e == null ? void 0 : e.skeletonProps) ?? {},
       style: "width: 100%",
       size: m((a = e == null ? void 0 : e.skeletonProps) == null ? void 0 : a.type)
     };
   }, d = (e) => {
-    var a, k;
+    var a, _;
     const m = (a = e.props) == null ? void 0 : a.column.columnDef;
-    return L(m == null ? void 0 : m.render) && e.props.row ? (k = m == null ? void 0 : m.render) == null ? void 0 : k.call(m, {
+    return K(m == null ? void 0 : m.render) && e.props.row ? (_ = m == null ? void 0 : m.render) == null ? void 0 : _.call(m, {
       index: e.props.row.index,
       record: e.props.row.original,
       column: ce(m, "render")
@@ -39,45 +39,45 @@ const Mt = ({ isColumnWrapped: n, selectionId: l }) => {
   }, f = (e) => {
     let m = {};
     if (e) {
-      const a = (T) => Number(T) >= 0 ? `${T}px` : T, { width: k, maxWidth: z, minWidth: y } = e;
-      (k || z || y) && (m = {
-        width: a(k),
+      const a = (T) => Number(T) >= 0 ? `${T}px` : T, { width: _, maxWidth: z, minWidth: y } = e;
+      (_ || z || y) && (m = {
+        width: a(_),
         maxWidth: a(z),
         minWidth: a(y),
-        overflow: k || z ? "hidden" : void 0
+        overflow: _ || z ? "hidden" : void 0
       });
     }
     return m;
   }, o = {}, i = (e, m = !0) => {
-    var k;
+    var _;
     let a = 1;
-    return ((k = e == null ? void 0 : e.subHeaders) == null ? void 0 : k.length) === 1 && e.column.id === e.subHeaders[0].column.id && (a += i(e.subHeaders[0], !1)), m && (!o[e.column.id] || o[e.column.id] < a) && (o[e.column.id] = a), a;
+    return ((_ = e == null ? void 0 : e.subHeaders) == null ? void 0 : _.length) === 1 && e.column.id === e.subHeaders[0].column.id && (a += i(e.subHeaders[0], !1)), m && (!o[e.column.id] || o[e.column.id] < a) && (o[e.column.id] = a), a;
   }, g = (e, m = {}) => {
     var a;
     if (e != null && e.column) {
-      const k = (a = e == null ? void 0 : e.column) == null ? void 0 : a.columnDef, z = [], y = {};
-      if (q(k)) {
+      const _ = (a = e == null ? void 0 : e.column) == null ? void 0 : a.columnDef, z = [], y = {};
+      if (q(_)) {
         let T = n(e.column.id);
-        const { customCell: M, class: U } = k;
-        if (ke(U) || z.push(U), M && (q(M) || L(M))) {
+        const { customCell: L, class: U } = _;
+        if (_e(U) || z.push(U), L && (q(L) || K(L))) {
           const J = (N) => {
             if (q(N)) {
-              const { wrap: Q, colSpan: D, rowSpan: ee } = N;
-              T = T || (Q ?? !1), y.colSpan = D, y.rowSpan = ee;
+              const { wrap: Q, colSpan: V, rowSpan: ee } = N;
+              T = T || (Q ?? !1), y.colSpan = V, y.rowSpan = ee;
             }
           };
-          L(M) && e.row ? J(
-            M({
+          K(L) && e.row ? J(
+            L({
               index: e.row.index,
               record: e.row.original,
-              column: k
+              column: _
             })
-          ) : J(M);
+          ) : J(L);
         }
         e.header ? y.rowSpan = i(e.header) : T && (y.wrap = !0);
       }
       return {
-        class: ke(z) ? void 0 : z,
+        class: _e(z) ? void 0 : z,
         ...y,
         ...m
       };
@@ -88,10 +88,10 @@ const Mt = ({ isColumnWrapped: n, selectionId: l }) => {
     getSkeletonProps: r,
     RenderCell: d,
     getThProps: (e) => {
-      var m, a, k;
+      var m, a, _;
       return g(e, {
         colSpan: (m = e == null ? void 0 : e.header) == null ? void 0 : m.colSpan,
-        "data-has-children": ((k = (a = e == null ? void 0 : e.column) == null ? void 0 : a.columns) == null ? void 0 : k.length) > 1 ? !0 : void 0
+        "data-has-children": ((_ = (a = e == null ? void 0 : e.column) == null ? void 0 : a.columns) == null ? void 0 : _.length) > 1 ? !0 : void 0
       });
     },
     getTdProps: (e) => g(e),
@@ -104,9 +104,9 @@ const Mt = ({ isColumnWrapped: n, selectionId: l }) => {
     isThVisible: (e, m, a) => o[a] === 1 ? !0 : m - e === o[a]
   };
 };
-var Vt = "[object Boolean]";
+var Mt = "[object Boolean]";
 function Ot(n) {
-  return n === !0 || n === !1 || st(n) && it(n) == Vt;
+  return n === !0 || n === !1 || st(n) && it(n) == Mt;
 }
 const Et = (n) => {
   const l = G([]), r = (g) => g ? l.value.findIndex((p) => p.id === g) : -1, d = (g) => {
@@ -117,8 +117,8 @@ const Et = (n) => {
   }, o = (g) => {
     const { id: p } = g;
     if (!p) return !1;
-    const _ = g.wrap ?? !f(p), u = r(p);
-    return u >= 0 ? l.value[u] = { id: p, wrap: _ } : l.value.push({ id: p, wrap: _ }), !0;
+    const b = g.wrap ?? !f(p), u = r(p);
+    return u >= 0 ? l.value[u] = { id: p, wrap: b } : l.value.push({ id: p, wrap: b }), !0;
   }, i = I(
     () => (n.columns ?? []).filter((g) => Ot(g.wrap)).map((g) => ({
       id: g.id,
@@ -147,19 +147,19 @@ const Et = (n) => {
     },
     (u, c) => {
       var e, m;
-      if ((m = (e = n.rowSelection) == null ? void 0 : e.selectedRowKeys) != null && m.length && !_e(u, c)) {
+      if ((m = (e = n.rowSelection) == null ? void 0 : e.selectedRowKeys) != null && m.length && !be(u, c)) {
         const a = Object.fromEntries(
           t(n.rowSelection.selectedRowKeys ?? Object.keys(d.value)).map(
-            (k) => [k, !0]
+            (_) => [_, !0]
           )
         );
-        _e(a, d.value) || (d.value = a);
+        be(a, d.value) || (d.value = a);
       }
     },
     { immediate: !0 }
   );
   const o = I(
-    () => n.rowKey ? De(n.data, (u) => u.children).map(
+    () => n.rowKey ? Ve(n.data, (u) => u.children).map(
       (u) => u[n.rowKey]
     ) : []
   ), i = () => {
@@ -172,7 +172,7 @@ const Et = (n) => {
     Object.keys(u).length !== f.value.length && (d.value = u, se(() => {
       r();
     }));
-  }, g = Ke();
+  }, g = De();
   return {
     rowSelection: d,
     selectedRowKeys: f,
@@ -195,7 +195,7 @@ const Et = (n) => {
   })), o = (u) => {
     n.getIsSomeRowsSelected() || n.getIsAllRowsSelected() ? n.toggleAllRowsSelected(!1) : n.toggleAllRowsSelected(!0), se(() => {
       var c, e;
-      L((c = r.rowSelection) == null ? void 0 : c.onSelectAll) && r.rowSelection.onSelectAll({ ...f.value, selected: u }), L((e = r.rowSelection) == null ? void 0 : e.onChange) && r.rowSelection.onChange(f.value);
+      K((c = r.rowSelection) == null ? void 0 : c.onSelectAll) && r.rowSelection.onSelectAll({ ...f.value, selected: u }), K((e = r.rowSelection) == null ? void 0 : e.onChange) && r.rowSelection.onChange(f.value);
     });
   }, i = (u, c) => {
     var e;
@@ -203,15 +203,15 @@ const Et = (n) => {
       selectChildren: !((e = r.rowSelection) != null && e.checkStrictly)
     }), se(() => {
       var m, a;
-      L((m = r.rowSelection) == null ? void 0 : m.onSelect) && r.rowSelection.onSelect({
+      K((m = r.rowSelection) == null ? void 0 : m.onSelect) && r.rowSelection.onSelect({
         ...f.value,
         selected: u,
         record: c.original
-      }), L((a = r.rowSelection) == null ? void 0 : a.onChange) && r.rowSelection.onChange(f.value);
+      }), K((a = r.rowSelection) == null ? void 0 : a.onChange) && r.rowSelection.onChange(f.value);
     });
   }, g = (u) => {
     var c, e;
-    return L((c = r.rowSelection) == null ? void 0 : c.getCheckboxProps) && ((e = r.rowSelection) == null || e.getCheckboxProps(u)), {};
+    return K((c = r.rowSelection) == null ? void 0 : c.getCheckboxProps) && ((e = r.rowSelection) == null || e.getCheckboxProps(u)), {};
   }, p = (u) => {
     var c;
     if (u.getIsSelected()) return !0;
@@ -220,14 +220,14 @@ const Et = (n) => {
       if (u.getIsSomeSelected()) return "indeterminate";
     }
     return !1;
-  }, _ = I(() => n.getFilteredSelectedRowModel().flatRows.length);
+  }, b = I(() => n.getFilteredSelectedRowModel().flatRows.length);
   return {
     getCheckedAll: d,
     checkAll: o,
     check: i,
     getCheckboxProps: g,
     getRowChecked: p,
-    selectedItemsLength: _,
+    selectedItemsLength: b,
     getSelectCallbackProps: f
   };
 }, It = ({
@@ -236,18 +236,18 @@ const Et = (n) => {
   slots: r,
   getSelectionCol: d
 }) => {
-  const f = Ke(), o = I(() => {
+  const f = De(), o = I(() => {
     var c;
     return ((c = n.actionCol) == null ? void 0 : c.id) ?? `$${l}_action$`;
   }), i = I(() => {
     var z;
     const c = (y) => ce(y ?? {}, "columns", "id"), e = (y) => {
-      var M;
-      const T = y.id ?? wt(`${l}--col`);
-      return Y(be(y, n.childrenColumnName ?? "children")) ? f.group({
+      var L;
+      const T = y.id ?? ht(`${l}--col`);
+      return Y(ke(y, n.childrenColumnName ?? "children")) ? f.group({
         header: y.title,
         id: T,
-        columns: (M = be(y, n.childrenColumnName ?? "children") ?? []) == null ? void 0 : M.map(e),
+        columns: (L = ke(y, n.childrenColumnName ?? "children") ?? []) == null ? void 0 : L.map(e),
         enableSorting: !1,
         ...c(y)
       }) : f.accessor(y.dataIndex ?? y.id, {
@@ -259,9 +259,9 @@ const Et = (n) => {
     };
     if (!Y(n.columns)) throw "no columns";
     const m = n.columns.map(({ id: y }) => y);
-    if (Kt(m).length !== m.length) throw "no uniq column ids";
-    const a = [], k = d();
-    return k && a.push(k), n.columns.forEach((y) => {
+    if (Dt(m).length !== m.length) throw "no uniq column ids";
+    const a = [], _ = d();
+    return _ && a.push(_), n.columns.forEach((y) => {
       a.push(e(y));
     }), (r.action || r.hoverAction) && a.push(
       f.accessor(o.value, {
@@ -271,17 +271,17 @@ const Et = (n) => {
         ...c(n.actionCol)
       })
     ), a;
-  }), g = Lt(), _ = St(
+  }), g = Kt(), b = St(
     Object.fromEntries(
       Object.keys(g).map((c) => [c, g[c].minWidth])
     ),
     { strategy: "min-width" }
   ).active(), u = G({});
   return ie(
-    _,
+    b,
     (c) => {
       u.value = Object.fromEntries(
-        De(i.value, (e) => e.columns).map((e) => {
+        Ve(i.value, (e) => e.columns).map((e) => {
           var m;
           return [
             e.id,
@@ -337,10 +337,10 @@ function Gt(n, l) {
 }
 function Ut(n, l) {
   if (n !== l) {
-    var r = n !== void 0, d = n === null, f = n === n, o = Re(n), i = l !== void 0, g = l === null, p = l === l, _ = Re(l);
-    if (!g && !_ && !o && n > l || o && i && p && !g && !_ || d && i && p || !r && p || !f)
+    var r = n !== void 0, d = n === null, f = n === n, o = Re(n), i = l !== void 0, g = l === null, p = l === l, b = Re(l);
+    if (!g && !b && !o && n > l || o && i && p && !g && !b || d && i && p || !r && p || !f)
       return 1;
-    if (!d && !o && !_ && n < l || _ && r && f && !d && !o || g && r && f || !i && f || !p)
+    if (!d && !o && !b && n < l || b && r && f && !d && !o || g && r && f || !i && f || !p)
       return -1;
   }
   return 0;
@@ -351,8 +351,8 @@ function Jt(n, l, r) {
     if (p) {
       if (d >= g)
         return p;
-      var _ = r[d];
-      return p * (_ == "desc" ? -1 : 1);
+      var b = r[d];
+      return p * (b == "desc" ? -1 : 1);
     }
   }
   return n.index - l.index;
@@ -362,12 +362,12 @@ function Qt(n, l, r) {
     return Y(o) ? function(i) {
       return at(i, o.length === 1 ? o[0] : o);
     } : o;
-  }) : l = [Le];
+  }) : l = [Ke];
   var d = -1;
   l = re(l, ut(ft));
   var f = qt(n, function(o, i, g) {
-    var p = re(l, function(_) {
-      return _(o);
+    var p = re(l, function(b) {
+      return b(o);
     });
     return { criteria: p, index: ++d, value: o };
   });
@@ -376,7 +376,7 @@ function Qt(n, l, r) {
   });
 }
 function Xt(n, l) {
-  return dt(mt(n, l, Le), n + "");
+  return dt(mt(n, l, Ke), n + "");
 }
 function ze(n, l, r) {
   if (!q(r))
@@ -388,7 +388,7 @@ var Te = Xt(function(n, l) {
   if (n == null)
     return [];
   var r = l.length;
-  return r > 1 && ze(n, l[0], l[1]) ? l = [] : r > 2 && ze(l[0], l[1], l[2]) && (l = [l[0]]), Qt(n, ht(l), []);
+  return r > 1 && ze(n, l[0], l[1]) ? l = [] : r > 2 && ze(l[0], l[1], l[2]) && (l = [l[0]]), Qt(n, wt(l), []);
 });
 const Yt = (n, l, r) => {
   const d = (u) => {
@@ -424,7 +424,7 @@ const Yt = (n, l, r) => {
     toggleSort: g,
     getIsSorted: p
   };
-}, kn = /* @__PURE__ */ Ze({
+}, _n = /* @__PURE__ */ Ze({
   __name: "DataTable",
   props: {
     columns: {},
@@ -459,17 +459,17 @@ const Yt = (n, l, r) => {
       variants: {
         empty: Ct("empty", o)
       }
-    }), { rowSelection: p, checkSelections: _, getSelectionCol: u, clearSelection: c, selectedRowKeys: e } = Ht(r, {
+    }), { rowSelection: p, checkSelections: b, getSelectionCol: u, clearSelection: c, selectedRowKeys: e } = Ht(r, {
       colId: i,
       onSelectionChange: () => {
         var s;
-        L((s = r.rowSelection) == null ? void 0 : s.onChange) && r.rowSelection.onChange(de.value);
+        K((s = r.rowSelection) == null ? void 0 : s.onChange) && r.rowSelection.onChange(de.value);
       }
-    }), { cols: m, actionId: a, columnVisibility: k } = It({ props: r, slots: f, prefix: o, getSelectionCol: u }), { toggleWrap: z, isColumnWrapped: y } = Et(r), { getSortTooltip: T, getSortIcon: M, sorting: U, data: J, toggleSort: N, getIsSorted: Q } = Yt(
+    }), { cols: m, actionId: a, columnVisibility: _ } = It({ props: r, slots: f, prefix: o, getSelectionCol: u }), { toggleWrap: z, isColumnWrapped: y } = Et(r), { getSortTooltip: T, getSortIcon: L, sorting: U, data: J, toggleSort: N, getIsSorted: Q } = Yt(
       r,
       d,
-      _
-    ), D = et({
+      b
+    ), V = et({
       // debugTable: true,
       getSubRows: (s) => s.children,
       enableSorting: !0,
@@ -485,7 +485,7 @@ const Yt = (n, l, r) => {
           return p.value;
         },
         get columnVisibility() {
-          return k.value;
+          return _.value;
         }
       },
       enableRowSelection: !0,
@@ -503,26 +503,26 @@ const Yt = (n, l, r) => {
       }
     }), {
       getCheckedAll: ee,
-      checkAll: Me,
-      check: Ve,
+      checkAll: Le,
+      check: Me,
       getRowChecked: ue,
       selectedItemsLength: fe,
       getCheckboxProps: Oe,
       getSelectCallbackProps: de
-    } = Wt(D, {
+    } = Wt(V, {
       selectedRowKeys: e,
       props: r
-    }), me = Ge("target"), { stop: Ee } = kt(me, ([s]) => {
+    }), me = Ge("target"), { stop: Ee } = _t(me, ([s]) => {
       r.lazyLoading && !r.loading && (s != null && s.isIntersecting) && d("fetch");
     });
     Ue(Ee);
-    const { getSkeletonProps: He, getThProps: We, RenderCell: ge, getTdProps: te, getColProps: Ie, isThVisible: je } = Mt({
+    const { getSkeletonProps: He, getThProps: We, RenderCell: ge, getTdProps: te, getColProps: Ie, isThVisible: je } = Lt({
       selectionId: i,
       isColumnWrapped: y
     }), pe = Je(0), Fe = ({ item: s }, P) => {
       s.key === "a-z" && N(P, "asc"), s.key === "z-a" && N(P, "desc"), s.key === "wrap" && z({ id: P.id }), pe.value++;
-    }, he = I(
-      () => D.getHeaderGroups().map((s) => ({
+    }, we = I(
+      () => V.getHeaderGroups().map((s) => ({
         ...s,
         headers: s.headers.map((P) => ({
           ...P,
@@ -531,15 +531,15 @@ const Yt = (n, l, r) => {
       }))
     ), x = (s) => {
       const P = F(ce(s ?? {}, "row"));
-      let w = {};
-      r.rowProps && (L(r.rowProps) && (w = F(r.rowProps(s) ?? {})), q(r.rowProps) && (w = F(r.rowProps)));
-      const A = L(w.onClick) || s.row ? (h) => {
-        s.row && d("rowClick", s.row, h), L(w.onClick) && w.onClick(h);
+      let h = {};
+      r.rowProps && (K(r.rowProps) && (h = F(r.rowProps(s) ?? {})), q(r.rowProps) && (h = F(r.rowProps)));
+      const A = K(h.onClick) || s.row ? (w) => {
+        s.row && d("rowClick", s.row, w), K(h.onClick) && h.onClick(w);
       } : void 0;
-      return { ...w, ...P, onClick: A };
+      return { ...h, ...P, onClick: A };
     };
     return (s, P) => (C(), $("div", {
-      class: b([t(B)(t(o), "root"), s.rootCls])
+      class: k([t(B)(t(o), "root"), s.rootCls])
     }, [
       S(Be, {
         "z-index": "1",
@@ -550,23 +550,23 @@ const Yt = (n, l, r) => {
       }, {
         content: v(() => [
           H("div", {
-            class: b(t(B)(t(o), "batch_actions"))
+            class: k(t(B)(t(o), "batch_actions"))
           }, [
             S(Rt, {
               text: t(fe),
               size: "xsm"
             }, null, 8, ["text"]),
             H("div", {
-              class: b(t(B)(t(o), "batch_actions__title"))
+              class: k(t(B)(t(o), "batch_actions__title"))
             }, ve(s.batchActionsTitle), 3),
             H("div", {
-              class: b(t(B)(t(o), "batch_actions__actions"))
+              class: k(t(B)(t(o), "batch_actions__actions"))
             }, [
               E(s.$slots, "batchActions", ne(Ye(t(de))))
             ], 2),
             S(Pe, {
               type: "vertical",
-              class: b(t(B)(t(o), "batch_actions__divider"))
+              class: k(t(B)(t(o), "batch_actions__divider"))
             }, null, 8, ["class"]),
             S(Ae, {
               icon: "tabler:x",
@@ -577,7 +577,7 @@ const Yt = (n, l, r) => {
           ], 2)
         ]),
         default: v(() => [
-          S(t(Dt), R(s.scrollContainerProps, {
+          S(t(Vt), R(s.scrollContainerProps, {
             "root-props": { class: t(B)(t(o), "scroll_container") },
             class: t(B)(t(o), "scroll_area")
           }), {
@@ -587,94 +587,94 @@ const Yt = (n, l, r) => {
                 style: Qe({
                   tableLayout: s.tableLayout
                 }),
-                class: b([
+                class: k([
                   t(g)({
-                    empty: !t(D).getRowModel().rows.length
+                    empty: !t(V).getRowModel().rows.length
                   }),
                   r.class
                 ])
               }, {
                 default: v(() => [
                   H("colgroup", null, [
-                    (C(!0), $(K, null, j(t(D).getVisibleLeafColumns(), (w) => (C(), $("col", R({
-                      key: w.id,
+                    (C(!0), $(D, null, j(t(V).getVisibleLeafColumns(), (h) => (C(), $("col", R({
+                      key: h.id,
                       ref_for: !0
-                    }, t(Ie)(w)), null, 16))), 128))
+                    }, t(Ie)(h)), null, 16))), 128))
                   ]),
                   s.noHeader ? W("", !0) : (C(), O(t(At), {
                     key: 0,
-                    class: b(s.theadCls),
+                    class: k(s.theadCls),
                     sticky: s.stickyHeader
                   }, {
                     default: v(() => [
-                      (C(!0), $(K, null, j(he.value, (w, A) => (C(), O(t(Z), R({
-                        key: w.id,
+                      (C(!0), $(D, null, j(we.value, (h, A) => (C(), O(t(Z), R({
+                        key: h.id,
                         ref_for: !0
                       }, x({ index: A, header: !0 })), {
                         default: v(() => [
-                          (C(!0), $(K, null, j(w.headers, (h) => (C(), $(K, {
-                            key: h.id
+                          (C(!0), $(D, null, j(h.headers, (w) => (C(), $(D, {
+                            key: w.id
                           }, [
-                            t(je)(A, he.value.length, h.column.id) ? (C(), O(t(zt), R({
+                            t(je)(A, we.value.length, w.column.id) ? (C(), O(t(zt), R({
                               key: 0,
                               ref_for: !0
-                            }, h.bindings, {
-                              "data-selection": h.column.id === i
+                            }, w.bindings, {
+                              "data-selection": w.column.id === i
                             }), {
                               default: v(() => [
                                 H("div", {
-                                  class: b(t(B)(t(o), "header"))
+                                  class: k(t(B)(t(o), "header"))
                                 }, [
                                   H("div", {
-                                    class: b(t(B)(t(o), "header__content"))
+                                    class: k(t(B)(t(o), "header__content"))
                                   }, [
-                                    h.column.id !== i ? (C(), $(K, { key: 0 }, [
+                                    w.column.id !== i ? (C(), $(D, { key: 0 }, [
                                       H("div", {
-                                        class: b(t(B)(t(o), "header__content__title"))
+                                        class: k(t(B)(t(o), "header__content__title"))
                                       }, [
                                         E(s.$slots, "headerCell", R({ ref_for: !0 }, {
-                                          column: h.column.columnDef
+                                          column: w.column.columnDef
                                         }), () => [
                                           S(t(ge), {
-                                            props: h.getContext(),
-                                            render: h.column.columnDef.header
+                                            props: w.getContext(),
+                                            render: w.column.columnDef.header
                                           }, null, 8, ["props", "render"])
                                         ])
                                       ], 2),
-                                      h.column.getCanSort() ? (C(), O(bt, {
+                                      w.column.getCanSort() ? (C(), O(kt, {
                                         key: 0,
                                         placement: "bottom"
                                       }, {
                                         content: v(() => [
-                                          Xe(ve(t(T)(h.column)), 1)
+                                          Xe(ve(t(T)(w.column)), 1)
                                         ]),
                                         default: v(() => [
                                           S(rt, {
-                                            class: b({ hide_filter_action: !t(Q)(h.column) }),
-                                            icon: t(M)(h.column),
+                                            class: k({ hide_filter_action: !t(Q)(w.column) }),
+                                            icon: t(L)(w.column),
                                             size: "sm",
                                             type: "ghost",
                                             variant: "icon",
-                                            active: !!t(Q)(h.column),
-                                            onClick: (V) => t(N)(h.column)
+                                            active: !!t(Q)(w.column),
+                                            onClick: (M) => t(N)(w.column)
                                           }, null, 8, ["class", "icon", "active", "onClick"])
                                         ]),
                                         _: 2
                                       }, 1024)) : W("", !0)
-                                    ], 64)) : (C(), $(K, { key: 1 }, [
+                                    ], 64)) : (C(), $(D, { key: 1 }, [
                                       H("div", {
-                                        class: b(t(B)(t(o), "selection_space"))
+                                        class: k(t(B)(t(o), "selection_space"))
                                       }, null, 2),
                                       S(Se, {
                                         rootCls: "w-fit",
-                                        checked: t(ee),
-                                        onChange: t(Me)
-                                      }, null, 8, ["checked", "onChange"])
+                                        modelValue: t(ee),
+                                        onChange: t(Le)
+                                      }, null, 8, ["modelValue", "onChange"])
                                     ], 64))
                                   ], 2),
-                                  ![t(a), i].includes(h.column.id) && !h.column.columns.length ? (C(), $("div", {
+                                  ![t(a), i].includes(w.column.id) && !w.column.columns.length ? (C(), $("div", {
                                     key: 0,
-                                    class: b(t(B)(t(o), "header__action"))
+                                    class: k(t(B)(t(o), "header__action"))
                                   }, [
                                     (C(), O(Be, {
                                       "z-index": "1",
@@ -683,18 +683,18 @@ const Yt = (n, l, r) => {
                                     }, {
                                       content: v(() => [
                                         S(ot, {
-                                          onSelect: (V) => Fe(V, h.column)
+                                          onSelect: (M) => Fe(M, w.column)
                                         }, {
                                           default: v(() => [
-                                            h.column.getCanSort() ? (C(), $(K, { key: 0 }, [
+                                            w.column.getCanSort() ? (C(), $(D, { key: 0 }, [
                                               S(oe, {
                                                 title: "Sort A → Z",
                                                 key: "a-z"
                                               }, {
-                                                leading: v(({ iconSize: V }) => [
+                                                leading: v(({ iconSize: M }) => [
                                                   S(le, {
                                                     icon: "tabler:arrow-up",
-                                                    size: V
+                                                    size: M
                                                   }, null, 8, ["size"])
                                                 ]),
                                                 _: 1
@@ -703,10 +703,10 @@ const Yt = (n, l, r) => {
                                                 title: "Sort Z → A",
                                                 key: "z-a"
                                               }, {
-                                                leading: v(({ iconSize: V }) => [
+                                                leading: v(({ iconSize: M }) => [
                                                   S(le, {
                                                     icon: "tabler:arrow-down",
-                                                    size: V
+                                                    size: M
                                                   }, null, 8, ["size"])
                                                 ]),
                                                 _: 1
@@ -717,16 +717,16 @@ const Yt = (n, l, r) => {
                                               title: "Wrap Column",
                                               key: "wrap"
                                             }, {
-                                              leading: v(({ iconSize: V }) => [
+                                              leading: v(({ iconSize: M }) => [
                                                 S(le, {
                                                   icon: "tabler:text-wrap",
-                                                  size: V
+                                                  size: M
                                                 }, null, 8, ["size"])
                                               ]),
                                               trailing: v(() => [
                                                 S($t, {
-                                                  checked: t(y)(h.column.id)
-                                                }, null, 8, ["checked"])
+                                                  modelValue: t(y)(w.column.id)
+                                                }, null, 8, ["modelValue"])
                                               ]),
                                               _: 2
                                             }, 1024)
@@ -740,7 +740,7 @@ const Yt = (n, l, r) => {
                                           size: "sm",
                                           color: "neutral",
                                           type: "ghost",
-                                          class: b(t(B)(t(o), "header__action__hover"))
+                                          class: k(t(B)(t(o), "header__action__hover"))
                                         }, null, 8, ["class"])
                                       ]),
                                       _: 2
@@ -758,47 +758,47 @@ const Yt = (n, l, r) => {
                     _: 3
                   }, 8, ["class", "sticky"])),
                   S(t(Tt), {
-                    class: b(s.tbodyCls),
+                    class: k(s.tbodyCls),
                     ref: "body"
                   }, {
                     default: v(() => [
-                      (C(!0), $(K, null, j(t(D).getRowModel().rows, (w, A) => (C(), O(t(Z), R(
+                      (C(!0), $(D, null, j(t(V).getRowModel().rows, (h, A) => (C(), O(t(Z), R(
                         {
-                          key: w.id,
+                          key: h.id,
                           ref_for: !0
                         },
                         x({
                           index: A,
                           zebra: s.zebra,
-                          checked: !!t(ue)(w),
-                          row: w.original
+                          checked: !!t(ue)(h),
+                          row: h.original
                         })
                       ), {
                         default: v(() => [
-                          (C(!0), $(K, null, j(w.getVisibleCells(), (h) => {
-                            var V, we;
-                            return C(), $(K, {
-                              key: h.id
+                          (C(!0), $(D, null, j(h.getVisibleCells(), (w) => {
+                            var M, he;
+                            return C(), $(D, {
+                              key: w.id
                             }, [
-                              ((V = t(te)(h.getContext())) == null ? void 0 : V.colSpan) !== 0 && ((we = t(te)(h.getContext())) == null ? void 0 : we.rowSpan) !== 0 ? (C(), O(t(X), R({
+                              ((M = t(te)(w.getContext())) == null ? void 0 : M.colSpan) !== 0 && ((he = t(te)(w.getContext())) == null ? void 0 : he.rowSpan) !== 0 ? (C(), O(t(X), R({
                                 key: 0,
                                 ref_for: !0
-                              }, t(te)(h.getContext())), ye({
+                              }, t(te)(w.getContext())), ye({
                                 default: v(() => [
-                                  h.column.id === t(a) && (f.hoverAction || f.action) ? (C(), $("div", {
+                                  w.column.id === t(a) && (f.hoverAction || f.action) ? (C(), $("div", {
                                     key: 0,
                                     onClick: P[0] || (P[0] = Ce(() => {
                                     }, ["stop"])),
-                                    class: b(t(B)(t(o), "action_cell"))
+                                    class: k(t(B)(t(o), "action_cell"))
                                   }, [
                                     H("div", {
-                                      class: b([t(B)(t(o), "action_cell__hover"), s.actionHoverCls])
+                                      class: k([t(B)(t(o), "action_cell__hover"), s.actionHoverCls])
                                     }, [
                                       E(s.$slots, "hoverAction", R(
                                         { ref_for: !0 },
                                         {
-                                          column: h.column.columnDef,
-                                          record: w.original,
+                                          column: w.column.columnDef,
+                                          record: h.original,
                                           index: A
                                         }
                                       ))
@@ -806,54 +806,54 @@ const Yt = (n, l, r) => {
                                     E(s.$slots, "action", R(
                                       { ref_for: !0 },
                                       {
-                                        column: h.column.columnDef,
-                                        record: w.original,
+                                        column: w.column.columnDef,
+                                        record: h.original,
                                         index: A
                                       }
                                     ))
-                                  ], 2)) : h.column.id !== i ? E(s.$slots, "bodyCell", R(
+                                  ], 2)) : w.column.id !== i ? E(s.$slots, "bodyCell", R(
                                     {
                                       key: 1,
                                       ref_for: !0
                                     },
                                     {
-                                      column: h.column.columnDef,
-                                      record: w.original,
+                                      column: w.column.columnDef,
+                                      record: h.original,
                                       index: A
                                     }
                                   ), () => [
                                     S(t(ge), {
-                                      render: h.column.columnDef.cell,
-                                      props: h.getContext()
+                                      render: w.column.columnDef.cell,
+                                      props: w.getContext()
                                     }, null, 8, ["render", "props"])
-                                  ]) : s.rowKey && w.original[s.rowKey] ? (C(), $("div", {
+                                  ]) : s.rowKey && h.original[s.rowKey] ? (C(), $("div", {
                                     key: 2,
-                                    class: b(t(B)(t(o), "selection")),
+                                    class: k(t(B)(t(o), "selection")),
                                     onClick: P[1] || (P[1] = Ce(() => {
                                     }, ["stop"]))
                                   }, [
                                     H("div", {
-                                      class: b(t(B)(t(o), "selection_space"))
+                                      class: k(t(B)(t(o), "selection_space"))
                                     }, null, 2),
                                     S(Se, R({
                                       rootCls: "w-fit",
-                                      disabled: !w.getCanSelect(),
-                                      checked: t(ue)(w),
-                                      onChange: (Ne) => t(Ve)(Ne, w),
+                                      disabled: !h.getCanSelect(),
+                                      modelValue: t(ue)(h),
+                                      onChange: (Ne) => t(Me)(Ne, h),
                                       ref_for: !0
-                                    }, t(Oe)(w.original)), null, 16, ["disabled", "checked", "onChange"])
+                                    }, t(Oe)(h.original)), null, 16, ["disabled", "modelValue", "onChange"])
                                   ], 2)) : W("", !0)
                                 ]),
                                 _: 2
                               }, [
-                                f.cellAction && ![t(a), i].includes(h.column.id) ? {
+                                f.cellAction && ![t(a), i].includes(w.column.id) ? {
                                   name: "absoluteAction",
                                   fn: v(() => [
                                     E(s.$slots, "cellAction", R(
                                       { ref_for: !0 },
                                       {
-                                        column: h.column.columnDef,
-                                        record: w.original,
+                                        column: w.column.columnDef,
+                                        record: h.original,
                                         index: A
                                       }
                                     ))
@@ -866,28 +866,28 @@ const Yt = (n, l, r) => {
                         ]),
                         _: 2
                       }, 1040))), 128)),
-                      r.loading ? (C(!0), $(K, { key: 0 }, j(t(D).getRowModel().rows.length ? 2 : s.loadingRowCount, (w) => (C(), O(t(Z), R({
-                        key: w,
+                      r.loading ? (C(!0), $(D, { key: 0 }, j(t(V).getRowModel().rows.length ? 2 : s.loadingRowCount, (h) => (C(), O(t(Z), R({
+                        key: h,
                         ref_for: !0
-                      }, x({ index: w, zebra: s.zebra, loading: !0 })), {
+                      }, x({ index: h, zebra: s.zebra, loading: !0 })), {
                         default: v(() => [
-                          (C(!0), $(K, null, j(t(D).getVisibleLeafColumns(), (A, h) => (C(), O(t(X), { key: h }, {
+                          (C(!0), $(D, null, j(t(V).getVisibleLeafColumns(), (A, w) => (C(), O(t(X), { key: w }, {
                             default: v(() => [
                               A.id !== i ? E(s.$slots, "skeleton", R({
                                 key: 0,
                                 ref_for: !0
-                              }, { index: h, column: A.columnDef }), () => [
-                                S(_t, R({ ref_for: !0 }, t(He)(A.columnDef)), null, 16)
+                              }, { index: w, column: A.columnDef }), () => [
+                                S(bt, R({ ref_for: !0 }, t(He)(A.columnDef)), null, 16)
                               ]) : W("", !0)
                             ]),
                             _: 2
                           }, 1024))), 128))
                         ]),
                         _: 2
-                      }, 1040))), 128)) : t(D).getRowModel().rows.length ? W("", !0) : (C(), O(t(Z), ne(R({ key: 1 }, x({ empty: !0 }))), {
+                      }, 1040))), 128)) : t(V).getRowModel().rows.length ? W("", !0) : (C(), O(t(Z), ne(R({ key: 1 }, x({ empty: !0 }))), {
                         default: v(() => [
                           S(t(X), {
-                            colspan: t(D).getVisibleLeafColumns().length,
+                            colspan: t(V).getVisibleLeafColumns().length,
                             empty: ""
                           }, {
                             default: v(() => [
@@ -933,7 +933,7 @@ const Yt = (n, l, r) => {
                             ref_key: "target",
                             ref: me,
                             "lazy-load-observer": "",
-                            colspan: t(D).getVisibleLeafColumns().length
+                            colspan: t(V).getVisibleLeafColumns().length
                           }, null, 8, ["colspan"])
                         ]),
                         _: 1
@@ -954,5 +954,5 @@ const Yt = (n, l, r) => {
   }
 });
 export {
-  kn as _
+  _n as _
 };