@pantograph/vue 0.29.1 → 0.29.3

package/dist/DataTable/index.js

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