@pantograph/vue 0.30.8 → 0.30.10

package/dist/DataTable/index.js

@@ -1,159 +1,159 @@
-import { h as W, ref as V, computed as H, watch as oe, unref as l, defineComponent as Z, createElementBlock as j, openBlock as x, normalizeClass as M, createVNode as T, createElementVNode as te, toDisplayString as Ve, createBlock as $, withCtx as F, renderSlot as be, Fragment as X, renderList as ce, normalizeStyle as de, withModifiers as ne, createCommentVNode as N, createSlots as je, normalizeProps as ye, guardReactiveProps as Fe, createTextVNode as lt, onMounted as Ke, render as Re, onBeforeUnmount as Ne, mergeProps as Q, shallowRef as Se, useSlots as rt } from "vue";
-import { isFunction as le, uniq as ke, isEqual as re, omitBy as ve, isUndefined as Ae, omit as Ie, isBoolean as it, cloneDeep as ae, sortBy as De, last as Te, clone as st, debounce as at } from "es-toolkit";
-import { isEmptyLikeLodash as ze, getStyleObject as ct, usePCId as ut, extractFromPxSize as ge, getPxSize as se, getComponentOptions as U, getBemElement as L, normCls as we, generateVariantClassList as dt, sortPlaceholderVariantsClass as ft, getBemBlock as mt, wgt_pre as gt, getComponentName as pt } from "@pantograph/utils";
+import { h as W, ref as V, computed as H, watch as oe, unref as l, defineComponent as Z, createElementBlock as j, openBlock as R, normalizeClass as M, createVNode as T, createElementVNode as te, toDisplayString as Ve, createBlock as E, withCtx as A, renderSlot as ye, Fragment as X, renderList as ce, normalizeStyle as de, withModifiers as ne, createCommentVNode as K, createSlots as je, normalizeProps as we, guardReactiveProps as Ae, createTextVNode as lt, onMounted as Ne, render as ke, onBeforeUnmount as Ke, mergeProps as Q, shallowRef as Se, useSlots as rt } from "vue";
+import { isFunction as le, uniq as _e, isEqual as re, omitBy as ve, isUndefined as Fe, omit as Ie, isBoolean as it, cloneDeep as ae, sortBy as De, last as Te, clone as st, debounce as at } from "es-toolkit";
+import { isEmptyLikeLodash as ze, getStyleObject as ct, usePCId as ut, extractFromPxSize as ge, getPxSize as se, getComponentOptions as U, getBemElement as O, normCls as be, generateVariantClassList as dt, sortPlaceholderVariantsClass as ft, getBemBlock as mt, wgt_pre as gt, getComponentName as pt } from "@pantograph/utils";
 import { i as Ce } from "../isObject-vmP43YLW.js";
 import { createColumnHelper as Ge, flattenBy as qe, useVueTable as ht, getExpandedRowModel as St, getSortedRowModel as Ct, getCoreRowModel as vt } from "@tanstack/vue-table";
-import { getBreakpoints as wt } from "@pantograph/tokens";
-import { useBreakpoints as bt } from "@vueuse/core";
-import { i as _e } from "../isArray-QlWcxgml.js";
-import { g as Le } from "../get-DwC3C6S0.js";
+import { getBreakpoints as bt } from "@pantograph/tokens";
+import { useBreakpoints as yt } from "@vueuse/core";
+import { i as Re } from "../isArray-QlWcxgml.js";
+import { g as Oe } from "../get-DwC3C6S0.js";
 import "@tanstack/table-core";
-import { i as Ee } from "../isNumber-BduWbB-B.js";
-import { useVModel as yt, useLazyLoading as xt, isEmptyElement as Pe, useDisableBodyPointerEvents as zt, installComponent as _t } from "@pantograph/utils-vue";
-import { i as Rt, h as Ze } from "../head-E4xQy0iK.js";
+import { i as Le } from "../isNumber-BduWbB-B.js";
+import { useVModel as wt, useLazyLoading as xt, isEmptyElement as Pe, useDisableBodyPointerEvents as zt, installComponent as Rt } from "@pantograph/utils-vue";
+import { i as kt, h as Ze } from "../head-E4xQy0iK.js";
 import Ue from "@pantograph/sortable";
-import { g as kt } from "../getTag-B-vgS5w-.js";
+import { g as _t } from "../getTag-B-vgS5w-.js";
 import { HoverCard as Xe } from "../HoverCard/index.js";
-import { _ as Be } from "../Divider.vue_vue_type_style_index_0_lang-GfWcHNix.js";
-import { _ as Je } from "../Badge.vue_vue_type_script_setup_true_lang-BYCiP2uS.js";
-import { _ as Ye } from "../IconButton.vue_vue_type_script_setup_true_lang-BwL7lOA2.js";
-import { TableSizes as It, Th as Qe, THead as Dt, Tr as ue, Td as fe, TFoot as Tt, Table as $e, TBody as Pt } from "../Table/index.js";
+import { _ as Be } from "../Divider.vue_vue_type_style_index_0_lang-eXMD78c3.js";
+import { _ as Je } from "../Badge.vue_vue_type_script_setup_true_lang-D5HMKOHA.js";
+import { _ as Ye } from "../IconButton.vue_vue_type_script_setup_true_lang-k-2rKarz.js";
+import { TableSizes as It, Th as Qe, THead as Dt, Tr as ue, Td as fe, TFoot as Tt, Table as Ee, TBody as Pt } from "../Table/index.js";
 import { a as et } from "../index-D2tZoezA.js";
 import "../ScrollContainer/index.js";
 import "../Badge/index.js";
 import { cva as Bt } from "class-variance-authority";
-import { _ as tt } from "../Checkbox.vue_vue_type_style_index_0_lang-D-7D_c_A.js";
-import { _ as Ft } from "../Tooltip.vue_vue_type_script_setup_true_lang-DX19Sbqt.js";
-import { _ as Oe } from "../ActionButton.vue_vue_type_script_setup_true_lang-CBomTo6K.js";
-import { _ as ee } from "../Icon.vue_vue_type_style_index_0_lang-CD9EvvB5.js";
-import { _ as At } from "../Switch.vue_vue_type_style_index_0_lang-DM0BBZ3s.js";
-import { _ as Lt, a as ie } from "../MenuItem.vue_vue_type_style_index_0_lang-BhdOsuVb.js";
-import { useConfig as Et } from "../ConfigProvider/index.js";
-import "../index--fAgg2DC.js";
-import { _ as $t } from "../Empty.vue_vue_type_style_index_0_lang-DnH-eKDp.js";
-import { _ as Ot } from "../Skeleton.vue_vue_type_style_index_0_lang-DOsf2SEN.js";
-import { _ as Ht } from "../IndentLevel.vue_vue_type_style_index_0_lang-CkvTqlkt.js";
-import { _ as Mt } from "../ScrollContainer.vue_vue_type_style_index_0_lang-CRjnv1ii.js";
+import { _ as tt } from "../Checkbox.vue_vue_type_style_index_0_lang-upe4IS_Q.js";
+import { _ as At } from "../Tooltip.vue_vue_type_script_setup_true_lang-DX19Sbqt.js";
+import { _ as $e } from "../ActionButton.vue_vue_type_script_setup_true_lang-DxSqcwKk.js";
+import { _ as ee } from "../Icon.vue_vue_type_style_index_0_lang-D7PiBbDb.js";
+import { _ as Ft } from "../Switch.vue_vue_type_style_index_0_lang-BmsIxVHQ.js";
+import { _ as Ot, a as ie } from "../MenuItem.vue_vue_type_style_index_0_lang-DsicR4mL.js";
+import { useConfig as Lt } from "../ConfigProvider/index.js";
+import "../index-CVKJ--1_.js";
+import { _ as Et } from "../Empty.vue_vue_type_style_index_0_lang-CjN-zB7k.js";
+import { _ as $t } from "../Skeleton.vue_vue_type_style_index_0_lang-BrFBNDlI.js";
+import { _ as Ht } from "../IndentLevel.vue_vue_type_style_index_0_lang-DUTq_uyH.js";
+import { _ as Mt } from "../ScrollContainer.vue_vue_type_style_index_0_lang-wNU6CesK.js";
 import { createContext as Wt } from "reka-ui";
