@pantograph/vue 0.10.5 → 0.10.7

package/dist/DataTable/index.js.js

@@ -0,0 +1,901 @@
+import { defineComponent as _e, useSlots as $e, computed as P, createElementBlock as p, openBlock as a, normalizeClass as g, unref as t, createElementVNode as v, createCommentVNode as R, renderSlot as H, createBlock as T, createTextVNode as le, toDisplayString as J, h as Ze, ref as Q, watch as X, useTemplateRef as Ne, onBeforeUnmount as Oe, shallowRef as qe, createVNode as f, withCtx as d, normalizeStyle as Fe, Fragment as A, renderList as Z, mergeProps as I, createSlots as Ce, normalizeProps as Ge, guardReactiveProps as Ue, nextTick as se } from "vue";
+import { createColumnHelper as Je, flattenBy as Qe, useVueTable as Xe, getSortedRowModel as Ye, getCoreRowModel as xe } from "@tanstack/vue-table";
+import { b as et } from "../_baseIsEqual-BknLKouD.js";
+import { i as tt, b as ot, a as re } from "../isArray-CdbPONHA.js";
+import { u as nt } from "../useId-DvOSMFGX.js";
+import { _ as ye } from "../Checkbox.vue_vue_type_style_index_0_lang-BD4g7E0x.js";
+import { c as he, _ as lt, a as ie } from "../Menu.vue_vue_type_style_index_0_lang-Ck9CxDR-.js";
+import { _ as st } from "../ActionButton.vue_vue_type_script_setup_true_lang-BG7u9LIG.js";
+import { g as Re, a as He, b as k, w as rt } from "../class-BCq3bHT0.js";
+import { cva as ze } from "class-variance-authority";
+import { g as it } from "../options-JBqnVZUl.js";
+import { _ as Y } from "../Icon.vue_vue_type_style_index_0_lang-BpIpKu8I.js";
+import { getCssVar as N, getBreakpoints as at } from "@pantograph/tokens";
+import { o as Be } from "../omit-CD3OjwFx.js";
+import { u as ct } from "../uniq-DSVd52ma.js";
+import { i as ae, a as V } from "../_flatRest-Dx0ZZgOx.js";
+import { useBreakpoints as ut, useIntersectionObserver as dt } from "@vueuse/core";
+import { _ as mt } from "../Skeleton.vue_vue_type_style_index_0_lang-Cjdn_7-J.js";
+import { _ as ve } from "../Popover.vue_vue_type_style_index_0_lang-DWUbX1hj.js";
+import { _ as pt } from "../Badge.vue_vue_type_script_setup_true_lang-DpNMg53J.js";
+import { _ as we } from "../Divider.vue_vue_type_style_index_0_lang-gVx_vqDi.js";
+import { _ as ke } from "../IconButton.vue_vue_type_script_setup_true_lang-7_PYDN9E.js";
+import { _ as ft } from "../Switch.vue_vue_type_style_index_0_lang-RH_NKvPq.js";
+import { g as be } from "../get-B14Mml42.js";
+import { _ as gt, e as Ct, c as G, a as yt, d as ht, b as U } from "../THead.vue_vue_type_style_index_0_lang-TEr0pOmV.js";
+function Se(B, _) {
+  return et(B, _);
+}
+const vt = ["simple", "advance"], wt = {
+  key: 1,
+  viewBox: "0 0 108 88",
+  fill: "none"
+}, kt = ["fill"], bt = ["fill"], St = ["fill"], _t = ["fill"], $t = ["stroke"], Rt = ["stroke"], Ht = ["stroke"], zt = /* @__PURE__ */ _e({
+  ...it("Empty"),
+  __name: "Empty",
+  props: {
+    type: { default: "simple" },
+    class: {},
+    imageCls: {},
+    titleCls: {},
+    descriptionCls: {},
+    contentCls: {},
+    textCls: {},
+    actionsCls: {},
+    icon: { default: "tabler:barrier-block" },
+    title: {},
+    description: {}
+  },
+  setup(B) {
+    const _ = B, l = $e(), z = Re("empty"), b = ze(z, {
+      variants: {
+        type: He(vt, z)
+      }
+    }), u = P(() => _.title || !!l.title), $ = P(() => _.description || !!l.description);
+    return (s, C) => (a(), p("div", {
+      class: g([
+        t(b)({
+          type: s.type
+        }),
+        _.class
+      ])
+    }, [
+      v("div", {
+        class: g([t(k)(t(z), "image"), s.imageCls])
+      }, [
+        H(s.$slots, "image", {}, () => [
+          s.type === "simple" ? (a(), T(Y, {
+            key: 0,
+            icon: s.icon,
+            size: "sm"
+          }, null, 8, ["icon"])) : (a(), p("svg", wt, [
+            v("path", {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              d: "M23.6045 61.3504H67.8586C68.1089 61.3504 68.353 61.323 68.588 61.2709C68.823 61.323 69.0671 61.3504 69.3175 61.3504H94.6055C96.4856 61.3504 98.0097 59.8051 98.0097 57.899C98.0097 55.9929 96.4856 54.4477 94.6055 54.4477H91.6877C89.8076 54.4477 88.2835 52.9024 88.2835 50.9963C88.2835 49.0902 89.8076 47.545 91.6877 47.545H100.928C102.808 47.545 104.332 45.9997 104.332 44.0936C104.332 42.1875 102.808 40.6423 100.928 40.6423H90.2287C92.1088 40.6423 93.6329 39.0971 93.6329 37.1909C93.6329 35.2848 92.1088 33.7396 90.2287 33.7396H59.105C60.9851 33.7396 62.5092 32.1944 62.5092 30.2882C62.5092 28.3821 60.9851 26.8369 59.105 26.8369H31.3854C29.5053 26.8369 27.9813 28.3821 27.9813 30.2882C27.9813 32.1944 29.5053 33.7396 31.3854 33.7396H11.9331C10.053 33.7396 8.52891 35.2848 8.52891 37.1909C8.52891 39.0971 10.053 40.6423 11.9331 40.6423H24.0908C25.9708 40.6423 27.4949 42.1875 27.4949 44.0936C27.4949 45.9997 25.9708 47.545 24.0908 47.545H4.63844C2.75838 47.545 1.23428 49.0902 1.23428 50.9963C1.23428 52.9024 2.75838 54.4477 4.63844 54.4477H23.6045C21.7244 54.4477 20.2003 55.9929 20.2003 57.899C20.2003 59.8051 21.7244 61.3504 23.6045 61.3504ZM102.873 61.3504C104.753 61.3504 106.277 59.8051 106.277 57.899C106.277 55.9929 104.753 54.4477 102.873 54.4477C100.993 54.4477 99.4686 55.9929 99.4686 57.899C99.4686 59.8051 100.993 61.3504 102.873 61.3504Z",
+              fill: t(N)("primary-0")
+            }, null, 8, kt),
+            v("path", {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              d: "M45.9044 52.7159C45.8528 53.0686 45.8261 53.4291 45.8261 53.7956C45.8261 58.0211 49.3738 61.4465 53.75 61.4465C58.1262 61.4465 61.6738 58.0211 61.6738 53.7956C61.6738 53.4291 61.6472 53.0686 61.5956 52.7159H80.8232V69.735C80.8232 70.7914 79.9363 71.6477 78.8422 71.6477H28.6578C27.5637 71.6477 26.6768 70.7914 26.6768 69.735V52.7159H45.9044Z",
+              fill: t(N)("gray-0")
+            }, null, 8, bt),
+            v("path", {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              d: "M62.3342 52.9157C62.3342 57.6598 58.4909 61.5057 53.75 61.5057C49.0091 61.5057 45.1658 57.6598 45.1658 52.9157C45.1658 52.762 45.1698 52.6092 45.1778 52.4575H26.6768L32.9898 33.779C33.2619 32.9738 34.0169 32.4318 34.8663 32.4318H72.6337C73.4831 32.4318 74.238 32.9738 74.5102 33.779L80.8232 52.4575H62.3222C62.3301 52.6092 62.3342 52.762 62.3342 52.9157Z",
+              fill: t(N)("gray-0")
+            }, null, 8, St),
+            v("path", {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              d: "M61.2612 53.3613C61.2612 57.1125 57.8983 60.8295 53.75 60.8295C49.6017 60.8295 46.2388 57.1125 46.2388 53.3613C46.2388 53.2398 46.2424 52.4429 46.2493 52.3229H32.0915L37.6153 38.9061C37.8534 38.2694 38.514 37.8409 39.2573 37.8409H68.2427C68.986 37.8409 69.6466 38.2694 69.8847 38.9061L75.4085 52.3229H61.2507C61.2576 52.4429 61.2612 53.2398 61.2612 53.3613Z",
+              fill: t(N)("primary-1")
+            }, null, 8, _t),
+            v("path", {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              d: "M26.846 52.3862V70.2955C26.846 70.9489 27.3763 71.4787 28.0305 71.4787H79.4695C80.1237 71.4787 80.654 70.9489 80.654 70.2955V52.3862L74.2278 33.405C74.065 32.9244 73.6137 32.6009 73.1058 32.6009H34.3942C33.8863 32.6009 33.435 32.9244 33.2722 33.405L26.846 52.3862Z",
+              stroke: t(N)("primary-5"),
+              "stroke-width": "2"
+            }, null, 8, $t),
+            v("path", {
+              d: "M35.4756 52.0398C38.14 52.0398 41.0154 52.0398 44.1017 52.0398C45.3716 52.0398 45.3716 52.9313 45.3716 53.392C45.3716 57.8731 49.0916 61.5057 53.6805 61.5057C58.2693 61.5057 61.9893 57.8731 61.9893 53.392C61.9893 52.9313 61.9893 52.0398 63.2592 52.0398H80.1463M30.4493 52.0398H32.0915H30.4493Z",
+              stroke: t(N)("primary-5"),
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, null, 8, Rt),
+            v("path", {
+              d: "M70.7382 16.4092L63.2256 24.8292M53.1406 13.5V24.8292V13.5ZM35.4756 16.4092L42.9882 24.8292L35.4756 16.4092Z",
+              stroke: t(N)("primary-5"),
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, null, 8, Ht)
+          ]))
+        ])
+      ], 2),
+      s.type === "simple" && u.value ? (a(), p("div", {
+        key: 0,
+        class: g([t(k)(t(z), "title"), s.titleCls])
+      }, [
+        H(s.$slots, "title", {}, () => [
+          le(J(s.title), 1)
+        ])
+      ], 2)) : u.value || $.value || l.actions ? (a(), p("div", {
+        key: 1,
+        class: g([t(k)(t(z), "content"), s.contentCls])
+      }, [
+        u.value || $.value ? (a(), p("div", {
+          key: 0,
+          class: g([t(k)(t(z), "text"), s.textCls])
+        }, [
+          u.value ? (a(), p("div", {
+            key: 0,
+            class: g([t(k)(t(z), "title"), s.titleCls])
+          }, [
+            H(s.$slots, "title", {}, () => [
+              le(J(s.title), 1)
+            ])
+          ], 2)) : R("", !0),
+          $.value ? (a(), p("div", {
+            key: 1,
+            class: g([t(k)(t(z), "description"), s.descriptionCls])
+          }, [
+            H(s.$slots, "description", {}, () => [
+              le(J(s.description), 1)
+            ])
+          ], 2)) : R("", !0)
+        ], 2)) : R("", !0),
+        l.actions ? (a(), p("div", {
+          key: 1,
+          class: g([t(k)(t(z), "actions"), s.actionsCls])
+        }, [
+          H(s.$slots, "actions")
+        ], 2)) : R("", !0)
+      ], 2)) : R("", !0)
+    ], 2));
+  }
+}), Bt = (B, { isColumnWrapped: _, selectionId: l }) => {
+  const z = (o) => {
+    var m;
+    const c = (y) => y === "list" ? "md" : "sm";
+    return {
+      ...(o == null ? void 0 : o.skeletonProps) ?? {},
+      style: "width: 100%",
+      size: c((m = o == null ? void 0 : o.skeletonProps) == null ? void 0 : m.type)
+    };
+  }, b = (o) => {
+    var m, y;
+    const c = (m = o.props) == null ? void 0 : m.column.columnDef;
+    return V(c == null ? void 0 : c.render) && o.props.row ? (y = c == null ? void 0 : c.render) == null ? void 0 : y.call(c, {
+      index: o.props.row.index,
+      record: o.props.row.original,
+      column: Be(c, "render")
+    }) : typeof o.render == "function" || typeof o.render == "object" ? Ze(o.render, o.props) : o.render;
+  }, u = (o) => {
+    let c = {};
+    if (o) {
+      const m = (D) => Number(D) >= 0 ? `${D}px` : D, { width: y, maxWidth: M, minWidth: L } = o;
+      (y || M || L) && (c = {
+        width: m(y),
+        maxWidth: m(M),
+        minWidth: m(L),
+        overflow: y || M ? "hidden" : void 0
+      });
+    }
+    return c;
+  }, $ = {}, s = (o, c = !0) => {
+    var y;
+    let m = 1;
+    return ((y = o == null ? void 0 : o.subHeaders) == null ? void 0 : y.length) === 1 && o.column.id === o.subHeaders[0].column.id && (m += s(o.subHeaders[0], !1)), c && (!$[o.column.id] || $[o.column.id] < m) && ($[o.column.id] = m), m;
+  }, C = (o, c = {}) => {
+    var m;
+    if (o != null && o.column) {
+      const y = (m = o == null ? void 0 : o.column) == null ? void 0 : m.columnDef, M = [], L = {};
+      if (ae(y)) {
+        let D = _(o.column.id);
+        const { customCell: K, class: F } = y;
+        if (he(F) || M.push(F), K && (ae(K) || V(K))) {
+          const q = (w) => {
+            if (ae(w)) {
+              const { wrap: E, colSpan: ee, rowSpan: te } = w;
+              D = D || (E ?? !1), L.colSpan = ee, L.rowSpan = te;
+            }
+          };
+          V(K) && o.row ? q(
+            K({
+              index: o.row.index,
+              record: o.row.original,
+              column: y
+            })
+          ) : q(K);
+        }
+        o.header ? L.rowSpan = s(o.header) : D && (L.wrap = !0);
+      }
+      return {
+        class: he(M) ? void 0 : M,
+        ...L,
+        ...c
+      };
+    }
+    return {};
+  };
+  return {
+    getSkeletonProps: z,
+    RenderCell: b,
+    getThProps: (o) => {
+      var c, m, y;
+      return C(o, {
+        colSpan: (c = o == null ? void 0 : o.header) == null ? void 0 : c.colSpan,
+        "data-has-children": ((y = (m = o == null ? void 0 : o.column) == null ? void 0 : m.columns) == null ? void 0 : y.length) > 1 ? !0 : void 0
+      });
+    },
+    getTdProps: (o) => C(o),
+    getColProps: (o) => {
+      const c = u(o.columnDef);
+      return o.id === l && (c.width = "var(--pt-dimension-2800)"), {
+        style: c
+      };
+    },
+    isThVisible: (o, c, m) => $[m] === 1 ? !0 : c - o === $[m]
+  };
+};
+var At = "[object Boolean]";
+function It(B) {
+  return B === !0 || B === !1 || tt(B) && ot(B) == At;
+}
+const Tt = (B) => {
+  const _ = Q([]), l = (s) => s ? _.value.findIndex((C) => C.id === s) : -1, z = (s) => {
+    if (s) return _.value.find((C) => C.id === s);
+  }, b = (s) => {
+    var C;
+    return !!((C = z(s)) != null && C.wrap);
+  }, u = (s) => {
+    const { id: C } = s;
+    if (!C) return !1;
+    const W = s.wrap ?? !b(C), O = l(C);
+    return O >= 0 ? _.value[O] = { id: C, wrap: W } : _.value.push({ id: C, wrap: W }), !0;
+  }, $ = P(
+    () => (B.columns ?? []).filter((s) => It(s.wrap)).map((s) => ({
+      id: s.id,
+      wrap: !!s.wrap
+    }))
+  );
+  return X(
+    $,
+    (s) => {
+      _.value = [..._.value, ...s];
+    },
+    {
+      immediate: !0,
+      deep: !0
+    }
+  ), {
+    isColumnWrapped: b,
+    toggleWrap: u
+  };
+}, Pt = {
+  key: 2,
+  class: "h-full flex items-center"
+}, Lt = { class: "h-1600 flex ps-400 gap-400 text-fg items-center" }, Mt = { class: "txs-body" }, Vt = { class: "flex items-center" }, ao = /* @__PURE__ */ _e({
+  __name: "DataTable",
+  props: {
+    columns: {},
+    childrenColumnName: { default: "children" },
+    data: {},
+    class: {},
+    scrollViewportCls: {},
+    scrollAreaCls: {},
+    theadCls: {},
+    tbodyCls: {},
+    actionHoverCls: {},
+    rootCls: {},
+    rowSelection: {},
+    rowKey: {},
+    lazyLoading: { type: Boolean },
+    loading: { type: Boolean },
+    emptyProps: {},
+    size: {},
+    batchActionsTitle: { default: "Records selected :" },
+    loadingRowCount: { default: 5 },
+    stickyHeader: { type: Boolean },
+    zebra: { type: Boolean, default: !0 },
+    tableLayout: { default: "fixed" },
+    actionCol: {},
+    noHeader: { type: Boolean }
+  },
+  emits: ["fetch"],
+  setup(B, { emit: _ }) {
+    const l = B, z = _, b = $e(), u = Re("data_table", rt), $ = Je(), s = `$${u}_selection$`, C = P(() => {
+      var e;
+      return ((e = l.actionCol) == null ? void 0 : e.id) ?? `$${u}_action$`;
+    }), W = (e) => Be(e ?? {}, "title", "sorter", "columns", "id", "dataIndex"), O = P(() => {
+      var h;
+      const e = (n) => {
+        var j;
+        const S = n.id ?? nt(`${u}--col`);
+        return re(be(n, l.childrenColumnName)) ? $.group({
+          header: n.title,
+          id: S,
+          columns: (j = be(n, l.childrenColumnName) ?? []) == null ? void 0 : j.map(e),
+          enableSorting: !1,
+          ...W(n)
+        }) : $.accessor(n.dataIndex ?? n.id, {
+          header: n.title,
+          id: S,
+          sortingFn: typeof n.sorter == "function" ? (ne, We) => n.sorter(ne.original, We.original) : n.sorter,
+          enableSorting: !!n.sorter,
+          ...W(n)
+        });
+      };
+      if (!re(l.columns)) throw "no columns";
+      const i = l.columns.map(({ id: n }) => n);
+      if (ct(i).length !== i.length) throw "no uniq column ids";
+      const r = [];
+      return l.rowSelection && l.rowKey && r.push(
+        $.accessor(s, {
+          id: s,
+          enableSorting: !1
+        })
+      ), l.columns.forEach((n) => {
+        r.push(e(n));
+      }), (b.action || b.hoverAction) && r.push(
+        $.accessor(C.value, {
+          id: C.value,
+          header: (h = l.actionCol) == null ? void 0 : h.title,
+          enableSorting: !1,
+          ...W(l.actionCol)
+        })
+      ), r;
+    }), { toggleWrap: ce, isColumnWrapped: x } = Tt(l), o = Q({}), c = P(() => Object.keys(o.value)), m = P(
+      () => l.rowKey ? Qe(l.data, (e) => e.children).map(
+        (e) => e[l.rowKey]
+      ) : []
+    ), y = () => {
+      const e = Object.fromEntries(
+        c.value.filter((i) => {
+          var r;
+          return !((r = l.rowSelection) != null && r.preserveSelectedRowKeys) && l.rowKey ? m.value.includes(i) : !0;
+        }).map((i) => [i, !0])
+      );
+      Object.keys(e).length !== c.value.length && (o.value = e, se(() => {
+        var i;
+        V((i = l.rowSelection) == null ? void 0 : i.onChange) && l.rowSelection.onChange(E.value);
+      }));
+    }, M = P(() => (y(), [...l.data])), L = at(), K = ut(
+      Object.fromEntries(
+        Object.keys(L).map((e) => [e, L[e].minWidth])
+      ),
+      { strategy: "min-width" }
+    ).active(), F = Q({});
+    X(
+      K,
+      (e) => {
+        F.value = Object.fromEntries(
+          O.value.map((i) => {
+            var r;
+            return [
+              i.id,
+              re(i == null ? void 0 : i.responsive) ? (r = i.responsive) == null ? void 0 : r.includes(e) : !0
+            ];
+          })
+        );
+      },
+      { immediate: !0 }
+    );
+    const q = Q([]), w = Xe({
+      // debugTable: true,
+      getSubRows: (e) => e.children,
+      enableSorting: !0,
+      enableMultiSort: !0,
+      get data() {
+        return M.value;
+      },
+      onSortingChange: (e) => {
+        q.value = typeof e == "function" ? e(q.value) : e;
+      },
+      state: {
+        get sorting() {
+          return q.value;
+        },
+        get rowSelection() {
+          return o.value;
+        },
+        get columnVisibility() {
+          return F.value;
+        }
+      },
+      enableRowSelection: !0,
+      get columns() {
+        return O.value;
+      },
+      getRowCanExpand: () => !0,
+      getCoreRowModel: xe(),
+      getSortedRowModel: Ye(),
+      onRowSelectionChange: (e) => {
+        o.value = typeof e == "function" ? e(o.value) : e;
+      }
+    }), E = P(() => ({
+      selectedRowKeys: c.value,
+      selectedRows: w.getFilteredSelectedRowModel().flatRows.map((e) => e.original)
+    }));
+    X(
+      () => l.rowKey,
+      () => {
+        w._getRowId = l.rowKey ? (e) => e[l.rowKey] : void 0;
+      },
+      { immediate: !0 }
+    ), X(
+      () => {
+        var e;
+        return (e = l.rowSelection) == null ? void 0 : e.selectedRowKeys;
+      },
+      (e, i) => {
+        var r, h;
+        if ((h = (r = l.rowSelection) == null ? void 0 : r.selectedRowKeys) != null && h.length && !Se(e, i)) {
+          const n = Object.fromEntries(
+            t(l.rowSelection.selectedRowKeys ?? Object.keys(o.value)).map(
+              (S) => [S, !0]
+            )
+          );
+          Se(n, o.value) || (o.value = n);
+        }
+      },
+      { immediate: !0 }
+    );
+    const ee = P(() => w.getIsAllRowsSelected() ? !0 : w.getIsSomeRowsSelected() ? "indeterminate" : !1), te = (e) => {
+      w.getIsSomeRowsSelected() || w.getIsAllRowsSelected() ? w.toggleAllRowsSelected(!1) : w.toggleAllRowsSelected(!0), se(() => {
+        var i, r;
+        V((i = l.rowSelection) == null ? void 0 : i.onSelectAll) && l.rowSelection.onSelectAll({ ...E.value, selected: e }), V((r = l.rowSelection) == null ? void 0 : r.onChange) && l.rowSelection.onChange(E.value);
+      });
+    }, Ae = (e, i) => {
+      var r;
+      i.toggleSelected(e, {
+        selectChildren: !((r = l.rowSelection) != null && r.checkStrictly)
+      }), se(() => {
+        var h, n;
+        V((h = l.rowSelection) == null ? void 0 : h.onSelect) && l.rowSelection.onSelect({
+          ...E.value,
+          selected: e,
+          record: i.original
+        }), V((n = l.rowSelection) == null ? void 0 : n.onChange) && l.rowSelection.onChange(E.value);
+      });
+    }, Ie = (e) => {
+      var i, r;
+      return V((i = l.rowSelection) == null ? void 0 : i.getCheckboxProps) && ((r = l.rowSelection) == null || r.getCheckboxProps(e)), {};
+    }, ue = (e) => {
+      var i;
+      if (e.getIsSelected()) return !0;
+      if ((i = e.subRows) != null && i.length) {
+        if (e.getIsAllSubRowsSelected()) return !0;
+        if (e.getIsSomeSelected()) return "indeterminate";
+      }
+      return !1;
+    }, de = Ne("target"), { stop: Te } = dt(de, ([e]) => {
+      l.lazyLoading && !l.loading && (e != null && e.isIntersecting) && z("fetch");
+    });
+    Oe(Te);
+    const { getSkeletonProps: Pe, getThProps: Le, RenderCell: me, getTdProps: oe, getColProps: Me, isThVisible: Ve } = Bt(l, {
+      selectionId: s,
+      isColumnWrapped: x
+    }), pe = P(() => Object.keys(o.value).length), De = () => {
+      o.value = {};
+    }, Ke = ze(u, {
+      variants: {
+        empty: He("empty", u)
+      }
+    }), fe = qe(0), Ee = ({ item: e }, i) => {
+      e.key === "a-z" && i.toggleSorting(!1, !1), e.key === "z-a" && i.toggleSorting(!0, !1), e.key === "wrap" && ce({ id: i.id }), fe.value++;
+    }, je = (e) => {
+      const i = e.getIsSorted();
+      if (!i) return "tabler:arrows-up-down";
+      if (i === "desc") return "tabler:arrow-down";
+      if (i === "asc") return "tabler:arrow-up";
+    }, ge = P(
+      () => w.getHeaderGroups().map((e) => ({
+        ...e,
+        headers: e.headers.map((i) => ({
+          ...i,
+          bindings: Le(i.getContext())
+        }))
+      }))
+    );
+    return (e, i) => (a(), p("div", {
+      class: g([t(k)(t(u), "root"), e.rootCls])
+    }, [
+      f(ve, {
+        "z-index": "1",
+        open: !!(pe.value && b.batchActions),
+        placement: "bottom",
+        "side-offset": -54,
+        "container-cls": "pantograph-tokens dark"
+      }, {
+        content: d(() => [
+          v("div", Lt, [
+            f(pt, {
+              text: pe.value,
+              size: "xsm"
+            }, null, 8, ["text"]),
+            v("div", Mt, J(e.batchActionsTitle), 1),
+            v("div", Vt, [
+              H(e.$slots, "batchActions", Ge(Ue(E.value)))
+            ]),
+            f(we, {
+              type: "vertical",
+              class: "!min-h-800"
+            }),
+            f(ke, {
+              icon: "tabler:x",
+              color: "gray",
+              type: "ghost",
+              onClick: De
+            })
+          ])
+        ]),
+        default: d(() => [
+          v("div", {
+            class: g([t(k)(t(u), "scroll_area"), e.scrollAreaCls])
+          }, [
+            v("div", {
+              class: g([t(k)(t(u), "scroll_viewport"), e.scrollViewportCls])
+            }, [
+              f(t(gt), {
+                size: e.size,
+                style: Fe({
+                  tableLayout: e.tableLayout
+                }),
+                class: g([
+                  t(Ke)({
+                    empty: !t(w).getRowModel().rows.length
+                  }),
+                  l.class
+                ])
+              }, {
+                default: d(() => [
+                  v("colgroup", null, [
+                    (a(!0), p(A, null, Z(t(w).getVisibleLeafColumns(), (r, h) => (a(), p("col", I({
+                      key: r.id,
+                      ref_for: !0
+                    }, t(Me)(r)), null, 16))), 128))
+                  ]),
+                  e.noHeader ? R("", !0) : (a(), T(t(Ct), {
+                    key: 0,
+                    class: g(e.theadCls),
+                    sticky: e.stickyHeader
+                  }, {
+                    default: d(() => [
+                      (a(!0), p(A, null, Z(ge.value, (r, h) => (a(), T(t(G), {
+                        key: r.id
+                      }, {
+                        default: d(() => [
+                          (a(!0), p(A, null, Z(r.headers, (n) => (a(), p(A, {
+                            key: n.id
+                          }, [
+                            t(Ve)(h, ge.value.length, n.column.id) ? (a(), T(t(yt), I({
+                              key: 0,
+                              ref_for: !0
+                            }, n.bindings, {
+                              "data-selection": n.column.id === s
+                            }), {
+                              default: d(() => [
+                                v("div", {
+                                  class: g(t(k)(t(u), "header"))
+                                }, [
+                                  v("div", {
+                                    class: g(t(k)(t(u), "header__content"))
+                                  }, [
+                                    n.column.id !== s ? (a(), p(A, { key: 0 }, [
+                                      v("div", {
+                                        class: g(t(k)(t(u), "header__content__title"))
+                                      }, [
+                                        H(e.$slots, "headerCell", I({ ref_for: !0 }, {
+                                          column: n.column.columnDef
+                                        }), () => [
+                                          f(t(me), {
+                                            props: n.getContext(),
+                                            render: n.column.columnDef.header
+                                          }, null, 8, ["props", "render"])
+                                        ])
+                                      ], 2),
+                                      n.column.getCanSort() ? (a(), T(st, {
+                                        key: 0,
+                                        class: g({ hide_filter_action: !n.column.getIsSorted() }),
+                                        icon: je(n.column),
+                                        size: "sm",
+                                        type: "ghost",
+                                        variant: "icon",
+                                        active: !!n.column.getIsSorted(),
+                                        onClick: (S) => {
+                                          var j;
+                                          return (j = n.column.getToggleSortingHandler()) == null ? void 0 : j(S);
+                                        }
+                                      }, null, 8, ["class", "icon", "active", "onClick"])) : R("", !0)
+                                    ], 64)) : (a(), p(A, { key: 1 }, [
+                                      v("div", {
+                                        class: g(t(k)(t(u), "selection_space"))
+                                      }, null, 2),
+                                      f(ye, {
+                                        rootCls: "w-fit",
+                                        checked: ee.value,
+                                        onChange: te
+                                      }, null, 8, ["checked"])
+                                    ], 64))
+                                  ], 2),
+                                  ![C.value, s].includes(n.column.id) && !n.column.columns.length ? (a(), p("div", {
+                                    key: 0,
+                                    class: g(t(k)(t(u), "header__action"))
+                                  }, [
+                                    (a(), T(ve, {
+                                      "z-index": "1",
+                                      placement: "bottom-end",
+                                      key: fe.value
+                                    }, {
+                                      content: d(() => [
+                                        f(lt, {
+                                          onSelect: (S) => Ee(S, n.column)
+                                        }, {
+                                          default: d(() => [
+                                            n.column.getCanSort() ? (a(), p(A, { key: 0 }, [
+                                              f(ie, {
+                                                title: "Sort A → Z",
+                                                key: "a-z"
+                                              }, {
+                                                leading: d(({ iconSize: S }) => [
+                                                  f(Y, {
+                                                    icon: "tabler:arrow-up",
+                                                    size: S
+                                                  }, null, 8, ["size"])
+                                                ]),
+                                                _: 1
+                                              }),
+                                              f(ie, {
+                                                title: "Sort Z → A",
+                                                key: "z-a"
+                                              }, {
+                                                leading: d(({ iconSize: S }) => [
+                                                  f(Y, {
+                                                    icon: "tabler:arrow-down",
+                                                    size: S
+                                                  }, null, 8, ["size"])
+                                                ]),
+                                                _: 1
+                                              }),
+                                              f(we)
+                                            ], 64)) : R("", !0),
+                                            f(ie, {
+                                              title: "Wrap Column",
+                                              key: "wrap"
+                                            }, {
+                                              leading: d(({ iconSize: S }) => [
+                                                f(Y, {
+                                                  icon: "tabler:text-wrap",
+                                                  size: S
+                                                }, null, 8, ["size"])
+                                              ]),
+                                              trailing: d(() => [
+                                                f(ft, {
+                                                  checked: t(x)(n.column.id)
+                                                }, null, 8, ["checked"])
+                                              ]),
+                                              _: 2
+                                            }, 1024)
+                                          ]),
+                                          _: 2
+                                        }, 1032, ["onSelect"])
+                                      ]),
+                                      default: d(() => [
+                                        f(ke, {
+                                          icon: "tabler:dots-vertical",
+                                          size: "sm",
+                                          color: "gray",
+                                          type: "ghost",
+                                          class: g(t(k)(t(u), "header__action__hover"))
+                                        }, null, 8, ["class"])
+                                      ]),
+                                      _: 2
+                                    }, 1024))
+                                  ], 2)) : R("", !0)
+                                ], 2)
+                              ]),
+                              _: 2
+                            }, 1040, ["data-selection"])) : R("", !0)
+                          ], 64))), 128))
+                        ]),
+                        _: 2
+                      }, 1024))), 128))
+                    ]),
+                    _: 3
+                  }, 8, ["class", "sticky"])),
+                  f(t(ht), {
+                    class: g(e.tbodyCls)
+                  }, {
+                    default: d(() => [
+                      (a(!0), p(A, null, Z(t(w).getRowModel().rows, (r, h) => (a(), T(t(G), {
+                        key: r.id,
+                        zebra: e.zebra,
+                        checked: !!ue(r)
+                      }, {
+                        default: d(() => [
+                          (a(!0), p(A, null, Z(r.getVisibleCells(), (n) => {
+                            var S, j;
+                            return a(), p(A, {
+                              key: n.id
+                            }, [
+                              ((S = t(oe)(n.getContext())) == null ? void 0 : S.colSpan) !== 0 && ((j = t(oe)(n.getContext())) == null ? void 0 : j.rowSpan) !== 0 ? (a(), T(t(U), I({
+                                key: 0,
+                                ref_for: !0
+                              }, t(oe)(n.getContext())), Ce({
+                                default: d(() => [
+                                  n.column.id === C.value && (b.hoverAction || b.action) ? (a(), p("div", {
+                                    key: 0,
+                                    class: g(t(k)(t(u), "action_cell"))
+                                  }, [
+                                    v("div", {
+                                      class: g([t(k)(t(u), "action_cell__hover"), e.actionHoverCls])
+                                    }, [
+                                      H(e.$slots, "hoverAction", I(
+                                        { ref_for: !0 },
+                                        {
+                                          column: n.column.columnDef,
+                                          record: r.original,
+                                          index: h
+                                        }
+                                      ))
+                                    ], 2),
+                                    H(e.$slots, "action", I(
+                                      { ref_for: !0 },
+                                      {
+                                        column: n.column.columnDef,
+                                        record: r.original,
+                                        index: h
+                                      }
+                                    ))
+                                  ], 2)) : n.column.id !== s ? H(e.$slots, "bodyCell", I(
+                                    {
+                                      key: 1,
+                                      ref_for: !0
+                                    },
+                                    {
+                                      column: n.column.columnDef,
+                                      record: r.original,
+                                      index: h
+                                    }
+                                  ), () => [
+                                    f(t(me), {
+                                      render: n.column.columnDef.cell,
+                                      props: n.getContext()
+                                    }, null, 8, ["render", "props"])
+                                  ]) : e.rowKey && r.original[e.rowKey] ? (a(), p("div", Pt, [
+                                    v("div", {
+                                      class: g(t(k)(t(u), "selection_space"))
+                                    }, null, 2),
+                                    f(ye, I({
+                                      rootCls: "w-fit",
+                                      disabled: !r.getCanSelect(),
+                                      checked: ue(r),
+                                      onChange: (ne) => Ae(ne, r),
+                                      ref_for: !0
+                                    }, Ie(r.original)), null, 16, ["disabled", "checked", "onChange"])
+                                  ])) : R("", !0)
+                                ]),
+                                _: 2
+                              }, [
+                                b.cellAction && ![C.value, s].includes(n.column.id) ? {
+                                  name: "absoluteAction",
+                                  fn: d(() => [
+                                    H(e.$slots, "cellAction", I(
+                                      { ref_for: !0 },
+                                      {
+                                        column: n.column.columnDef,
+                                        record: r.original,
+                                        index: h
+                                      }
+                                    ))
+                                  ]),
+                                  key: "0"
+                                } : void 0
+                              ]), 1040)) : R("", !0)
+                            ], 64);
+                          }), 128))
+                        ]),
+                        _: 2
+                      }, 1032, ["zebra", "checked"]))), 128)),
+                      l.loading ? (a(!0), p(A, { key: 0 }, Z(t(w).getRowModel().rows.length ? 2 : e.loadingRowCount, (r) => (a(), T(t(G), {
+                        key: r,
+                        zebra: e.zebra
+                      }, {
+                        default: d(() => [
+                          (a(!0), p(A, null, Z(t(w).getVisibleLeafColumns(), (h, n) => (a(), T(t(U), { key: n }, {
+                            default: d(() => [
+                              h.id !== s ? H(e.$slots, "skeleton", I({
+                                key: 0,
+                                ref_for: !0
+                              }, { index: n, column: h.columnDef }), () => [
+                                f(mt, I({ ref_for: !0 }, t(Pe)(h.columnDef)), null, 16)
+                              ]) : R("", !0)
+                            ]),
+                            _: 2
+                          }, 1024))), 128))
+                        ]),
+                        _: 2
+                      }, 1032, ["zebra"]))), 128)) : R("", !0),
+                      t(w).getRowModel().rows.length ? R("", !0) : (a(), T(t(G), {
+                        key: 1,
+                        empty: ""
+                      }, {
+                        default: d(() => [
+                          f(t(U), {
+                            colspan: t(w).getVisibleLeafColumns().length,
+                            empty: ""
+                          }, {
+                            default: d(() => [
+                              f(zt, I({ type: "advance" }, e.emptyProps), Ce({ _: 2 }, [
+                                b.emptyTitle ? {
+                                  name: "title",
+                                  fn: d(() => [
+                                    H(e.$slots, "emptyTitle")
+                                  ]),
+                                  key: "0"
+                                } : void 0,
+                                b.emptyDescription ? {
+                                  name: "title",
+                                  fn: d(() => [
+                                    H(e.$slots, "emptyDescription")
+                                  ]),
+                                  key: "1"
+                                } : void 0,
+                                b.emptyActions ? {
+                                  name: "title",
+                                  fn: d(() => [
+                                    H(e.$slots, "emptyActions")
+                                  ]),
+                                  key: "2"
+                                } : void 0,
+                                b.emptyImage ? {
+                                  name: "title",
+                                  fn: d(() => [
+                                    H(e.$slots, "emptyImage")
+                                  ]),
+                                  key: "3"
+                                } : void 0
+                              ]), 1040)
+                            ]),
+                            _: 3
+                          }, 8, ["colspan"])
+                        ]),
+                        _: 3
+                      })),
+                      e.lazyLoading ? (a(), T(t(G), {
+                        key: 2,
+                        "lazy-load-observer": ""
+                      }, {
+                        default: d(() => [
+                          f(t(U), {
+                            ref_key: "target",
+                            ref: de,
+                            "lazy-load-observer": ""
+                          }, null, 512)
+                        ]),
+                        _: 1
+                      })) : R("", !0)
+                    ]),
+                    _: 3
+                  }, 8, ["class"])
+                ]),
+                _: 3
+              }, 8, ["size", "style", "class"])
+            ], 2)
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["open"])
+    ], 2));
+  }
+});
+export {
+  ao as DataTable,
+  ao as default
+};