@pantograph/vue 0.23.2 → 0.23.3

package/dist/DataTable/index.js

@@ -1,4 +1,4 @@
-import { _ as t, _ as f } from "../DataTable.vue_vue_type_style_index_0_lang-CRVmec4j.js";
+import { _ as t, _ as f } from "../DataTable.vue_vue_type_style_index_0_lang-9W9p_J1i.js";
 export {
   t as DataTable,
   f as default

package/dist/DataTable/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../DataTable.vue_vue_type_style_index_0_lang-ygPXw5Mi.js");exports.DataTable=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../DataTable.vue_vue_type_style_index_0_lang-DOJv5evl.js");exports.DataTable=e._sfc_main;exports.default=e._sfc_main;

package/dist/{DataTable.vue_vue_type_style_index_0_lang-CRVmec4j.js → DataTable.vue_vue_type_style_index_0_lang-9W9p_J1i.js}

@@ -1,10 +1,10 @@
-import { h as Ze, ref as N, computed as H, watch as ie, unref as t, nextTick as se, defineComponent as qe, useSlots as Ge, shallowRef as Ue, createElementBlock as $, openBlock as v, normalizeClass as R, createVNode as S, withCtx as y, normalizeProps as X, guardReactiveProps as ye, normalizeStyle as Je, createElementVNode as W, createBlock as E, createCommentVNode as j, Fragment as D, renderList as F, mergeProps as B, renderSlot as O, createTextVNode as Qe, toDisplayString as Ce, createSlots as ve, withModifiers as Se } from "vue";
+import { h as Ze, ref as N, computed as H, watch as ce, unref as t, nextTick as ie, defineComponent as qe, useSlots as Ge, shallowRef as Ue, createElementBlock as $, openBlock as v, normalizeClass as R, createVNode as S, withCtx as y, normalizeProps as X, guardReactiveProps as Ce, normalizeStyle as Je, createElementVNode as W, createBlock as E, createCommentVNode as j, Fragment as D, renderList as x, mergeProps as B, renderSlot as O, createTextVNode as Qe, toDisplayString as ve, createSlots as Se, withModifiers as _e } from "vue";
 import { flattenBy as De, createColumnHelper as Ke, useVueTable as Xe, getSortedRowModel as Ye, getCoreRowModel as et } from "@tanstack/vue-table";
-import { _ as _e } from "./Checkbox.vue_vue_type_style_index_0_lang-5tG-1ejh.js";
+import { _ as ke } from "./Checkbox.vue_vue_type_style_index_0_lang-5tG-1ejh.js";
 import { _ as tt, a as oe } from "./Menu.vue_vue_type_style_index_0_lang-CFuwm984.js";
 import { _ as nt } from "./ActionButton.vue_vue_type_script_setup_true_lang-C40QLnax.js";
 import { _ as ot } from "./Empty.vue_vue_type_style_index_0_lang-C4a5JepF.js";
-import { h as G, t as ke, w as K, o as ce, B as rt, D as lt, E as be, x as ee, v as Re, G as st, H as ae, J as $e, K as re, M as it, N as Le, O as ct, P as at, Q as ut, R as ft, T as dt, U as mt, V as gt, r as x, n as Be, f as le } from "./Icon.vue_vue_type_style_index_0_lang-Kn_r4tp8.js";
+import { h as G, t as re, w as K, o as ae, B as rt, D as lt, E as be, x as ee, v as Re, G as st, H as ue, J as $e, K as le, M as it, N as Le, O as ct, P as at, Q as ut, R as ft, T as dt, U as mt, V as gt, r as I, n as Be, f as se } from "./Icon.vue_vue_type_style_index_0_lang-Kn_r4tp8.js";
 import { usePCId as pt, getBemBlock as wt, wgt_pre as ht, generateVariantClassList as yt, getBemElement as P } from "@pantograph/utils";
 import { _ as Ct } from "./Skeleton.vue_vue_type_style_index_0_lang-Xi8CteLp.js";
 import { _ as Pe } from "./Popover.vue_vue_type_style_index_0_lang-B-MX4Q7D.js";