-function Vt(i) {
-  return ArrayBuffer.isView(i) && !(i instanceof DataView);
+function Vt(o) {
+  return ArrayBuffer.isView(o) && !(o instanceof DataView);
 }
-function jt(i) {
-  return i !== null && typeof i == "object" && kt(i) === "[object Arguments]";
+function jt(o) {
+  return o !== null && typeof o == "object" && _t(o) === "[object Arguments]";
 }
-function Kt(i) {
-  const e = i == null ? void 0 : i.constructor, t = typeof e == "function" ? e.prototype : Object.prototype;
-  return i === t;
+function Nt(o) {
+  const e = o == null ? void 0 : o.constructor, t = typeof e == "function" ? e.prototype : Object.prototype;
+  return o === t;
 }
-function Nt(i) {
-  return Vt(i);
+function Kt(o) {
+  return Vt(o);
 }
-function he(i) {
-  return typeof i == "function";
+function he(o) {
+  return typeof o == "function";
 }
-function Gt(i) {
-  if (i == null)
+function Gt(o) {
+  if (o == null)
     return !0;
-  if (Rt(i))
-    return typeof i.splice != "function" && typeof i != "string" && (typeof Buffer > "u" || !Buffer.isBuffer(i)) && !Nt(i) && !jt(i) ? !1 : i.length === 0;
-  if (typeof i == "object") {
-    if (i instanceof Map || i instanceof Set)
-      return i.size === 0;
-    const e = Object.keys(i);
-    return Kt(i) ? e.filter((t) => t !== "constructor").length === 0 : e.length === 0;
+  if (kt(o))
+    return typeof o.splice != "function" && typeof o != "string" && (typeof Buffer > "u" || !Buffer.isBuffer(o)) && !Kt(o) && !jt(o) ? !1 : o.length === 0;
+  if (typeof o == "object") {
+    if (o instanceof Map || o instanceof Set)
+      return o.size === 0;
+    const e = Object.keys(o);
+    return Nt(o) ? e.filter((t) => t !== "constructor").length === 0 : e.length === 0;
   }
   return !0;
 }
-const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
-  const t = (o) => {
-    var n, u;
-    const r = (m) => m === "list" ? "md" : "sm";
+const qt = ({ isColumnWrapped: o, getOutsideCol: e }) => {
+  const t = (n) => {
+    var r, f;
+    const i = (u) => u === "list" ? "md" : "sm";
     return {
-      ...(o == null ? void 0 : o.skeletonProps) ?? {},
+      ...(n == null ? void 0 : n.skeletonProps) ?? {},
       style: {
         width: "100%",
         minWidth: "0",
-        ...ct((n = o == null ? void 0 : o.skeletonProps) == null ? void 0 : n.style)
+        ...ct((r = n == null ? void 0 : n.skeletonProps) == null ? void 0 : r.style)
       },
-      size: r((u = o == null ? void 0 : o.skeletonProps) == null ? void 0 : u.type)
+      size: i((f = n == null ? void 0 : n.skeletonProps) == null ? void 0 : f.type)
     };
-  }, a = (o) => {
-    var r, n;
-    return le(o.customRender) ? o.customRender({
-      index: (r = o.props.row) == null ? void 0 : r.index,
-      record: (n = o.props.row) == null ? void 0 : n.original,
-      column: e(o.props.column.columnDef)
-    }) : typeof o.render == "function" || typeof o.render == "object" ? W(o.render, o.props) : o.render;
-  }, h = {}, g = (o, r = !0) => {
-    var u;
-    let n = 1;
-    return ((u = o == null ? void 0 : o.subHeaders) == null ? void 0 : u.length) === 1 && o.column.id === o.subHeaders[0].column.id && (n += g(o.subHeaders[0], !1)), r && (!h[o.column.id] || h[o.column.id] < n) && (h[o.column.id] = n), n;
-  }, S = (o) => {
-    var r;
+  }, c = (n) => {
+    var i, r;
+    return le(n.customRender) ? n.customRender({
+      index: (i = n.props.row) == null ? void 0 : i.index,
+      record: (r = n.props.row) == null ? void 0 : r.original,
+      column: e(n.props.column.columnDef)
+    }) : typeof n.render == "function" || typeof n.render == "object" ? W(n.render, n.props) : n.render;
+  }, g = {}, S = (n, i = !0) => {
+    var f;
+    let r = 1;
+    return ((f = n == null ? void 0 : n.subHeaders) == null ? void 0 : f.length) === 1 && n.column.id === n.subHeaders[0].column.id && (r += S(n.subHeaders[0], !1)), i && (!g[n.column.id] || g[n.column.id] < r) && (g[n.column.id] = r), r;
+  }, v = (n) => {
+    var i;
     return {
-      index: o.row.index,
-      record: o.row.original,
-      column: e((r = o == null ? void 0 : o.column) == null ? void 0 : r.columnDef),
-      parentId: o.row.parentId,
-      depth: o.row.depth,
+      index: n.row.index,
+      record: n.row.original,
+      column: e((i = n == null ? void 0 : n.column) == null ? void 0 : i.columnDef),
+      parentId: n.row.parentId,
+      depth: n.row.depth,
       id: {
-        cell: o.cell.id,
-        column: o.cell.column.id
+        cell: n.cell.id,
+        column: n.cell.column.id
       }
     };
-  }, d = (o, r = {}) => {
-    var n;
-    if (o != null && o.column) {
-      const u = (n = o == null ? void 0 : o.column) == null ? void 0 : n.columnDef, m = [];
-      let y = {};
-      if (Ce(u)) {
-        let w = i(o.column.id);
-        const { customCell: p, class: z } = u;
-        if (ze(z) || m.push(z), p && (Ce(p) || le(p))) {
-          const _ = (k) => {
-            if (Ce(k)) {
-              const { wrap: b, class: R, ...A } = k;
-              w = w || (b ?? !1), y = { ...y, ...A }, ze(k.class) || m.push(k.class);
+  }, s = (n, i = {}) => {
+    var r;
+    if (n != null && n.column) {
+      const f = (r = n == null ? void 0 : n.column) == null ? void 0 : r.columnDef, u = [];
+      let w = {};
+      if (Ce(f)) {
+        let b = o(n.column.id);
+        const { customCell: p, class: x } = f;
+        if (ze(x) || u.push(x), p && (Ce(p) || le(p))) {
+          const z = (_) => {
+            if (Ce(_)) {
+              const { wrap: y, class: k, ...F } = _;
+              b = b || (y ?? !1), w = { ...w, ...F }, ze(_.class) || u.push(_.class);
             }
           };
-          le(p) && o.row ? _(p(S(o))) : _(p);
+          le(p) && n.row ? z(p(v(n))) : z(p);
         }
-        o.header ? y.rowSpan = g(o.header) : w && (y.wrap = !0);
+        n.header ? w.rowSpan = S(n.header) : b && (w.wrap = !0);
       }
       return {
-        class: ze(m) ? void 0 : m,
-        ...y,
-        ...r
+        class: ze(u) ? void 0 : u,
+        ...w,
+        ...i
       };
     }
     return {};
   };
   return {
     getSkeletonProps: t,
-    RenderCell: a,
-    getCellParams: S,
-    getThProps: (o) => {
-      var r, n, u;
-      return d(o, {
-        colSpan: (r = o == null ? void 0 : o.header) == null ? void 0 : r.colSpan,
-        "data-has-children": ((u = (n = o == null ? void 0 : o.column) == null ? void 0 : n.columns) == null ? void 0 : u.length) > 1 ? !0 : void 0
+    RenderCell: c,
+    getCellParams: v,
+    getThProps: (n) => {
+      var i, r, f;
+      return s(n, {
+        colSpan: (i = n == null ? void 0 : n.header) == null ? void 0 : i.colSpan,
+        "data-has-children": ((f = (r = n == null ? void 0 : n.column) == null ? void 0 : r.columns) == null ? void 0 : f.length) > 1 ? !0 : void 0
       });
     },
-    getTdProps: (o) => d(o),
-    isThVisible: (o, r, n) => h[n] === 1 ? !0 : r - o === h[n]
+    getTdProps: (n) => s(n),
+    isThVisible: (n, i, r) => g[r] === 1 ? !0 : i - n === g[r]
   };
 }, Zt = ({
-  props: i,
+  props: o,
   emit: e,
   prefix: t,
-  slots: a,
-  getSelectionCol: h
+  slots: c,
+  getSelectionCol: g
 }) => {
-  const g = V({}), S = V({}), d = V({}), s = V([]), c = V(!1), f = {
+  const S = V({}), v = V({}), s = V({}), m = V([]), a = V(!1), d = {
     size: 0,
     minSize: 0,
     maxSize: 2e3
-  }, o = Ge(), r = (v) => {
+  }, n = Ge(), i = (C) => {
     const I = (D) => {
       var B;
       const P = Ie(D, [
@@ -170,111 +170,111 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
         "sortingFn",
         "title",
         "columns",
-        i.childrenColumnName ?? "children"
+        o.childrenColumnName ?? "children"
       ]);
-      return (B = D.columns) != null && B.length && (P[i.childrenColumnName ?? "children"] = D.columns.map(I)), P;
+      return (B = D.columns) != null && B.length && (P[o.childrenColumnName ?? "children"] = D.columns.map(I)), P;
     };
-    return I(v);
-  }, n = H(() => {
-    var v;
-    return ((v = i.actionCol) == null ? void 0 : v.id) ?? `$${t}_action$`;
-  }), u = V([]), m = (v) => v ? ge(v == null ? void 0 : v.minWidth) ?? 0 : 0, y = (v) => v && !u.value.includes(v.id) ? ge(v == null ? void 0 : v.width) ?? 0 : 0, w = (v) => v ? ge(v == null ? void 0 : v.maxWidth) ?? f.maxSize : f.maxSize, p = H(() => {
+    return I(C);
+  }, r = H(() => {
+    var C;
+    return ((C = o.actionCol) == null ? void 0 : C.id) ?? `$${t}_action$`;
+  }), f = V([]), u = (C) => C ? ge(C == null ? void 0 : C.minWidth) ?? 0 : 0, w = (C) => C && !f.value.includes(C.id) ? ge(C == null ? void 0 : C.width) ?? 0 : 0, b = (C) => C ? ge(C == null ? void 0 : C.maxWidth) ?? d.maxSize : d.maxSize, p = H(() => {
     var Y;
-    const v = (C, O) => {
-      const K = [
-        i.childrenColumnName ?? "children",
+    const C = (h, $) => {
+      const N = [
+        o.childrenColumnName ?? "children",
         "columns",
         "id",
         "maxWidth",
         "minWidth"
       ];
-      return C && u.value.includes(C) && K.push("width"), {
-        ...Ie(O ?? {}, K),
-        maxWidth: ge(O == null ? void 0 : O.maxWidth),
-        minWidth: ge(O == null ? void 0 : O.minWidth)
+      return h && f.value.includes(h) && N.push("width"), {
+        ...Ie($ ?? {}, N),
+        maxWidth: ge($ == null ? void 0 : $.maxWidth),
+        minWidth: ge($ == null ? void 0 : $.minWidth)
       };
-    }, I = (C) => {
-      var K;
-      const O = C.id ?? ut(`${t}--col`);
-      if (!C.id) throw `no uniq  column id on${JSON.stringify(C)}`;
-      return _e(Le(C, i.childrenColumnName ?? "children")) ? o.group({
-        ...v(O, C),
-        header: C.title,
-        id: O,
-        columns: (K = Le(C, i.childrenColumnName ?? "children") ?? []) == null ? void 0 : K.map(I),
+    }, I = (h) => {
+      var N;
+      const $ = h.id ?? ut(`${t}--col`);
+      if (!h.id) throw `no uniq  column id on${JSON.stringify(h)}`;
+      return Re(Oe(h, o.childrenColumnName ?? "children")) ? n.group({
+        ...C($, h),
+        header: h.title,
+        id: $,
+        columns: (N = Oe(h, o.childrenColumnName ?? "children") ?? []) == null ? void 0 : N.map(I),
         enableSorting: !1,
         enableResizing: !0,
-        size: y({ ...C, id: O }),
-        minSize: m({ ...C }),
-        maxSize: w({ ...C })
-      }) : o.accessor(C.dataIndex ?? C.id, {
-        ...v(O, C),
-        header: C.title,
-        id: O,
+        size: w({ ...h, id: $ }),
+        minSize: u({ ...h }),
+        maxSize: b({ ...h })
+      }) : n.accessor(h.dataIndex ?? h.id, {
+        ...C($, h),
+        header: h.title,
+        id: $,
         enableResizing: !0,
-        enableSorting: !!C.sorter,
-        minSize: m(C),
-        size: y(C),
-        maxSize: w({ ...C })
+        enableSorting: !!h.sorter,
+        minSize: u(h),
+        size: w(h),
+        maxSize: b({ ...h })
       });
     };
-    if (!_e(i.columns)) throw "no columns";
-    const D = i.columns.map(({ id: C }) => C);
-    if (ke(D).length !== D.length) throw "no uniq column ids";
-    const P = [], B = h();
-    return B && P.push(B), i.columns.forEach((C) => {
-      P.push(I(C));
-    }), (a.action || a.hoverAction) && P.push(
-      o.accessor(n.value, {
+    if (!Re(o.columns)) throw "no columns";
+    const D = o.columns.map(({ id: h }) => h);
+    if (_e(D).length !== D.length) throw "no uniq column ids";
+    const P = [], B = g();
+    return B && P.push(B), o.columns.forEach((h) => {
+      P.push(I(h));
+    }), (c.action || c.hoverAction) && P.push(
+      n.accessor(r.value, {
         ellipseHFull: !0,
         wrap: !0,
-        ...v(n.value, i.actionCol),
-        id: n.value,
-        header: (Y = i.actionCol) == null ? void 0 : Y.title,
+        ...C(r.value, o.actionCol),
+        id: r.value,
+        header: (Y = o.actionCol) == null ? void 0 : Y.title,
         enableSorting: !1,
         enableResizing: !1,
-        minSize: m({ ...i.actionCol ?? {}, id: n.value }),
-        size: y({ ...i.actionCol ?? {}, id: n.value }),
-        maxSize: w({ ...i.actionCol ?? {}, id: n.value })
+        minSize: u({ ...o.actionCol ?? {}, id: r.value }),
+        size: w({ ...o.actionCol ?? {}, id: r.value }),
+        maxSize: b({ ...o.actionCol ?? {}, id: r.value })
       })
     ), P;
-  }), z = (v, I) => {
-    I ? (v.resetSize(), d.value = ve(
-      { ...d.value, [v.id]: v.columnDef.maxWidth || 0 },
-      Ae
-    ), u.value = ke([...u.value, v.id])) : u.value = u.value.filter((D) => D !== v.id);
-  }, _ = wt(), b = bt(
+  }), x = (C, I) => {
+    I ? (C.resetSize(), s.value = ve(
+      { ...s.value, [C.id]: C.columnDef.maxWidth || 0 },
+      Fe
+    ), f.value = _e([...f.value, C.id])) : f.value = f.value.filter((D) => D !== C.id);
+  }, z = bt(), y = yt(
     Object.fromEntries(
-      Object.keys(_).map((v) => [v, _[v].minWidth])
+      Object.keys(z).map((C) => [C, z[C].minWidth])
     ),
     { strategy: "min-width" }
-  ).active(), R = V({}), A = ({
-    id: v,
+  ).active(), k = V({}), F = ({
+    id: C,
     value: I,
     bulkValue: D,
     noEmit: P
   }) => {
-    D ? R.value = D : v && (R.value[v] = !!I), P || e("update:columnVisibility", R.value);
+    D ? k.value = D : C && (k.value[C] = !!I), P || e("update:columnVisibility", k.value);
   };
   return oe(
-    () => i.columnVisibility,
-    (v, I) => {
-      !re(v, I) && !re(v, R.value) && A({
-        bulkValue: ve(v ?? {}, Ae),
+    () => o.columnVisibility,
+    (C, I) => {
+      !re(C, I) && !re(C, k.value) && F({
+        bulkValue: ve(C ?? {}, Fe),
         noEmit: !0
       });
     },
     { immediate: !0 }
   ), oe(
-    b,
-    (v) => {
-      A({
+    y,
+    (C) => {
+      F({
         bulkValue: Object.fromEntries(
           qe(p.value, (I) => I.columns).map((I) => {
             var D, P;
             return [
               I.id,
-              !_e(I == null ? void 0 : I.responsive) || ((D = i.columnVisibility) == null ? void 0 : D[I.id]) !== void 0 ? R.value[I.id] ?? !0 : ((P = I.responsive) == null ? void 0 : P.includes(v)) ?? !0
+              !Re(I == null ? void 0 : I.responsive) || ((D = o.columnVisibility) == null ? void 0 : D[I.id]) !== void 0 ? k.value[I.id] ?? !0 : ((P = I.responsive) == null ? void 0 : P.includes(C)) ?? !0
             ];
           })
         )
@@ -282,99 +282,99 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
     },
     { immediate: !0 }
   ), {
-    columnOrder: s,
-    columnOrderUpdating: c,
-    columnSizing: d,
-    colRefs: S,
-    setAutoFitWidth: z,
-    setColRef: (v, I) => {
-      S.value[v] = I;
+    columnOrder: m,
+    columnOrderUpdating: a,
+    columnSizing: s,
+    colRefs: v,
+    setAutoFitWidth: x,
+    setColRef: (C, I) => {
+      v.value[C] = I;
     },
-    getColRefSize: (v) => {
+    getColRefSize: (C) => {
       var D, P;
-      const I = v.getSize();
-      if (g.value[v.id] === void 0 || I === 0) {
-        const B = ((D = S.value[v.id]) == null ? void 0 : D.$el) ?? S.value[v.id];
-        g.value[v.id] = ((P = B == null ? void 0 : B.getBoundingClientRect()) == null ? void 0 : P.width) ?? v.columnDef.size ?? 0;
-      } else g.value[v.id] = I;
-      return g.value[v.id];
+      const I = C.getSize();
+      if (S.value[C.id] === void 0 || I === 0) {
+        const B = ((D = v.value[C.id]) == null ? void 0 : D.$el) ?? v.value[C.id];
+        S.value[C.id] = ((P = B == null ? void 0 : B.getBoundingClientRect()) == null ? void 0 : P.width) ?? C.columnDef.size ?? 0;
+      } else S.value[C.id] = I;
+      return S.value[C.id];
     },
-    autoFitWidth: u,
-    columnDefaults: f,
-    getOutsideCol: r,
+    autoFitWidth: f,
+    columnDefaults: d,
+    getOutsideCol: i,
     cols: p,
-    actionId: n,
-    columnVisibility: R,
-    setColumnVisibility: A
+    actionId: r,
+    columnVisibility: k,
+    setColumnVisibility: F
   };
-}, Ut = ({ props: i }) => {
+}, Ut = ({ props: o }) => {
   const e = V({});
   return oe(
-    () => i.expanded,
-    (t, a) => {
-      !re(t, a) && !re(t, e.value) && i.expanded && (e.value = i.expanded);
+    () => o.expanded,
+    (t, c) => {
+      !re(t, c) && !re(t, e.value) && o.expanded && (e.value = o.expanded);
     },
     { immediate: !0 }
   ), {
     expanded: e
   };
-}, Xt = (i, e, t) => {
-  const a = V([]), h = (c) => c ? a.value.findIndex((f) => f.id === c) : -1, g = (c) => {
-    if (c) return a.value.find((f) => f.id === c);
-  }, S = (c) => {
-    var f;
-    return c && t.includes(c) || !!((f = g(c)) != null && f.wrap);
-  }, d = (c) => {
-    const { id: f } = c;
-    if (!f) return !1;
-    const o = !S(f), r = h(f);
-    return r >= 0 ? a.value[r] = { id: f, wrap: o } : a.value.push({ id: f, wrap: o }), e("columnWrap", S(f), c.columnDef), !0;
-  }, s = H(
-    () => (i.columns ?? []).filter((c) => it(c.wrap)).map((c) => ({
-      id: c.id,
-      wrap: !!c.wrap
+}, Xt = (o, e, t) => {
+  const c = V([]), g = (a) => a ? c.value.findIndex((d) => d.id === a) : -1, S = (a) => {
+    if (a) return c.value.find((d) => d.id === a);
+  }, v = (a) => {
+    var d;
+    return a && t.includes(a) || !!((d = S(a)) != null && d.wrap);
+  }, s = (a) => {
+    const { id: d } = a;
+    if (!d) return !1;
+    const n = !v(d), i = g(d);
+    return i >= 0 ? c.value[i] = { id: d, wrap: n } : c.value.push({ id: d, wrap: n }), e("columnWrap", v(d), a.columnDef), !0;
+  }, m = H(
+    () => (o.columns ?? []).filter((a) => it(a.wrap)).map((a) => ({
+      id: a.id,
+      wrap: !!a.wrap
     }))
   );
   return oe(
-    s,
-    (c) => {
-      a.value = ke([...a.value, ...c]);
+    m,
+    (a) => {
+      c.value = _e([...c.value, ...a]);
     },
     {
       immediate: !0,
       deep: !0
     }
   ), {
-    isColumnWrapped: S,
-    toggleWrap: d
+    isColumnWrapped: v,
+    toggleWrap: s
   };
-}, Jt = (i, { colId: e, onSelectionChange: t }) => {
-  const a = V({}), h = H(() => Object.keys(a.value)), g = H(
-    () => i.rowKey ? qe(i.data, (n) => n.children).map(
-      (n) => n[i.rowKey]
+}, Jt = (o, { colId: e, onSelectionChange: t }) => {
+  const c = V({}), g = H(() => Object.keys(c.value)), S = H(
+    () => o.rowKey ? qe(o.data, (r) => r.children).map(
+      (r) => r[o.rowKey]
     ) : []
   );
-  oe(g, () => {
-    const n = Object.fromEntries(
-      h.value.filter((u) => {
-        var m;
-        return !((m = i.rowSelection) != null && m.preserveSelectedRowKeys) && i.rowKey ? g.value.includes(u) : !0;
-      }).map((u) => [u, !0])
+  oe(S, () => {
+    const r = Object.fromEntries(
+      g.value.filter((f) => {
+        var u;
+        return !((u = o.rowSelection) != null && u.preserveSelectedRowKeys) && o.rowKey ? S.value.includes(f) : !0;
+      }).map((f) => [f, !0])
     );
-    Object.keys(n).length !== h.value.length && (a.value = n, t());
+    Object.keys(r).length !== g.value.length && (c.value = r, t());
   }, { deep: !0, immediate: !0 });
-  const d = Ge(), s = (n) => !!(i.rowSelection && i.rowKey && (!n || n.original[i.rowKey])), c = (n) => !!(i.rowOrdering && i.rowKey && (!n || n.original[i.rowKey])), f = () => s() || c();
+  const s = Ge(), m = (r) => !!(o.rowSelection && o.rowKey && (!r || r.original[o.rowKey])), a = (r) => !!(o.rowOrdering && o.rowKey && (!r || r.original[o.rowKey])), d = () => m() || a();
   return {
-    rowSelection: a,
-    selectedRowKeys: h,
+    rowSelection: c,
+    selectedRowKeys: g,
     getSelectionCol: () => {
-      if (f()) {
-        let n = 56;
-        return s() || (n -= 20), d.accessor(e, {
+      if (d()) {
+        let r = 56;
+        return m() || (r -= 20), s.accessor(e, {
           id: e,
-          size: n,
-          minSize: n,
-          maxSize: n,
+          size: r,
+          minSize: r,
+          maxSize: r,
           enableResizing: !1,
           ellipseHFull: !0,
           wrap: !0,
@@ -382,355 +382,361 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
         });
       }
     },
-    getHasSelectionCol: f,
+    getHasSelectionCol: d,
     clearSelection: () => {
-      a.value = {};
+      c.value = {};
     },
-    getHasSelection: s,
-    getHasRowOrdering: c
+    getHasSelection: m,
+    getHasRowOrdering: a
   };
-}, Yt = (i, {
+}, Yt = (o, {
   selectedRowKeys: e,
   props: t,
-  rowSelection: a
+  rowSelection: c
 }) => {
-  const h = H(() => i.getIsAllRowsSelected() ? !0 : i.getIsSomeRowsSelected() ? "indeterminate" : !1), g = H(() => ({
+  const g = H(() => o.getIsAllRowsSelected() ? !0 : o.getIsSomeRowsSelected() ? "indeterminate" : !1), S = H(() => ({
     selectedRowKeys: e.value,
-    selectedRows: i.getFilteredSelectedRowModel().flatRows.map((n) => n.original)
+    selectedRows: o.getFilteredSelectedRowModel().flatRows.map((r) => r.original)
   }));
-  let S = !1, d = !1;
-  const s = (n) => {
-    var m, y;
-    S = !0, i.getIsSomeRowsSelected() || i.getIsAllRowsSelected() ? i.toggleAllRowsSelected(!1) : i.toggleAllRowsSelected(!0), le((m = t.rowSelection) == null ? void 0 : m.onSelectAll) && t.rowSelection.onSelectAll({ ...g.value, selected: n }), le((y = t.rowSelection) == null ? void 0 : y.onChange) && t.rowSelection.onChange(g.value);
-    let u = setTimeout(() => {
-      S = !1, clearTimeout(u), u = void 0;
+  let v = !1, s = !1;
+  const m = (r) => {
+    var u, w;
+    v = !0, o.getIsSomeRowsSelected() || o.getIsAllRowsSelected() ? o.toggleAllRowsSelected(!1) : o.toggleAllRowsSelected(!0), le((u = t.rowSelection) == null ? void 0 : u.onSelectAll) && t.rowSelection.onSelectAll({ ...S.value, selected: r }), le((w = t.rowSelection) == null ? void 0 : w.onChange) && t.rowSelection.onChange(S.value);
+    let f = setTimeout(() => {
+      v = !1, clearTimeout(f), f = void 0;
     }, 2);
-  }, c = (n, u) => {
-    var y, w, p, z;
-    d = !0, u.toggleSelected(n, {
-      selectChildren: !((y = t.rowSelection) != null && y.checkStrictly)
-    }), (w = t.rowSelection) != null && w.checkStrictly || u.getParentRows().forEach((_) => {
-      _.toggleSelected(n, {
-        selectChildren: n
+  }, a = (r, f) => {
+    var w, b, p, x;
+    s = !0, f.toggleSelected(r, {
+      selectChildren: !((w = t.rowSelection) != null && w.checkStrictly)
+    }), (b = t.rowSelection) != null && b.checkStrictly || f.getParentRows().forEach((z) => {
+      z.toggleSelected(r, {
+        selectChildren: r
       });
     }), le((p = t.rowSelection) == null ? void 0 : p.onSelect) && t.rowSelection.onSelect({
-      ...g.value,
-      selected: n,
-      record: u.original
-    }), le((z = t.rowSelection) == null ? void 0 : z.onChange) && t.rowSelection.onChange(g.value);
-    let m = setTimeout(() => {
-      d = !1, clearTimeout(m), m = void 0;
+      ...S.value,
+      selected: r,
+      record: f.original
+    }), le((x = t.rowSelection) == null ? void 0 : x.onChange) && t.rowSelection.onChange(S.value);
+    let u = setTimeout(() => {
+      s = !1, clearTimeout(u), u = void 0;
     }, 2);
-  }, f = (n) => {
-    var u, m;
-    return le((u = t.rowSelection) == null ? void 0 : u.getCheckboxProps) && ((m = t.rowSelection) == null || m.getCheckboxProps(n)), {};
-  }, o = (n) => {
-    var u, m;
-    if ((u = n.subRows) != null && u.length && !((m = t.rowSelection) != null && m.checkStrictly)) {
-      if (n.getIsAllSubRowsSelected()) return !0;
-      if (n.getIsSomeSelected()) return "indeterminate";
+  }, d = (r) => {
+    var f, u;
+    return le((f = t.rowSelection) == null ? void 0 : f.getCheckboxProps) && ((u = t.rowSelection) == null || u.getCheckboxProps(r)), {};
+  }, n = (r) => {
+    var f, u;
+    if ((f = r.subRows) != null && f.length && !((u = t.rowSelection) != null && u.checkStrictly)) {
+      if (r.getIsAllSubRowsSelected()) return !0;
+      if (r.getIsSomeSelected()) return "indeterminate";
     }
-    return n.getIsSelected();
-  }, r = H(() => i.getFilteredSelectedRowModel().flatRows.length);
+    return r.getIsSelected();
+  }, i = H(() => o.getFilteredSelectedRowModel().flatRows.length);
   return oe(
     () => {
-      var n;
-      return (n = t.rowSelection) == null ? void 0 : n.selectedRowKeys;
+      var r;
+      return (r = t.rowSelection) == null ? void 0 : r.selectedRowKeys;
     },
-    (n, u) => {
-      var m, y;
-      if ((y = (m = t.rowSelection) == null ? void 0 : m.selectedRowKeys) != null && y.length && !re(n, u) && !S && !d) {
-        const w = Object.fromEntries(
-          l(t.rowSelection.selectedRowKeys ?? Object.keys(a.value)).map(
+    (r, f) => {
+      var u, w;
+      if ((w = (u = t.rowSelection) == null ? void 0 : u.selectedRowKeys) != null && w.length && !re(r, f) && !v && !s) {
+        const b = Object.fromEntries(
+          l(t.rowSelection.selectedRowKeys ?? Object.keys(c.value)).map(
             (p) => [p, !0]
           )
         );
-        re(w, a.value) || (a.value = {}, t.rowSelection.selectedRowKeys.map((p) => {
+        re(b, c.value) || (c.value = {}, t.rowSelection.selectedRowKeys.map((p) => {
           try {
-            return i.getRow(p, !0);
+            return o.getRow(p, !0);
           } catch {
             return;
           }
         }).filter(Boolean).forEach((p) => {
-          c(!0, p);
+          a(!0, p);
         }));
       }
     },
     { immediate: !0 }
   ), {
-    getCheckedAll: h,
-    checkAll: s,
-    check: c,
-    getCheckboxProps: f,
-    getRowChecked: o,
-    selectedItemsLength: r,
-    getSelectCallbackProps: g
+    getCheckedAll: g,
+    checkAll: m,
+    check: a,
+    getCheckboxProps: d,
+    getRowChecked: n,
+    selectedItemsLength: i,
+    getSelectCallbackProps: S
   };
-}, Qt = (i) => {
-  const e = (d) => {
-    const s = S(d);
-    if (!s) return "tabler:arrows-up-down";
-    if (s === "desc") return "tabler:arrow-down";
-    if (s === "asc") return "tabler:arrow-up";
-  }, t = (d) => {
-    const s = S(d);
-    if (!s) return "Sort A → Z";
-    if (s === "desc")
+}, Qt = (o) => {
+  const e = (s) => {
+    const m = v(s);
+    if (!m) return "tabler:arrows-up-down";
+    if (m === "desc") return "tabler:arrow-down";
+    if (m === "asc") return "tabler:arrow-up";
+  }, t = (s) => {
+    const m = v(s);
+    if (!m) return "Sort A → Z";
+    if (m === "desc")
       return "Sorted Z → A\u2028Click to change sort";
-    if (s === "asc")
+    if (m === "asc")
       return "Sorted A → Z\u2028Click to change sort";
-  }, a = V([]), h = V([]), g = (d, s) => {
-    const c = ae(
-      [...a.value, ...h.value].find((o) => o.id === d.id)
+  }, c = V([]), g = V([]), S = (s, m) => {
+    const a = ae(
+      [...c.value, ...g.value].find((n) => n.id === s.id)
     ) ?? {
-      id: d.id,
-      sorter: d.columnDef.sorter,
-      multiple: d.columnDef.multiSort
+      id: s.id,
+      sorter: s.columnDef.sorter,
+      multiple: s.columnDef.multiSort
     };
-    s ? c.desc = s === "desc" : c.desc === void 0 ? c.desc = !1 : c.desc === !0 ? c.desc = void 0 : c.desc = !0;
-    const f = () => c.desc === void 0 ? !1 : c.desc === !0 ? "desc" : "asc";
-    Ee(d.columnDef.multiSort) && [...a.value, ...h.value].every((o) => Ee(o.multiple)) ? (a.value = ae(a.value).filter((o) => o.id !== d.id), h.value = ae(h.value).filter((o) => o.id !== d.id), c.sorter === "server" ? h.value.push(c) : a.value.push(c), a.value = De(a.value, ["multiple"]), h.value = De(h.value, ["multiple"])) : c.sorter === "server" ? (a.value = [], h.value = [c]) : (a.value = [c], h.value = []), a.value = a.value.filter((o) => o.desc !== void 0), h.value = h.value.filter((o) => o.desc !== void 0), i("sort", d.columnDef, f(), ae([...a.value, ...h.value]));
-  }, S = (d) => {
-    const s = [...h.value, ...a.value].find((c) => d.id === c.id);
-    return (s == null ? void 0 : s.desc) === !1 ? "asc" : (s == null ? void 0 : s.desc) === !0 ? "desc" : !1;
+    m ? a.desc = m === "desc" : a.desc === void 0 ? a.desc = !1 : a.desc === !0 ? a.desc = void 0 : a.desc = !0;
+    const d = () => a.desc === void 0 ? !1 : a.desc === !0 ? "desc" : "asc";
+    Le(s.columnDef.multiSort) && [...c.value, ...g.value].every((n) => Le(n.multiple)) ? (c.value = ae(c.value).filter((n) => n.id !== s.id), g.value = ae(g.value).filter((n) => n.id !== s.id), a.sorter === "server" ? g.value.push(a) : c.value.push(a), c.value = De(c.value, ["multiple"]), g.value = De(g.value, ["multiple"])) : a.sorter === "server" ? (c.value = [], g.value = [a]) : (c.value = [a], g.value = []), c.value = c.value.filter((n) => n.desc !== void 0), g.value = g.value.filter((n) => n.desc !== void 0), o("sort", s.columnDef, d(), ae([...c.value, ...g.value]));
+  }, v = (s) => {
+    const m = [...g.value, ...c.value].find((a) => s.id === a.id);
+    return (m == null ? void 0 : m.desc) === !1 ? "asc" : (m == null ? void 0 : m.desc) === !0 ? "desc" : !1;
   };
   return {
-    sorting: a,
+    sorting: c,
     getSortIcon: e,
     getSortTooltip: t,
-    toggleSort: g,
-    getIsSorted: S
+    toggleSort: S,
+    getIsSorted: v
   };
 }, eo = ({
-  props: i,
+  props: o,
   emit: e
 }) => {
-  const t = yt(
-    i,
+  const t = wt(
+    o,
     "filteredColumns",
     e,
     {
       defaultValue: [],
-      passive: i.filteredColumns === void 0
+      passive: o.filteredColumns === void 0
     }
   );
   return {
     filteredCols: t,
-    isColumnFiltered: (S) => {
-      var d;
-      return !!(S && ((d = t.value) != null && d.includes(S)));
+    isColumnFiltered: (v) => {
+      var s;
+      return !!(v && ((s = t.value) != null && s.includes(v)));
     },
-    colFilter: (S, d, s) => {
-      var c, f;
-      (f = (c = s == null ? void 0 : s.columnDef).onFilter) == null || f.call(c, l(d), S);
+    colFilter: (v, s, m) => {
+      var a, d;
+      (d = (a = m == null ? void 0 : m.columnDef).onFilter) == null || d.call(a, l(s), v);
     },
-    deleteColFilter: (S, d, s) => {
-      var c, f;
-      (f = (c = s == null ? void 0 : s.columnDef).onDeleteFilter) == null || f.call(c, l(d), S);
+    deleteColFilter: (v, s, m) => {
+      var a, d;
+      (d = (a = m == null ? void 0 : m.columnDef).onDeleteFilter) == null || d.call(a, l(s), v);
     }
   };
 }, to = ({
-  hideShadowColumn: i,
-  col: e
+  hideShadowColumn: o,
+  col: e,
+  table: t
 }) => {
-  const t = (g) => {
-    if (g) {
-      const S = g.getSize(), d = g.columnDef.minSize;
-      let s = S;
-      !g.columnDef.size && S === g.columnDef.minSize && e.columnSizing.value[g.id] === void 0 && g.id === "lastName" && (s = g.columnDef.width ?? 0), s === 0 && (s = void 0);
-      const c = g.columnDef.maxSize;
-      if (s || c || d)
+  const c = (s) => {
+    if (s) {
+      const m = s.getSize(), a = s.columnDef.minSize;
+      let d = m;
+      !s.columnDef.size && m === s.columnDef.minSize && e.columnSizing.value[s.id] === void 0 && s.id === "lastName" && (d = s.columnDef.width ?? 0), d === 0 && (d = void 0);
+      const n = s.columnDef.maxSize;
+      if (d || n || a)
         return {
-          width: se(s),
-          maxWidth: se(c),
-          minWidth: se(d)
+          width: se(d),
+          maxWidth: se(n),
+          minWidth: se(a)
         };
     }
     return {};
-  }, a = (g, S) => {
-    var c;
-    if (!g.columns || !((c = g.columns) != null && c.length))
-      return se(g.getStart());
-    const d = g.getLeafColumns(), s = (S == null ? void 0 : S(d)) ?? d;
-    return s.length > 0 ? se(Ze(s).getStart()) : 0;
+  }, g = (s, m) => {
+    var n;
+    if (!s.columns || !((n = s.columns) != null && n.length))
+      return se(s.getStart());
+    const a = s.getLeafColumns(), d = (m == null ? void 0 : m(a)) ?? a;
+    return d.length > 0 ? se(Ze(d).getStart()) : 0;
   };
   return {
-    getColSizeStyle: (g, S, d) => {
-      let s = {};
-      return g && S !== !1 && (s = t(g), S && (s = {
-        ...s,
-        insetInlineStart: a(g, d),
-        zIndex: i.value ? void 0 : 2
-      })), s;
-    }
+    getColSizeStyle: (s, m, a) => {
+      let d = {};
+      return s && m !== !1 && (d = c(s), m && (d = {
+        ...d,
+        insetInlineStart: g(s, a),
+        zIndex: o.value ? void 0 : 2
+      })), d;
+    },
+    setColumnSizing: (s) => t.setColumnSizing({
+      ...t.getState().columnSizing ?? {},
+      ...s ?? {}
+    })
   };
 }, oo = ({
-  table: i,
+  table: o,
   getColRefSize: e,
-  tableRootRef: t
+  tableRootRef: t,
+  setColumnSizing: c
 }) => {
-  const a = V(), h = (o = i.getVisibleLeafColumns()) => De(o, [
+  const g = V(), S = (i = o.getVisibleLeafColumns()) => De(i, [
     (r) => r.getIndex(),
     (r) => r.getIndex()
-  ]), g = (o) => {
-    const r = h(), n = r.findIndex((u) => u.id && u.id === (o == null ? void 0 : o.id));
-    return r.filter((u, m) => m <= n);
-  }, S = H(() => g(a.value)), d = (o) => {
-    var n;
-    let r = o;
-    return (n = o.columns) != null && n.length && (r = Ze(h(o.getLeafColumns()))), S.value.filter((u) => u.getIndex() < r.getIndex());
-  }, s = (o) => {
-    var n;
+  ]), v = (i) => {
+    const r = S(), f = r.findIndex((u) => u.id && u.id === (i == null ? void 0 : i.id));
+    return r.filter((u, w) => w <= f);
+  }, s = H(() => v(g.value)), m = (i) => {
+    var f;
+    let r = i;
+    return (f = i.columns) != null && f.length && (r = Ze(S(i.getLeafColumns()))), s.value.filter((u) => u.getIndex() < r.getIndex());
+  }, a = (i) => {
+    var f;
     let r;
-    if (o.depth > 0 && o.parent)
-      s(o.parent);
-    else if (o.columns.length) {
-      const u = h(o.getLeafColumns()), m = Te(u);
-      m != null && m.id && (r = m);
-    } else r = o;
+    if (i.depth > 0 && i.parent)
+      a(i.parent);
+    else if (i.columns.length) {
+      const u = S(i.getLeafColumns()), w = Te(u);
+      w != null && w.id && (r = w);
+    } else r = i;
     if (r != null && r.id) {
-      const u = g(r), m = Object.fromEntries(u.map((p) => [p.id, e(p)])), y = Object.values(m).reduce((p, z) => z + p, 0), w = (n = t.value) == null ? void 0 : n.getBoundingClientRect().width;
-      w && w - 200 > y && (a.value = r, i.setColumnSizing(ve(m, (p) => !p)));
+      const u = v(r), w = Object.fromEntries(u.map((x) => [x.id, e(x)])), b = Object.values(w).reduce((x, z) => z + x, 0), p = (f = t.value) == null ? void 0 : f.getBoundingClientRect().width;
+      p && p - 200 > b && (g.value = r, c(ve(w, (x) => !x) ?? {}));
     }
   };
   return {
-    fixedCol: a,
-    fixedCols: S,
-    isColFixed: (o, r) => {
-      let n = o;
-      o.columns.length && (n = Te(o.getLeafColumns()));
-      const u = !!S.value.find((m) => m.id === n.id);
+    fixedCol: g,
+    fixedCols: s,
+    isColFixed: (i, r) => {
+      let f = i;
+      i.columns.length && (f = Te(i.getLeafColumns()));
+      const u = !!s.value.find((w) => w.id === f.id);
       if (!(!u && r))
         return u;
     },
-    fixUpToColumn: s,
+    fixUpToColumn: a,
     unfixAllColumns: () => {
-      a.value = void 0;
+      g.value = void 0;
     },
-    getSortedCols: h,
-    getBeforeFixedCols: d
+    getSortedCols: S,
+    getBeforeFixedCols: m
   };
 }, no = ({
-  columnOrder: i,
+  columnOrder: o,
   columnOrderUpdating: e,
   props: t,
-  emit: a,
-  selectionId: h,
-  actionId: g,
-  table: S
+  emit: c,
+  selectionId: g,
+  actionId: S,
+  table: v
 }) => {
-  const d = H(() => {
-    const o = (r) => {
-      var n;
+  const s = H(() => {
+    const n = (i) => {
+      var r;
       return ve(
-        { id: r.id, columns: (n = r.columns) == null ? void 0 : n.map(o) },
+        { id: i.id, columns: (r = i.columns) == null ? void 0 : r.map(n) },
         Gt
       );
     };
-    return S.getAllColumns().map(o);
-  }), s = (o) => [h, g.value].includes(o), c = () => {
-    const o = t.columnOrder ?? [], r = {};
-    o.forEach((b, R) => r[b] = R);
-    const n = Number.POSITIVE_INFINITY;
-    function u(b, R = 0) {
-      if (Array.isArray(b.columns) && b.columns.length) {
-        const G = b.columns.map((P, B) => u(P, B)), q = G.reduce((P, B) => Math.min(P, B.minIndex), n), v = G.filter((P) => P.minIndex < n).sort((P, B) => P.minIndex - B.minIndex || P.origIndex - B.origIndex), I = G.filter((P) => P.minIndex >= n), D = [];
-        for (const P of v) D.push(...P.leafIds);
+    return v.getAllColumns().map(n);
+  }), m = (n) => [g, S.value].includes(n), a = () => {
+    const n = t.columnOrder ?? [], i = {};
+    n.forEach((y, k) => i[y] = k);
+    const r = Number.POSITIVE_INFINITY;
+    function f(y, k = 0) {
+      if (Array.isArray(y.columns) && y.columns.length) {
+        const G = y.columns.map((P, B) => f(P, B)), q = G.reduce((P, B) => Math.min(P, B.minIndex), r), C = G.filter((P) => P.minIndex < r).sort((P, B) => P.minIndex - B.minIndex || P.origIndex - B.origIndex), I = G.filter((P) => P.minIndex >= r), D = [];
+        for (const P of C) D.push(...P.leafIds);
         for (const P of I) D.push(...P.leafIds);
-        return { minIndex: q, leafIds: D, origIndex: R };
+        return { minIndex: q, leafIds: D, origIndex: k };
       }
-      return { minIndex: Object.prototype.hasOwnProperty.call(r, b.id) ? r[b.id] : n, leafIds: [b.id], origIndex: R };
+      return { minIndex: Object.prototype.hasOwnProperty.call(i, y.id) ? i[y.id] : r, leafIds: [y.id], origIndex: k };
     }
-    const m = d.value.map((b, R) => u(b, R)), y = m.filter((b) => b.minIndex < n).sort((b, R) => b.minIndex - R.minIndex || b.origIndex - R.origIndex), w = m.filter((b) => b.minIndex >= n);
+    const u = s.value.map((y, k) => f(y, k)), w = u.filter((y) => y.minIndex < r).sort((y, k) => y.minIndex - k.minIndex || y.origIndex - k.origIndex), b = u.filter((y) => y.minIndex >= r);
     let p = [];
-    for (const b of y) p.push(...b.leafIds);
-    for (const b of w) p.push(...b.leafIds);
-    const z = p.includes(h), _ = p.includes(g.value);
-    p = p.filter((b) => b !== h && b !== g.value);
-    const k = [];
-    z && k.push(h), k.push(...p), _ && k.push(g.value), i.value = k;
-  }, f = (o, r) => {
-    var z;
-    const u = (((z = S.getHeaderGroups().find((_) => _.depth === r)) == null ? void 0 : z.headers) ?? []).map((_) => _.column).filter((_) => !r || _.parent), m = u[o.oldIndex ?? -1], y = u[o.newIndex ?? -1], w = m == null ? void 0 : m.getLeafColumns(), p = y == null ? void 0 : y.getLeafColumns();
-    if (w != null && w.length && (p != null && p.length)) {
+    for (const y of w) p.push(...y.leafIds);
+    for (const y of b) p.push(...y.leafIds);
+    const x = p.includes(g), z = p.includes(S.value);
+    p = p.filter((y) => y !== g && y !== S.value);
+    const _ = [];
+    x && _.push(g), _.push(...p), z && _.push(S.value), o.value = _;
+  }, d = (n, i) => {
+    var x;
+    const f = (((x = v.getHeaderGroups().find((z) => z.depth === i)) == null ? void 0 : x.headers) ?? []).map((z) => z.column).filter((z) => !i || z.parent), u = f[n.oldIndex ?? -1], w = f[n.newIndex ?? -1], b = u == null ? void 0 : u.getLeafColumns(), p = w == null ? void 0 : w.getLeafColumns();
+    if (b != null && b.length && (p != null && p.length)) {
       e.value = !0;
-      const _ = st(i.value), k = w.map((A) => _.indexOf(A.id)).filter((A) => A !== -1), b = p.map((A) => _.indexOf(A.id)).filter((A) => A !== -1);
-      if (k.length && b.length) {
-        const A = w.map((q) => q.id);
-        _.splice(Math.min(...k), k.length);
-        const G = (o.oldIndex ?? -1) < (o.newIndex ?? -1) ? Math.max(...b) : Math.min(...b);
-        _.splice(G, 0, ...A), i.value = _;
+      const z = st(o.value), _ = b.map((F) => z.indexOf(F.id)).filter((F) => F !== -1), y = p.map((F) => z.indexOf(F.id)).filter((F) => F !== -1);
+      if (_.length && y.length) {
+        const F = b.map((q) => q.id);
+        z.splice(Math.min(..._), _.length);
+        const G = (n.oldIndex ?? -1) < (n.newIndex ?? -1) ? Math.max(...y) : Math.min(...y);
+        z.splice(G, 0, ...F), o.value = z;
       }
-      const R = setTimeout(() => {
-        e.value = !1, clearTimeout(R);
+      const k = setTimeout(() => {
+        e.value = !1, clearTimeout(k);
       }, 2);
     }
   };
   return oe(
-    d,
-    (o, r) => {
-      !e.value && !re(o, r) && c();
-      const n = setTimeout(() => {
-        e.value = !1, clearTimeout(n);
+    s,
+    (n, i) => {
+      !e.value && !re(n, i) && a();
+      const r = setTimeout(() => {
+        e.value = !1, clearTimeout(r);
       }, 2);
     },
     { immediate: !0 }
   ), oe(
     () => t.columnOrder,
-    (o) => {
-      if (o != null && o.length && !e.value) {
-        e.value = !0, c();
-        const r = setTimeout(() => {
-          e.value = !1, clearTimeout(r);
+    (n) => {
+      if (n != null && n.length && !e.value) {
+        e.value = !0, a();
+        const i = setTimeout(() => {
+          e.value = !1, clearTimeout(i);
         }, 2);
       }
     },
     { immediate: !0 }
   ), oe(
-    i,
-    (o, r) => {
-      if (!re(o, r) && !e.value) {
+    o,
+    (n, i) => {
+      if (!re(n, i) && !e.value) {
         e.value = !0;
-        const n = o.filter(
-          (m) => !s(m)
+        const r = n.filter(
+          (u) => !m(u)
         );
-        a("reorder", n), a("update:columnOrder", n);
-        const u = setTimeout(() => {
-          e.value = !1, clearTimeout(u);
+        c("reorder", r), c("update:columnOrder", r);
+        const f = setTimeout(() => {
+          e.value = !1, clearTimeout(f);
         }, 2);
       }
     },
     { immediate: !0 }
   ), {
-    updateColumnOrder: c,
-    updateColumnOrderFromDOM: f
+    updateColumnOrder: a,
+    updateColumnOrderFromDOM: d
   };
 }, lo = /* @__PURE__ */ Z({
   ...U("DataTableBatchActionsContent"),
   __name: "DataTableBatchActionsContent",
-  setup(i) {
+  setup(o) {
     const e = J(), t = () => {
-      var a, h;
+      var c, g;
       return W(
         "div",
-        { class: L(E, "batch_actions__actions") },
-        (h = (a = e.slots).batchActions) == null ? void 0 : h.call(a, e.tableSelect.getSelectCallbackProps.value)
+        { class: O(L, "batch_actions__actions") },
+        (g = (c = e.slots).batchActions) == null ? void 0 : g.call(c, e.tableSelect.getSelectCallbackProps.value)
       );
     };
-    return (a, h) => (x(), j("div", {
-      class: M(l(L)(l(E), "batch_actions"))
+    return (c, g) => (R(), j("div", {
+      class: M(l(O)(l(L), "batch_actions"))
     }, [
       T(Je, {
         text: l(e).tableSelect.selectedItemsLength.value,
         size: "xsm"
       }, null, 8, ["text"]),
       te("div", {
-        class: M(l(L)(l(E), "batch_actions__title"))
+        class: M(l(O)(l(L), "batch_actions__title"))
       }, Ve(l(e).props.batchActionsTitle), 3),
       T(t),
       T(Be, {
         type: "vertical",
-        class: M(l(L)(l(E), "batch_actions__divider"))
+        class: M(l(O)(l(L), "batch_actions__divider"))
       }, null, 8, ["class"]),
       T(Ye, {
         icon: "tabler:x",
@@ -743,20 +749,20 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
 }), ro = /* @__PURE__ */ Z({
   ...U("DataTableBatchActions"),
   __name: "DataTableBatchActions",
-  setup(i) {
-    const e = J(), t = () => e.hasFooter.value && e.props.size && It.includes(e.props.size) ? et[e.props.size] : 0, a = H(() => -1 * (62 + t()));
-    return (h, g) => (x(), $(Xe, {
+  setup(o) {
+    const e = J(), t = () => e.hasFooter.value && e.props.size && It.includes(e.props.size) ? et[e.props.size] : 0, c = H(() => -1 * (62 + t()));
+    return (g, S) => (R(), E(Xe, {
       "z-index": "3",
       open: !!l(e).tableSelect.selectedItemsLength.value,
       placement: "bottom",
-      "side-offset": a.value,
+      "side-offset": c.value,
       "container-cls": "pantograph-tokens pantograph-dark"
     }, {
-      content: F(() => [
+      content: A(() => [
         T(lo)
       ]),
-      default: F(() => [
-        be(h.$slots, "default")
+      default: A(() => [
+        ye(g.$slots, "default")
       ]),
       _: 3
     }, 8, ["open", "side-offset"]));
@@ -767,13 +773,13 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
   props: {
     getContext: { type: Function }
   },
-  setup(i) {
-    var a;
-    const e = i, t = ((a = e.getContext) == null ? void 0 : a.call(e)) ?? J();
-    return (h, g) => (x(), j("colgroup", null, [
-      (x(!0), j(X, null, ce(l(t).table.getVisibleLeafColumns(), (S) => (x(), j("col", {
-        key: S.id,
-        style: de({ ...l(t).size.getColSizeStyle(S) })
+  setup(o) {
+    var c;
+    const e = o, t = ((c = e.getContext) == null ? void 0 : c.call(e)) ?? J();
+    return (g, S) => (R(), j("colgroup", null, [
+      (R(!0), j(X, null, ce(l(t).table.getVisibleLeafColumns(), (v) => (R(), j("col", {
+        key: v.id,
+        style: de({ ...l(t).size.getColSizeStyle(v) })
       }, null, 4))), 128))
     ]));
   }
@@ -784,20 +790,20 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
     size: { default: "lg" },
     prefix: {}
   },
-  setup(i) {
-    const e = i;
-    return (t, a) => (x(), j("div", {
-      class: M(l(L)(t.prefix, "container"))
+  setup(o) {
+    const e = o;
+    return (t, c) => (R(), j("div", {
+      class: M(l(O)(o.prefix, "container"))
     }, [
       T(l(Qe), {
         size: e.size,
-        class: M(l(L)(t.prefix, "th"))
+        class: M(l(O)(o.prefix, "th"))
       }, {
-        default: F(() => [
+        default: A(() => [
           te("div", {
-            class: M(l(L)(t.prefix, "content"))
+            class: M(l(O)(o.prefix, "content"))
           }, [
-            be(t.$slots, "default")
+            ye(t.$slots, "default")
           ], 2)
         ]),
         _: 3
@@ -811,35 +817,35 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
     column: {},
     parentReference: {}
   },
-  setup(i) {
-    const e = J(), t = i, a = V(!1), h = (s) => {
-      e.dragging.value || (a.value = s);
-    }, g = ({ item: s }) => {
-      a.value = !1, t.column && (s.key === "a-z" ? e.sort.toggleSort(t.column, "asc") : s.key === "z-a" ? e.sort.toggleSort(t.column, "desc") : s.key === "resetSize" ? e.col.setAutoFitWidth(t.column, !0) : s.key === "wrap" ? e.colWrap.toggleWrap(t.column) : s.key === "fixUpToColumn" ? e.fix.fixUpToColumn(t.column) : s.key === "unfixAllColumn" ? e.fix.unfixAllColumns() : s.key === "toggleFilter" && (e.filter.isColumnFiltered(t.column.id) ? e.filter.deleteColFilter("bottom-end", t.parentReference, t.column) : e.filter.colFilter("bottom-end", t.parentReference, t.column)));
-    }, S = H(() => e.filter.isColumnFiltered(t.column.id) ? "Delete filter" : "Filter"), d = H(() => e.filter.isColumnFiltered(t.column.id) ? "tabler:filter-off" : "tabler:filter");
-    return (s, c) => (x(), $(Xe, {
+  setup(o) {
+    const e = J(), t = o, c = V(!1), g = (m) => {
+      e.dragging.value || (c.value = m);
+    }, S = ({ item: m }) => {
+      c.value = !1, t.column && (m.key === "a-z" ? e.sort.toggleSort(t.column, "asc") : m.key === "z-a" ? e.sort.toggleSort(t.column, "desc") : m.key === "resetSize" ? e.col.setAutoFitWidth(t.column, !0) : m.key === "wrap" ? e.colWrap.toggleWrap(t.column) : m.key === "fixUpToColumn" ? e.fix.fixUpToColumn(t.column) : m.key === "unfixAllColumn" ? e.fix.unfixAllColumns() : m.key === "toggleFilter" && (e.filter.isColumnFiltered(t.column.id) ? e.filter.deleteColFilter("bottom-end", t.parentReference, t.column) : e.filter.colFilter("bottom-end", t.parentReference, t.column)));
+    }, v = H(() => e.filter.isColumnFiltered(t.column.id) ? "Delete filter" : "Filter"), s = H(() => e.filter.isColumnFiltered(t.column.id) ? "tabler:filter-off" : "tabler:filter");
+    return (m, a) => (R(), E(Xe, {
       "z-index": "3",
       placement: "bottom-end",
       sideOffset: 3,
-      open: a.value,
-      "onUpdate:open": h
+      open: c.value,
+      "onUpdate:open": g
     }, {
-      content: F(() => [
-        T(Lt, {
-          onSelect: c[1] || (c[1] = (f) => g(f))
+      content: A(() => [
+        T(Ot, {
+          onSelect: a[1] || (a[1] = (d) => S(d))
         }, {
-          default: F(() => {
-            var f, o;
+          default: A(() => {
+            var d, n;
             return [
-              s.column.getCanSort() ? (x(), j(X, { key: 0 }, [
+              o.column.getCanSort() ? (R(), j(X, { key: 0 }, [
                 T(ie, {
                   title: "Sort A → Z",
                   key: "a-z"
                 }, {
-                  leading: F(({ iconSize: r }) => [
+                  leading: A(({ iconSize: i }) => [
                     T(ee, {
                       icon: "tabler:arrow-up",
-                      size: r
+                      size: i
                     }, null, 8, ["size"])
                   ]),
                   _: 1
@@ -848,78 +854,78 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
                   title: "Sort Z → A",
                   key: "z-a"
                 }, {
-                  leading: F(({ iconSize: r }) => [
+                  leading: A(({ iconSize: i }) => [
                     T(ee, {
                       icon: "tabler:arrow-down",
-                      size: r
+                      size: i
                     }, null, 8, ["size"])
                   ]),
                   _: 1
                 })
-              ], 64)) : N("", !0),
-              s.column.getCanSort() && (s.column.columnDef.hasFilter || !s.column.columnDef.hideColumnWrap) ? (x(), $(Be, { key: 1 })) : N("", !0),
-              (f = l(e).props.resizing) != null && f.enable ? (x(), $(ie, {
+              ], 64)) : K("", !0),
+              o.column.getCanSort() && (o.column.columnDef.hasFilter || !o.column.columnDef.hideColumnWrap) ? (R(), E(Be, { key: 1 })) : K("", !0),
+              (d = l(e).props.resizing) != null && d.enable ? (R(), E(ie, {
                 title: "Auto fit Width",
                 key: "resetSize"
               }, {
-                leading: F(({ iconSize: r }) => [
+                leading: A(({ iconSize: i }) => [
                   T(ee, {
                     icon: "tabler:arrow-autofit-width",
-                    size: r
+                    size: i
                   }, null, 8, ["size"])
                 ]),
                 _: 1
-              })) : N("", !0),
-              !s.column.getIsLastColumn() && s.column.id !== ((o = l(e).fix.fixedCol.value) == null ? void 0 : o.id) ? (x(), $(ie, {
+              })) : K("", !0),
+              !o.column.getIsLastColumn() && o.column.id !== ((n = l(e).fix.fixedCol.value) == null ? void 0 : n.id) ? (R(), E(ie, {
                 title: "Freeze up to this column",
                 key: "fixUpToColumn"
               }, {
-                leading: F(({ iconSize: r }) => [
+                leading: A(({ iconSize: i }) => [
                   T(ee, {
                     icon: "tabler:pin",
-                    size: r
+                    size: i
                   }, null, 8, ["size"])
                 ]),
                 _: 1
-              })) : N("", !0),
-              l(e).fix.isColFixed(s.column) ? (x(), $(ie, {
+              })) : K("", !0),
+              l(e).fix.isColFixed(o.column) ? (R(), E(ie, {
                 title: "Unfreeze all column",
                 key: "unfixAllColumn"
               }, {
-                leading: F(({ iconSize: r }) => [
+                leading: A(({ iconSize: i }) => [
                   T(ee, {
                     icon: "tabler:pinned-off",
-                    size: r
+                    size: i
                   }, null, 8, ["size"])
                 ]),
                 _: 1
-              })) : N("", !0),
-              s.column.columnDef.hasFilter ? (x(), $(ie, {
-                title: S.value,
+              })) : K("", !0),
+              o.column.columnDef.hasFilter ? (R(), E(ie, {
+                title: v.value,
                 key: "toggleFilter"
               }, {
-                leading: F(({ iconSize: r }) => [
+                leading: A(({ iconSize: i }) => [
                   T(ee, {
-                    icon: d.value,
-                    size: r
+                    icon: s.value,
+                    size: i
                   }, null, 8, ["icon", "size"])
                 ]),
                 _: 1
-              }, 8, ["title"])) : N("", !0),
-              s.column.columnDef.hideColumnWrap ? N("", !0) : (x(), $(Be, { key: 6 })),
-              s.column.columnDef.hideColumnWrap ? N("", !0) : (x(), $(ie, {
+              }, 8, ["title"])) : K("", !0),
+              o.column.columnDef.hideColumnWrap ? K("", !0) : (R(), E(Be, { key: 6 })),
+              o.column.columnDef.hideColumnWrap ? K("", !0) : (R(), E(ie, {
                 title: "Wrap Column",
                 key: "wrap"
               }, {
-                leading: F(({ iconSize: r }) => [
+                leading: A(({ iconSize: i }) => [
                   T(ee, {
                     icon: "tabler:text-wrap",
-                    size: r
+                    size: i
                   }, null, 8, ["size"])
                 ]),
-                trailing: F(() => [
-                  T(At, {
-                    modelValue: l(e).colWrap.isColumnWrapped(s.column.id)
+                trailing: A(() => [
+                  T(Ft, {
+                    modelValue: l(e).colWrap.isColumnWrapped(o.column.id)
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
@@ -929,15 +935,15 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
           _: 1
         })
       ]),
-      default: F(() => [
+      default: A(() => [
         T(Ye, {
           icon: "tabler:dots-vertical",
           size: "sm",
           color: "neutral",
           type: "ghost",
-          onClick: c[0] || (c[0] = ne(() => {
+          onClick: a[0] || (a[0] = ne(() => {
           }, ["stop"])),
-          class: M(l(L)(l(E), "header__action__hover"))
+          class: M(l(O)(l(L), "header__action__hover"))
         }, null, 8, ["class"])
       ]),
       _: 1
@@ -951,73 +957,70 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
     cellProps: {},
     draggable: { type: Boolean }
   },
-  setup(i) {
-    const e = i, t = J(), a = t.cell.RenderCell, h = V(), g = V(), S = () => {
-      t.filter.colFilter("bottom-start", h.value, e.header.column);
-    }, d = H(() => t.fix.isColFixed(e.header.column)), s = H(() => {
-      var n, u, m;
+  setup(o) {
+    const e = o, t = J(), c = t.cell.RenderCell, g = V(), S = V(), v = () => {
+      t.filter.colFilter("bottom-start", g.value, e.header.column);
+    }, s = H(() => t.fix.isColFixed(e.header.column)), m = H(() => {
+      var r, f, u;
       if (!t.hideShadowColumn.value) {
-        if ((n = e.header.column.columns) != null && n.length) {
-          const y = Te(
+        if ((r = e.header.column.columns) != null && r.length) {
+          const w = Te(
             t.fix.getSortedCols(e.header.column.getLeafColumns() ?? [])
           );
-          return (y == null ? void 0 : y.id) === ((u = t.fix.fixedCol.value) == null ? void 0 : u.id);
+          return (w == null ? void 0 : w.id) === ((f = t.fix.fixedCol.value) == null ? void 0 : f.id);
         }
-        return ((m = t.fix.fixedCol.value) == null ? void 0 : m.id) === e.header.column.id;
+        return ((u = t.fix.fixedCol.value) == null ? void 0 : u.id) === e.header.column.id;
       }
       return !1;
-    }), c = e.header.getResizeHandler(), f = at((n) => {
-      t.col.setAutoFitWidth(e.header.column, n);
-    }, 2), o = (n) => {
+    }), a = e.header.getResizeHandler(), d = at((r) => {
+      t.col.setAutoFitWidth(e.header.column, r);
+    }, 2), n = (r) => {
       if (!e.header.column.getIsResizing()) {
-        const u = e.header.column.getSize(), m = t.col.getColRefSize(e.header.column);
-        u !== m && t.table.setColumnSizing({
-          ...t.table.getState().columnSizing,
-          [e.header.column.id]: m
-        }), f(!1), n.stopPropagation(), c(n);
+        const f = e.header.column.getSize(), u = t.col.getColRefSize(e.header.column);
+        f !== u && t.size.setColumnSizing({ [e.header.column.id]: u }), d(!1), r.stopPropagation(), a(r);
       }
-    }, r = (n) => {
-      const u = e.header.column.getSize(), m = e.header.column.columnDef.minSize ?? t.col.columnDefaults.minSize, y = e.header.column.columnDef.maxSize ?? t.col.columnDefaults.maxSize ?? Number.MAX_SAFE_INTEGER, w = u + n;
-      return Math.max(m, Math.min(y, w)) - u;
+    }, i = (r) => {
+      const f = e.header.column.getSize(), u = e.header.column.columnDef.minSize ?? t.col.columnDefaults.minSize, w = e.header.column.columnDef.maxSize ?? t.col.columnDefaults.maxSize ?? Number.MAX_SAFE_INTEGER, b = f + r;
+      return Math.max(u, Math.min(w, b)) - f;
     };
-    return (n, u) => (x(), $(l(Qe), {
-      "data-draggable": n.draggable,
-      "data-selection": n.header.column.id === l(t).selectionId,
+    return (r, f) => (R(), E(l(Qe), {
+      "data-draggable": o.draggable,
+      "data-selection": o.header.column.id === l(t).selectionId,
       style: de(
-        l(t).size.getColSizeStyle(n.header.column, d.value, l(t).fix.getSortedCols)
+        l(t).size.getColSizeStyle(o.header.column, s.value, l(t).fix.getSortedCols)
       ),
       "data-dragging": l(t).dragging.value ? "" : void 0,
-      fixed: d.value,
-      afterShadow: s.value,
-      ref: (m) => l(t).col.setColRef(e.header.column.id, m)
+      fixed: s.value,
+      afterShadow: m.value,
+      ref: (u) => l(t).col.setColRef(e.header.column.id, u)
     }, je({
-      default: F(() => [
+      default: A(() => [
         te("div", {
-          class: M(l(L)(l(E), "header"))
+          class: M(l(O)(l(L), "header"))
         }, [
-          n.draggable ? (x(), j("div", {
+          o.draggable ? (R(), j("div", {
             key: 0,
             class: M(l(xe))
           }, [
             T(ee, { icon: "tabler:grip-vertical" })
-          ], 2)) : N("", !0),
+          ], 2)) : K("", !0),
           te("div", {
-            class: M(l(L)(l(E), "header__content"))
+            class: M(l(O)(l(L), "header__content"))
           }, [
-            n.header.column.id !== l(t).selectionId ? (x(), j(X, { key: 0 }, [
+            o.header.column.id !== l(t).selectionId ? (R(), j(X, { key: 0 }, [
               te("div", {
-                class: M(l(L)(l(E), "header__content__title"))
+                class: M(l(O)(l(L), "header__content__title"))
               }, [
-                be(n.$slots, "headerCell", ye(Fe({
-                  column: l(t).getColDefByExtra(n.header.column)
+                ye(r.$slots, "headerCell", we(Ae({
+                  column: l(t).getColDefByExtra(o.header.column)
                 })), () => [
-                  T(l(a), {
-                    props: n.cellProps,
-                    render: n.header.column.columnDef.header
+                  T(l(c), {
+                    props: o.cellProps,
+                    render: o.header.column.columnDef.header
                   }, null, 8, ["props", "render"])
                 ])
               ], 2),
-              n.header.column.columnDef.hasFilter && l(t).filter.filteredCols.value.includes(n.header.column.id) ? (x(), $(Oe, {
+              o.header.column.columnDef.hasFilter && l(t).filter.filteredCols.value.includes(o.header.column.id) ? (R(), E($e, {
                 key: 0,
                 icon: "tabler:filter",
                 size: "sm",
@@ -1025,76 +1028,76 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
                 variant: "icon",
                 active: "",
                 ref_key: "filterRef",
-                ref: h,
-                onClick: ne(S, ["stop"])
-              }, null, 512)) : N("", !0),
-              n.header.column.getCanSort() ? (x(), $(Ft, {
+                ref: g,
+                onClick: ne(v, ["stop"])
+              }, null, 512)) : K("", !0),
+              o.header.column.getCanSort() ? (R(), E(At, {
                 key: 1,
                 placement: "bottom"
               }, {
-                content: F(() => [
-                  lt(Ve(l(t).sort.getSortTooltip(n.header.column)), 1)
+                content: A(() => [
+                  lt(Ve(l(t).sort.getSortTooltip(o.header.column)), 1)
                 ]),
-                default: F(() => [
-                  T(Oe, {
-                    class: M({ hide_filter_action: !l(t).sort.getIsSorted(n.header.column) }),
-                    icon: l(t).sort.getSortIcon(n.header.column),
+                default: A(() => [
+                  T($e, {
+                    class: M({ hide_filter_action: !l(t).sort.getIsSorted(o.header.column) }),
+                    icon: l(t).sort.getSortIcon(o.header.column),
                     size: "sm",
                     type: "ghost",
                     variant: "icon",
-                    active: !!l(t).sort.getIsSorted(n.header.column),
-                    onClick: u[0] || (u[0] = ne((m) => l(t).sort.toggleSort(n.header.column), ["stop"]))
+                    active: !!l(t).sort.getIsSorted(o.header.column),
+                    onClick: f[0] || (f[0] = ne((u) => l(t).sort.toggleSort(o.header.column), ["stop"]))
                   }, null, 8, ["class", "icon", "active"])
                 ]),
                 _: 1
-              })) : N("", !0)
-            ], 64)) : (x(), j(X, { key: 1 }, [
+              })) : K("", !0)
+            ], 64)) : (R(), j(X, { key: 1 }, [
               te("div", {
-                class: M(l(L)(l(E), "selection_space"))
+                class: M(l(O)(l(L), "selection_space"))
               }, null, 2),
-              l(t).selectState.getHasSelection() ? (x(), $(tt, {
+              l(t).selectState.getHasSelection() ? (R(), E(tt, {
                 key: 0,
                 unExtendParent: "",
                 rootCls: "w-fit",
                 modelValue: l(t).tableSelect.getCheckedAll.value,
                 onChange: l(t).tableSelect.checkAll
-              }, null, 8, ["modelValue", "onChange"])) : N("", !0)
+              }, null, 8, ["modelValue", "onChange"])) : K("", !0)
             ], 64))
           ], 2),
-          ![l(t).col.actionId.value, l(t).selectionId].includes(n.header.column.id) && !n.header.column.columns.length ? (x(), j("div", {
+          ![l(t).col.actionId.value, l(t).selectionId].includes(o.header.column.id) && !o.header.column.columns.length ? (R(), j("div", {
             key: 1,
-            class: M(l(L)(l(E), "header__action")),
+            class: M(l(O)(l(L), "header__action")),
             ref_key: "actionRef",
-            ref: g
+            ref: S
           }, [
             T(so, {
-              column: n.header.column,
-              parentReference: g.value
+              column: o.header.column,
+              parentReference: S.value
             }, null, 8, ["column", "parentReference"])
-          ], 2)) : N("", !0)
+          ], 2)) : K("", !0)
         ], 2)
       ]),
       _: 2
     }, [
-      n.header.column.getCanResize() ? {
+      o.header.column.getCanResize() ? {
         name: "after",
-        fn: F(() => {
-          var m;
+        fn: A(() => {
+          var u;
           return [
             te("div", {
-              class: M(l(L)(l(E), "resizer")),
-              onDblclick: u[1] || (u[1] = ne((y) => l(f)(!0), ["stop", "prevent"])),
-              onClick: u[2] || (u[2] = ne(() => {
+              class: M(l(O)(l(L), "resizer")),
+              onDblclick: f[1] || (f[1] = ne((w) => l(d)(!0), ["stop", "prevent"])),
+              onClick: f[2] || (f[2] = ne(() => {
               }, ["stop"])),
               "data-draggable": "",
-              onMousedown: o,
-              onTouchstart: o,
-              onDragstart: u[3] || (u[3] = ne(() => {
+              onMousedown: n,
+              onTouchstart: n,
+              onDragstart: f[3] || (f[3] = ne(() => {
               }, ["stop"])),
-              "data-resizing": n.header.column.getIsResizing() ? "" : void 0,
+              "data-resizing": o.header.column.getIsResizing() ? "" : void 0,
               style: de(
-                ((m = l(t).props.resizing) == null ? void 0 : m.mode) !== "onChange" ? {
-                  transform: n.header.column.getIsResizing() ? `translateX(${(l(t).table.options.columnResizeDirection === "rtl" ? -1 : 1) * r(
+                ((u = l(t).props.resizing) == null ? void 0 : u.mode) !== "onChange" ? {
+                  transform: o.header.column.getIsResizing() ? `translateX(${(l(t).table.options.columnResizeDirection === "rtl" ? -1 : 1) * i(
                     l(t).table.getState().columnSizingInfo.deltaOffset ?? 0
                   )}px)` : ""
                 } : {}
@@ -1112,110 +1115,110 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
   props: {
     hideShadowHeader: { type: Boolean }
   },
-  setup(i) {
+  setup(o) {
     const e = J(), t = H(() => {
-      const d = e.table.getHeaderGroups().map((s) => ({
-        ...s,
-        headers: s.headers.map((c) => ({
-          ...c,
-          bindings: e.cell.getThProps(c.getContext())
+      const s = e.table.getHeaderGroups().map((m) => ({
+        ...m,
+        headers: m.headers.map((a) => ({
+          ...a,
+          bindings: e.cell.getThProps(a.getContext())
         }))
       }));
-      return e.headerRowCount.value !== d.length && (e.headerRowCount.value = d.length), d;
-    }), a = V();
-    let h = !1, g = [];
-    const S = (d) => {
+      return e.headerRowCount.value !== s.length && (e.headerRowCount.value = s.length), s;
+    }), c = V();
+    let g = !1, S = [];
+    const v = (s) => {
       try {
-        return e.table.getColumn(d);
+        return e.table.getColumn(s);
       } catch {
         return;
       }
     };
-    return Ke(async () => {
-      a.value.length && e.props.columnOrdering && (g = a.value.map((d, s) => new Ue(d.$el ?? d, {
+    return Ne(async () => {
+      c.value.length && e.props.columnOrdering && (S = c.value.map((s, m) => new Ue(s.$el ?? s, {
         forceFallback: !0,
         fallbackOnBody: !0,
         filter: "[data-draggable=false]",
         draggable: "th[data-draggable=true]",
         dataIdAttr: "id",
         handle: `.${xe}`,
-        getPlaceholder(c) {
-          const f = c.item.cloneNode(!0);
-          return f.setAttribute("data-highlighted", ""), f;
+        getPlaceholder(a) {
+          const d = a.item.cloneNode(!0);
+          return d.setAttribute("data-highlighted", ""), d;
         },
-        getGhostFallback(c) {
-          var r;
-          const f = (r = c.item) == null ? void 0 : r.getAttribute("data-id");
-          if (f) {
-            const n = S(f);
-            if (n) {
-              const u = document.createElement("div"), m = L(E, "th_drag_ghost");
-              return u.classList.add(m), Re(
+        getGhostFallback(a) {
+          var i;
+          const d = (i = a.item) == null ? void 0 : i.getAttribute("data-id");
+          if (d) {
+            const r = v(d);
+            if (r) {
+              const f = document.createElement("div"), u = O(L, "th_drag_ghost");
+              return f.classList.add(u), ke(
                 W(
                   io,
                   {
                     size: e.props.size,
-                    prefix: m
+                    prefix: u
                   },
                   () => e.cell.RenderCell({
-                    render: n.columnDef.header,
+                    render: r.columnDef.header,
                     props: {
                       table: e.table,
-                      column: n
+                      column: r
                     }
                   })
                 ),
-                u
-              ), u;
+                f
+              ), f;
             }
           }
-          const o = c.item.cloneNode(!0);
-          return o.style.display = "", o;
+          const n = a.item.cloneNode(!0);
+          return n.style.display = "", n;
         },
         onStart() {
-          e.dragging.value = !0, h = !0;
+          e.dragging.value = !0, g = !0;
         },
-        onEnd(c) {
-          e.dragging.value = !1, h = !1, e.colOrder.updateColumnOrderFromDOM(c, s);
+        onEnd(a) {
+          e.dragging.value = !1, g = !1, e.colOrder.updateColumnOrderFromDOM(a, m);
         },
-        onMove(c) {
-          var r, n, u, m;
-          const f = (r = c.related) == null ? void 0 : r.getAttribute("data-id"), o = (n = c.dragged) == null ? void 0 : n.getAttribute("data-id");
-          if (o && f) {
-            const y = S(f), w = S(o);
-            if (((u = y == null ? void 0 : y.parent) == null ? void 0 : u.id) !== ((m = w == null ? void 0 : w.parent) == null ? void 0 : m.id))
+        onMove(a) {
+          var i, r, f, u;
+          const d = (i = a.related) == null ? void 0 : i.getAttribute("data-id"), n = (r = a.dragged) == null ? void 0 : r.getAttribute("data-id");
+          if (n && d) {
+            const w = v(d), b = v(n);
+            if (((f = w == null ? void 0 : w.parent) == null ? void 0 : f.id) !== ((u = b == null ? void 0 : b.parent) == null ? void 0 : u.id))
               return !1;
           }
-          return f ? ![e.selectionId, e.col.actionId.value].includes(f) : !0;
+          return d ? ![e.selectionId, e.col.actionId.value].includes(d) : !0;
         }
       })));
-    }), Ne(() => {
-      g != null && g.length && (g.forEach((d) => d.destroy()), g = [], h && e.dragging.value && (e.dragging.value = !1));
-    }), (d, s) => l(e).props.noHeader ? N("", !0) : (x(), $(l(Dt), {
+    }), Ke(() => {
+      S != null && S.length && (S.forEach((s) => s.destroy()), S = [], g && e.dragging.value && (e.dragging.value = !1));
+    }), (s, m) => l(e).props.noHeader ? K("", !0) : (R(), E(l(Dt), {
       key: 0,
       class: M(l(e).props.theadCls),
       sticky: l(e).props.stickyHeader,
-      hideShadow: d.hideShadowHeader
+      hideShadow: o.hideShadowHeader
     }, {
-      default: F(() => [
-        (x(!0), j(X, null, ce(t.value, (c, f) => (x(), $(l(ue), Q({
-          key: c.id,
+      default: A(() => [
+        (R(!0), j(X, null, ce(t.value, (a, d) => (R(), E(l(ue), Q({
+          key: a.id,
           ref_for: !0,
           ref_key: "containers",
-          ref: a
-        }, { ref_for: !0 }, l(e).getRowProps({ index: f, header: !0 })), {
-          default: F(() => [
-            (x(!0), j(X, null, ce(c.headers, (o) => (x(), j(X, {
-              key: o.id
+          ref: c
+        }, { ref_for: !0 }, l(e).getRowProps({ index: d, header: !0 })), {
+          default: A(() => [
+            (R(!0), j(X, null, ce(a.headers, (n) => (R(), j(X, {
+              key: n.id
             }, [
-              l(e).cell.isThVisible(f, t.value.length, o.column.id) ? (x(), $(co, Q({
+              l(e).cell.isThVisible(d, t.value.length, n.column.id) ? (R(), E(co, Q({
                 key: 0,
-                draggable: !!(l(e).props.columnOrder && ![l(e).selectionId, l(e).col.actionId.value].includes(o.column.id)),
-                "data-id": o.column.id
-              }, { ref_for: !0 }, o.bindings, {
-                cellProps: o.getContext(),
-                header: o
-              }), null, 16, ["draggable", "data-id", "cellProps", "header"])) : N("", !0)
+                draggable: !!(l(e).props.columnOrder && ![l(e).selectionId, l(e).col.actionId.value].includes(n.column.id)),
+                "data-id": n.column.id
+              }, { ref_for: !0 }, n.bindings, {
+                cellProps: n.getContext(),
+                header: n
+              }), null, 16, ["draggable", "data-id", "cellProps", "header"])) : K("", !0)
             ], 64))), 128))
           ]),
           _: 2
@@ -1227,9 +1230,9 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
 }), fo = /* @__PURE__ */ Z({
   ...U("DataTableEmpty"),
   __name: "DataTableEmpty",
-  setup(i) {
+  setup(o) {
     const e = J(), t = () => W(
-      $t,
+      Et,
       { type: "advance", ...e.props.emptyProps ?? {} },
       {
         title: e.slots.emptyTitle,
@@ -1238,13 +1241,13 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
         image: e.slots.emptyImage
       }
     );
-    return (a, h) => (x(), $(l(ue), ye(Fe(l(e).getRowProps({ empty: !0 }))), {
-      default: F(() => [
+    return (c, g) => (R(), E(l(ue), we(Ae(l(e).getRowProps({ empty: !0 }))), {
+      default: A(() => [
         T(l(fe), {
           colspan: l(e).table.getVisibleLeafColumns().length,
           empty: ""
         }, {
-          default: F(() => [
+          default: A(() => [
             T(t)
           ]),
           _: 1
@@ -1256,10 +1259,10 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
 }), mo = /* @__PURE__ */ Z({
   ...U("DataTableLazyLoading"),
   __name: "DataTableLazyLoading",
-  setup(i) {
+  setup(o) {
     const e = J(), t = V();
-    return xt({ target: t, props: e.props, emit: e.emit }), (a, h) => l(e).props.lazyLoading ? (x(), $(l(ue), ye(Q({ key: 0 }, l(e).getRowProps({ lazyLoadObserver: !0 }))), {
-      default: F(() => [
+    return xt({ target: t, props: e.props, emit: e.emit }), (c, g) => l(e).props.lazyLoading ? (R(), E(l(ue), we(Q({ key: 0 }, l(e).getRowProps({ lazyLoadObserver: !0 }))), {
+      default: A(() => [
         T(l(fe), {
           ref_key: "target",
           ref: t,
@@ -1268,36 +1271,36 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
         }, null, 8, ["colspan"])
       ]),
       _: 1
-    }, 16)) : N("", !0);
+    }, 16)) : K("", !0);
   }
 }), go = /* @__PURE__ */ Z({
   ...U("DataTableLoading"),
   __name: "DataTableLoading",
-  setup(i) {
+  setup(o) {
     const e = J();
-    return (t, a) => (x(!0), j(X, null, ce(l(e).table.getRowModel().rows.length ? 2 : l(e).props.loadingRowCount, (h) => (x(), $(l(ue), Q({
+    return (t, c) => (R(!0), j(X, null, ce(l(e).table.getRowModel().rows.length ? 2 : l(e).props.loadingRowCount, (g) => (R(), E(l(ue), Q({
       "data-draggable": "false",
-      key: h
-    }, { ref_for: !0 }, l(e).getRowProps({ index: h, zebra: l(e).props.zebra, loading: !0 })), {
-      default: F(() => [
-        (x(!0), j(X, null, ce(l(e).table.getVisibleLeafColumns(), (g, S) => (x(), $(l(fe), {
-          key: S,
+      key: g
+    }, { ref_for: !0 }, l(e).getRowProps({ index: g, zebra: l(e).props.zebra, loading: !0 })), {
+      default: A(() => [
+        (R(!0), j(X, null, ce(l(e).table.getVisibleLeafColumns(), (S, v) => (R(), E(l(fe), {
+          key: v,
           style: de(
             l(e).size.getColSizeStyle(
-              g,
-              l(e).fix.isColFixed(g),
+              S,
+              l(e).fix.isColFixed(S),
               l(e).fix.getSortedCols
             )
           ),
-          fixed: l(e).fix.isColFixed(g)
+          fixed: l(e).fix.isColFixed(S)
         }, {
-          default: F(() => [
-            g.id !== l(e).selectionId ? be(t.$slots, "skeleton", Q({
+          default: A(() => [
+            S.id !== l(e).selectionId ? ye(t.$slots, "skeleton", Q({
               key: 0,
               ref_for: !0
-            }, { index: S, column: g.columnDef }), () => [
-              T(Ot, Q({ ref_for: !0 }, l(e).cell.getSkeletonProps(g.columnDef)), null, 16)
-            ]) : N("", !0)
+            }, { index: v, column: S.columnDef }), () => [
+              T($t, Q({ ref_for: !0 }, l(e).cell.getSkeletonProps(S.columnDef)), null, 16)
+            ]) : K("", !0)
           ]),
           _: 2
         }, 1032, ["style", "fixed"]))), 128))
@@ -1314,168 +1317,168 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
     collapseParent: { type: Boolean },
     getContext: { type: Function }
   },
-  setup(i) {
-    var c;
-    const e = i, t = ((c = e.getContext) == null ? void 0 : c.call(e)) ?? J(), a = t.cell.RenderCell, h = H(() => t.selectState.getHasSelectionCol() ? 1 : 0), g = ({ cell: f }) => {
-      var w, p, z;
-      const o = f.getContext(), r = t.cell.getCellParams(o), { editing: n } = t.cell.getTdProps(o), u = {
-        ...r,
-        column: t.getColDefByExtra(f.column)
+  setup(o) {
+    var a;
+    const e = o, t = ((a = e.getContext) == null ? void 0 : a.call(e)) ?? J(), c = t.cell.RenderCell, g = H(() => t.selectState.getHasSelectionCol() ? 1 : 0), S = ({ cell: d }) => {
+      var b, p, x;
+      const n = d.getContext(), i = t.cell.getCellParams(n), { editing: r } = t.cell.getTdProps(n), f = {
+        ...i,
+        column: t.getColDefByExtra(d.column)
       };
-      let m;
-      const y = (p = (w = t.slots).bodyCell) == null ? void 0 : p.call(w, u);
-      if (Pe(y) ? m = W(a, {
-        render: f.column.columnDef.cell,
-        customRender: f.column.columnDef.render,
-        props: f.getContext()
-      }) : m = y, n && (m = W(
+      let u;
+      const w = (p = (b = t.slots).bodyCell) == null ? void 0 : p.call(b, f);
+      if (Pe(w) ? u = W(c, {
+        render: d.column.columnDef.cell,
+        customRender: d.column.columnDef.render,
+        props: d.getContext()
+      }) : u = w, r && (u = W(
         "div",
         {
-          class: L(E, "cell__editing")
+          class: O(L, "cell__editing")
         },
-        m
-      )), h.value === f.column.getIndex() && e.hasSubRows) {
-        const k = !!((t.props.rowLazyLoadKey ? e.row.original[t.props.rowLazyLoadKey] : void 0) || e.row.subRows.length);
-        return W("div", { class: L(E, "cell__expand") }, [
+        u
+      )), g.value === d.column.getIndex() && e.hasSubRows) {
+        const _ = !!((t.props.rowLazyLoadKey ? e.row.original[t.props.rowLazyLoadKey] : void 0) || e.row.subRows.length);
+        return W("div", { class: O(L, "cell__expand") }, [
           W(Ht, {
-            class: L(E, "cell__expand__indent"),
+            class: O(L, "cell__expand__indent"),
             level: e.row.depth + 1,
             size: "sm",
-            children: k,
-            loading: ((z = t.props.rowLoading) == null ? void 0 : z[e.row.id]) ?? !1,
+            children: _,
+            loading: ((x = t.props.rowLoading) == null ? void 0 : x[e.row.id]) ?? !1,
             expanded: e.collapseParent ? !1 : e.row.getIsExpanded(),
             showLine: e.getContext ? !1 : "all",
             onToggleExpand: () => {
-              k && (t.emit("expand", e.row.id, !e.row.getIsExpanded()), e.row.toggleExpanded());
+              _ && (t.emit("expand", e.row.id, !e.row.getIsExpanded()), e.row.toggleExpanded());
             },
-            onClick: (b) => {
-              b.stopPropagation();
+            onClick: (y) => {
+              y.stopPropagation();
             }
           }),
-          W("div", { class: L(E, "cell__expand__content") }, m)
+          W("div", { class: O(L, "cell__expand__content") }, u)
         ]);
       }
-      return m;
-    }, S = ({ column: f }) => {
-      var o, r;
-      return (r = (o = t.slots).cellAction) == null ? void 0 : r.call(o, {
-        column: f,
+      return u;
+    }, v = ({ column: d }) => {
+      var n, i;
+      return (i = (n = t.slots).cellAction) == null ? void 0 : i.call(n, {
+        column: d,
         record: e.row.original,
         index: e.row.index
       });
-    }, d = ({ column: f }) => {
-      var o, r;
-      return (r = (o = t.slots).hoverAction) == null ? void 0 : r.call(o, {
-        column: f,
+    }, s = ({ column: d }) => {
+      var n, i;
+      return (i = (n = t.slots).hoverAction) == null ? void 0 : i.call(n, {
+        column: d,
         record: e.row.original,
         index: e.row.index
       });
-    }, s = ({ column: f }) => {
-      var o, r;
-      return (r = (o = t.slots).action) == null ? void 0 : r.call(o, {
-        column: f,
+    }, m = ({ column: d }) => {
+      var n, i;
+      return (i = (n = t.slots).action) == null ? void 0 : i.call(n, {
+        column: d,
         record: e.row.original,
         index: e.row.index
       });
     };
-    return (f, o) => (x(), $(l(ue), Q(
+    return (d, n) => (R(), E(l(ue), Q(
       l(t).getRowProps({
-        index: f.row.index,
+        index: o.row.index,
         zebra: l(t).props.zebra,
-        checked: !!l(t).tableSelect.getRowChecked(f.row),
-        row: f.row.original
+        checked: !!l(t).tableSelect.getRowChecked(o.row),
+        row: o.row.original
       }),
       {
-        "data-id": f.row.id
+        "data-id": o.row.id
       }
     ), {
-      default: F(() => [
-        (x(!0), j(X, null, ce(f.row.getVisibleCells(), (r) => {
-          var n, u, m, y;
-          return x(), j(X, {
-            key: r.id
+      default: A(() => [
+        (R(!0), j(X, null, ce(o.row.getVisibleCells(), (i) => {
+          var r, f, u, w;
+          return R(), j(X, {
+            key: i.id
           }, [
-            ((n = l(t).cell.getTdProps(r.getContext())) == null ? void 0 : n.colSpan) !== 0 && ((u = l(t).cell.getTdProps(r.getContext())) == null ? void 0 : u.rowSpan) !== 0 ? (x(), $(l(fe), Q({
+            ((r = l(t).cell.getTdProps(i.getContext())) == null ? void 0 : r.colSpan) !== 0 && ((f = l(t).cell.getTdProps(i.getContext())) == null ? void 0 : f.rowSpan) !== 0 ? (R(), E(l(fe), Q({
               key: 0,
               ref_for: !0
-            }, l(t).cell.getTdProps(r.getContext()), {
+            }, l(t).cell.getTdProps(i.getContext()), {
               style: {
                 ...l(t).size.getColSizeStyle(
-                  r.column,
-                  l(t).fix.isColFixed(r.column, !!e.getContext),
+                  i.column,
+                  l(t).fix.isColFixed(i.column, !!e.getContext),
                   l(t).fix.getSortedCols
                 )
               },
-              fixed: l(t).fix.isColFixed(r.column),
-              afterShadow: !l(t).hideShadowColumn.value && ((m = l(t).fix.fixedCol.value) == null ? void 0 : m.id) === r.column.id,
-              ellipseHFull: !!(h.value === r.column.getIndex() && ((y = f.row.subRows) != null && y.length || f.row.depth > 0)) || r.column.columnDef.ellipseHFull,
-              noPy: [l(t).col.actionId.value, l(t).selectionId].includes(r.column.id)
+              fixed: l(t).fix.isColFixed(i.column),
+              afterShadow: !l(t).hideShadowColumn.value && ((u = l(t).fix.fixedCol.value) == null ? void 0 : u.id) === i.column.id,
+              ellipseHFull: !!(g.value === i.column.getIndex() && ((w = o.row.subRows) != null && w.length || o.row.depth > 0)) || i.column.columnDef.ellipseHFull,
+              noPy: [l(t).col.actionId.value, l(t).selectionId].includes(i.column.id)
             }), je({
-              default: F(() => [
-                r.column.id === l(t).selectionId ? (x(), j("div", {
+              default: A(() => [
+                i.column.id === l(t).selectionId ? (R(), j("div", {
                   key: 0,
-                  class: M(l(L)(l(E), "selection")),
-                  onClick: o[1] || (o[1] = ne(() => {
+                  class: M(l(O)(l(L), "selection")),
+                  onClick: n[1] || (n[1] = ne(() => {
                   }, ["stop"]))
                 }, [
                   te("div", {
-                    class: M(l(L)(l(E), "selection_space"))
+                    class: M(l(O)(l(L), "selection_space"))
                   }, [
-                    l(t).selectState.getHasRowOrdering(f.row) ? (x(), j("div", {
+                    l(t).selectState.getHasRowOrdering(o.row) ? (R(), j("div", {
                       key: 0,
                       class: M(l(xe))
                     }, [
                       T(ee, { icon: "tabler:grip-vertical" })
-                    ], 2)) : N("", !0)
+                    ], 2)) : K("", !0)
                   ], 2),
-                  l(t).selectState.getHasSelection(f.row) ? (x(), $(tt, Q({
+                  l(t).selectState.getHasSelection(o.row) ? (R(), E(tt, Q({
                     key: 0,
                     unExtendParent: "",
                     rootCls: "w-fit",
-                    disabled: !f.row.getCanSelect(),
-                    modelValue: l(t).tableSelect.getRowChecked(f.row),
-                    onChange: o[0] || (o[0] = (w) => l(t).tableSelect.check(w, f.row))
-                  }, { ref_for: !0 }, l(t).tableSelect.getCheckboxProps(f.row.original)), null, 16, ["disabled", "modelValue"])) : N("", !0)
-                ], 2)) : r.column.id === l(t).col.actionId.value && (l(t).slots.hoverAction || l(t).slots.action) ? (x(), j("div", {
+                    disabled: !o.row.getCanSelect(),
+                    modelValue: l(t).tableSelect.getRowChecked(o.row),
+                    onChange: n[0] || (n[0] = (b) => l(t).tableSelect.check(b, o.row))
+                  }, { ref_for: !0 }, l(t).tableSelect.getCheckboxProps(o.row.original)), null, 16, ["disabled", "modelValue"])) : K("", !0)
+                ], 2)) : i.column.id === l(t).col.actionId.value && (l(t).slots.hoverAction || l(t).slots.action) ? (R(), j("div", {
                   key: 1,
-                  onClick: o[2] || (o[2] = ne(() => {
+                  onClick: n[2] || (n[2] = ne(() => {
                   }, ["stop"])),
-                  class: M(l(L)(l(E), "action_cell"))
+                  class: M(l(O)(l(L), "action_cell"))
                 }, [
                   te("div", {
                     class: M(
-                      l(we)(
-                        l(L)(l(E), "action_cell__hover"),
+                      l(be)(
+                        l(O)(l(L), "action_cell__hover"),
                         l(t).props.actionHoverCls
                       )
                     )
                   }, [
-                    T(d, {
-                      column: l(t).getColDefByExtra(r.column)
+                    T(s, {
+                      column: l(t).getColDefByExtra(i.column)
                     }, null, 8, ["column"])
                   ], 2),
-                  T(s, {
-                    column: l(t).getColDefByExtra(r.column)
+                  T(m, {
+                    column: l(t).getColDefByExtra(i.column)
                   }, null, 8, ["column"])
-                ], 2)) : (x(), $(g, Q({
+                ], 2)) : (R(), E(S, Q({
                   key: 2,
                   ref_for: !0
                 }, {
-                  cell: r
+                  cell: i
                 }), null, 16))
               ]),
               _: 2
             }, [
-              l(t).slots.cellAction && ![l(t).col.actionId.value, l(t).selectionId].includes(r.column.id) ? {
+              l(t).slots.cellAction && ![l(t).col.actionId.value, l(t).selectionId].includes(i.column.id) ? {
                 name: "absoluteAction",
-                fn: F(() => [
-                  T(S, {
-                    column: l(t).getColDefByExtra(r.column)
+                fn: A(() => [
+                  T(v, {
+                    column: l(t).getColDefByExtra(i.column)
                   }, null, 8, ["column"])
                 ]),
                 key: "0"
               } : void 0
-            ]), 1040, ["style", "fixed", "afterShadow", "ellipseHFull", "noPy"])) : N("", !0)
+            ]), 1040, ["style", "fixed", "afterShadow", "ellipseHFull", "noPy"])) : K("", !0)
           ], 64);
         }), 128))
       ]),
@@ -1485,97 +1488,97 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
 }), po = /* @__PURE__ */ Z({
   ...U("DataTableFooter"),
   __name: "DataTableFooter",
-  setup(i) {
+  setup(o) {
     const e = J(), t = () => {
-      var S, d;
-      let a;
-      const h = (d = (S = e.slots).footer) == null ? void 0 : d.call(S, e.getSlotProps.value);
-      Pe(h) || (a = h);
-      const g = Object.fromEntries(
-        e.table.getVisibleLeafColumns().map((s) => {
-          var c, f;
+      var v, s;
+      let c;
+      const g = (s = (v = e.slots).footer) == null ? void 0 : s.call(v, e.getSlotProps.value);
+      Pe(g) || (c = g);
+      const S = Object.fromEntries(
+        e.table.getVisibleLeafColumns().map((m) => {
+          var a, d;
           return [
-            s.columnDef.id,
-            (f = (c = e.slots).footerCell) == null ? void 0 : f.call(c, {
-              column: e.getColDefByExtra(s)
+            m.columnDef.id,
+            (d = (a = e.slots).footerCell) == null ? void 0 : d.call(a, {
+              column: e.getColDefByExtra(m)
             })
           ];
         })
       );
-      return Pe(Object.values(g)) || (a = Object.keys(g).map((s) => W(fe, void 0, () => g[s]))), a ? (e.hasFooter.value = !0, W(
+      return Pe(Object.values(S)) || (c = Object.keys(S).map((m) => W(fe, void 0, () => S[m]))), c ? (e.hasFooter.value = !0, W(
         Tt,
         {
           sticky: e.props.stickyFooter
         },
-        () => W(ue, void 0, () => a)
+        () => W(ue, void 0, () => c)
       )) : (e.hasFooter.value = !1, null);
     };
-    return (a, h) => (x(), $(t));
+    return (c, g) => (R(), E(t));
   }
 }), We = /* @__PURE__ */ Z({
   ...U("DataTableContent"),
   __name: "DataTableContent",
-  setup(i) {
-    const e = J(), t = Bt(E, {
+  setup(o) {
+    const e = J(), t = Bt(L, {
       variants: {
-        empty: dt("empty", E)
+        empty: dt("empty", L)
       }
-    }), a = V(void 0), h = (p = a.value) => !!(p && e.tableSelect.getRowChecked(p) === !0 && e.selectState.selectedRowKeys.value.length > 1), g = H(() => h()), S = H(
+    }), c = V(void 0), g = (p = c.value) => !!(p && e.tableSelect.getRowChecked(p) === !0 && e.selectState.selectedRowKeys.value.length > 1), S = H(() => g()), v = H(
       () => e.table.getRowModel().flatRows.filter((p) => p.getIsAllParentsExpanded())
-    ), d = (p) => {
-      var _;
-      const z = (_ = a.value) == null ? void 0 : _.depth;
-      if (![null, void 0].includes(z))
-        return p.depth >= z;
-    }, s = (p) => {
-      var _, k;
-      if (g.value && e.tableSelect.getRowChecked(p) === !0 || p.id === ((_ = a.value) == null ? void 0 : _.id)) return !0;
-      const z = (k = a.value) == null ? void 0 : k.depth;
-      return [null, void 0].includes(z) ? !1 : p.depth > z;
-    }, c = H(
-      () => S.value.some(
+    ), s = (p) => {
+      var z;
+      const x = (z = c.value) == null ? void 0 : z.depth;
+      if (![null, void 0].includes(x))
+        return p.depth >= x;
+    }, m = (p) => {
+      var z, _;
+      if (S.value && e.tableSelect.getRowChecked(p) === !0 || p.id === ((z = c.value) == null ? void 0 : z.id)) return !0;
+      const x = (_ = c.value) == null ? void 0 : _.depth;
+      return [null, void 0].includes(x) ? !1 : p.depth > x;
+    }, a = H(
+      () => v.value.some(
         (p) => {
-          var z;
-          return ((z = p.subRows) == null ? void 0 : z.length) || e.props.rowLazyLoadKey && p.original[e.props.rowLazyLoadKey];
+          var x;
+          return ((x = p.subRows) == null ? void 0 : x.length) || e.props.rowLazyLoadKey && p.original[e.props.rowLazyLoadKey];
         }
       )
-    ), f = Se(!0), o = (p) => {
-      var z, _;
-      f.value = !((z = p.target) != null && z.scrollTop), e.hideShadowColumn.value = !((_ = p.target) != null && _.scrollLeft);
-    }, r = H(() => {
-      const p = e.props.scrollContainerProps ?? {}, z = p.rootProps ?? {}, _ = et[e.props.size];
+    ), d = Se(!0), n = (p) => {
+      var x, z;
+      d.value = !((x = p.target) != null && x.scrollTop), e.hideShadowColumn.value = !((z = p.target) != null && z.scrollLeft);
+    }, i = H(() => {
+      const p = e.props.scrollContainerProps ?? {}, x = p.rootProps ?? {}, z = et[e.props.size];
       return {
         hasMask: !0,
         size: e.props.size,
         ...p,
         rootProps: {
-          ...z,
-          class: we(
-            L(E, "scroll_container"),
-            z == null ? void 0 : z.class
+          ...x,
+          class: be(
+            O(L, "scroll_container"),
+            x == null ? void 0 : x.class
           )
         },
         areaCls: [
-          L(E, "scroll_area"),
+          O(L, "scroll_area"),
           p == null ? void 0 : p.class,
           p == null ? void 0 : p.areaCls
         ],
         maskProps: {
           style: {
-            "--ptc-scroll-container-mask-offset-t": e.props.stickyHeader ? `${_ * e.headerRowCount.value}px` : void 0,
-            "--ptc-scroll-container-mask-offset-b": e.hasFooter.value && e.props.stickyFooter ? `${_}px` : void 0
+            "--ptc-scroll-container-mask-offset-t": e.props.stickyHeader ? `${z * e.headerRowCount.value}px` : void 0,
+            "--ptc-scroll-container-mask-offset-b": e.hasFooter.value && e.props.stickyFooter ? `${z}px` : void 0
           }
         }
       };
-    }), n = (p) => {
-      var z;
+    }), r = (p) => {
+      var x;
       return {
         size: e.props.size,
         style: {
           tableLayout: e.getTableLayout.value,
-          width: se((z = e.props.scroll) == null ? void 0 : z.x, !0)
+          width: se((x = e.props.scroll) == null ? void 0 : x.x, !0)
         },
-        class: we(
+        class: be(
           t({
             empty: !e.table.getRowModel().rows.length
           }),
@@ -1583,23 +1586,23 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
           p
         )
       };
-    }, u = H(() => n()), m = V();
-    let y = !1, w;
-    return Ke(async () => {
-      if (m.value && e.selectState.getHasRowOrdering()) {
-        const p = (k) => {
-          if (k) {
-            const b = k.getAttribute("data-id");
-            if (b)
+    }, f = H(() => r()), u = V();
+    let w = !1, b;
+    return Ne(async () => {
+      if (u.value && e.selectState.getHasRowOrdering()) {
+        const p = (_) => {
+          if (_) {
+            const y = _.getAttribute("data-id");
+            if (y)
               try {
-                return e.table.getRow(b, !0);
+                return e.table.getRow(y, !0);
               } catch {
                 return;
               }
           }
-        }, z = (k) => k.getParentRows().find((b) => e.tableSelect.getRowChecked(b) === !0);
-        let _;
-        w = new Ue(m.value.$el ?? m.value, {
+        }, x = (_) => _.getParentRows().find((y) => e.tableSelect.getRowChecked(y) === !0);
+        let z;
+        b = new Ue(u.value.$el ?? u.value, {
           group: e.props.rowOrdering && typeof e.props.rowOrdering == "object" ? e.props.rowOrdering.group : void 0,
           forceFallback: !0,
           fallbackOnBody: !0,
@@ -1607,15 +1610,15 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
           draggable: "tr[data-draggable=true]",
           dataIdAttr: "id",
           handle: `.${xe}`,
-          getPlaceholder(k) {
-            if (_) {
-              const b = document.createElement("div");
-              return Re(
+          getPlaceholder(_) {
+            if (z) {
+              const y = document.createElement("div");
+              return ke(
                 W(
                   ue,
                   {
                     zebra: e.props.zebra,
-                    class: L(E, "tr_drag_placeholder")
+                    class: O(L, "tr_drag_placeholder")
                   },
                   () => W(
                     fe,
@@ -1628,131 +1631,131 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
                     () => W("div", { class: ft({ size: "lg" }) })
                   )
                 ),
-                b
-              ), b.firstChild;
+                y
+              ), y.firstChild;
             }
-            return k.item.cloneNode(!0);
+            return _.item.cloneNode(!0);
           },
-          getGhostFallback(k) {
-            var A;
-            if ((A = w == null ? void 0 : w.option) != null && A.call(w, "disabled"))
+          getGhostFallback(_) {
+            var F;
+            if ((F = b == null ? void 0 : b.option) != null && F.call(b, "disabled"))
               return document.createElement("div");
-            const b = L(E, "tr_drag_ghost");
-            if (_) {
+            const y = O(L, "tr_drag_ghost");
+            if (z) {
               const G = document.createElement("div");
-              G.classList.add(b);
-              const q = () => e, v = () => {
+              G.classList.add(y);
+              const q = () => e, C = () => {
                 const I = [
                   W(He, { getContext: q }),
                   W(Me, {
-                    row: _,
-                    hasSubRows: c.value,
+                    row: z,
+                    hasSubRows: a.value,
                     getContext: q,
-                    collapseParent: d(_)
+                    collapseParent: s(z)
                   })
                 ];
-                if (h(_)) {
+                if (g(z)) {
                   let D = String(e.table.getSelectedRowModel().rows.length);
-                  e.props.rowOrdering && typeof e.props.rowOrdering == "object" && (e.props.rowOrdering.selectedCount ? D = String(e.props.rowOrdering.selectedCount) : e.props.rowOrdering.includeSubRowsOnMultiDragBadgeCount && (D = String(e.table.getSelectedRowModel().flatRows.length))), I.push(W(Je, { size: "xsm", text: D, class: L(b, "badge") }));
+                  e.props.rowOrdering && typeof e.props.rowOrdering == "object" && (e.props.rowOrdering.selectedCount ? D = String(e.props.rowOrdering.selectedCount) : e.props.rowOrdering.includeSubRowsOnMultiDragBadgeCount && (D = String(e.table.getSelectedRowModel().flatRows.length))), I.push(W(Je, { size: "xsm", text: D, class: O(y, "badge") }));
                 }
                 return I;
               };
-              return Re(W($e, n(), v), G), G;
+              return ke(W(Ee, r(), C), G), G;
             }
-            const R = k.item.cloneNode(!0);
-            return R.classList.add(b), R.style.display = "", R;
+            const k = _.item.cloneNode(!0);
+            return k.classList.add(y), k.style.display = "", k;
           },
-          onChoose(k) {
-            var A, G;
-            let b = p(k.item), R = !1;
-            if (h(b)) {
+          onChoose(_) {
+            var F, G;
+            let y = p(_.item), k = !1;
+            if (g(y)) {
               const q = e.table.getFilteredSelectedRowModel().flatRows;
-              (A = e.props.rowSelection) != null && A.checkStrictly && (R = R || q.some((I) => {
-                const D = z(I);
+              (F = e.props.rowSelection) != null && F.checkStrictly && (k = k || q.some((I) => {
+                const D = x(I);
                 return D ? !D.getIsAllSubRowsSelected() : !1;
               }));
-              const v = /* @__PURE__ */ new Set();
+              const C = /* @__PURE__ */ new Set();
               q.forEach((I) => {
-                const D = z(I);
-                !D || !D.parentId ? v.add("$root$") : v.add(D.parentId);
-              }), R = R || v.size > 1, R && ((G = w == null ? void 0 : w.option) == null || G.call(w, "disabled", !0));
+                const D = x(I);
+                !D || !D.parentId ? C.add("$root$") : C.add(D.parentId);
+              }), k = k || C.size > 1, k && ((G = b == null ? void 0 : b.option) == null || G.call(b, "disabled", !0));
             }
-            if (!R && b) {
-              const q = z(b);
-              q && (b = q), _ = b;
+            if (!k && y) {
+              const q = x(y);
+              q && (y = q), z = y;
             }
           },
-          onStart(k) {
-            var b;
-            if (!((b = w == null ? void 0 : w.option) != null && b.call(w, "disabled"))) {
-              e.dragging.value = !0, y = !0;
-              let R = p(k.item);
-              if (R) {
-                if (h(R)) {
-                  const A = z(R);
-                  A && (R = A);
+          onStart(_) {
+            var y;
+            if (!((y = b == null ? void 0 : b.option) != null && y.call(b, "disabled"))) {
+              e.dragging.value = !0, w = !0;
+              let k = p(_.item);
+              if (k) {
+                if (g(k)) {
+                  const F = x(k);
+                  F && (k = F);
                 }
-                a.value = R;
+                c.value = k;
               }
             }
           },
-          onEnd(k) {
-            var b, R, A, G, q, v, I, D, P;
-            if (e.dragging.value = !1, y = !1, !((b = w == null ? void 0 : w.option) != null && b.call(w, "disabled"))) {
-              const B = k.newIndex, Y = k.oldIndex;
-              if (k.from === k.to && B === Y) return;
-              const C = g.value ? e.table.getFilteredSelectedRowModel().flatRows.map((nt) => nt.original) : void 0;
-              let O;
-              B !== void 0 && B > 0 && (Y === void 0 || B < Y ? O = B - 1 : O = B);
-              let K;
-              B !== void 0 && B >= 0 && (Y === void 0 || B > Y ? K = B + 1 : K = B);
-              const pe = O !== void 0 ? (R = S.value[O]) == null ? void 0 : R.original : void 0, me = K !== void 0 ? (A = S.value[K]) == null ? void 0 : A.original : void 0, ot = {
-                multiple: g.value,
-                draggedRows: C,
-                draggedRow: (G = a.value) == null ? void 0 : G.original,
+          onEnd(_) {
+            var y, k, F, G, q, C, I, D, P;
+            if (e.dragging.value = !1, w = !1, !((y = b == null ? void 0 : b.option) != null && y.call(b, "disabled"))) {
+              const B = _.newIndex, Y = _.oldIndex;
+              if (_.from === _.to && B === Y) return;
+              const h = S.value ? e.table.getFilteredSelectedRowModel().flatRows.map((nt) => nt.original) : void 0;
+              let $;
+              B !== void 0 && B > 0 && (Y === void 0 || B < Y ? $ = B - 1 : $ = B);
+              let N;
+              B !== void 0 && B >= 0 && (Y === void 0 || B > Y ? N = B + 1 : N = B);
+              const pe = $ !== void 0 ? (k = v.value[$]) == null ? void 0 : k.original : void 0, me = N !== void 0 ? (F = v.value[N]) == null ? void 0 : F.original : void 0, ot = {
+                multiple: S.value,
+                draggedRows: h,
+                draggedRow: (G = c.value) == null ? void 0 : G.original,
                 before: pe,
                 after: me,
-                beforeIndex: pe ? O : void 0,
-                afterIndex: me ? K : void 0,
+                beforeIndex: pe ? $ : void 0,
+                afterIndex: me ? N : void 0,
                 newIndex: B,
                 oldIndex: Y
               };
               e.emit("drop", ot);
             }
-            (q = w == null ? void 0 : w.option) == null || q.call(w, "disabled", !1), a.value = void 0, (I = (v = k.originalEvent) == null ? void 0 : v.preventDefault) == null || I.call(v), (P = (D = k.originalEvent) == null ? void 0 : D.stopPropagation) == null || P.call(D);
+            (q = b == null ? void 0 : b.option) == null || q.call(b, "disabled", !1), c.value = void 0, (I = (C = _.originalEvent) == null ? void 0 : C.preventDefault) == null || I.call(C), (P = (D = _.originalEvent) == null ? void 0 : D.stopPropagation) == null || P.call(D);
           },
-          onMove(k) {
-            var R;
-            const b = p(k.related);
-            return (b == null ? void 0 : b.parentId) === ((R = a.value) == null ? void 0 : R.parentId);
+          onMove(_) {
+            var k;
+            const y = p(_.related);
+            return (y == null ? void 0 : y.parentId) === ((k = c.value) == null ? void 0 : k.parentId);
           }
         });
       }
-    }), Ne(() => {
-      w && (w.destroy(), w = void 0, y && e.dragging.value && (e.dragging.value = !1));
-    }), (p, z) => (x(), $(l(Mt), Q(r.value, { onScroll: o }), {
-      default: F(() => [
-        T(l($e), ye(Fe(u.value)), {
-          default: F(() => [
+    }), Ke(() => {
+      b && (b.destroy(), b = void 0, w && e.dragging.value && (e.dragging.value = !1));
+    }), (p, x) => (R(), E(l(Mt), Q(i.value, { onScroll: n }), {
+      default: A(() => [
+        T(l(Ee), we(Ae(f.value)), {
+          default: A(() => [
             T(He),
-            T(uo, { hideShadowHeader: f.value }, null, 8, ["hideShadowHeader"]),
+            T(uo, { hideShadowHeader: d.value }, null, 8, ["hideShadowHeader"]),
             T(l(Pt), {
               class: M(l(e).props.tbodyCls),
               ref_key: "body",
-              ref: m
+              ref: u
             }, {
-              default: F(() => [
-                (x(!0), j(X, null, ce(S.value, (_) => (x(), $(Me, {
-                  key: _.id,
+              default: A(() => [
+                (R(!0), j(X, null, ce(v.value, (z) => (R(), E(Me, {
+                  key: z.id,
                   "data-draggable": "true",
-                  row: _,
-                  hasSubRows: c.value,
-                  collapseParent: d(_),
+                  row: z,
+                  hasSubRows: a.value,
+                  collapseParent: s(z),
                   style: de({
-                    display: s(_) ? "none" : ""
+                    display: m(z) ? "none" : ""
                   })
                 }, null, 8, ["row", "hasSubRows", "collapseParent", "style"]))), 128)),
-                l(e).props.loading ? (x(), $(go, { key: 0 })) : S.value.length ? N("", !0) : (x(), $(fo, {
+                l(e).props.loading ? (R(), E(go, { key: 0 })) : v.value.length ? K("", !0) : (R(), E(fo, {
                   key: 1,
                   "data-draggable": "false"
                 })),
@@ -1768,7 +1771,7 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
       _: 1
     }, 16));
   }
-}), [J, ho] = Wt("DataTable"), E = mt("data_table", gt), xe = L(E, "header__drag_handle"), So = /* @__PURE__ */ Z({
+}), [J, ho] = Wt("DataTable"), L = mt("data_table", gt), xe = O(L, "header__drag_handle"), So = /* @__PURE__ */ Z({
   ...U("DataTable"),
   __name: "DataTable",
   props: {
@@ -1788,12 +1791,12 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
     rowLazyLoadKey: {},
     childrenColumnName: { default: "children" },
     data: {},
-    class: {},
-    scrollContainerRootCls: {},
-    theadCls: {},
-    tbodyCls: {},
-    actionHoverCls: {},
-    rootCls: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    scrollContainerRootCls: { type: [Array, Object, String, Number, null, Boolean] },
+    theadCls: { type: [Array, Object, String, Number, null, Boolean] },
+    tbodyCls: { type: [Array, Object, String, Number, null, Boolean] },
+    actionHoverCls: { type: [Array, Object, String, Number, null, Boolean] },
+    rootCls: { type: [Array, Object, String, Number, null, Boolean] },
     rowSelection: {},
     rowKey: {},
     lazyLoading: { type: Boolean },
@@ -1814,162 +1817,167 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
     rowProps: {}
   },
   emits: ["drop", "update:filteredColumns", "update:columnVisibility", "update:expanded", "expand", "update:columnOrder", "resize", "reorder", "fetch", "rowClick", "sort", "columnWrap"],
-  setup(i, { emit: e }) {
-    const t = i, a = e, h = rt(), g = `$${E}_selection$`, S = Jt(t, {
-      colId: g,
+  setup(o, { emit: e }) {
+    const t = o, c = e, g = rt(), S = `$${L}_selection$`, v = Jt(t, {
+      colId: S,
       onSelectionChange: () => {
-        var C;
-        he((C = t.rowSelection) == null ? void 0 : C.onChange) && t.rowSelection.onChange(b.getSelectCallbackProps.value);
+        var h;
+        he((h = t.rowSelection) == null ? void 0 : h.onChange) && t.rowSelection.onChange(y.getSelectCallbackProps.value);
       }
-    }), d = Zt({
+    }), s = Zt({
       props: t,
-      slots: h,
-      emit: a,
-      prefix: E,
-      getSelectionCol: S.getSelectionCol
-    }), s = Ut({
+      slots: g,
+      emit: c,
+      prefix: L,
+      getSelectionCol: v.getSelectionCol
+    }), m = Ut({
       props: t
-    }), c = Qt(a), f = H(() => [...t.data]), o = eo({ props: t, emit: a }), { getDir: r } = Et(), n = r(), u = Se(!0), m = to({ hideShadowColumn: u, col: d }), y = ht({
+    }), a = Qt(c), d = H(() => [...t.data]), n = eo({ props: t, emit: c }), { getDir: i } = Lt(), r = i(), f = Se(!0), u = ht({
       debugTable: !1,
       debugHeaders: !1,
       debugColumns: !1,
-      defaultColumn: d.columnDefaults,
+      defaultColumn: s.columnDefaults,
       get columnResizeDirection() {
-        return n.value;
+        return r.value;
       },
       get columnResizeMode() {
-        var C;
-        return ((C = t.resizing) == null ? void 0 : C.mode) ?? "onEnd";
+        var h;
+        return ((h = t.resizing) == null ? void 0 : h.mode) ?? "onEnd";
       },
       get enableColumnResizing() {
-        var C;
-        return ((C = t.resizing) == null ? void 0 : C.enable) ?? !1;
+        var h;
+        return ((h = t.resizing) == null ? void 0 : h.enable) ?? !1;
       },
-      getSubRows: (C) => C[t.childrenRowName ?? "children"],
+      getSubRows: (h) => h[t.childrenRowName ?? "children"],
       enableSorting: !0,
       enableMultiSort: !0,
       get data() {
-        return f.value;
+        return d.value;
       },
       state: {
         get sorting() {
-          return c.sorting.value;
+          return a.sorting.value;
         },
         get columnSizing() {
-          return d.columnSizing.value;
+          return s.columnSizing.value;
         },
         get columnOrder() {
-          return d.columnOrder.value;
+          return s.columnOrder.value;
         },
         get expanded() {
-          return s.expanded.value;
+          return m.expanded.value;
         },
         get rowSelection() {
-          return S.rowSelection.value;
+          return v.rowSelection.value;
         },
         get columnVisibility() {
-          return d.columnVisibility.value;
+          return s.columnVisibility.value;
         }
       },
       enableRowSelection: !0,
       get columns() {
-        return d.cols.value;
+        return s.cols.value;
       },
-      getRowId: (C, O) => t.rowKey ? C[t.rowKey] : O,
+      getRowId: (h, $) => t.rowKey ? h[t.rowKey] : $,
       getRowCanExpand: () => !0,
       getCoreRowModel: vt(),
       getSortedRowModel: Ct(),
       getExpandedRowModel: St(),
-      onRowSelectionChange: (C) => {
-        S.rowSelection.value = typeof C == "function" ? C(S.rowSelection.value) : C;
+      onRowSelectionChange: (h) => {
+        v.rowSelection.value = typeof h == "function" ? h(v.rowSelection.value) : h;
       },
-      onExpandedChange: (C) => {
-        s.expanded.value = typeof C == "function" ? C(s.expanded.value) : C, a("update:expanded", s.expanded.value);
+      onExpandedChange: (h) => {
+        m.expanded.value = typeof h == "function" ? h(m.expanded.value) : h, c("update:expanded", m.expanded.value);
       },
-      onColumnSizingChange: (C) => {
-        d.columnSizing.value = typeof C == "function" ? C(d.columnSizing.value) : C, a("resize", d.columnSizing.value);
+      onColumnSizingChange: (h) => {
+        s.columnSizing.value = typeof h == "function" ? h(s.columnSizing.value) : h, c("resize", s.columnSizing.value);
       },
       groupedColumnMode: !1,
       paginateExpandedRows: t.paginateExpandedRows
-    }), w = no({
-      columnOrder: d.columnOrder,
+    }), w = to({ hideShadowColumn: f, col: s, table: u }), b = no({
+      columnOrder: s.columnOrder,
       props: t,
-      emit: a,
-      selectionId: g,
-      actionId: d.actionId,
-      columnOrderUpdating: d.columnOrderUpdating,
-      table: y
-    }), p = V(), z = oo({ table: y, getColRefSize: d.getColRefSize, tableRootRef: p }), _ = (C) => {
-      var K;
-      const O = !!z.isColFixed(C);
+      emit: c,
+      selectionId: S,
+      actionId: s.actionId,
+      columnOrderUpdating: s.columnOrderUpdating,
+      table: u
+    }), p = V(), x = oo({
+      table: u,
+      getColRefSize: s.getColRefSize,
+      tableRootRef: p,
+      setColumnSizing: w.setColumnSizing
+    }), z = (h) => {
+      var N;
+      const $ = !!x.isColFixed(h);
       return {
-        ...d.getOutsideCol(C.columnDef),
-        id: C.id,
+        ...s.getOutsideCol(h.columnDef),
+        id: h.id,
         bind: {
-          style: m.getColSizeStyle(C, O, z.getSortedCols),
-          fixed: O,
-          afterShadow: !u.value && ((K = z.fixedCol.value) == null ? void 0 : K.id) === C.id
+          style: w.getColSizeStyle(h, $, x.getSortedCols),
+          fixed: $,
+          afterShadow: !f.value && ((N = x.fixedCol.value) == null ? void 0 : N.id) === h.id
         }
       };
-    }, k = H(() => ({
-      visibleColumns: y.getVisibleLeafColumns().map((C) => _(C)),
-      visibleRows: y.getRowModel().rows.map((C) => C.original)
-    })), b = Yt(y, {
-      selectedRowKeys: S.selectedRowKeys,
+    }, _ = H(() => ({
+      visibleColumns: u.getVisibleLeafColumns().map((h) => z(h)),
+      visibleRows: u.getRowModel().rows.map((h) => h.original)
+    })), y = Yt(u, {
+      selectedRowKeys: v.selectedRowKeys,
       props: t,
-      rowSelection: S.rowSelection
-    }), R = Xt(t, a, [g, d.actionId.value]), A = qt({
-      getOutsideCol: d.getOutsideCol,
-      isColumnWrapped: R.isColumnWrapped
-    }), G = (C) => {
-      const O = ae(Ie(C ?? {}, ["row"]));
-      let K = {};
-      t.rowProps && (he(t.rowProps) ? K = ae(t.rowProps(C) ?? {}) : Ce(t.rowProps) && (K = ae(t.rowProps)));
-      const pe = he(K.onClick) || C.row ? (me) => {
-        C.row && a("rowClick", C.row, me), he(K.onClick) && K.onClick(me);
+      rowSelection: v.rowSelection
+    }), k = Xt(t, c, [S, s.actionId.value]), F = qt({
+      getOutsideCol: s.getOutsideCol,
+      isColumnWrapped: k.isColumnWrapped
+    }), G = (h) => {
+      const $ = ae(Ie(h ?? {}, ["row"]));
+      let N = {};
+      t.rowProps && (he(t.rowProps) ? N = ae(t.rowProps(h) ?? {}) : Ce(t.rowProps) && (N = ae(t.rowProps)));
+      const pe = he(N.onClick) || h.row ? (me) => {
+        h.row && c("rowClick", h.row, me), he(N.onClick) && N.onClick(me);
       } : void 0;
-      return { ...K, ...O, onClick: pe };
-    }, q = Se(!1), v = H(
+      return { ...N, ...$, onClick: pe };
+    }, q = Se(!1), C = H(
       () => {
-        var C;
-        return ((C = t.scroll) == null ? void 0 : C.x) === "max-content" ? "auto" : t.tableLayout;
+        var h;
+        return ((h = t.scroll) == null ? void 0 : h.x) === "max-content" ? "auto" : t.tableLayout;
       }
     ), I = Se(0), D = V(!1);
     ho({
       props: t,
-      emit: a,
-      slots: h,
-      table: y,
-      cell: A,
-      selectState: S,
-      col: d,
-      row: s,
-      sort: c,
-      tableSelect: b,
-      colWrap: R,
+      emit: c,
+      slots: g,
+      table: u,
+      cell: F,
+      selectState: v,
+      col: s,
+      row: m,
+      sort: a,
+      tableSelect: y,
+      colWrap: k,
       headerRowCount: I,
-      filter: o,
+      filter: n,
       getRowProps: G,
-      getColDefByExtra: _,
-      getSlotProps: k,
-      selectionId: g,
+      getColDefByExtra: z,
+      getSlotProps: _,
+      selectionId: S,
       hasFooter: q,
-      size: m,
+      size: w,
       dragging: D,
-      colOrder: w,
-      fix: z,
+      colOrder: b,
+      fix: x,
       tableRootRef: p,
-      getTableLayout: v,
-      hideShadowColumn: u
+      getTableLayout: C,
+      hideShadowColumn: f
     });
-    const P = () => h.batchActions ? W(ro, void 0, {
+    const P = () => g.batchActions ? W(ro, void 0, {
       default: () => W(We)
     }) : W(We), B = H(() => {
-      var C;
-      return se((C = t.scroll) == null ? void 0 : C.y);
-    }), Y = H(() => !!y.getState().columnSizingInfo.isResizingColumn);
-    return zt(Y), (C, O) => (x(), j("div", {
-      class: M(l(we)(l(L)(l(E), "root"), C.rootCls)),
+      var h;
+      return se((h = t.scroll) == null ? void 0 : h.y);
+    }), Y = H(() => !!u.getState().columnSizingInfo.isResizingColumn);
+    return zt(Y), (h, $) => (R(), j("div", {
+      class: M(l(be)(l(O)(l(L), "root"), o.rootCls)),
       style: de({
         maxHeight: B.value
       }),
@@ -1979,7 +1987,7 @@ const qt = ({ isColumnWrapped: i, getOutsideCol: e }) => {
       T(P)
     ], 6));
   }
-}), tn = _t(So, pt("DataTable"));
+}), tn = Rt(So, pt("DataTable"));
 export {
   So as DataTable,
   tn as DataTablePlugin,