@pantograph/vue 0.15.0 → 0.15.2

package/dist/DataTable.vue_vue_type_style_index_0_lang-DrlPDQwn.js

@@ -0,0 +1,972 @@
+import { h as qe, ref as G, computed as I, watch as ie, unref as t, nextTick as se, defineComponent as xe, useSlots as Ze, useTemplateRef as Ge, onBeforeUnmount as Ue, shallowRef as Je, createElementBlock as $, openBlock as C, normalizeClass as b, createVNode as S, withCtx as y, mergeProps as R, normalizeStyle as Qe, createElementVNode as H, createBlock as E, createCommentVNode as O, Fragment as K, renderList as j, renderSlot as W, createTextVNode as Xe, toDisplayString as ye, createSlots as ve, withModifiers as Ce, normalizeProps as oe, guardReactiveProps as Ye } from "vue";
+import { flattenBy as De, createColumnHelper as Ke, useVueTable as et, getSortedRowModel as tt, getCoreRowModel as ot } from "@tanstack/vue-table";
+import { _ as Se } from "./Checkbox.vue_vue_type_style_index_0_lang-DmYIG1dJ.js";
+import { _ as nt, a as ne } from "./Menu.vue_vue_type_style_index_0_lang-DRWb6YFs.js";
+import { _ as rt } from "./ActionButton.vue_vue_type_script_setup_true_lang-UVa0o0Ij.js";
+import { _ as lt } from "./Empty.vue_vue_type_style_index_0_lang-Jm_jtiLY.js";
+import { o as ce } from "./omit-BYRdzoed.js";
+import { f as Z, h as L, i as ae, k as st } from "./_getTag-z7QaQ5uZ.js";
+import { usePCId as it, getBemBlock as ct, wgt_pre as at, generateVariantClassList as ut, getBemElement as B } from "@pantograph/utils";
+import { useBreakpoints as ft, useIntersectionObserver as dt } from "@vueuse/core";
+import { _ as mt } from "./Skeleton.vue_vue_type_style_index_0_lang-aSGb2hn6.js";
+import { _ as ke } from "./Popover.vue_vue_type_style_index_0_lang-CFAYIAUF.js";
+import { _ as gt } from "./Tooltip.vue_vue_type_script_setup_true_lang-DX19Sbqt.js";
+import { _ as pt } from "./Badge.vue_vue_type_script_setup_true_lang-D_Kb6YYk.js";
+import { _ as _e } from "./Divider.vue_vue_type_style_index_0_lang-DapqjSGc.js";
+import { _ as be } from "./IconButton.vue_vue_type_script_setup_true_lang-jsgZCtDw.js";
+import { _ as re } from "./Icon.vue_vue_type_style_index_0_lang-D2A2tkHI.js";
+import { _ as ht } from "./Switch.vue_vue_type_style_index_0_lang-6gVnb9xl.js";
+import { cva as wt } from "class-variance-authority";
+import { i as Re } from "./isEmpty-BEYnAygl.js";
+import { i as yt, b as vt, a as Y } from "./isArray-CdbPONHA.js";
+import { _ as Ct, e as St, c as x, a as kt, d as _t, b as X } from "./THead.vue_vue_type_style_index_0_lang-CzOa1Qzl.js";
+import { c as F } from "./cloneDeep-BJojf7NO.js";
+import { _ as bt } from "./ScrollContainer.vue_vue_type_style_index_0_lang-DcxqgHqY.js";
+import { a as Rt, b as $t } from "./_baseIteratee-BBuodSH6.js";
+import { g as $e } from "./get-CukCUUmn.js";
+import { u as Bt } from "./uniq-FpLq1Xk8.js";
+import { getBreakpoints as Pt } from "@pantograph/tokens";
+import { i as Be } from "./isNumber-BopDesuz.js";
+import { k as zt, m as Pe, a as le, b as At, l as Le, s as Tt, o as Dt, i as Kt, e as Lt, n as Mt } from "./_flatRest-TqrGvOlu.js";
+const Vt = ({ isColumnWrapped: o, selectionId: l }) => {
+  const r = (e) => {
+    var a;
+    const m = (k) => k === "list" ? "md" : "sm";
+    return {
+      ...(e == null ? void 0 : e.skeletonProps) ?? {},
+      style: "width: 100%",
+      size: m((a = e == null ? void 0 : e.skeletonProps) == null ? void 0 : a.type)
+    };
+  }, d = (e) => {
+    var a, k;
+    const m = (a = e.props) == null ? void 0 : a.column.columnDef;
+    return L(m == null ? void 0 : m.render) && e.props.row ? (k = m == null ? void 0 : m.render) == null ? void 0 : k.call(m, {
+      index: e.props.row.index,
+      record: e.props.row.original,
+      column: ce(m, "render")
+    }) : typeof e.render == "function" || typeof e.render == "object" ? qe(e.render, e.props) : e.render;
+  }, f = (e) => {
+    let m = {};
+    if (e) {
+      const a = (T) => Number(T) >= 0 ? `${T}px` : T, { width: k, maxWidth: A, minWidth: v } = e;
+      (k || A || v) && (m = {
+        width: a(k),
+        maxWidth: a(A),
+        minWidth: a(v),
+        overflow: k || A ? "hidden" : void 0
+      });
+    }
+    return m;
+  }, n = {}, i = (e, m = !0) => {
+    var k;
+    let a = 1;
+    return ((k = e == null ? void 0 : e.subHeaders) == null ? void 0 : k.length) === 1 && e.column.id === e.subHeaders[0].column.id && (a += i(e.subHeaders[0], !1)), m && (!n[e.column.id] || n[e.column.id] < a) && (n[e.column.id] = a), a;
+  }, g = (e, m = {}) => {
+    var a;
+    if (e != null && e.column) {
+      const k = (a = e == null ? void 0 : e.column) == null ? void 0 : a.columnDef, A = [], v = {};
+      if (Z(k)) {
+        let T = o(e.column.id);
+        const { customCell: M, class: U } = k;
+        if (Re(U) || A.push(U), M && (Z(M) || L(M))) {
+          const J = (N) => {
+            if (Z(N)) {
+              const { wrap: Q, colSpan: D, rowSpan: ee } = N;
+              T = T || (Q ?? !1), v.colSpan = D, v.rowSpan = ee;
+            }
+          };
+          L(M) && e.row ? J(
+            M({
+              index: e.row.index,
+              record: e.row.original,
+              column: k
+            })
+          ) : J(M);
+        }
+        e.header ? v.rowSpan = i(e.header) : T && (v.wrap = !0);
+      }
+      return {
+        class: Re(A) ? void 0 : A,
+        ...v,
+        ...m
+      };
+    }
+    return {};
+  };
+  return {
+    getSkeletonProps: r,
+    RenderCell: d,
+    getThProps: (e) => {
+      var m, a, k;
+      return g(e, {
+        colSpan: (m = e == null ? void 0 : e.header) == null ? void 0 : m.colSpan,
+        "data-has-children": ((k = (a = e == null ? void 0 : e.column) == null ? void 0 : a.columns) == null ? void 0 : k.length) > 1 ? !0 : void 0
+      });
+    },
+    getTdProps: (e) => g(e),
+    getColProps: (e) => {
+      const m = f(e.columnDef);
+      return e.id === l && (m.width = "var(--pt-dimension-2800)"), {
+        style: m
+      };
+    },
+    isThVisible: (e, m, a) => n[a] === 1 ? !0 : m - e === n[a]
+  };
+};
+var Et = "[object Boolean]";
+function Ot(o) {
+  return o === !0 || o === !1 || yt(o) && vt(o) == Et;
+}
+const Wt = (o) => {
+  const l = G([]), r = (g) => g ? l.value.findIndex((p) => p.id === g) : -1, d = (g) => {
+    if (g) return l.value.find((p) => p.id === g);
+  }, f = (g) => {
+    var p;
+    return !!((p = d(g)) != null && p.wrap);
+  }, n = (g) => {
+    const { id: p } = g;
+    if (!p) return !1;
+    const _ = g.wrap ?? !f(p), u = r(p);
+    return u >= 0 ? l.value[u] = { id: p, wrap: _ } : l.value.push({ id: p, wrap: _ }), !0;
+  }, i = I(
+    () => (o.columns ?? []).filter((g) => Ot(g.wrap)).map((g) => ({
+      id: g.id,
+      wrap: !!g.wrap
+    }))
+  );
+  return ie(
+    i,
+    (g) => {
+      l.value = [...l.value, ...g];
+    },
+    {
+      immediate: !0,
+      deep: !0
+    }
+  ), {
+    isColumnWrapped: f,
+    toggleWrap: n
+  };
+};
+function ze(o, l) {
+  return Rt(o, l);
+}
+const Ht = (o, { colId: l, onSelectionChange: r }) => {
+  const d = G({}), f = I(() => Object.keys(d.value));
+  ie(
+    () => {
+      var u;
+      return (u = o.rowSelection) == null ? void 0 : u.selectedRowKeys;
+    },
+    (u, c) => {
+      var e, m;
+      if ((m = (e = o.rowSelection) == null ? void 0 : e.selectedRowKeys) != null && m.length && !ze(u, c)) {
+        const a = Object.fromEntries(
+          t(o.rowSelection.selectedRowKeys ?? Object.keys(d.value)).map(
+            (k) => [k, !0]
+          )
+        );
+        ze(a, d.value) || (d.value = a);
+      }
+    },
+    { immediate: !0 }
+  );
+  const n = I(
+    () => o.rowKey ? De(o.data, (u) => u.children).map(
+      (u) => u[o.rowKey]
+    ) : []
+  ), i = () => {
+    const u = Object.fromEntries(
+      f.value.filter((c) => {
+        var e;
+        return !((e = o.rowSelection) != null && e.preserveSelectedRowKeys) && o.rowKey ? n.value.includes(c) : !0;
+      }).map((c) => [c, !0])
+    );
+    Object.keys(u).length !== f.value.length && (d.value = u, se(() => {
+      r();
+    }));
+  }, g = Ke();
+  return {
+    rowSelection: d,
+    selectedRowKeys: f,
+    checkSelections: i,
+    getSelectionCol: () => {
+      if (o.rowSelection && o.rowKey)
+        return g.accessor(l, {
+          id: l,
+          enableSorting: !1
+        });
+    },
+    clearSelection: () => {
+      d.value = {};
+    }
+  };
+}, It = (o, { selectedRowKeys: l, props: r }) => {
+  const d = I(() => o.getIsAllRowsSelected() ? !0 : o.getIsSomeRowsSelected() ? "indeterminate" : !1), f = I(() => ({
+    selectedRowKeys: l.value,
+    selectedRows: o.getFilteredSelectedRowModel().flatRows.map((u) => u.original)
+  })), n = (u) => {
+    o.getIsSomeRowsSelected() || o.getIsAllRowsSelected() ? o.toggleAllRowsSelected(!1) : o.toggleAllRowsSelected(!0), se(() => {
+      var c, e;
+      L((c = r.rowSelection) == null ? void 0 : c.onSelectAll) && r.rowSelection.onSelectAll({ ...f.value, selected: u }), L((e = r.rowSelection) == null ? void 0 : e.onChange) && r.rowSelection.onChange(f.value);
+    });
+  }, i = (u, c) => {
+    var e;
+    c.toggleSelected(u, {
+      selectChildren: !((e = r.rowSelection) != null && e.checkStrictly)
+    }), se(() => {
+      var m, a;
+      L((m = r.rowSelection) == null ? void 0 : m.onSelect) && r.rowSelection.onSelect({
+        ...f.value,
+        selected: u,
+        record: c.original
+      }), L((a = r.rowSelection) == null ? void 0 : a.onChange) && r.rowSelection.onChange(f.value);
+    });
+  }, g = (u) => {
+    var c, e;
+    return L((c = r.rowSelection) == null ? void 0 : c.getCheckboxProps) && ((e = r.rowSelection) == null || e.getCheckboxProps(u)), {};
+  }, p = (u) => {
+    var c;
+    if (u.getIsSelected()) return !0;
+    if ((c = u.subRows) != null && c.length) {
+      if (u.getIsAllSubRowsSelected()) return !0;
+      if (u.getIsSomeSelected()) return "indeterminate";
+    }
+    return !1;
+  }, _ = I(() => o.getFilteredSelectedRowModel().flatRows.length);
+  return {
+    getCheckedAll: d,
+    checkAll: n,
+    check: i,
+    getCheckboxProps: g,
+    getRowChecked: p,
+    selectedItemsLength: _,
+    getSelectCallbackProps: f
+  };
+}, jt = ({
+  props: o,
+  prefix: l,
+  slots: r,
+  getSelectionCol: d
+}) => {
+  const f = Ke(), n = I(() => {
+    var c;
+    return ((c = o.actionCol) == null ? void 0 : c.id) ?? `$${l}_action$`;
+  }), i = I(() => {
+    var A;
+    const c = (v) => ce(v ?? {}, "columns", "id"), e = (v) => {
+      var M;
+      const T = v.id ?? it(`${l}--col`);
+      return Y($e(v, o.childrenColumnName ?? "children")) ? f.group({
+        header: v.title,
+        id: T,
+        columns: (M = $e(v, o.childrenColumnName ?? "children") ?? []) == null ? void 0 : M.map(e),
+        enableSorting: !1,
+        ...c(v)
+      }) : f.accessor(v.dataIndex ?? v.id, {
+        header: v.title,
+        id: T,
+        enableSorting: !!v.sorter,
+        ...c(v)
+      });
+    };
+    if (!Y(o.columns)) throw "no columns";
+    const m = o.columns.map(({ id: v }) => v);
+    if (Bt(m).length !== m.length) throw "no uniq column ids";
+    const a = [], k = d();
+    return k && a.push(k), o.columns.forEach((v) => {
+      a.push(e(v));
+    }), (r.action || r.hoverAction) && a.push(
+      f.accessor(n.value, {
+        id: n.value,
+        header: (A = o.actionCol) == null ? void 0 : A.title,
+        enableSorting: !1,
+        ...c(o.actionCol)
+      })
+    ), a;
+  }), g = Pt(), _ = ft(
+    Object.fromEntries(
+      Object.keys(g).map((c) => [c, g[c].minWidth])
+    ),
+    { strategy: "min-width" }
+  ).active(), u = G({});
+  return ie(
+    _,
+    (c) => {
+      u.value = Object.fromEntries(
+        De(i.value, (e) => e.columns).map((e) => {
+          var m;
+          return [
+            e.id,
+            Y(e == null ? void 0 : e.responsive) ? ((m = e.responsive) == null ? void 0 : m.includes(c)) ?? !1 : !0
+          ];
+        })
+      );
+    },
+    { immediate: !0 }
+  ), {
+    cols: i,
+    actionId: n,
+    columnVisibility: u
+  };
+};
+function Ft(o) {
+  return function(l, r, d) {
+    for (var f = -1, n = Object(l), i = d(l), g = i.length; g--; ) {
+      var p = i[++f];
+      if (r(n[p], p, n) === !1)
+        break;
+    }
+    return l;
+  };
+}
+var Nt = Ft();
+function qt(o, l) {
+  return o && Nt(o, l, zt);
+}
+function xt(o, l) {
+  return function(r, d) {
+    if (r == null)
+      return r;
+    if (!ae(r))
+      return o(r, d);
+    for (var f = r.length, n = -1, i = Object(r); ++n < f && d(i[n], n, i) !== !1; )
+      ;
+    return r;
+  };
+}
+var Zt = xt(qt);
+function Gt(o, l) {
+  var r = -1, d = ae(o) ? Array(o.length) : [];
+  return Zt(o, function(f, n, i) {
+    d[++r] = l(f, n, i);
+  }), d;
+}
+function Ut(o, l) {
+  var r = o.length;
+  for (o.sort(l); r--; )
+    o[r] = o[r].value;
+  return o;
+}
+function Jt(o, l) {
+  if (o !== l) {
+    var r = o !== void 0, d = o === null, f = o === o, n = Pe(o), i = l !== void 0, g = l === null, p = l === l, _ = Pe(l);
+    if (!g && !_ && !n && o > l || n && i && p && !g && !_ || d && i && p || !r && p || !f)
+      return 1;
+    if (!d && !n && !_ && o < l || _ && r && f && !d && !n || g && r && f || !i && f || !p)
+      return -1;
+  }
+  return 0;
+}
+function Qt(o, l, r) {
+  for (var d = -1, f = o.criteria, n = l.criteria, i = f.length, g = r.length; ++d < i; ) {
+    var p = Jt(f[d], n[d]);
+    if (p) {
+      if (d >= g)
+        return p;
+      var _ = r[d];
+      return p * (_ == "desc" ? -1 : 1);
+    }
+  }
+  return o.index - l.index;
+}
+function Xt(o, l, r) {
+  l.length ? l = le(l, function(n) {
+    return Y(n) ? function(i) {
+      return At(i, n.length === 1 ? n[0] : n);
+    } : n;
+  }) : l = [Le];
+  var d = -1;
+  l = le(l, st($t));
+  var f = Gt(o, function(n, i, g) {
+    var p = le(l, function(_) {
+      return _(n);
+    });
+    return { criteria: p, index: ++d, value: n };
+  });
+  return Ut(f, function(n, i) {
+    return Qt(n, i, r);
+  });
+}
+function Yt(o, l) {
+  return Tt(Dt(o, l, Le), o + "");
+}
+function Ae(o, l, r) {
+  if (!Z(r))
+    return !1;
+  var d = typeof l;
+  return (d == "number" ? ae(r) && Kt(l, r.length) : d == "string" && l in r) ? Lt(r[l], o) : !1;
+}
+var Te = Yt(function(o, l) {
+  if (o == null)
+    return [];
+  var r = l.length;
+  return r > 1 && Ae(o, l[0], l[1]) ? l = [] : r > 2 && Ae(l[0], l[1], l[2]) && (l = [l[0]]), Xt(o, Mt(l), []);
+});
+const eo = (o, l, r) => {
+  const d = (u) => {
+    const c = p(u);
+    if (!c) return "tabler:arrows-up-down";
+    if (c === "desc") return "tabler:arrow-down";
+    if (c === "asc") return "tabler:arrow-up";
+  }, f = (u) => {
+    const c = p(u);
+    if (!c) return "Sort A → Z";
+    if (c === "desc") return "Sorted Z → A\u2028Click to change sort";
+    if (c === "asc") return "Sorted A → Z\u2028Click to change sort";
+  }, n = G([]), i = G([]), g = (u, c) => {
+    const e = F(
+      [...n.value, ...i.value].find((a) => a.id === u.id)
+    ) ?? {
+      id: u.id,
+      sorter: u.columnDef.sorter,
+      multiple: u.columnDef.multiSort
+    };
+    c ? e.desc = c === "desc" : e.desc === void 0 ? e.desc = !1 : e.desc === !0 ? e.desc = void 0 : e.desc = !0;
+    const m = () => e.desc === void 0 ? !1 : e.desc === !0 ? "desc" : "asc";
+    Be(u.columnDef.multiSort) && [...n.value, ...i.value].every((a) => Be(a.multiple)) ? (n.value = F(n.value).filter((a) => a.id !== u.id), i.value = F(i.value).filter((a) => a.id !== u.id), e.sorter === "server" ? i.value.push(e) : n.value.push(e), n.value = Te(n.value, "multiple"), i.value = Te(i.value, "multiple")) : e.sorter === "server" ? (n.value = [], i.value = [e]) : (n.value = [e], i.value = []), n.value = n.value.filter((a) => a.desc !== void 0), i.value = i.value.filter((a) => a.desc !== void 0), l("sort", u.columnDef, m(), F([...n.value, ...i.value]));
+  }, p = (u) => {
+    const c = [...i.value, ...n.value].find((e) => u.id === e.id);
+    return (c == null ? void 0 : c.desc) === !1 ? "asc" : (c == null ? void 0 : c.desc) === !0 ? "desc" : !1;
+  };
+  return {
+    data: I(() => (r(), [...o.data])),
+    sorting: n,
+    getSortIcon: d,
+    getSortTooltip: f,
+    toggleSort: g,
+    getIsSorted: p
+  };
+}, Do = /* @__PURE__ */ xe({
+  __name: "DataTable",
+  props: {
+    columns: {},
+    childrenColumnName: { default: "children" },
+    data: {},
+    class: {},
+    scrollViewportCls: {},
+    scrollAreaCls: {},
+    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 },
+    zebra: { type: Boolean, default: !0 },
+    tableLayout: { default: "fixed" },
+    actionCol: {},
+    noHeader: { type: Boolean },
+    rowProps: {}
+  },
+  emits: ["fetch", "rowClick", "sort"],
+  setup(o, { emit: l }) {
+    const r = o, d = l, f = Ze(), n = ct("data_table", at), i = `$${n}_selection$`, g = wt(n, {
+      variants: {
+        empty: ut("empty", n)
+      }
+    }), { rowSelection: p, checkSelections: _, getSelectionCol: u, clearSelection: c, selectedRowKeys: e } = Ht(r, {
+      colId: i,
+      onSelectionChange: () => {
+        var s;
+        L((s = r.rowSelection) == null ? void 0 : s.onChange) && r.rowSelection.onChange(de.value);
+      }
+    }), { cols: m, actionId: a, columnVisibility: k } = jt({ props: r, slots: f, prefix: n, getSelectionCol: u }), { toggleWrap: A, isColumnWrapped: v } = Wt(r), { getSortTooltip: T, getSortIcon: M, sorting: U, data: J, toggleSort: N, getIsSorted: Q } = eo(
+      r,
+      d,
+      _
+    ), D = et({
+      // debugTable: true,
+      getSubRows: (s) => s.children,
+      enableSorting: !0,
+      enableMultiSort: !0,
+      get data() {
+        return J.value;
+      },
+      state: {
+        get sorting() {
+          return U.value;
+        },
+        get rowSelection() {
+          return p.value;
+        },
+        get columnVisibility() {
+          return k.value;
+        }
+      },
+      enableRowSelection: !0,
+      get columns() {
+        return m.value;
+      },
+      getRowId(s, P) {
+        return r.rowKey ? s[r.rowKey] : P;
+      },
+      getRowCanExpand: () => !0,
+      getCoreRowModel: ot(),
+      getSortedRowModel: tt(),
+      onRowSelectionChange: (s) => {
+        p.value = typeof s == "function" ? s(p.value) : s;
+      }
+    }), {
+      getCheckedAll: ee,
+      checkAll: Me,
+      check: Ve,
+      getRowChecked: ue,
+      selectedItemsLength: fe,
+      getCheckboxProps: Ee,
+      getSelectCallbackProps: de
+    } = It(D, {
+      selectedRowKeys: e,
+      props: r
+    }), me = Ge("target"), { stop: Oe } = dt(me, ([s]) => {
+      r.lazyLoading && !r.loading && (s != null && s.isIntersecting) && d("fetch");
+    });
+    Ue(Oe);
+    const { getSkeletonProps: We, getThProps: He, RenderCell: ge, getTdProps: te, getColProps: Ie, isThVisible: je } = Vt({
+      selectionId: i,
+      isColumnWrapped: v
+    }), pe = Je(0), Fe = ({ item: s }, P) => {
+      s.key === "a-z" && N(P, "asc"), s.key === "z-a" && N(P, "desc"), s.key === "wrap" && A({ id: P.id }), pe.value++;
+    }, he = I(
+      () => D.getHeaderGroups().map((s) => ({
+        ...s,
+        headers: s.headers.map((P) => ({
+          ...P,
+          bindings: He(P.getContext())
+        }))
+      }))
+    ), q = (s) => {
+      const P = F(ce(s ?? {}, "row"));
+      let w = {};
+      r.rowProps && (L(r.rowProps) && (w = F(r.rowProps(s) ?? {})), Z(r.rowProps) && (w = F(r.rowProps)));
+      const z = L(w.onClick) || s.row ? (h) => {
+        s.row && d("rowClick", s.row, h), L(w.onClick) && w.onClick(h);
+      } : void 0;
+      return { ...w, ...P, onClick: z };
+    };
+    return (s, P) => (C(), $("div", {
+      class: b([t(B)(t(n), "root"), s.rootCls])
+    }, [
+      S(ke, {
+        "z-index": "1",
+        open: !!(t(fe) && f.batchActions),
+        placement: "bottom",
+        "side-offset": -54,
+        "container-cls": "pantograph-tokens pantograph-dark"
+      }, {
+        content: y(() => [
+          H("div", {
+            class: b(t(B)(t(n), "batch_actions"))
+          }, [
+            S(pt, {
+              text: t(fe),
+              size: "xsm"
+            }, null, 8, ["text"]),
+            H("div", {
+              class: b(t(B)(t(n), "batch_actions__title"))
+            }, ye(s.batchActionsTitle), 3),
+            H("div", {
+              class: b(t(B)(t(n), "batch_actions__actions"))
+            }, [
+              W(s.$slots, "batchActions", oe(Ye(t(de))))
+            ], 2),
+            S(_e, {
+              type: "vertical",
+              class: b(t(B)(t(n), "batch_actions__divider"))
+            }, null, 8, ["class"]),
+            S(be, {
+              icon: "tabler:x",
+              color: "gray",
+              type: "ghost",
+              onClick: t(c)
+            }, null, 8, ["onClick"])
+          ], 2)
+        ]),
+        default: y(() => [
+          S(t(bt), R(s.scrollContainerProps, {
+            "root-props": { class: t(B)(t(n), "scroll_container") },
+            class: t(B)(t(n), "scroll_area")
+          }), {
+            default: y(() => [
+              S(t(Ct), {
+                size: s.size,
+                style: Qe({
+                  tableLayout: s.tableLayout
+                }),
+                class: b([
+                  t(g)({
+                    empty: !t(D).getRowModel().rows.length
+                  }),
+                  r.class
+                ])
+              }, {
+                default: y(() => [
+                  H("colgroup", null, [
+                    (C(!0), $(K, null, j(t(D).getVisibleLeafColumns(), (w) => (C(), $("col", R({
+                      key: w.id,
+                      ref_for: !0
+                    }, t(Ie)(w)), null, 16))), 128))
+                  ]),
+                  s.noHeader ? O("", !0) : (C(), E(t(St), {
+                    key: 0,
+                    class: b(s.theadCls),
+                    sticky: s.stickyHeader
+                  }, {
+                    default: y(() => [
+                      (C(!0), $(K, null, j(he.value, (w, z) => (C(), E(t(x), R({
+                        key: w.id,
+                        ref_for: !0
+                      }, q({ index: z, header: !0 })), {
+                        default: y(() => [
+                          (C(!0), $(K, null, j(w.headers, (h) => (C(), $(K, {
+                            key: h.id
+                          }, [
+                            t(je)(z, he.value.length, h.column.id) ? (C(), E(t(kt), R({
+                              key: 0,
+                              ref_for: !0
+                            }, h.bindings, {
+                              "data-selection": h.column.id === i
+                            }), {
+                              default: y(() => [
+                                H("div", {
+                                  class: b(t(B)(t(n), "header"))
+                                }, [
+                                  H("div", {
+                                    class: b(t(B)(t(n), "header__content"))
+                                  }, [
+                                    h.column.id !== i ? (C(), $(K, { key: 0 }, [
+                                      H("div", {
+                                        class: b(t(B)(t(n), "header__content__title"))
+                                      }, [
+                                        W(s.$slots, "headerCell", R({ ref_for: !0 }, {
+                                          column: h.column.columnDef
+                                        }), () => [
+                                          S(t(ge), {
+                                            props: h.getContext(),
+                                            render: h.column.columnDef.header
+                                          }, null, 8, ["props", "render"])
+                                        ])
+                                      ], 2),
+                                      h.column.getCanSort() ? (C(), E(gt, {
+                                        key: 0,
+                                        placement: "bottom"
+                                      }, {
+                                        content: y(() => [
+                                          Xe(ye(t(T)(h.column)), 1)
+                                        ]),
+                                        default: y(() => [
+                                          S(rt, {
+                                            class: b({ hide_filter_action: !t(Q)(h.column) }),
+                                            icon: t(M)(h.column),
+                                            size: "sm",
+                                            type: "ghost",
+                                            variant: "icon",
+                                            active: !!t(Q)(h.column),
+                                            onClick: (V) => t(N)(h.column)
+                                          }, null, 8, ["class", "icon", "active", "onClick"])
+                                        ]),
+                                        _: 2
+                                      }, 1024)) : O("", !0)
+                                    ], 64)) : (C(), $(K, { key: 1 }, [
+                                      H("div", {
+                                        class: b(t(B)(t(n), "selection_space"))
+                                      }, null, 2),
+                                      S(Se, {
+                                        rootCls: "w-fit",
+                                        checked: t(ee),
+                                        onChange: t(Me)
+                                      }, null, 8, ["checked", "onChange"])
+                                    ], 64))
+                                  ], 2),
+                                  ![t(a), i].includes(h.column.id) && !h.column.columns.length ? (C(), $("div", {
+                                    key: 0,
+                                    class: b(t(B)(t(n), "header__action"))
+                                  }, [
+                                    (C(), E(ke, {
+                                      "z-index": "1",
+                                      placement: "bottom-end",
+                                      key: pe.value
+                                    }, {
+                                      content: y(() => [
+                                        S(nt, {
+                                          onSelect: (V) => Fe(V, h.column)
+                                        }, {
+                                          default: y(() => [
+                                            h.column.getCanSort() ? (C(), $(K, { key: 0 }, [
+                                              S(ne, {
+                                                title: "Sort A → Z",
+                                                key: "a-z"
+                                              }, {
+                                                leading: y(({ iconSize: V }) => [
+                                                  S(re, {
+                                                    icon: "tabler:arrow-up",
+                                                    size: V
+                                                  }, null, 8, ["size"])
+                                                ]),
+                                                _: 1
+                                              }),
+                                              S(ne, {
+                                                title: "Sort Z → A",
+                                                key: "z-a"
+                                              }, {
+                                                leading: y(({ iconSize: V }) => [
+                                                  S(re, {
+                                                    icon: "tabler:arrow-down",
+                                                    size: V
+                                                  }, null, 8, ["size"])
+                                                ]),
+                                                _: 1
+                                              }),
+                                              S(_e)
+                                            ], 64)) : O("", !0),
+                                            S(ne, {
+                                              title: "Wrap Column",
+                                              key: "wrap"
+                                            }, {
+                                              leading: y(({ iconSize: V }) => [
+                                                S(re, {
+                                                  icon: "tabler:text-wrap",
+                                                  size: V
+                                                }, null, 8, ["size"])
+                                              ]),
+                                              trailing: y(() => [
+                                                S(ht, {
+                                                  checked: t(v)(h.column.id)
+                                                }, null, 8, ["checked"])
+                                              ]),
+                                              _: 2
+                                            }, 1024)
+                                          ]),
+                                          _: 2
+                                        }, 1032, ["onSelect"])
+                                      ]),
+                                      default: y(() => [
+                                        S(be, {
+                                          icon: "tabler:dots-vertical",
+                                          size: "sm",
+                                          color: "gray",
+                                          type: "ghost",
+                                          class: b(t(B)(t(n), "header__action__hover"))
+                                        }, null, 8, ["class"])
+                                      ]),
+                                      _: 2
+                                    }, 1024))
+                                  ], 2)) : O("", !0)
+                                ], 2)
+                              ]),
+                              _: 2
+                            }, 1040, ["data-selection"])) : O("", !0)
+                          ], 64))), 128))
+                        ]),
+                        _: 2
+                      }, 1040))), 128))
+                    ]),
+                    _: 3
+                  }, 8, ["class", "sticky"])),
+                  S(t(_t), {
+                    class: b(s.tbodyCls),
+                    ref: "body"
+                  }, {
+                    default: y(() => [
+                      (C(!0), $(K, null, j(t(D).getRowModel().rows, (w, z) => (C(), E(t(x), R(
+                        {
+                          key: w.id,
+                          ref_for: !0
+                        },
+                        q({
+                          index: z,
+                          zebra: s.zebra,
+                          checked: !!t(ue)(w),
+                          row: w.original
+                        })
+                      ), {
+                        default: y(() => [
+                          (C(!0), $(K, null, j(w.getVisibleCells(), (h) => {
+                            var V, we;
+                            return C(), $(K, {
+                              key: h.id
+                            }, [
+                              ((V = t(te)(h.getContext())) == null ? void 0 : V.colSpan) !== 0 && ((we = t(te)(h.getContext())) == null ? void 0 : we.rowSpan) !== 0 ? (C(), E(t(X), R({
+                                key: 0,
+                                ref_for: !0
+                              }, t(te)(h.getContext())), ve({
+                                default: y(() => [
+                                  h.column.id === t(a) && (f.hoverAction || f.action) ? (C(), $("div", {
+                                    key: 0,
+                                    onClick: P[0] || (P[0] = Ce(() => {
+                                    }, ["stop"])),
+                                    class: b(t(B)(t(n), "action_cell"))
+                                  }, [
+                                    H("div", {
+                                      class: b([t(B)(t(n), "action_cell__hover"), s.actionHoverCls])
+                                    }, [
+                                      W(s.$slots, "hoverAction", R(
+                                        { ref_for: !0 },
+                                        {
+                                          column: h.column.columnDef,
+                                          record: w.original,
+                                          index: z
+                                        }
+                                      ))
+                                    ], 2),
+                                    W(s.$slots, "action", R(
+                                      { ref_for: !0 },
+                                      {
+                                        column: h.column.columnDef,
+                                        record: w.original,
+                                        index: z
+                                      }
+                                    ))
+                                  ], 2)) : h.column.id !== i ? W(s.$slots, "bodyCell", R(
+                                    {
+                                      key: 1,
+                                      ref_for: !0
+                                    },
+                                    {
+                                      column: h.column.columnDef,
+                                      record: w.original,
+                                      index: z
+                                    }
+                                  ), () => [
+                                    S(t(ge), {
+                                      render: h.column.columnDef.cell,
+                                      props: h.getContext()
+                                    }, null, 8, ["render", "props"])
+                                  ]) : s.rowKey && w.original[s.rowKey] ? (C(), $("div", {
+                                    key: 2,
+                                    class: b(t(B)(t(n), "selection")),
+                                    onClick: P[1] || (P[1] = Ce(() => {
+                                    }, ["stop"]))
+                                  }, [
+                                    H("div", {
+                                      class: b(t(B)(t(n), "selection_space"))
+                                    }, null, 2),
+                                    S(Se, R({
+                                      rootCls: "w-fit",
+                                      disabled: !w.getCanSelect(),
+                                      checked: t(ue)(w),
+                                      onChange: (Ne) => t(Ve)(Ne, w),
+                                      ref_for: !0
+                                    }, t(Ee)(w.original)), null, 16, ["disabled", "checked", "onChange"])
+                                  ], 2)) : O("", !0)
+                                ]),
+                                _: 2
+                              }, [
+                                f.cellAction && ![t(a), i].includes(h.column.id) ? {
+                                  name: "absoluteAction",
+                                  fn: y(() => [
+                                    W(s.$slots, "cellAction", R(
+                                      { ref_for: !0 },
+                                      {
+                                        column: h.column.columnDef,
+                                        record: w.original,
+                                        index: z
+                                      }
+                                    ))
+                                  ]),
+                                  key: "0"
+                                } : void 0
+                              ]), 1040)) : O("", !0)
+                            ], 64);
+                          }), 128))
+                        ]),
+                        _: 2
+                      }, 1040))), 128)),
+                      r.loading ? (C(!0), $(K, { key: 0 }, j(t(D).getRowModel().rows.length ? 2 : s.loadingRowCount, (w) => (C(), E(t(x), R({
+                        key: w,
+                        ref_for: !0
+                      }, q({ index: w, zebra: s.zebra, loading: !0 })), {
+                        default: y(() => [
+                          (C(!0), $(K, null, j(t(D).getVisibleLeafColumns(), (z, h) => (C(), E(t(X), { key: h }, {
+                            default: y(() => [
+                              z.id !== i ? W(s.$slots, "skeleton", R({
+                                key: 0,
+                                ref_for: !0
+                              }, { index: h, column: z.columnDef }), () => [
+                                S(mt, R({ ref_for: !0 }, t(We)(z.columnDef)), null, 16)
+                              ]) : O("", !0)
+                            ]),
+                            _: 2
+                          }, 1024))), 128))
+                        ]),
+                        _: 2
+                      }, 1040))), 128)) : O("", !0),
+                      t(D).getRowModel().rows.length ? O("", !0) : (C(), E(t(x), oe(R({ key: 1 }, q({ empty: !0 }))), {
+                        default: y(() => [
+                          S(t(X), {
+                            colspan: t(D).getVisibleLeafColumns().length,
+                            empty: ""
+                          }, {
+                            default: y(() => [
+                              S(lt, R({ type: "advance" }, s.emptyProps), ve({ _: 2 }, [
+                                f.emptyTitle ? {
+                                  name: "title",
+                                  fn: y(() => [
+                                    W(s.$slots, "emptyTitle")
+                                  ]),
+                                  key: "0"
+                                } : void 0,
+                                f.emptyDescription ? {
+                                  name: "description",
+                                  fn: y(() => [
+                                    W(s.$slots, "emptyDescription")
+                                  ]),
+                                  key: "1"
+                                } : void 0,
+                                f.emptyActions ? {
+                                  name: "actions",
+                                  fn: y(() => [
+                                    W(s.$slots, "emptyActions")
+                                  ]),
+                                  key: "2"
+                                } : void 0,
+                                f.emptyImage ? {
+                                  name: "image",
+                                  fn: y(() => [
+                                    W(s.$slots, "emptyImage")
+                                  ]),
+                                  key: "3"
+                                } : void 0
+                              ]), 1040)
+                            ]),
+                            _: 3
+                          }, 8, ["colspan"])
+                        ]),
+                        _: 3
+                      }, 16)),
+                      s.lazyLoading ? (C(), E(t(x), oe(R({ key: 2 }, q({ lazyLoadObserver: !0 }))), {
+                        default: y(() => [
+                          S(t(X), {
+                            ref_key: "target",
+                            ref: me,
+                            "lazy-load-observer": "",
+                            colspan: t(D).getVisibleLeafColumns().length
+                          }, null, 8, ["colspan"])
+                        ]),
+                        _: 1
+                      }, 16)) : O("", !0)
+                    ]),
+                    _: 3
+                  }, 8, ["class"])
+                ]),
+                _: 3
+              }, 8, ["size", "style", "class"])
+            ]),
+            _: 3
+          }, 16, ["root-props", "class"])
+        ]),
+        _: 3
+      }, 8, ["open"])
+    ], 2));
+  }
+});
+export {
+  Do as _
+};