@@ -35,7 +35,7 @@ const Dt = ({ isColumnWrapped: n, selectionId: l }) => {
     return K(m == null ? void 0 : m.render) && e.props.row ? (_ = m == null ? void 0 : m.render) == null ? void 0 : _.call(m, {
       index: e.props.row.index,
       record: e.props.row.original,
-      column: ce(m, "render")
+      column: ae(m, "render")
     }) : typeof e.render == "function" || typeof e.render == "object" ? Ze(e.render, e.props) : e.render;
   }, f = (e) => {
     let m = {};
@@ -60,11 +60,11 @@ const Dt = ({ isColumnWrapped: n, selectionId: l }) => {
       if (G(_)) {
         let T = n(e.column.id);
         const { customCell: L, class: U } = _;
-        if (ke(U) || A.push(U), L && (G(L) || K(L))) {
-          const J = (I) => {
-            if (G(I)) {
-              const { wrap: Q, colSpan: V, rowSpan: te } = I;
-              T = T || (Q ?? !1), C.colSpan = V, C.rowSpan = te;
+        if (re(U) || A.push(U), L && (G(L) || K(L))) {
+          const J = (F) => {
+            if (G(F)) {
+              const { wrap: Q, colSpan: V, rowSpan: te } = F;
+              T = T || (Q ?? !1), C.colSpan = V, C.rowSpan = te, re(F.class) || A.push(F.class);
             }
           };
           K(L) && e.row ? J(
@@ -78,7 +78,7 @@ const Dt = ({ isColumnWrapped: n, selectionId: l }) => {
         e.header ? C.rowSpan = i(e.header) : T && (C.wrap = !0);
       }
       return {
-        class: ke(A) ? void 0 : A,
+        class: re(A) ? void 0 : A,
         ...C,
         ...m
       };
@@ -126,7 +126,7 @@ const Mt = (n) => {
       wrap: !!g.wrap
     }))
   );
-  return ie(
+  return ce(
     i,
     (g) => {
       l.value = [...l.value, ...g];
@@ -141,7 +141,7 @@ const Mt = (n) => {
   };
 }, Et = (n, { colId: l, onSelectionChange: r }) => {
   const d = N({}), f = H(() => Object.keys(d.value));
-  ie(
+  ce(
     () => {
       var u;
       return (u = n.rowSelection) == null ? void 0 : u.selectedRowKeys;
@@ -170,7 +170,7 @@ const Mt = (n) => {
         return !((e = n.rowSelection) != null && e.preserveSelectedRowKeys) && n.rowKey ? o.value.includes(c) : !0;
       }).map((c) => [c, !0])
     );
-    Object.keys(u).length !== f.value.length && (d.value = u, se(() => {
+    Object.keys(u).length !== f.value.length && (d.value = u, ie(() => {
       r();
     }));
   }, g = Ke();
@@ -194,7 +194,7 @@ const Mt = (n) => {
     selectedRowKeys: l.value,
     selectedRows: n.getFilteredSelectedRowModel().flatRows.map((u) => u.original)
   })), o = (u) => {
-    n.getIsSomeRowsSelected() || n.getIsAllRowsSelected() ? n.toggleAllRowsSelected(!1) : n.toggleAllRowsSelected(!0), se(() => {
+    n.getIsSomeRowsSelected() || n.getIsAllRowsSelected() ? n.toggleAllRowsSelected(!1) : n.toggleAllRowsSelected(!0), ie(() => {
       var c, e;
       K((c = r.rowSelection) == null ? void 0 : c.onSelectAll) && r.rowSelection.onSelectAll({ ...f.value, selected: u }), K((e = r.rowSelection) == null ? void 0 : e.onChange) && r.rowSelection.onChange(f.value);
     });
@@ -202,7 +202,7 @@ const Mt = (n) => {
     var e;
     c.toggleSelected(u, {
       selectChildren: !((e = r.rowSelection) != null && e.checkStrictly)
-    }), se(() => {
+    }), ie(() => {
       var m, a;
       K((m = r.rowSelection) == null ? void 0 : m.onSelect) && r.rowSelection.onSelect({
         ...f.value,
@@ -242,7 +242,7 @@ const Mt = (n) => {
     return ((c = n.actionCol) == null ? void 0 : c.id) ?? `$${l}_action$`;
   }), i = H(() => {
     var A;
-    const c = (C) => ce(C ?? {}, "columns", "id"), e = (C) => {
+    const c = (C) => ae(C ?? {}, "columns", "id"), e = (C) => {
       var L;
       const T = C.id ?? pt(`${l}--col`);
       return ee(Re(C, n.childrenColumnName ?? "children")) ? f.group({
@@ -278,7 +278,7 @@ const Mt = (n) => {
     ),
     { strategy: "min-width" }
   ).active(), u = N({});
-  return ie(
+  return ce(
     k,
     (c) => {
       u.value = Object.fromEntries(
@@ -316,7 +316,7 @@ function xt(n, l) {
   return function(r, d) {
     if (r == null)
       return r;
-    if (!ae(r))
+    if (!ue(r))
       return n(r, d);
     for (var f = r.length, o = -1, i = Object(r); ++o < f && d(i[o], o, i) !== !1; )
       ;
@@ -325,7 +325,7 @@ function xt(n, l) {
 }
 var It = xt(Ft);
 function Nt(n, l) {
-  var r = -1, d = ae(n) ? Array(n.length) : [];
+  var r = -1, d = ue(n) ? Array(n.length) : [];
   return It(n, function(f, o, i) {
     d[++r] = l(f, o, i);
   }), d;
@@ -359,15 +359,15 @@ function Gt(n, l, r) {
   return n.index - l.index;
 }
 function Ut(n, l, r) {
-  l.length ? l = re(l, function(o) {
+  l.length ? l = le(l, function(o) {
     return ee(o) ? function(i) {
       return it(i, o.length === 1 ? o[0] : o);
     } : o;
   }) : l = [Le];
   var d = -1;
-  l = re(l, ct(at));
+  l = le(l, ct(at));
   var f = Nt(n, function(o, i, g) {
-    var p = re(l, function(k) {
+    var p = le(l, function(k) {
       return k(o);
     });
     return { criteria: p, index: ++d, value: o };
@@ -383,7 +383,7 @@ function Te(n, l, r) {
   if (!G(r))
     return !1;
   var d = typeof l;
-  return (d == "number" ? ae(r) && dt(l, r.length) : d == "string" && l in r) ? mt(r[l], n) : !1;
+  return (d == "number" ? ue(r) && dt(l, r.length) : d == "string" && l in r) ? mt(r[l], n) : !1;
 }
 var Ve = Jt(function(n, l) {
   if (n == null)
@@ -403,7 +403,7 @@ const Qt = (n, l, r) => {
     if (c === "desc") return "Sorted Z → A\u2028Click to change sort";
     if (c === "asc") return "Sorted A → Z\u2028Click to change sort";
   }, o = N([]), i = N([]), g = (u, c) => {
-    const e = x(
+    const e = I(
       [...o.value, ...i.value].find((a) => a.id === u.id)
     ) ?? {
       id: u.id,
@@ -412,7 +412,7 @@ const Qt = (n, l, r) => {
     };
     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) && [...o.value, ...i.value].every((a) => Be(a.multiple)) ? (o.value = x(o.value).filter((a) => a.id !== u.id), i.value = x(i.value).filter((a) => a.id !== u.id), e.sorter === "server" ? i.value.push(e) : o.value.push(e), o.value = Ve(o.value, "multiple"), i.value = Ve(i.value, "multiple")) : e.sorter === "server" ? (o.value = [], i.value = [e]) : (o.value = [e], i.value = []), o.value = o.value.filter((a) => a.desc !== void 0), i.value = i.value.filter((a) => a.desc !== void 0), l("sort", u.columnDef, m(), x([...o.value, ...i.value]));
+    Be(u.columnDef.multiSort) && [...o.value, ...i.value].every((a) => Be(a.multiple)) ? (o.value = I(o.value).filter((a) => a.id !== u.id), i.value = I(i.value).filter((a) => a.id !== u.id), e.sorter === "server" ? i.value.push(e) : o.value.push(e), o.value = Ve(o.value, "multiple"), i.value = Ve(i.value, "multiple")) : e.sorter === "server" ? (o.value = [], i.value = [e]) : (o.value = [e], i.value = []), o.value = o.value.filter((a) => a.desc !== void 0), i.value = i.value.filter((a) => a.desc !== void 0), l("sort", u.columnDef, m(), I([...o.value, ...i.value]));
   }, p = (u) => {
     const c = [...i.value, ...o.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;
@@ -463,9 +463,9 @@ const Qt = (n, l, r) => {
       colId: i,
       onSelectionChange: () => {
         var s;
-        K((s = r.rowSelection) == null ? void 0 : s.onChange) && r.rowSelection.onChange(de.value);
+        K((s = r.rowSelection) == null ? void 0 : s.onChange) && r.rowSelection.onChange(me.value);
       }
-    }), { cols: m, actionId: a, columnVisibility: _ } = Ht({ props: r, slots: f, prefix: o, getSelectionCol: u }), { toggleWrap: A, isColumnWrapped: C } = Mt(r), { getSortTooltip: T, getSortIcon: L, sorting: U, data: J, toggleSort: I, getIsSorted: Q } = Qt(
+    }), { cols: m, actionId: a, columnVisibility: _ } = Ht({ props: r, slots: f, prefix: o, getSelectionCol: u }), { toggleWrap: A, isColumnWrapped: C } = Mt(r), { getSortTooltip: T, getSortIcon: L, sorting: U, data: J, toggleSort: F, getIsSorted: Q } = Qt(
       r,
       d,
       k
@@ -505,21 +505,21 @@ const Qt = (n, l, r) => {
       getCheckedAll: te,
       checkAll: Me,
       check: Ee,
-      getRowChecked: ue,
-      selectedItemsLength: fe,
+      getRowChecked: fe,
+      selectedItemsLength: de,
       getCheckboxProps: Oe,
-      getSelectCallbackProps: de
+      getSelectCallbackProps: me
     } = Ot(V, {
       selectedRowKeys: e,
       props: r
-    }), me = N();
-    Vt({ target: me });
-    const { getSkeletonProps: He, getThProps: We, RenderCell: ge, getTdProps: ne, getColProps: je, isThVisible: Fe } = Dt({
+    }), ge = N();
+    Vt({ target: ge });
+    const { getSkeletonProps: He, getThProps: We, RenderCell: pe, getTdProps: ne, getColProps: je, isThVisible: Fe } = Dt({
       selectionId: i,
       isColumnWrapped: C
-    }), pe = Ue(0), xe = ({ item: s }, b) => {
-      s.key === "a-z" && I(b, "asc"), s.key === "z-a" && I(b, "desc"), s.key === "wrap" && A({ id: b.id }), pe.value++;
-    }, we = H(
+    }), we = Ue(0), xe = ({ item: s }, b) => {
+      s.key === "a-z" && F(b, "asc"), s.key === "z-a" && F(b, "desc"), s.key === "wrap" && A({ id: b.id }), we.value++;
+    }, he = H(
       () => V.getHeaderGroups().map((s) => ({
         ...s,
         headers: s.headers.map((b) => ({
@@ -528,9 +528,9 @@ const Qt = (n, l, r) => {
         }))
       }))
     ), Z = (s) => {
-      const b = x(ce(s ?? {}, "row"));
+      const b = I(ae(s ?? {}, "row"));
       let h = {};
-      r.rowProps && (K(r.rowProps) ? h = x(r.rowProps(s) ?? {}) : G(r.rowProps) && (h = x(r.rowProps)));
+      r.rowProps && (K(r.rowProps) ? h = I(r.rowProps(s) ?? {}) : G(r.rowProps) && (h = I(r.rowProps)));
       const z = K(h.onClick) || s.row ? (w) => {
         s.row && d("rowClick", s.row, w), K(h.onClick) && h.onClick(w);
       } : void 0;
@@ -558,7 +558,7 @@ const Qt = (n, l, r) => {
     }, [
       S(Pe, {
         "z-index": "1",
-        open: !!(t(fe) && f.batchActions),
+        open: !!(t(de) && f.batchActions),
         placement: "bottom",
         "side-offset": -54,
         "container-cls": "pantograph-tokens pantograph-dark"
@@ -568,16 +568,16 @@ const Qt = (n, l, r) => {
             class: R(t(P)(t(o), "batch_actions"))
           }, [
             S(St, {
-              text: t(fe),
+              text: t(de),
               size: "xsm"
             }, null, 8, ["text"]),
             W("div", {
               class: R(t(P)(t(o), "batch_actions__title"))
-            }, Ce(s.batchActionsTitle), 3),
+            }, ve(s.batchActionsTitle), 3),
             W("div", {
               class: R(t(P)(t(o), "batch_actions__actions"))
             }, [
-              O(s.$slots, "batchActions", X(ye(t(de))))
+              O(s.$slots, "batchActions", X(Ce(t(me))))
             ], 2),
             S(ze, {
               type: "vertical",
@@ -592,7 +592,7 @@ const Qt = (n, l, r) => {
           ], 2)
         ]),
         default: y(() => [
-          S(t(Pt), X(ye(Ie.value)), {
+          S(t(Pt), X(Ce(Ie.value)), {
             default: y(() => [
               S(t(bt), {
                 size: s.size,
@@ -608,7 +608,7 @@ const Qt = (n, l, r) => {
               }, {
                 default: y(() => [
                   W("colgroup", null, [
-                    (v(!0), $(D, null, F(t(V).getVisibleLeafColumns(), (h) => (v(), $("col", B({
+                    (v(!0), $(D, null, x(t(V).getVisibleLeafColumns(), (h) => (v(), $("col", B({
                       key: h.id,
                       ref_for: !0
                     }, t(je)(h)), null, 16))), 128))
@@ -619,15 +619,15 @@ const Qt = (n, l, r) => {
                     sticky: s.stickyHeader
                   }, {
                     default: y(() => [
-                      (v(!0), $(D, null, F(we.value, (h, z) => (v(), E(t(q), B({
+                      (v(!0), $(D, null, x(he.value, (h, z) => (v(), E(t(q), B({
                         key: h.id,
                         ref_for: !0
                       }, Z({ index: z, header: !0 })), {
                         default: y(() => [
-                          (v(!0), $(D, null, F(h.headers, (w) => (v(), $(D, {
+                          (v(!0), $(D, null, x(h.headers, (w) => (v(), $(D, {
                             key: w.id
                           }, [
-                            t(Fe)(z, we.value.length, w.column.id) ? (v(), E(t($t), B({
+                            t(Fe)(z, he.value.length, w.column.id) ? (v(), E(t($t), B({
                               key: 0,
                               ref_for: !0
                             }, w.bindings, {
@@ -647,7 +647,7 @@ const Qt = (n, l, r) => {
                                         O(s.$slots, "headerCell", B({ ref_for: !0 }, {
                                           column: w.column.columnDef
                                         }), () => [
-                                          S(t(ge), {
+                                          S(t(pe), {
                                             props: w.getContext(),
                                             render: w.column.columnDef.header
                                           }, null, 8, ["props", "render"])
@@ -658,7 +658,7 @@ const Qt = (n, l, r) => {
                                         placement: "bottom"
                                       }, {
                                         content: y(() => [
-                                          Qe(Ce(t(T)(w.column)), 1)
+                                          Qe(ve(t(T)(w.column)), 1)
                                         ]),
                                         default: y(() => [
                                           S(nt, {
@@ -668,7 +668,7 @@ const Qt = (n, l, r) => {
                                             type: "ghost",
                                             variant: "icon",
                                             active: !!t(Q)(w.column),
-                                            onClick: (M) => t(I)(w.column)
+                                            onClick: (M) => t(F)(w.column)
                                           }, null, 8, ["class", "icon", "active", "onClick"])
                                         ]),
                                         _: 2
@@ -677,7 +677,7 @@ const Qt = (n, l, r) => {
                                       W("div", {
                                         class: R(t(P)(t(o), "selection_space"))
                                       }, null, 2),
-                                      S(_e, {
+                                      S(ke, {
                                         rootCls: "w-fit",
                                         modelValue: t(te),
                                         onChange: t(Me)
@@ -691,7 +691,7 @@ const Qt = (n, l, r) => {
                                     (v(), E(Pe, {
                                       "z-index": "1",
                                       placement: "bottom-end",
-                                      key: pe.value
+                                      key: we.value
                                     }, {
                                       content: y(() => [
                                         S(tt, {
@@ -704,7 +704,7 @@ const Qt = (n, l, r) => {
                                                 key: "a-z"
                                               }, {
                                                 leading: y(({ iconSize: M }) => [
-                                                  S(le, {
+                                                  S(se, {
                                                     icon: "tabler:arrow-up",
                                                     size: M
                                                   }, null, 8, ["size"])
@@ -716,7 +716,7 @@ const Qt = (n, l, r) => {
                                                 key: "z-a"
                                               }, {
                                                 leading: y(({ iconSize: M }) => [
-                                                  S(le, {
+                                                  S(se, {
                                                     icon: "tabler:arrow-down",
                                                     size: M
                                                   }, null, 8, ["size"])
@@ -730,7 +730,7 @@ const Qt = (n, l, r) => {
                                               key: "wrap"
                                             }, {
                                               leading: y(({ iconSize: M }) => [
-                                                S(le, {
+                                                S(se, {
                                                   icon: "tabler:text-wrap",
                                                   size: M
                                                 }, null, 8, ["size"])
@@ -774,7 +774,7 @@ const Qt = (n, l, r) => {
                     ref: "body"
                   }, {
                     default: y(() => [
-                      (v(!0), $(D, null, F(t(V).getRowModel().rows, (h, z) => (v(), E(t(q), B(
+                      (v(!0), $(D, null, x(t(V).getRowModel().rows, (h, z) => (v(), E(t(q), B(
                         {
                           key: h.id,
                           ref_for: !0
@@ -782,24 +782,24 @@ const Qt = (n, l, r) => {
                         Z({
                           index: z,
                           zebra: s.zebra,
-                          checked: !!t(ue)(h),
+                          checked: !!t(fe)(h),
                           row: h.original
                         })
                       ), {
                         default: y(() => [
-                          (v(!0), $(D, null, F(h.getVisibleCells(), (w) => {
-                            var M, he;
+                          (v(!0), $(D, null, x(h.getVisibleCells(), (w) => {
+                            var M, ye;
                             return v(), $(D, {
                               key: w.id
                             }, [
-                              ((M = t(ne)(w.getContext())) == null ? void 0 : M.colSpan) !== 0 && ((he = t(ne)(w.getContext())) == null ? void 0 : he.rowSpan) !== 0 ? (v(), E(t(Y), B({
+                              ((M = t(ne)(w.getContext())) == null ? void 0 : M.colSpan) !== 0 && ((ye = t(ne)(w.getContext())) == null ? void 0 : ye.rowSpan) !== 0 ? (v(), E(t(Y), B({
                                 key: 0,
                                 ref_for: !0
-                              }, t(ne)(w.getContext())), ve({
+                              }, t(ne)(w.getContext())), Se({
                                 default: y(() => [
                                   w.column.id === t(a) && (f.hoverAction || f.action) ? (v(), $("div", {
                                     key: 0,
-                                    onClick: b[0] || (b[0] = Se(() => {
+                                    onClick: b[0] || (b[0] = _e(() => {
                                     }, ["stop"])),
                                     class: R(t(P)(t(o), "action_cell"))
                                   }, [
@@ -834,23 +834,23 @@ const Qt = (n, l, r) => {
                                       index: z
                                     }
                                   ), () => [
-                                    S(t(ge), {
+                                    S(t(pe), {
                                       render: w.column.columnDef.cell,
                                       props: w.getContext()
                                     }, null, 8, ["render", "props"])
                                   ]) : s.rowKey && h.original[s.rowKey] ? (v(), $("div", {
                                     key: 2,
                                     class: R(t(P)(t(o), "selection")),
-                                    onClick: b[1] || (b[1] = Se(() => {
+                                    onClick: b[1] || (b[1] = _e(() => {
                                     }, ["stop"]))
                                   }, [
                                     W("div", {
                                       class: R(t(P)(t(o), "selection_space"))
                                     }, null, 2),
-                                    S(_e, B({
+                                    S(ke, B({
                                       rootCls: "w-fit",
                                       disabled: !h.getCanSelect(),
-                                      modelValue: t(ue)(h),
+                                      modelValue: t(fe)(h),
                                       onChange: (Ne) => t(Ee)(Ne, h),
                                       ref_for: !0
                                     }, t(Oe)(h.original)), null, 16, ["disabled", "modelValue", "onChange"])
@@ -878,12 +878,12 @@ const Qt = (n, l, r) => {
                         ]),
                         _: 2
                       }, 1040))), 128)),
-                      r.loading ? (v(!0), $(D, { key: 0 }, F(t(V).getRowModel().rows.length ? 2 : s.loadingRowCount, (h) => (v(), E(t(q), B({
+                      r.loading ? (v(!0), $(D, { key: 0 }, x(t(V).getRowModel().rows.length ? 2 : s.loadingRowCount, (h) => (v(), E(t(q), B({
                         key: h,
                         ref_for: !0
                       }, Z({ index: h, zebra: s.zebra, loading: !0 })), {
                         default: y(() => [
-                          (v(!0), $(D, null, F(t(V).getVisibleLeafColumns(), (z, w) => (v(), E(t(Y), { key: w }, {
+                          (v(!0), $(D, null, x(t(V).getVisibleLeafColumns(), (z, w) => (v(), E(t(Y), { key: w }, {
                             default: y(() => [
                               z.id !== i ? O(s.$slots, "skeleton", B({
                                 key: 0,
@@ -903,7 +903,7 @@ const Qt = (n, l, r) => {
                             empty: ""
                           }, {
                             default: y(() => [
-                              S(ot, B({ type: "advance" }, s.emptyProps), ve({ _: 2 }, [
+                              S(ot, B({ type: "advance" }, s.emptyProps), Se({ _: 2 }, [
                                 f.emptyTitle ? {
                                   name: "title",
                                   fn: y(() => [
@@ -943,7 +943,7 @@ const Qt = (n, l, r) => {
                         default: y(() => [
                           S(t(Y), {
                             ref_key: "target",
-                            ref: me,
+                            ref: ge,
                             "lazy-load-observer": "",
                             colspan: t(V).getVisibleLeafColumns().length
                           }, null, 8, ["colspan"])

package/dist/DataTable.vue_vue_type_style_index_0_lang-DOJv5evl.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),R=require("@tanstack/vue-table"),G=require("./Checkbox.vue_vue_type_style_index_0_lang-DaWMPx_d.js"),T=require("./Menu.vue_vue_type_style_index_0_lang-CiyZmFBO.js"),ae=require("./ActionButton.vue_vue_type_script_setup_true_lang-Zbt1lDGL.js"),me=require("./Empty.vue_vue_type_style_index_0_lang-DHvpu4sq.js"),s=require("./Icon.vue_vue_type_style_index_0_lang-Cc8Uh2lr.js"),h=require("@pantograph/utils"),fe=require("./Skeleton.vue_vue_type_style_index_0_lang-CWNX_-Jl.js"),U=require("./Popover.vue_vue_type_style_index_0_lang-BnKgARrA.js"),de=require("./Tooltip.vue_vue_type_script_setup_true_lang-DWMPc3HZ.js"),ge=require("./Badge.vue_vue_type_script_setup_true_lang-hG6klYy2.js"),J=require("./Divider.vue_vue_type_style_index_0_lang-DoEWjJx6.js"),Q=require("./IconButton.vue_vue_type_script_setup_true_lang-CGb0HxvX.js"),pe=require("./Switch.vue_vue_type_style_index_0_lang-DISD-AzJ.js"),_e=require("class-variance-authority"),V=require("./THead.vue_vue_type_style_index_0_lang-Ck81v68E.js"),Ce=require("./ScrollContainer.vue_vue_type_style_index_0_lang-CMdXXxZr.js"),ye=require("./uniq-Ci_ZUo6O.js"),we=require("@pantograph/tokens"),ke=require("@vueuse/core"),he=require("./useLazyLoading-H6VG5aE-.js"),ve=({isColumnWrapped:n,selectionId:l})=>{const o=t=>{var a;const g=k=>k==="list"?"md":"sm";return{...(t==null?void 0:t.skeletonProps)??{},style:"width: 100%",size:g((a=t==null?void 0:t.skeletonProps)==null?void 0:a.type)}},d=t=>{var a,k;const g=(a=t.props)==null?void 0:a.column.columnDef;return s.isFunction(g==null?void 0:g.render)&&t.props.row?(k=g==null?void 0:g.render)==null?void 0:k.call(g,{index:t.props.row.index,record:t.props.row.original,column:s.omit(g,"render")}):typeof t.render=="function"||typeof t.render=="object"?e.h(t.render,t.props):t.render},f=t=>{let g={};if(t){const a=E=>Number(E)>=0?`${E}px`:E,{width:k,maxWidth:b,minWidth:w}=t;(k||b||w)&&(g={width:a(k),maxWidth:a(b),minWidth:a(w),overflow:k||b?"hidden":void 0})}return g},r={},c=(t,g=!0)=>{var k;let a=1;return((k=t==null?void 0:t.subHeaders)==null?void 0:k.length)===1&&t.column.id===t.subHeaders[0].column.id&&(a+=c(t.subHeaders[0],!1)),g&&(!r[t.column.id]||r[t.column.id]<a)&&(r[t.column.id]=a),a},p=(t,g={})=>{var a;if(t!=null&&t.column){const k=(a=t==null?void 0:t.column)==null?void 0:a.columnDef,b=[],w={};if(s.isObject(k)){let E=n(t.column.id);const{customCell:P,class:$}=k;if(s.isEmpty($)||b.push($),P&&(s.isObject(P)||s.isFunction(P))){const F=x=>{if(s.isObject(x)){const{wrap:L,colSpan:z,rowSpan:q}=x;E=E||(L??!1),w.colSpan=z,w.rowSpan=q,s.isEmpty(x.class)||b.push(x.class)}};s.isFunction(P)&&t.row?F(P({index:t.row.index,record:t.row.original,column:k})):F(P)}t.header?w.rowSpan=c(t.header):E&&(w.wrap=!0)}return{class:s.isEmpty(b)?void 0:b,...w,...g}}return{}};return{getSkeletonProps:o,RenderCell:d,getThProps:t=>{var g,a,k;return p(t,{colSpan:(g=t==null?void 0:t.header)==null?void 0:g.colSpan,"data-has-children":((k=(a=t==null?void 0:t.column)==null?void 0:a.columns)==null?void 0:k.length)>1?!0:void 0})},getTdProps:t=>p(t),getColProps:t=>{const g=f(t.columnDef);return t.id===l&&(g.width="var(--pt-dimension-2800)"),{style:g}},isThVisible:(t,g,a)=>r[a]===1?!0:g-t===r[a]}};var Se="[object Boolean]";function Be(n){return n===!0||n===!1||s.isObjectLike(n)&&s.baseGetTag(n)==Se}const be=n=>{const l=e.ref([]),o=p=>p?l.value.findIndex(_=>_.id===p):-1,d=p=>{if(p)return l.value.find(_=>_.id===p)},f=p=>{var _;return!!((_=d(p))!=null&&_.wrap)},r=p=>{const{id:_}=p;if(!_)return!1;const v=p.wrap??!f(_),m=o(_);return m>=0?l.value[m]={id:_,wrap:v}:l.value.push({id:_,wrap:v}),!0},c=e.computed(()=>(n.columns??[]).filter(p=>Be(p.wrap)).map(p=>({id:p.id,wrap:!!p.wrap})));return e.watch(c,p=>{l.value=[...l.value,...p]},{immediate:!0,deep:!0}),{isColumnWrapped:f,toggleWrap:r}},Ve=(n,{colId:l,onSelectionChange:o})=>{const d=e.ref({}),f=e.computed(()=>Object.keys(d.value));e.watch(()=>{var m;return(m=n.rowSelection)==null?void 0:m.selectedRowKeys},(m,u)=>{var t,g;if((g=(t=n.rowSelection)==null?void 0:t.selectedRowKeys)!=null&&g.length&&!s.isEqual(m,u)){const a=Object.fromEntries(e.unref(n.rowSelection.selectedRowKeys??Object.keys(d.value)).map(k=>[k,!0]));s.isEqual(a,d.value)||(d.value=a)}},{immediate:!0});const r=e.computed(()=>n.rowKey?R.flattenBy(n.data,m=>m.children).map(m=>m[n.rowKey]):[]),c=()=>{const m=Object.fromEntries(f.value.filter(u=>{var t;return!((t=n.rowSelection)!=null&&t.preserveSelectedRowKeys)&&n.rowKey?r.value.includes(u):!0}).map(u=>[u,!0]));Object.keys(m).length!==f.value.length&&(d.value=m,e.nextTick(()=>{o()}))},p=R.createColumnHelper();return{rowSelection:d,selectedRowKeys:f,checkSelections:c,getSelectionCol:()=>{if(n.rowSelection&&n.rowKey)return p.accessor(l,{id:l,enableSorting:!1})},clearSelection:()=>{d.value={}}}},Ee=(n,{selectedRowKeys:l,props:o})=>{const d=e.computed(()=>n.getIsAllRowsSelected()?!0:n.getIsSomeRowsSelected()?"indeterminate":!1),f=e.computed(()=>({selectedRowKeys:l.value,selectedRows:n.getFilteredSelectedRowModel().flatRows.map(m=>m.original)})),r=m=>{n.getIsSomeRowsSelected()||n.getIsAllRowsSelected()?n.toggleAllRowsSelected(!1):n.toggleAllRowsSelected(!0),e.nextTick(()=>{var u,t;s.isFunction((u=o.rowSelection)==null?void 0:u.onSelectAll)&&o.rowSelection.onSelectAll({...f.value,selected:m}),s.isFunction((t=o.rowSelection)==null?void 0:t.onChange)&&o.rowSelection.onChange(f.value)})},c=(m,u)=>{var t;u.toggleSelected(m,{selectChildren:!((t=o.rowSelection)!=null&&t.checkStrictly)}),e.nextTick(()=>{var g,a;s.isFunction((g=o.rowSelection)==null?void 0:g.onSelect)&&o.rowSelection.onSelect({...f.value,selected:m,record:u.original}),s.isFunction((a=o.rowSelection)==null?void 0:a.onChange)&&o.rowSelection.onChange(f.value)})},p=m=>{var u,t;return s.isFunction((u=o.rowSelection)==null?void 0:u.getCheckboxProps)&&((t=o.rowSelection)==null||t.getCheckboxProps(m)),{}},_=m=>{var u;if(m.getIsSelected())return!0;if((u=m.subRows)!=null&&u.length){if(m.getIsAllSubRowsSelected())return!0;if(m.getIsSomeSelected())return"indeterminate"}return!1},v=e.computed(()=>n.getFilteredSelectedRowModel().flatRows.length);return{getCheckedAll:d,checkAll:r,check:c,getCheckboxProps:p,getRowChecked:_,selectedItemsLength:v,getSelectCallbackProps:f}},ze=({props:n,prefix:l,slots:o,getSelectionCol:d})=>{const f=R.createColumnHelper(),r=e.computed(()=>{var u;return((u=n.actionCol)==null?void 0:u.id)??`$${l}_action$`}),c=e.computed(()=>{var b;const u=w=>s.omit(w??{},"columns","id"),t=w=>{var P;const E=w.id??h.usePCId(`${l}--col`);return s.isArray(s.get(w,n.childrenColumnName??"children"))?f.group({header:w.title,id:E,columns:(P=s.get(w,n.childrenColumnName??"children")??[])==null?void 0:P.map(t),enableSorting:!1,...u(w)}):f.accessor(w.dataIndex??w.id,{header:w.title,id:E,enableSorting:!!w.sorter,...u(w)})};if(!s.isArray(n.columns))throw"no columns";const g=n.columns.map(({id:w})=>w);if(ye.uniq(g).length!==g.length)throw"no uniq column ids";const a=[],k=d();return k&&a.push(k),n.columns.forEach(w=>{a.push(t(w))}),(o.action||o.hoverAction)&&a.push(f.accessor(r.value,{id:r.value,header:(b=n.actionCol)==null?void 0:b.title,enableSorting:!1,...u(n.actionCol)})),a}),p=we.getBreakpoints(),v=ke.useBreakpoints(Object.fromEntries(Object.keys(p).map(u=>[u,p[u].minWidth])),{strategy:"min-width"}).active(),m=e.ref({});return e.watch(v,u=>{m.value=Object.fromEntries(R.flattenBy(c.value,t=>t.columns).map(t=>{var g;return[t.id,s.isArray(t==null?void 0:t.responsive)?((g=t.responsive)==null?void 0:g.includes(u))??!1:!0]}))},{immediate:!0}),{cols:c,actionId:r,columnVisibility:m}};function Pe(n){return function(l,o,d){for(var f=-1,r=Object(l),c=d(l),p=c.length;p--;){var _=c[++f];if(o(r[_],_,r)===!1)break}return l}}var Ne=Pe();function xe(n,l){return n&&Ne(n,l,s.keys)}function Re(n,l){return function(o,d){if(o==null)return o;if(!s.isArrayLike(o))return n(o,d);for(var f=o.length,r=-1,c=Object(o);++r<f&&d(c[r],r,c)!==!1;);return o}}var Ae=Re(xe);function $e(n,l){var o=-1,d=s.isArrayLike(n)?Array(n.length):[];return Ae(n,function(f,r,c){d[++o]=l(f,r,c)}),d}function Fe(n,l){var o=n.length;for(n.sort(l);o--;)n[o]=n[o].value;return n}function Le(n,l){if(n!==l){var o=n!==void 0,d=n===null,f=n===n,r=s.isSymbol(n),c=l!==void 0,p=l===null,_=l===l,v=s.isSymbol(l);if(!p&&!v&&!r&&n>l||r&&c&&_&&!p&&!v||d&&c&&_||!o&&_||!f)return 1;if(!d&&!r&&!v&&n<l||v&&o&&f&&!d&&!r||p&&o&&f||!c&&f||!_)return-1}return 0}function Te(n,l,o){for(var d=-1,f=n.criteria,r=l.criteria,c=f.length,p=o.length;++d<c;){var _=Le(f[d],r[d]);if(_){if(d>=p)return _;var v=o[d];return _*(v=="desc"?-1:1)}}return n.index-l.index}function qe(n,l,o){l.length?l=s.arrayMap(l,function(r){return s.isArray(r)?function(c){return s.baseGet(c,r.length===1?r[0]:r)}:r}):l=[s.identity];var d=-1;l=s.arrayMap(l,s.baseUnary(s.baseIteratee));var f=$e(n,function(r,c,p){var _=s.arrayMap(l,function(v){return v(r)});return{criteria:_,index:++d,value:r}});return Fe(f,function(r,c){return Te(r,c,o)})}function De(n,l){return s.setToString(s.overRest(n,l,s.identity),n+"")}function X(n,l,o){if(!s.isObject(o))return!1;var d=typeof l;return(d=="number"?s.isArrayLike(o)&&s.isIndex(l,o.length):d=="string"&&l in o)?s.eq(o[l],n):!1}var Y=De(function(n,l){if(n==null)return[];var o=l.length;return o>1&&X(n,l[0],l[1])?l=[]:o>2&&X(l[0],l[1],l[2])&&(l=[l[0]]),qe(n,s.baseFlatten(l),[])});const Me=(n,l,o)=>{const d=m=>{const u=_(m);if(!u)return"tabler:arrows-up-down";if(u==="desc")return"tabler:arrow-down";if(u==="asc")return"tabler:arrow-up"},f=m=>{const u=_(m);if(!u)return"Sort A → Z";if(u==="desc")return"Sorted Z → A\u2028Click to change sort";if(u==="asc")return"Sorted A → Z\u2028Click to change sort"},r=e.ref([]),c=e.ref([]),p=(m,u)=>{const t=s.cloneDeep([...r.value,...c.value].find(a=>a.id===m.id))??{id:m.id,sorter:m.columnDef.sorter,multiple:m.columnDef.multiSort};u?t.desc=u==="desc":t.desc===void 0?t.desc=!1:t.desc===!0?t.desc=void 0:t.desc=!0;const g=()=>t.desc===void 0?!1:t.desc===!0?"desc":"asc";s.isNumber(m.columnDef.multiSort)&&[...r.value,...c.value].every(a=>s.isNumber(a.multiple))?(r.value=s.cloneDeep(r.value).filter(a=>a.id!==m.id),c.value=s.cloneDeep(c.value).filter(a=>a.id!==m.id),t.sorter==="server"?c.value.push(t):r.value.push(t),r.value=Y(r.value,"multiple"),c.value=Y(c.value,"multiple")):t.sorter==="server"?(r.value=[],c.value=[t]):(r.value=[t],c.value=[]),r.value=r.value.filter(a=>a.desc!==void 0),c.value=c.value.filter(a=>a.desc!==void 0),l("sort",m.columnDef,g(),s.cloneDeep([...r.value,...c.value]))},_=m=>{const u=[...c.value,...r.value].find(t=>m.id===t.id);return(u==null?void 0:u.desc)===!1?"asc":(u==null?void 0:u.desc)===!0?"desc":!1};return{data:e.computed(()=>(o(),[...n.data])),sorting:r,getSortIcon:d,getSortTooltip:f,toggleSort:p,getIsSorted:_}},Ke=e.defineComponent({__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(n,{emit:l}){const o=n,d=l,f=e.useSlots(),r=h.getBemBlock("data_table",h.wgt_pre),c=`$${r}_selection$`,p=_e.cva(r,{variants:{empty:h.generateVariantClassList("empty",r)}}),{rowSelection:_,checkSelections:v,getSelectionCol:m,clearSelection:u,selectedRowKeys:t}=Ve(o,{colId:c,onSelectionChange:()=>{var i;s.isFunction((i=o.rowSelection)==null?void 0:i.onChange)&&o.rowSelection.onChange(O.value)}}),{cols:g,actionId:a,columnVisibility:k}=ze({props:o,slots:f,prefix:r,getSelectionCol:m}),{toggleWrap:b,isColumnWrapped:w}=be(o),{getSortTooltip:E,getSortIcon:P,sorting:$,data:F,toggleSort:x,getIsSorted:L}=Me(o,d,v),z=R.useVueTable({getSubRows:i=>i.children,enableSorting:!0,enableMultiSort:!0,get data(){return F.value},state:{get sorting(){return $.value},get rowSelection(){return _.value},get columnVisibility(){return k.value}},enableRowSelection:!0,get columns(){return g.value},getRowId(i,S){return o.rowKey?i[o.rowKey]:S},getRowCanExpand:()=>!0,getCoreRowModel:R.getCoreRowModel(),getSortedRowModel:R.getSortedRowModel(),onRowSelectionChange:i=>{_.value=typeof i=="function"?i(_.value):i}}),{getCheckedAll:q,checkAll:ee,check:te,getRowChecked:M,selectedItemsLength:K,getCheckboxProps:ne,getSelectCallbackProps:O}=Ee(z,{selectedRowKeys:t,props:o}),H=e.ref();he.useLazyLoading({target:H});const{getSkeletonProps:re,getThProps:oe,RenderCell:W,getTdProps:D,getColProps:le,isThVisible:se}=ve({selectionId:c,isColumnWrapped:w}),j=e.shallowRef(0),ie=({item:i},S)=>{i.key==="a-z"&&x(S,"asc"),i.key==="z-a"&&x(S,"desc"),i.key==="wrap"&&b({id:S.id}),j.value++},I=e.computed(()=>z.getHeaderGroups().map(i=>({...i,headers:i.headers.map(S=>({...S,bindings:oe(S.getContext())}))}))),A=i=>{const S=s.cloneDeep(s.omit(i??{},"row"));let y={};o.rowProps&&(s.isFunction(o.rowProps)?y=s.cloneDeep(o.rowProps(i)??{}):s.isObject(o.rowProps)&&(y=s.cloneDeep(o.rowProps)));const B=s.isFunction(y.onClick)||i.row?C=>{i.row&&d("rowClick",i.row,C),s.isFunction(y.onClick)&&y.onClick(C)}:void 0;return{...y,...S,onClick:B}},ce=e.computed(()=>{const i=o.scrollContainerProps??{},S=i.rootProps??{};return{...i,rootProps:{...S,class:[h.getBemElement(r,"scroll_container"),S==null?void 0:S.class]},areaCls:[h.getBemElement(r,"scroll_area"),i==null?void 0:i.class,i==null?void 0:i.areaCls]}});return(i,S)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(h.getBemElement)(e.unref(r),"root"),i.rootCls])},[e.createVNode(U._sfc_main,{"z-index":"1",open:!!(e.unref(K)&&f.batchActions),placement:"bottom","side-offset":-54,"container-cls":"pantograph-tokens pantograph-dark"},{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"batch_actions"))},[e.createVNode(ge._sfc_main,{text:e.unref(K),size:"xsm"},null,8,["text"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"batch_actions__title"))},e.toDisplayString(i.batchActionsTitle),3),e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"batch_actions__actions"))},[e.renderSlot(i.$slots,"batchActions",e.normalizeProps(e.guardReactiveProps(e.unref(O))))],2),e.createVNode(J._sfc_main,{type:"vertical",class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"batch_actions__divider"))},null,8,["class"]),e.createVNode(Q._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:e.unref(u)},null,8,["onClick"])],2)]),default:e.withCtx(()=>[e.createVNode(e.unref(Ce._sfc_main),e.normalizeProps(e.guardReactiveProps(ce.value)),{default:e.withCtx(()=>[e.createVNode(e.unref(V._sfc_main),{size:i.size,style:e.normalizeStyle({tableLayout:i.tableLayout}),class:e.normalizeClass([e.unref(p)({empty:!e.unref(z).getRowModel().rows.length}),o.class])},{default:e.withCtx(()=>[e.createElementVNode("colgroup",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(z).getVisibleLeafColumns(),y=>(e.openBlock(),e.createElementBlock("col",e.mergeProps({key:y.id,ref_for:!0},e.unref(le)(y)),null,16))),128))]),i.noHeader?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(V._sfc_main$5),{key:0,class:e.normalizeClass(i.theadCls),sticky:i.stickyHeader},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(I.value,(y,B)=>(e.openBlock(),e.createBlock(e.unref(V._sfc_main$3),e.mergeProps({key:y.id,ref_for:!0},A({index:B,header:!0})),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.headers,C=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:C.id},[e.unref(se)(B,I.value.length,C.column.id)?(e.openBlock(),e.createBlock(e.unref(V._sfc_main$1),e.mergeProps({key:0,ref_for:!0},C.bindings,{"data-selection":C.column.id===c}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"header__content"))},[C.column.id!==c?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"header__content__title"))},[e.renderSlot(i.$slots,"headerCell",e.mergeProps({ref_for:!0},{column:C.column.columnDef}),()=>[e.createVNode(e.unref(W),{props:C.getContext(),render:C.column.columnDef.header},null,8,["props","render"])])],2),C.column.getCanSort()?(e.openBlock(),e.createBlock(de._sfc_main,{key:0,placement:"bottom"},{content:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(E)(C.column)),1)]),default:e.withCtx(()=>[e.createVNode(ae._sfc_main,{class:e.normalizeClass({hide_filter_action:!e.unref(L)(C.column)}),icon:e.unref(P)(C.column),size:"sm",type:"ghost",variant:"icon",active:!!e.unref(L)(C.column),onClick:N=>e.unref(x)(C.column)},null,8,["class","icon","active","onClick"])]),_:2},1024)):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"selection_space"))},null,2),e.createVNode(G._sfc_main,{rootCls:"w-fit",modelValue:e.unref(q),onChange:e.unref(ee)},null,8,["modelValue","onChange"])],64))],2),![e.unref(a),c].includes(C.column.id)&&!C.column.columns.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"header__action"))},[(e.openBlock(),e.createBlock(U._sfc_main,{"z-index":"1",placement:"bottom-end",key:j.value},{content:e.withCtx(()=>[e.createVNode(T._sfc_main,{onSelect:N=>ie(N,C.column)},{default:e.withCtx(()=>[C.column.getCanSort()?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(T._sfc_main$1,{title:"Sort A → Z",key:"a-z"},{leading:e.withCtx(({iconSize:N})=>[e.createVNode(s._sfc_main$3,{icon:"tabler:arrow-up",size:N},null,8,["size"])]),_:1}),e.createVNode(T._sfc_main$1,{title:"Sort Z → A",key:"z-a"},{leading:e.withCtx(({iconSize:N})=>[e.createVNode(s._sfc_main$3,{icon:"tabler:arrow-down",size:N},null,8,["size"])]),_:1}),e.createVNode(J._sfc_main)],64)):e.createCommentVNode("",!0),e.createVNode(T._sfc_main$1,{title:"Wrap Column",key:"wrap"},{leading:e.withCtx(({iconSize:N})=>[e.createVNode(s._sfc_main$3,{icon:"tabler:text-wrap",size:N},null,8,["size"])]),trailing:e.withCtx(()=>[e.createVNode(pe._sfc_main,{modelValue:e.unref(w)(C.column.id)},null,8,["modelValue"])]),_:2},1024)]),_:2},1032,["onSelect"])]),default:e.withCtx(()=>[e.createVNode(Q._sfc_main,{icon:"tabler:dots-vertical",size:"sm",color:"neutral",type:"ghost",class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"header__action__hover"))},null,8,["class"])]),_:2},1024))],2)):e.createCommentVNode("",!0)],2)]),_:2},1040,["data-selection"])):e.createCommentVNode("",!0)],64))),128))]),_:2},1040))),128))]),_:3},8,["class","sticky"])),e.createVNode(e.unref(V._sfc_main$4),{class:e.normalizeClass(i.tbodyCls),ref:"body"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(z).getRowModel().rows,(y,B)=>(e.openBlock(),e.createBlock(e.unref(V._sfc_main$3),e.mergeProps({key:y.id,ref_for:!0},A({index:B,zebra:i.zebra,checked:!!e.unref(M)(y),row:y.original})),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y.getVisibleCells(),C=>{var N,Z;return e.openBlock(),e.createElementBlock(e.Fragment,{key:C.id},[((N=e.unref(D)(C.getContext()))==null?void 0:N.colSpan)!==0&&((Z=e.unref(D)(C.getContext()))==null?void 0:Z.rowSpan)!==0?(e.openBlock(),e.createBlock(e.unref(V._sfc_main$2),e.mergeProps({key:0,ref_for:!0},e.unref(D)(C.getContext())),e.createSlots({default:e.withCtx(()=>[C.column.id===e.unref(a)&&(f.hoverAction||f.action)?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:S[0]||(S[0]=e.withModifiers(()=>{},["stop"])),class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"action_cell"))},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(h.getBemElement)(e.unref(r),"action_cell__hover"),i.actionHoverCls])},[e.renderSlot(i.$slots,"hoverAction",e.mergeProps({ref_for:!0},{column:C.column.columnDef,record:y.original,index:B}))],2),e.renderSlot(i.$slots,"action",e.mergeProps({ref_for:!0},{column:C.column.columnDef,record:y.original,index:B}))],2)):C.column.id!==c?e.renderSlot(i.$slots,"bodyCell",e.mergeProps({key:1,ref_for:!0},{column:C.column.columnDef,record:y.original,index:B}),()=>[e.createVNode(e.unref(W),{render:C.column.columnDef.cell,props:C.getContext()},null,8,["render","props"])]):i.rowKey&&y.original[i.rowKey]?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"selection")),onClick:S[1]||(S[1]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(r),"selection_space"))},null,2),e.createVNode(G._sfc_main,e.mergeProps({rootCls:"w-fit",disabled:!y.getCanSelect(),modelValue:e.unref(M)(y),onChange:ue=>e.unref(te)(ue,y),ref_for:!0},e.unref(ne)(y.original)),null,16,["disabled","modelValue","onChange"])],2)):e.createCommentVNode("",!0)]),_:2},[f.cellAction&&![e.unref(a),c].includes(C.column.id)?{name:"absoluteAction",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"cellAction",e.mergeProps({ref_for:!0},{column:C.column.columnDef,record:y.original,index:B}))]),key:"0"}:void 0]),1040)):e.createCommentVNode("",!0)],64)}),128))]),_:2},1040))),128)),o.loading?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(z).getRowModel().rows.length?2:i.loadingRowCount,y=>(e.openBlock(),e.createBlock(e.unref(V._sfc_main$3),e.mergeProps({key:y,ref_for:!0},A({index:y,zebra:i.zebra,loading:!0})),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(z).getVisibleLeafColumns(),(B,C)=>(e.openBlock(),e.createBlock(e.unref(V._sfc_main$2),{key:C},{default:e.withCtx(()=>[B.id!==c?e.renderSlot(i.$slots,"skeleton",e.mergeProps({key:0,ref_for:!0},{index:C,column:B.columnDef}),()=>[e.createVNode(fe._sfc_main,e.mergeProps({ref_for:!0},e.unref(re)(B.columnDef)),null,16)]):e.createCommentVNode("",!0)]),_:2},1024))),128))]),_:2},1040))),128)):e.unref(z).getRowModel().rows.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(V._sfc_main$3),e.normalizeProps(e.mergeProps({key:1},A({empty:!0}))),{default:e.withCtx(()=>[e.createVNode(e.unref(V._sfc_main$2),{colspan:e.unref(z).getVisibleLeafColumns().length,empty:""},{default:e.withCtx(()=>[e.createVNode(me._sfc_main,e.mergeProps({type:"advance"},i.emptyProps),e.createSlots({_:2},[f.emptyTitle?{name:"title",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"emptyTitle")]),key:"0"}:void 0,f.emptyDescription?{name:"description",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"emptyDescription")]),key:"1"}:void 0,f.emptyActions?{name:"actions",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"emptyActions")]),key:"2"}:void 0,f.emptyImage?{name:"image",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"emptyImage")]),key:"3"}:void 0]),1040)]),_:3},8,["colspan"])]),_:3},16)),i.lazyLoading?(e.openBlock(),e.createBlock(e.unref(V._sfc_main$3),e.normalizeProps(e.mergeProps({key:2},A({lazyLoadObserver:!0}))),{default:e.withCtx(()=>[e.createVNode(e.unref(V._sfc_main$2),{ref_key:"target",ref:H,"lazy-load-observer":"",colspan:e.unref(z).getVisibleLeafColumns().length},null,8,["colspan"])]),_:1},16)):e.createCommentVNode("",!0)]),_:3},8,["class"])]),_:3},8,["size","style","class"])]),_:3},16)]),_:3},8,["open"])],2))}});exports._sfc_main=Ke;

package/dist/GOPicker/GOPicker.d.ts

@@ -18,13 +18,15 @@ export interface GOPickerModel {
     br?: string | GraphicalObjectBR;
 }
 export interface GOPickerProps {
-    icons?: (ObjectItem | string)[];
-    emojis?: (ObjectItem | string)[];
+    icons?: ObjectItem[];
+    emojis?: ObjectItem[];
     group?: GoPickerGroup;
     modelValue?: GOPickerModel;
     defaultValue?: GOPickerModel;
     visibleTabs?: GoPickerGroup[];
     hideGroup?: boolean;
+    hideIcons?: boolean;
+    hideEmojis?: boolean;
     hideClear?: boolean;
     hideSearch?: boolean;
     hideRandom?: boolean;
@@ -147,8 +149,12 @@ declare function __VLS_template(): {
             value?: string;
         }): any;
         item?(_: {
-            item: string;
-            group: GoPickerGroup | undefined;
+            item: ObjectItem;
+            group: "icon" | "emoji";
+        }): any;
+        item?(_: {
+            item: ObjectItem;
+            group: "icon" | "emoji";
         }): any;
     };
     refs: {};
@@ -167,7 +173,6 @@ declare const __VLS_component: import('vue').DefineComponent<GOPickerProps, {},
     "onUpdate:group"?: ((value?: GoPickerGroup | undefined) => any) | undefined;
 }>, {
     size: ColorTriggerSize;
-    emojis: (ObjectItem | string)[];
     visibleTabs: GoPickerGroup[];
     visibleColorPickers: ColorPicker[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/GOPicker/emojis.d.ts

@@ -6,15 +6,11 @@ declare const _default: ({
 } | {
     value: string;
     group: number;
-    skins: ({
+    skins: {
         value: string;
         version: number;
         tone: number;
-    } | {
-        value: string;
-        version: number;
-        tone: number[];
-    })[];
+    }[];
     keywords: string[];
 })[];
 export default _default;

package/dist/GOPicker/getEmojiList.d.ts

@@ -0,0 +1,38 @@
+export declare const emojiList: ({
+    value: string;
+    group: number;
+    keywords: string[];
+    skins?: undefined;
+} | {
+    value: string;
+    group: number;
+    skins: ({
+        value: string;
+        version: number;
+        tone: number;
+    } | {
+        value: string;
+        version: number;
+        tone: number[];
+    })[];
+    keywords: string[];
+})[];
+export declare const getEmojiList: (list: string[]) => ({
+    value: string;
+    group: number;
+    keywords: string[];
+    skins?: undefined;
+} | {
+    value: string;
+    group: number;
+    skins: ({
+        value: string;
+        version: number;
+        tone: number;
+    } | {
+        value: string;
+        version: number;
+        tone: number[];
+    })[];
+    keywords: string[];
+})[];

package/dist/GOPicker/index.d.ts

@@ -1 +1,2 @@
 export { default, default as GOPicker, type GOPickerModel, type GOPickerProps, type GOPickerEmits, } from './GOPicker';
+export { emojiList, getEmojiList } from './getEmojiList';

package/dist/GOPicker/index.js

@@ -1,5 +1,7 @@
-import { _ as r, _ as f } from "../GOPicker.vue_vue_type_style_index_0_lang-cFBk9_vx.js";
+import { _ as a, _ as i, e as t, g as o } from "../getEmojiList-BtCA6cyU.js";
 export {
-  r as GOPicker,
-  f as default
+  a as GOPicker,
+  i as default,
+  t as emojiList,
+  o as getEmojiList
 };