@pantograph/vue 0.28.3 → 0.28.5

package/dist/DataTable.vue_vue_type_style_index_0_lang-D1Lfs62n.js

@@ -0,0 +1,1936 @@
+import { h as W, ref as M, computed as L, watch as re, unref as n, defineComponent as Z, createElementBlock as V, openBlock as y, normalizeClass as H, createVNode as T, createElementVNode as oe, toDisplayString as We, createBlock as O, withCtx as A, renderSlot as be, Fragment as J, renderList as ce, normalizeStyle as de, withModifiers as ne, createCommentVNode as N, createSlots as Ve, normalizeProps as we, guardReactiveProps as Be, createTextVNode as lt, onMounted as je, render as xe, onBeforeUnmount as Ne, mergeProps as Q, shallowRef as he, useSlots as rt } from "vue";
+import { isFunction as le, uniq as Re, isEqual as fe, omitBy as Ce, isUndefined as Fe, 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 _e, 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 } from "@pantograph/utils";
+import { i as Se } from "./isObject-vmP43YLW.js";
+import { createColumnHelper as Ke, flattenBy as Ge, useVueTable as pt, getExpandedRowModel as ht, getSortedRowModel as St, getCoreRowModel as Ct } from "@tanstack/vue-table";
+import { getBreakpoints as vt } from "@pantograph/tokens";
+import { useBreakpoints as bt } from "@vueuse/core";
+import { i as ze } from "./isArray-QlWcxgml.js";
+import { g as Ae } from "./get-DwC3C6S0.js";
+import "@tanstack/table-core";
+import { i as $e } from "./isNumber-BduWbB-B.js";
+import { useVModel as wt, useLazyLoading as yt, isEmptyElement as Pe, useDisableBodyPointerEvents as _t } from "@pantograph/utils-vue";
+import { i as zt, h as qe } from "./head-E4xQy0iK.js";
+import Ze from "@pantograph/sortable";
+import { g as xt } from "./getTag-B-vgS5w-.js";
+import { _ as Ue } from "./HoverCard.vue_vue_type_style_index_0_lang-DOwcNfdp.js";
+import { _ as Te } from "./Divider.vue_vue_type_style_index_0_lang-GfWcHNix.js";
+import { _ as Xe } from "./Badge.vue_vue_type_script_setup_true_lang-D8HhPgXQ.js";
+import { _ as Je } from "./IconButton.vue_vue_type_script_setup_true_lang-BWRCL8hG.js";
+import { T as Rt, a as Ye, e as kt, c as ue, b as me, f as It, _ as Ee, d as Dt } from "./TFoot.vue_vue_type_style_index_0_lang-CjyMQk21.js";
+import { _ as Pt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-CHAf6ZD-.js";
+import { cva as Tt } from "class-variance-authority";
+import { _ as Qe } from "./Checkbox.vue_vue_type_style_index_0_lang-BEA8tGnv.js";
+import { _ as Bt } from "./Tooltip.vue_vue_type_script_setup_true_lang-DX19Sbqt.js";
+import { _ as Oe } from "./ActionButton.vue_vue_type_script_setup_true_lang-B51HPzjO.js";
+import { _ as te } from "./Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
+import { _ as Ft } from "./Switch.vue_vue_type_style_index_0_lang-CaqBM1l0.js";
+import { _ as At, a as ie } from "./MenuItem.vue_vue_type_style_index_0_lang-CyyVI54S.js";
+import { u as $t } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-IVHvl51_.js";
+import "./Popover.vue_vue_type_style_index_0_lang-CWM6Krh-.js";
+import { _ as Et } from "./Empty.vue_vue_type_style_index_0_lang-CdQHeBeZ.js";
+import { _ as Ot } from "./Skeleton.vue_vue_type_style_index_0_lang-DOsf2SEN.js";
+import { _ as Lt } from "./IndentLevel.vue_vue_type_style_index_0_lang-B1tyl0fy.js";
+import { s as et } from "./index-ZfMi9Is4.js";
+import { createContext as Ht } from "reka-ui";
+function Mt(i) {
+  return ArrayBuffer.isView(i) && !(i instanceof DataView);
+}
+function Wt(i) {
+  return i !== null && typeof i == "object" && xt(i) === "[object Arguments]";
+}
+function Vt(i) {
+  const e = i == null ? void 0 : i.constructor, t = typeof e == "function" ? e.prototype : Object.prototype;
+  return i === t;
+}
+function jt(i) {
+  return Mt(i);
+}
+function pe(i) {
+  return typeof i == "function";
+}
+function Nt(i) {
+  if (i == null)
+    return !0;
+  if (zt(i))
+    return typeof i.splice != "function" && typeof i != "string" && (typeof Buffer > "u" || !Buffer.isBuffer(i)) && !jt(i) && !Wt(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 Vt(i) ? e.filter((t) => t !== "constructor").length === 0 : e.length === 0;
+  }
+  return !0;
+}
+const Kt = ({ 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 _ = {};
+      if (Se(d)) {
+        let v = i(o.column.id);
+        const { customCell: h, class: x } = d;
+        if (_e(x) || u.push(x), h && (Se(h) || le(h))) {
+          const R = (k) => {
+            if (Se(k)) {
+              const { wrap: w, class: D, ...F } = k;
+              v = v || (w ?? !1), _ = { ..._, ...F }, _e(k.class) || u.push(k.class);
+            }
+          };
+          le(h) && o.row ? R(h(p(o))) : R(h);
+        }
+        o.header ? _.rowSpan = g(o.header) : v && (_.wrap = !0);
+      }
+      return {
+        class: _e(u) ? void 0 : u,
+        ..._,
+        ...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]
+  };
+}, Gt = ({
+  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 = Ke(), l = (C) => {
+    const z = (P) => {
+      var b;
+      const B = ke(P, [
+        "accessorKey",
+        "aggregatedCell",
+        "aggregationFn",
+        "cell",
+        "enableResizing",
+        "enableSorting",
+        "maxSize",
+        "minSize",
+        "size",
+        "sortUndefined",
+        "sortingFn",
+        "title",
+        "columns",
+        i.childrenColumnName ?? "children"
+      ]);
+      return (b = P.columns) != null && b.length && (B[i.childrenColumnName ?? "children"] = P.columns.map(z)), B;
+    };
+    return z(C);
+  }, d = L(() => {
+    var C;
+    return ((C = i.actionCol) == null ? void 0 : C.id) ?? `$${t}_action$`;
+  }), u = M([]), _ = (C) => C ? ge(C == null ? void 0 : C.minWidth) ?? 0 : 0, v = (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, x = L(() => {
+    var X;
+    const C = (I, K) => {
+      const ee = [
+        i.childrenColumnName ?? "children",
+        "columns",
+        "id",
+        "maxWidth",
+        "minWidth"
+      ];
+      return I && u.value.includes(I) && ee.push("width"), {
+        ...ke(K ?? {}, ee),
+        maxWidth: ge(K == null ? void 0 : K.maxWidth),
+        minWidth: ge(K == null ? void 0 : K.minWidth)
+      };
+    }, z = (I) => {
+      var ee;
+      const K = I.id ?? ut(`${t}--col`);
+      if (!I.id) throw `no uniq  column id on${JSON.stringify(I)}`;
+      return ze(Ae(I, i.childrenColumnName ?? "children")) ? r.group({
+        ...C(K, I),
+        header: I.title,
+        id: K,
+        columns: (ee = Ae(I, i.childrenColumnName ?? "children") ?? []) == null ? void 0 : ee.map(z),
+        enableSorting: !1,
+        enableResizing: !0,
+        size: v({ ...I, id: K }),
+        minSize: _({ ...I }),
+        maxSize: h({ ...I })
+      }) : r.accessor(I.dataIndex ?? I.id, {
+        ...C(K, I),
+        header: I.title,
+        id: K,
+        enableResizing: !0,
+        enableSorting: !!I.sorter,
+        minSize: _(I),
+        size: v(I),
+        maxSize: h({ ...I })
+      });
+    };
+    if (!ze(i.columns)) throw "no columns";
+    const P = i.columns.map(({ id: I }) => I);
+    if (Re(P).length !== P.length) throw "no uniq column ids";
+    const B = [], b = S();
+    return b && B.push(b), i.columns.forEach((I) => {
+      B.push(z(I));
+    }), (a.action || a.hoverAction) && B.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: _({ ...i.actionCol ?? {}, id: d.value }),
+        size: v({ ...i.actionCol ?? {}, id: d.value }),
+        maxSize: h({ ...i.actionCol ?? {}, id: d.value })
+      })
+    ), B;
+  }), R = (C, z) => {
+    z ? (C.resetSize(), m.value = Ce(
+      { ...m.value, [C.id]: C.columnDef.maxWidth || 0 },
+      Fe
+    ), u.value = Re([...u.value, C.id])) : u.value = u.value.filter((P) => P !== C.id);
+  }, k = vt(), D = bt(
+    Object.fromEntries(
+      Object.keys(k).map((C) => [C, k[C].minWidth])
+    ),
+    { strategy: "min-width" }
+  ).active(), F = M({}), j = ({
+    id: C,
+    value: z,
+    bulkValue: P,
+    noEmit: B
+  }) => {
+    P ? F.value = P : C && (F.value[C] = !!z), B || e("update:columnVisibility", F.value);
+  };
+  return re(
+    () => i.columnVisibility,
+    (C, z) => {
+      !fe(C, z) && !fe(C, F.value) && j({
+        bulkValue: Ce(C ?? {}, Fe),
+        noEmit: !0
+      });
+    },
+    { immediate: !0 }
+  ), re(
+    D,
+    (C) => {
+      j({
+        bulkValue: Object.fromEntries(
+          Ge(x.value, (z) => z.columns).map((z) => {
+            var P, B;
+            return [
+              z.id,
+              !ze(z == null ? void 0 : z.responsive) || ((P = i.columnVisibility) == null ? void 0 : P[z.id]) !== void 0 ? F.value[z.id] ?? !0 : ((B = z.responsive) == null ? void 0 : B.includes(C)) ?? !0
+            ];
+          })
+        )
+      });
+    },
+    { immediate: !0 }
+  ), {
+    columnOrder: s,
+    columnOrderUpdating: c,
+    columnSizing: m,
+    colRefs: p,
+    setAutoFitWidth: R,
+    setColRef: (C, z) => {
+      p.value[C] = z;
+    },
+    getColRefSize: (C) => {
+      var P, B;
+      const z = C.getSize();
+      if (g.value[C.id] === void 0 || z === 0) {
+        const b = ((P = p.value[C.id]) == null ? void 0 : P.$el) ?? p.value[C.id];
+        g.value[C.id] = ((B = b == null ? void 0 : b.getBoundingClientRect()) == null ? void 0 : B.width) ?? C.columnDef.size ?? 0;
+      } else g.value[C.id] = z;
+      return g.value[C.id];
+    },
+    autoFitWidth: u,
+    columnDefaults: f,
+    getOutsideCol: l,
+    expanded: o,
+    cols: x,
+    actionId: d,
+    columnVisibility: F,
+    setColumnVisibility: j
+  };
+}, qt = (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 = L(
+    () => (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
+  };
+}, Zt = (i, { colId: e, onSelectionChange: t }) => {
+  const a = M({}), S = L(() => Object.keys(a.value)), g = L(
+    () => i.rowKey ? Ge(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 = Ke(), 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
+  };
+}, Ut = (i, {
+  selectedRowKeys: e,
+  props: t,
+  rowSelection: a
+}) => {
+  const S = L(() => i.getIsAllRowsSelected() ? !0 : i.getIsSomeRowsSelected() ? "indeterminate" : !1), g = L(() => ({
+    selectedRowKeys: e.value,
+    selectedRows: i.getFilteredSelectedRowModel().flatRows.map((l) => l.original)
+  }));
+  let p = !1, m = !1;
+  const s = (l) => {
+    var u, _;
+    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((_ = t.rowSelection) == null ? void 0 : _.onChange) && t.rowSelection.onChange(g.value);
+    let d = setTimeout(() => {
+      p = !1, clearTimeout(d), d = void 0;
+    }, 2);
+  }, c = (l, d) => {
+    var _, v, h, x;
+    m = !0, d.toggleSelected(l, {
+      selectChildren: !((_ = t.rowSelection) != null && _.checkStrictly)
+    }), (v = t.rowSelection) != null && v.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((x = t.rowSelection) == null ? void 0 : x.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 = L(() => i.getFilteredSelectedRowModel().flatRows.length);
+  return re(
+    () => {
+      var l;
+      return (l = t.rowSelection) == null ? void 0 : l.selectedRowKeys;
+    },
+    (l, d) => {
+      var u, _;
+      if ((_ = (u = t.rowSelection) == null ? void 0 : u.selectedRowKeys) != null && _.length && !fe(l, d) && !p && !m) {
+        const v = Object.fromEntries(
+          n(t.rowSelection.selectedRowKeys ?? Object.keys(a.value)).map(
+            (h) => [h, !0]
+          )
+        );
+        fe(v, 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
+  };
+}, Xt = (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";
+    $e(m.columnDef.multiSort) && [...a.value, ...S.value].every((o) => $e(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
+  };
+}, Jt = ({
+  props: i,
+  emit: e
+}) => {
+  const t = wt(
+    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);
+    }
+  };
+}, Yt = ({
+  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(qe(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;
+    }
+  };
+}, Qt = ({
+  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 = L(() => g(a.value)), m = (o) => {
+    var l;
+    let r = o;
+    return (l = o.columns) != null && l.length && (r = qe(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)])), _ = Object.values(u).reduce((h, x) => x + h, 0), v = (l = t.value) == null ? void 0 : l.getBoundingClientRect().width;
+      v && v - 200 > _ && (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
+  };
+}, eo = ({
+  columnOrder: i,
+  columnOrderUpdating: e,
+  props: t,
+  emit: a,
+  selectionId: S,
+  actionId: g,
+  table: p
+}) => {
+  const m = L(() => {
+    const o = (r) => {
+      var l;
+      return Ce(
+        { id: r.id, columns: (l = r.columns) == null ? void 0 : l.map(o) },
+        Nt
+      );
+    };
+    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((P, B) => d(P, B)), G = j.reduce((P, B) => Math.min(P, B.minIndex), l), q = j.filter((P) => P.minIndex < l).sort((P, B) => P.minIndex - B.minIndex || P.origIndex - B.origIndex), C = j.filter((P) => P.minIndex >= l), z = [];
+        for (const P of q) z.push(...P.leafIds);
+        for (const P of C) z.push(...P.leafIds);
+        return { minIndex: G, leafIds: z, 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)), _ = u.filter((w) => w.minIndex < l).sort((w, D) => w.minIndex - D.minIndex || w.origIndex - D.origIndex), v = u.filter((w) => w.minIndex >= l);
+    let h = [];
+    for (const w of _) h.push(...w.leafIds);
+    for (const w of v) h.push(...w.leafIds);
+    const x = h.includes(S), R = h.includes(g.value);
+    h = h.filter((w) => w !== S && w !== g.value);
+    const k = [];
+    x && k.push(S), k.push(...h), R && k.push(g.value), i.value = k;
+  }, f = (o, r) => {
+    var x;
+    const d = (((x = p.getHeaderGroups().find((R) => R.depth === r)) == null ? void 0 : x.headers) ?? []).map((R) => R.column).filter((R) => !r || R.parent), u = d[o.oldIndex ?? -1], _ = d[o.newIndex ?? -1], v = u == null ? void 0 : u.getLeafColumns(), h = _ == null ? void 0 : _.getLeafColumns();
+    if (v != null && v.length && (h != null && h.length)) {
+      e.value = !0;
+      const R = st(i.value), k = v.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 = v.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
+  };
+}, to = /* @__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: H(n($)(n(E), "batch_actions"))
+    }, [
+      T(Xe, {
+        text: n(e).tableSelect.selectedItemsLength.value,
+        size: "xsm"
+      }, null, 8, ["text"]),
+      oe("div", {
+        class: H(n($)(n(E), "batch_actions__title"))
+      }, We(n(e).props.batchActionsTitle), 3),
+      T(t),
+      T(Te, {
+        type: "vertical",
+        class: H(n($)(n(E), "batch_actions__divider"))
+      }, null, 8, ["class"]),
+      T(Je, {
+        icon: "tabler:x",
+        color: "neutral",
+        type: "ghost",
+        onClick: n(e).selectState.clearSelection
+      }, null, 8, ["onClick"])
+    ], 2));
+  }
+}), oo = /* @__PURE__ */ Z({
+  ...U("DataTableBatchActions"),
+  __name: "DataTableBatchActions",
+  setup(i) {
+    const e = Y(), t = () => e.hasFooter.value && e.props.size && Rt.includes(e.props.size) ? et[e.props.size] : 0, a = L(() => -1 * (62 + t()));
+    return (S, g) => (y(), O(Ue, {
+      "z-index": "3",
+      open: !!n(e).tableSelect.selectedItemsLength.value,
+      placement: "bottom",
+      "side-offset": a.value,
+      "container-cls": "pantograph-tokens pantograph-dark"
+    }, {
+      content: A(() => [
+        T(to)
+      ]),
+      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))
+    ]));
+  }
+}), no = /* @__PURE__ */ Z({
+  ...U("ThDragGhost"),
+  __name: "ThDragGhost",
+  props: {
+    size: { default: "lg" },
+    prefix: {}
+  },
+  setup(i) {
+    const e = i;
+    return (t, a) => (y(), V("div", {
+      class: H(n($)(t.prefix, "container"))
+    }, [
+      T(n(Ye), {
+        size: e.size,
+        class: H(n($)(t.prefix, "th"))
+      }, {
+        default: A(() => [
+          oe("div", {
+            class: H(n($)(t.prefix, "content"))
+          }, [
+            be(t.$slots, "default")
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["size", "class"])
+    ], 2));
+  }
+}), lo = /* @__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 = L(() => e.filter.isColumnFiltered(t.column.id) ? "Delete filter" : "Filter"), m = L(() => e.filter.isColumnFiltered(t.column.id) ? "tabler:filter-off" : "tabler:filter");
+    return (s, c) => (y(), O(Ue, {
+      "z-index": "3",
+      placement: "bottom-end",
+      sideOffset: 3,
+      open: a.value,
+      "onUpdate:open": S
+    }, {
+      content: A(() => [
+        T(At, {
+          onSelect: c[1] || (c[1] = (f) => g(f))
+        }, {
+          default: A(() => {
+            var f, o;
+            return [
+              s.column.getCanSort() ? (y(), V(J, { key: 0 }, [
+                T(ie, {
+                  title: "Sort A → Z",
+                  key: "a-z"
+                }, {
+                  leading: A(({ iconSize: r }) => [
+                    T(te, {
+                      icon: "tabler:arrow-up",
+                      size: r
+                    }, null, 8, ["size"])
+                  ]),
+                  _: 1
+                }),
+                T(ie, {
+                  title: "Sort Z → A",
+                  key: "z-a"
+                }, {
+                  leading: A(({ iconSize: r }) => [
+                    T(te, {
+                      icon: "tabler:arrow-down",
+                      size: r
+                    }, null, 8, ["size"])
+                  ]),
+                  _: 1
+                })
+              ], 64)) : N("", !0),
+              s.column.getCanSort() && (s.column.columnDef.hasFilter || !s.column.columnDef.hideColumnWrap) ? (y(), O(Te, { key: 1 })) : N("", !0),
+              (f = n(e).props.resizing) != null && f.enable ? (y(), O(ie, {
+                title: "Auto fit Width",
+                key: "resetSize"
+              }, {
+                leading: A(({ iconSize: r }) => [
+                  T(te, {
+                    icon: "tabler:arrow-autofit-width",
+                    size: r
+                  }, null, 8, ["size"])
+                ]),
+                _: 1
+              })) : N("", !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 }) => [
+                  T(te, {
+                    icon: "tabler:pin",
+                    size: r
+                  }, null, 8, ["size"])
+                ]),
+                _: 1
+              })) : N("", !0),
+              n(e).fix.isColFixed(s.column) ? (y(), O(ie, {
+                title: "Unfreeze all column",
+                key: "unfixAllColumn"
+              }, {
+                leading: A(({ iconSize: r }) => [
+                  T(te, {
+                    icon: "tabler:pinned-off",
+                    size: r
+                  }, null, 8, ["size"])
+                ]),
+                _: 1
+              })) : N("", !0),
+              s.column.columnDef.hasFilter ? (y(), O(ie, {
+                title: p.value,
+                key: "toggleFilter"
+              }, {
+                leading: A(({ iconSize: r }) => [
+                  T(te, {
+                    icon: m.value,
+                    size: r
+                  }, null, 8, ["icon", "size"])
+                ]),
+                _: 1
+              }, 8, ["title"])) : N("", !0),
+              s.column.columnDef.hideColumnWrap ? N("", !0) : (y(), O(Te, { key: 6 })),
+              s.column.columnDef.hideColumnWrap ? N("", !0) : (y(), O(ie, {
+                title: "Wrap Column",
+                key: "wrap"
+              }, {
+                leading: A(({ iconSize: r }) => [
+                  T(te, {
+                    icon: "tabler:text-wrap",
+                    size: r
+                  }, null, 8, ["size"])
+                ]),
+                trailing: A(() => [
+                  T(Ft, {
+                    modelValue: n(e).colWrap.isColumnWrapped(s.column.id)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }))
+            ];
+          }),
+          _: 1
+        })
+      ]),
+      default: A(() => [
+        T(Je, {
+          icon: "tabler:dots-vertical",
+          size: "sm",
+          color: "neutral",
+          type: "ghost",
+          onClick: c[0] || (c[0] = ne(() => {
+          }, ["stop"])),
+          class: H(n($)(n(E), "header__action__hover"))
+        }, null, 8, ["class"])
+      ]),
+      _: 1
+    }, 8, ["open"]));
+  }
+}), ro = ["data-resizing"], io = /* @__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 = L(() => t.fix.isColFixed(e.header.column)), s = L(() => {
+      var l, d, u;
+      if (!t.hideShadowColumn.value) {
+        if ((l = e.header.column.columns) != null && l.length) {
+          const _ = De(
+            t.fix.getSortedCols(e.header.column.getLeafColumns() ?? [])
+          );
+          return (_ == null ? void 0 : _.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, _ = e.header.column.columnDef.maxSize ?? t.col.columnDefaults.maxSize ?? Number.MAX_SAFE_INTEGER, v = d + l;
+      return Math.max(u, Math.min(_, v)) - d;
+    };
+    return (l, d) => (y(), O(n(Ye), {
+      "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)
+    }, Ve({
+      default: A(() => [
+        oe("div", {
+          class: H(n($)(n(E), "header"))
+        }, [
+          l.draggable ? (y(), V("div", {
+            key: 0,
+            class: H(n(ye))
+          }, [
+            T(te, { icon: "tabler:grip-vertical" })
+          ], 2)) : N("", !0),
+          oe("div", {
+            class: H(n($)(n(E), "header__content"))
+          }, [
+            l.header.column.id !== n(t).selectionId ? (y(), V(J, { key: 0 }, [
+              oe("div", {
+                class: H(n($)(n(E), "header__content__title"))
+              }, [
+                be(l.$slots, "headerCell", we(Be({
+                  column: n(t).getColDefByExtra(l.header.column)
+                })), () => [
+                  T(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(Oe, {
+                key: 0,
+                icon: "tabler:filter",
+                size: "sm",
+                type: "ghost",
+                variant: "icon",
+                active: "",
+                ref_key: "filterRef",
+                ref: S,
+                onClick: ne(p, ["stop"])
+              }, null, 512)) : N("", !0),
+              l.header.column.getCanSort() ? (y(), O(Bt, {
+                key: 1,
+                placement: "bottom"
+              }, {
+                content: A(() => [
+                  lt(We(n(t).sort.getSortTooltip(l.header.column)), 1)
+                ]),
+                default: A(() => [
+                  T(Oe, {
+                    class: H({ 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
+              })) : N("", !0)
+            ], 64)) : (y(), V(J, { key: 1 }, [
+              oe("div", {
+                class: H(n($)(n(E), "selection_space"))
+              }, null, 2),
+              n(t).selectState.getHasSelection() ? (y(), O(Qe, {
+                key: 0,
+                unExtendParent: "",
+                rootCls: "w-fit",
+                modelValue: n(t).tableSelect.getCheckedAll.value,
+                onChange: n(t).tableSelect.checkAll
+              }, null, 8, ["modelValue", "onChange"])) : N("", !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: H(n($)(n(E), "header__action")),
+            ref_key: "actionRef",
+            ref: g
+          }, [
+            T(lo, {
+              column: l.header.column,
+              parentReference: g.value
+            }, null, 8, ["column", "parentReference"])
+          ], 2)) : N("", !0)
+        ], 2)
+      ]),
+      _: 2
+    }, [
+      l.header.column.getCanResize() ? {
+        name: "after",
+        fn: A(() => {
+          var u;
+          return [
+            oe("div", {
+              class: H(n($)(n(E), "resizer")),
+              onDblclick: d[1] || (d[1] = ne((_) => 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, ro)
+          ];
+        }),
+        key: "0"
+      } : void 0
+    ]), 1032, ["data-draggable", "data-selection", "style", "data-dragging", "fixed", "afterShadow"]));
+  }
+}), so = /* @__PURE__ */ Z({
+  ...U("DataTableHeader"),
+  __name: "DataTableHeader",
+  props: {
+    hideShadowHeader: { type: Boolean }
+  },
+  setup(i) {
+    const e = Y(), t = L(() => {
+      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 je(async () => {
+      a.value.length && e.props.columnOrdering && (g = a.value.map((p, m) => new Ze(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), xe(
+                W(
+                  no,
+                  {
+                    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), _ = e.table.getColumn(f);
+            if (((l = u == null ? void 0 : u.parent) == null ? void 0 : l.id) !== ((d = _ == null ? void 0 : _.parent) == null ? void 0 : d.id))
+              return !1;
+          }
+          return c ? ![e.selectionId, e.col.actionId.value].includes(c) : !0;
+        }
+      })));
+    }), Ne(() => {
+      g != null && g.length && (g.forEach((p) => p.destroy()), g = [], S && e.dragging.value && (e.dragging.value = !1));
+    }), (p, m) => n(e).props.noHeader ? N("", !0) : (y(), O(n(kt), {
+      key: 0,
+      class: H(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), Q({
+          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(io, Q({
+                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"])) : N("", !0)
+            ], 64))), 128))
+          ]),
+          _: 2
+        }, 1040))), 128))
+      ]),
+      _: 1
+    }, 8, ["class", "sticky", "hideShadow"]));
+  }
+}), ao = /* @__PURE__ */ Z({
+  ...U("DataTableEmpty"),
+  __name: "DataTableEmpty",
+  setup(i) {
+    const e = Y(), t = () => W(
+      Et,
+      { 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(() => [
+        T(n(me), {
+          colspan: n(e).table.getVisibleLeafColumns().length,
+          empty: ""
+        }, {
+          default: A(() => [
+            T(t)
+          ]),
+          _: 1
+        }, 8, ["colspan"])
+      ]),
+      _: 1
+    }, 16));
+  }
+}), co = /* @__PURE__ */ Z({
+  ...U("DataTableLazyLoading"),
+  __name: "DataTableLazyLoading",
+  setup(i) {
+    const e = Y(), t = M();
+    return yt({ target: t, props: e.props, emit: e.emit }), (a, S) => n(e).props.lazyLoading ? (y(), O(n(ue), we(Q({ key: 0 }, n(e).getRowProps({ lazyLoadObserver: !0 }))), {
+      default: A(() => [
+        T(n(me), {
+          ref_key: "target",
+          ref: t,
+          "lazy-load-observer": "",
+          colspan: n(e).table.getVisibleLeafColumns().length
+        }, null, 8, ["colspan"])
+      ]),
+      _: 1
+    }, 16)) : N("", !0);
+  }
+}), uo = /* @__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), Q({
+      "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", Q({
+              key: 0,
+              ref_for: !0
+            }, { index: p, column: g.columnDef }), () => [
+              T(Ot, Q({ ref_for: !0 }, n(e).cell.getSkeletonProps(g.columnDef)), null, 16)
+            ]) : N("", !0)
+          ]),
+          _: 2
+        }, 1032, ["style", "fixed"]))), 128))
+      ]),
+      _: 3
+    }, 16))), 128));
+  }
+}), He = /* @__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 = L(() => t.selectState.getHasSelectionCol() ? 1 : 0), g = ({ cell: f }) => {
+      var v, 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 _ = (h = (v = t.slots).bodyCell) == null ? void 0 : h.call(v, d);
+      return Pe(_) ? u = W(a, {
+        render: f.column.columnDef.cell,
+        customRender: f.column.columnDef.render,
+        props: f.getContext()
+      }) : u = _, 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: (x) => {
+            x.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), Q(
+      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, _;
+          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), Q({
+              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() && ((_ = f.row.subRows) != null && _.length || f.row.depth > 0)) || r.column.columnDef.ellipseHFull,
+              noPy: [n(t).col.actionId.value, n(t).selectionId].includes(r.column.id)
+            }), Ve({
+              default: A(() => [
+                r.column.id === n(t).selectionId ? (y(), V("div", {
+                  key: 0,
+                  class: H(n($)(n(E), "selection")),
+                  onClick: o[1] || (o[1] = ne(() => {
+                  }, ["stop"]))
+                }, [
+                  oe("div", {
+                    class: H(n($)(n(E), "selection_space"))
+                  }, [
+                    n(t).selectState.getHasRowOrdering(f.row) ? (y(), V("div", {
+                      key: 0,
+                      class: H(n(ye))
+                    }, [
+                      T(te, { icon: "tabler:grip-vertical" })
+                    ], 2)) : N("", !0)
+                  ], 2),
+                  n(t).selectState.getHasSelection(f.row) ? (y(), O(Qe, Q({
+                    key: 0,
+                    unExtendParent: "",
+                    rootCls: "w-fit",
+                    disabled: !f.row.getCanSelect(),
+                    modelValue: n(t).tableSelect.getRowChecked(f.row),
+                    onChange: o[0] || (o[0] = (v) => n(t).tableSelect.check(v, f.row))
+                  }, { ref_for: !0 }, n(t).tableSelect.getCheckboxProps(f.row.original)), null, 16, ["disabled", "modelValue"])) : N("", !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: H(n($)(n(E), "action_cell"))
+                }, [
+                  oe("div", {
+                    class: H(
+                      n(ve)(
+                        n($)(n(E), "action_cell__hover"),
+                        n(t).props.actionHoverCls
+                      )
+                    )
+                  }, [
+                    T(m, {
+                      column: n(t).getColDefByExtra(r.column)
+                    }, null, 8, ["column"])
+                  ], 2),
+                  T(s, {
+                    column: n(t).getColDefByExtra(r.column)
+                  }, null, 8, ["column"])
+                ], 2)) : (y(), O(g, Q({
+                  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(() => [
+                  T(p, {
+                    column: n(t).getColDefByExtra(r.column)
+                  }, null, 8, ["column"])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040, ["style", "fixed", "afterShadow", "ellipseHFull", "noPy"])) : N("", !0)
+          ], 64);
+        }), 128))
+      ]),
+      _: 1
+    }, 16, ["data-id"]));
+  }
+}), fo = /* @__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);
+      Pe(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 Pe(Object.values(g)) || (a = Object.keys(g).map((s) => W(me, void 0, () => g[s]))), a ? (e.hasFooter.value = !0, W(
+        It,
+        {
+          sticky: e.props.stickyFooter
+        },
+        () => W(ue, void 0, () => a)
+      )) : (e.hasFooter.value = !1, null);
+    };
+    return (a, S) => (y(), O(t));
+  }
+}), Me = /* @__PURE__ */ Z({
+  ...U("DataTableContent"),
+  __name: "DataTableContent",
+  setup(i) {
+    const e = Y(), t = Tt(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 = L(() => S()), p = L(
+      () => e.table.getRowModel().flatRows.filter((h) => h.getIsAllParentsExpanded())
+    ), m = (h) => {
+      var R;
+      const x = (R = a.value) == null ? void 0 : R.depth;
+      if (![null, void 0].includes(x))
+        return h.depth >= x;
+    }, 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 x = (k = a.value) == null ? void 0 : k.depth;
+      return [null, void 0].includes(x) ? !1 : h.depth > x;
+    }, c = L(() => p.value.some((h) => {
+      var x;
+      return (x = h.subRows) == null ? void 0 : x.length;
+    })), f = he(!0), o = (h) => {
+      var x, R;
+      f.value = !((x = h.target) != null && x.scrollTop), e.hideShadowColumn.value = !((R = h.target) != null && R.scrollLeft);
+    }, r = L(() => {
+      const h = e.props.scrollContainerProps ?? {}, x = h.rootProps ?? {}, R = et[e.props.size];
+      return {
+        hasMask: !0,
+        size: e.props.size,
+        ...h,
+        rootProps: {
+          ...x,
+          class: ve(
+            $(E, "scroll_container"),
+            x == null ? void 0 : x.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 x;
+      return {
+        size: e.props.size,
+        style: {
+          tableLayout: e.getTableLayout.value,
+          width: se((x = e.props.scroll) == null ? void 0 : x.x, !0)
+        },
+        class: ve(
+          t({
+            empty: !e.table.getRowModel().rows.length
+          }),
+          e.props.class,
+          h
+        )
+      };
+    }, d = L(() => l()), u = M();
+    let _ = !1, v;
+    return je(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);
+          }
+        }, x = (k) => k.getParentRows().find((w) => e.tableSelect.getRowChecked(w) === !0);
+        let R;
+        v = new Ze(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 xe(
+                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 = v == null ? void 0 : v.option) != null && F.call(v, "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(He, {
+                    row: R,
+                    hasSubRows: c.value,
+                    getContext: G,
+                    collapseParent: m(R)
+                  })
+                ];
+                if (S(R)) {
+                  let z = String(e.table.getSelectedRowModel().rows.length);
+                  e.props.rowOrdering && typeof e.props.rowOrdering == "object" && (e.props.rowOrdering.selectedCount ? z = String(e.props.rowOrdering.selectedCount) : e.props.rowOrdering.includeSubRowsOnMultiDragBadgeCount && (z = String(e.table.getSelectedRowModel().flatRows.length))), C.push(W(Xe, { size: "xsm", text: z, class: $(w, "badge") }));
+                }
+                return C;
+              };
+              return xe(W(Ee, 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 z = x(C);
+                return z ? !z.getIsAllSubRowsSelected() : !1;
+              }));
+              const q = /* @__PURE__ */ new Set();
+              G.forEach((C) => {
+                const z = x(C);
+                !z || !z.parentId ? q.add("$root$") : q.add(z.parentId);
+              }), D = D || q.size > 1, D && ((j = v == null ? void 0 : v.option) == null || j.call(v, "disabled", !0));
+            }
+            if (!D && w) {
+              const G = x(w);
+              G && (w = G), R = w;
+            }
+          },
+          onStart(k) {
+            var w;
+            if (!((w = v == null ? void 0 : v.option) != null && w.call(v, "disabled"))) {
+              e.dragging.value = !0, _ = !0;
+              let D = h(k.item);
+              if (D) {
+                if (S(D)) {
+                  const F = x(D);
+                  F && (D = F);
+                }
+                a.value = D;
+              }
+            }
+          },
+          onEnd(k) {
+            var w, D, F, j, G, q, C, z, P;
+            if (e.dragging.value = !1, _ = !1, !((w = v == null ? void 0 : v.option) != null && w.call(v, "disabled"))) {
+              const B = k.newIndex, b = k.oldIndex;
+              if (k.from === k.to && B === b) return;
+              const X = g.value ? e.table.getFilteredSelectedRowModel().flatRows.map((nt) => nt.original) : void 0;
+              let I;
+              B !== void 0 && B > 0 && (b === void 0 || B < b ? I = B - 1 : I = B);
+              let K;
+              B !== void 0 && B >= 0 && (b === void 0 || B > b ? K = B + 1 : K = B);
+              const ee = I !== void 0 ? (D = p.value[I]) == null ? void 0 : D.original : void 0, tt = K !== void 0 ? (F = p.value[K]) == null ? void 0 : F.original : void 0, ot = {
+                multiple: g.value,
+                draggedRows: X,
+                draggedRow: (j = a.value) == null ? void 0 : j.original,
+                before: ee,
+                after: tt
+              };
+              e.emit("drop", ot);
+            }
+            (G = v == null ? void 0 : v.option) == null || G.call(v, "disabled", !1), a.value = void 0, (C = (q = k.originalEvent) == null ? void 0 : q.preventDefault) == null || C.call(q), (P = (z = k.originalEvent) == null ? void 0 : z.stopPropagation) == null || P.call(z);
+          },
+          onMove(k) {
+            var D;
+            const w = h(k.related);
+            return (w == null ? void 0 : w.parentId) === ((D = a.value) == null ? void 0 : D.parentId);
+          }
+        });
+      }
+    }), Ne(() => {
+      v && (v.destroy(), v = void 0, _ && e.dragging.value && (e.dragging.value = !1));
+    }), (h, x) => (y(), O(n(Pt), Q(r.value, { onScroll: o }), {
+      default: A(() => [
+        T(n(Ee), we(Be(d.value)), {
+          default: A(() => [
+            T(Le),
+            T(so, { hideShadowHeader: f.value }, null, 8, ["hideShadowHeader"]),
+            T(n(Dt), {
+              class: H(n(e).props.tbodyCls),
+              ref_key: "body",
+              ref: u
+            }, {
+              default: A(() => [
+                (y(!0), V(J, null, ce(p.value, (R) => (y(), O(He, {
+                  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(uo, { key: 0 })) : p.value.length ? N("", !0) : (y(), O(ao, {
+                  key: 1,
+                  "data-draggable": "false"
+                })),
+                T(co, { "data-draggable": "false" })
+              ]),
+              _: 1
+            }, 8, ["class"]),
+            T(fo)
+          ]),
+          _: 1
+        }, 16)
+      ]),
+      _: 1
+    }, 16));
+  }
+}), [Y, mo] = Ht("DataTable"), E = mt("data_table", gt), ye = $(E, "header__drag_handle"), Uo = /* @__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 = Zt(t, {
+      colId: g,
+      onSelectionChange: () => {
+        var b;
+        pe((b = t.rowSelection) == null ? void 0 : b.onChange) && t.rowSelection.onChange(k.getSelectCallbackProps.value);
+      }
+    }), m = Gt({
+      props: t,
+      slots: S,
+      emit: a,
+      prefix: E,
+      getSelectionCol: p.getSelectionCol
+    }), s = Xt(a), c = L(() => [...t.data]), f = Jt({ props: t, emit: a }), { getDir: o } = $t(), r = o(), l = he(!0), d = Yt({ hideShadowColumn: l, col: m }), u = pt({
+      debugTable: !1,
+      debugHeaders: !1,
+      debugColumns: !1,
+      defaultColumn: m.columnDefaults,
+      get columnResizeDirection() {
+        return r.value;
+      },
+      get columnResizeMode() {
+        var b;
+        return ((b = t.resizing) == null ? void 0 : b.mode) ?? "onEnd";
+      },
+      get enableColumnResizing() {
+        var b;
+        return ((b = t.resizing) == null ? void 0 : b.enable) ?? !1;
+      },
+      getSubRows: (b) => b.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: (b, X) => t.rowKey ? b[t.rowKey] : X,
+      getRowCanExpand: () => !0,
+      getCoreRowModel: Ct(),
+      getSortedRowModel: St(),
+      getExpandedRowModel: ht(),
+      onRowSelectionChange: (b) => {
+        p.rowSelection.value = typeof b == "function" ? b(p.rowSelection.value) : b;
+      },
+      onExpandedChange: (b) => {
+        m.expanded.value = typeof b == "function" ? b(m.expanded.value) : b;
+      },
+      onColumnSizingChange: (b) => {
+        m.columnSizing.value = typeof b == "function" ? b(m.columnSizing.value) : b, a("resize", m.columnSizing.value);
+      },
+      groupedColumnMode: !1,
+      paginateExpandedRows: t.paginateExpandedRows
+    }), _ = eo({
+      columnOrder: m.columnOrder,
+      props: t,
+      emit: a,
+      selectionId: g,
+      actionId: m.actionId,
+      columnOrderUpdating: m.columnOrderUpdating,
+      table: u
+    }), v = M(), h = Qt({ table: u, getColRefSize: m.getColRefSize, tableRootRef: v }), x = (b) => {
+      var I;
+      const X = !!h.isColFixed(b);
+      return {
+        ...m.getOutsideCol(b.columnDef),
+        id: b.id,
+        bind: {
+          style: d.getColSizeStyle(b, X, h.getSortedCols),
+          fixed: X,
+          afterShadow: !l.value && ((I = h.fixedCol.value) == null ? void 0 : I.id) === b.id
+        }
+      };
+    }, R = L(() => ({
+      visibleColumns: u.getVisibleLeafColumns().map((b) => x(b)),
+      visibleRows: u.getRowModel().rows.map((b) => b.original)
+    })), k = Ut(u, {
+      selectedRowKeys: p.selectedRowKeys,
+      props: t,
+      rowSelection: p.rowSelection
+    }), w = qt(t, a, [g, m.actionId.value]), D = Kt({
+      getOutsideCol: m.getOutsideCol,
+      isColumnWrapped: w.isColumnWrapped
+    }), F = (b) => {
+      const X = ae(ke(b ?? {}, ["row"]));
+      let I = {};
+      t.rowProps && (pe(t.rowProps) ? I = ae(t.rowProps(b) ?? {}) : Se(t.rowProps) && (I = ae(t.rowProps)));
+      const K = pe(I.onClick) || b.row ? (ee) => {
+        b.row && a("rowClick", b.row, ee), pe(I.onClick) && I.onClick(ee);
+      } : void 0;
+      return { ...I, ...X, onClick: K };
+    }, j = he(!1), G = L(
+      () => {
+        var b;
+        return ((b = t.scroll) == null ? void 0 : b.x) === "max-content" ? "auto" : t.tableLayout;
+      }
+    ), q = he(0), C = M(!1);
+    mo({
+      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: x,
+      getSlotProps: R,
+      selectionId: g,
+      hasFooter: j,
+      size: d,
+      dragging: C,
+      colOrder: _,
+      fix: h,
+      tableRootRef: v,
+      getTableLayout: G,
+      hideShadowColumn: l
+    });
+    const z = () => S.batchActions ? W(oo, void 0, {
+      default: () => W(Me)
+    }) : W(Me), P = L(() => {
+      var b;
+      return se((b = t.scroll) == null ? void 0 : b.y);
+    }), B = L(() => !!u.getState().columnSizingInfo.isResizingColumn);
+    return _t(B), (b, X) => (y(), V("div", {
+      class: H(n(ve)(n($)(n(E), "root"), b.rootCls)),
+      style: de({
+        maxHeight: P.value
+      }),
+      ref_key: "tableRootRef",
+      ref: v
+    }, [
+      T(z)
+    ], 6));
+  }
+});
+export {
+  Uo as _
+};