@pantograph/vue 0.23.28 → 0.23.30

package/dist/DataTable.vue_vue_type_style_index_0_lang-D7ei-pVz.js

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