@pantograph/vue 0.10.8 → 0.10.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- 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 ne, toDisplayString as J, h as Ze, ref as Q, watch as ae, 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 le } from "vue";
1
+ import { defineComponent as Se, useSlots as $e, computed as P, createElementBlock as f, openBlock as a, normalizeClass as d, unref as t, createElementVNode as w, createCommentVNode as R, renderSlot as H, createBlock as T, createTextVNode as ne, toDisplayString as J, h as Ze, ref as Q, watch as ae, useTemplateRef as Ne, onBeforeUnmount as Oe, shallowRef as qe, createVNode as g, withCtx as m, normalizeStyle as Fe, Fragment as A, renderList as Z, mergeProps as I, createSlots as Ce, normalizeProps as Ge, guardReactiveProps as Ue, nextTick as le } from "vue";
2
2
  import { createColumnHelper as Je, flattenBy as Qe, useVueTable as Xe, getSortedRowModel as Ye, getCoreRowModel as xe } from "@tanstack/vue-table";
3
3
  import { b as et } from "../_baseIsEqual-BknLKouD.js";
4
4
  import { i as tt, b as ot, a as se } from "../isArray-CdbPONHA.js";
@@ -6,7 +6,7 @@ import { u as nt } from "../useId-DvOSMFGX.js";
6
6
  import { _ as ye } from "../Checkbox.vue_vue_type_style_index_0_lang-BD4g7E0x.js";
7
7
  import { c as he, _ as lt, a as re } from "../Menu.vue_vue_type_style_index_0_lang-Ck9CxDR-.js";
8
8
  import { _ as st } from "../ActionButton.vue_vue_type_script_setup_true_lang-BG7u9LIG.js";
9
- import { g as Re, a as He, b as w, w as rt } from "../class-BCq3bHT0.js";
9
+ import { g as Re, a as He, b as C, w as rt } from "../class-BCq3bHT0.js";
10
10
  import { cva as ze } from "class-variance-authority";
11
11
  import { g as it } from "../options-JBqnVZUl.js";
12
12
  import { _ as X } from "../Icon.vue_vue_type_style_index_0_lang-BpIpKu8I.js";
@@ -22,15 +22,15 @@ import { _ as we } from "../Divider.vue_vue_type_style_index_0_lang-gVx_vqDi.js"
22
22
  import { _ as ke } from "../IconButton.vue_vue_type_script_setup_true_lang-7_PYDN9E.js";
23
23
  import { _ as ft } from "../Switch.vue_vue_type_style_index_0_lang-RH_NKvPq.js";
24
24
  import { g as be } from "../get-B14Mml42.js";
25
- 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";
26
- function Se(B, _) {
27
- return et(B, _);
25
+ 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-a7H6iK5g.js";
26
+ function _e(B, S) {
27
+ return et(B, S);
28
28
  }
29
29
  const vt = ["simple", "advance"], wt = {
30
30
  key: 1,
31
31
  viewBox: "0 0 108 88",
32
32
  fill: "none"
33
- }, kt = ["fill"], bt = ["fill"], St = ["fill"], _t = ["fill"], $t = ["stroke"], Rt = ["stroke"], Ht = ["stroke"], zt = /* @__PURE__ */ _e({
33
+ }, kt = ["fill"], bt = ["fill"], _t = ["fill"], St = ["fill"], $t = ["stroke"], Rt = ["stroke"], Ht = ["stroke"], zt = /* @__PURE__ */ Se({
34
34
  ...it("Empty"),
35
35
  __name: "Empty",
36
36
  props: {
@@ -47,67 +47,67 @@ const vt = ["simple", "advance"], wt = {
47
47
  description: {}
48
48
  },
49
49
  setup(B) {
50
- const _ = B, s = $e(), z = Re("empty"), b = ze(z, {
50
+ const S = B, s = $e(), z = Re("empty"), b = ze(z, {
51
51
  variants: {
52
52
  type: He(vt, z)
53
53
  }
54
- }), u = P(() => _.title || !!s.title), $ = P(() => _.description || !!s.description);
55
- return (l, C) => (a(), p("div", {
56
- class: g([
54
+ }), c = P(() => S.title || !!s.title), $ = P(() => S.description || !!s.description);
55
+ return (l, y) => (a(), f("div", {
56
+ class: d([
57
57
  t(b)({
58
58
  type: l.type
59
59
  }),
60
- _.class
60
+ S.class
61
61
  ])
62
62
  }, [
63
- v("div", {
64
- class: g([t(w)(t(z), "image"), l.imageCls])
63
+ w("div", {
64
+ class: d([t(C)(t(z), "image"), l.imageCls])
65
65
  }, [
66
66
  H(l.$slots, "image", {}, () => [
67
67
  l.type === "simple" ? (a(), T(X, {
68
68
  key: 0,
69
69
  icon: l.icon,
70
70
  size: "sm"
71
- }, null, 8, ["icon"])) : (a(), p("svg", wt, [
72
- v("path", {
71
+ }, null, 8, ["icon"])) : (a(), f("svg", wt, [
72
+ w("path", {
73
73
  "fill-rule": "evenodd",
74
74
  "clip-rule": "evenodd",
75
75
  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",
76
76
  fill: t(N)("primary-0")
77
77
  }, null, 8, kt),
78
- v("path", {
78
+ w("path", {
79
79
  "fill-rule": "evenodd",
80
80
  "clip-rule": "evenodd",
81
81
  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",
82
82
  fill: t(N)("gray-0")
83
83
  }, null, 8, bt),
84
- v("path", {
84
+ w("path", {
85
85
  "fill-rule": "evenodd",
86
86
  "clip-rule": "evenodd",
87
87
  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",
88
88
  fill: t(N)("gray-0")
89
- }, null, 8, St),
90
- v("path", {
89
+ }, null, 8, _t),
90
+ w("path", {
91
91
  "fill-rule": "evenodd",
92
92
  "clip-rule": "evenodd",
93
93
  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",
94
94
  fill: t(N)("primary-1")
95
- }, null, 8, _t),
96
- v("path", {
95
+ }, null, 8, St),
96
+ w("path", {
97
97
  "fill-rule": "evenodd",
98
98
  "clip-rule": "evenodd",
99
99
  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",
100
100
  stroke: t(N)("primary-5"),
101
101
  "stroke-width": "2"
102
102
  }, null, 8, $t),
103
- v("path", {
103
+ w("path", {
104
104
  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",
105
105
  stroke: t(N)("primary-5"),
106
106
  "stroke-width": "2",
107
107
  "stroke-linecap": "round",
108
108
  "stroke-linejoin": "round"
109
109
  }, null, 8, Rt),
110
- v("path", {
110
+ w("path", {
111
111
  d: "M70.7382 16.4092L63.2256 24.8292M53.1406 13.5V24.8292V13.5ZM35.4756 16.4092L42.9882 24.8292L35.4756 16.4092Z",
112
112
  stroke: t(N)("primary-5"),
113
113
  "stroke-width": "2",
@@ -117,87 +117,87 @@ const vt = ["simple", "advance"], wt = {
117
117
  ]))
118
118
  ])
119
119
  ], 2),
120
- l.type === "simple" && u.value ? (a(), p("div", {
120
+ l.type === "simple" && c.value ? (a(), f("div", {
121
121
  key: 0,
122
- class: g([t(w)(t(z), "title"), l.titleCls])
122
+ class: d([t(C)(t(z), "title"), l.titleCls])
123
123
  }, [
124
124
  H(l.$slots, "title", {}, () => [
125
125
  ne(J(l.title), 1)
126
126
  ])
127
- ], 2)) : u.value || $.value || s.actions ? (a(), p("div", {
127
+ ], 2)) : c.value || $.value || s.actions ? (a(), f("div", {
128
128
  key: 1,
129
- class: g([t(w)(t(z), "content"), l.contentCls])
129
+ class: d([t(C)(t(z), "content"), l.contentCls])
130
130
  }, [
131
- u.value || $.value ? (a(), p("div", {
131
+ c.value || $.value ? (a(), f("div", {
132
132
  key: 0,
133
- class: g([t(w)(t(z), "text"), l.textCls])
133
+ class: d([t(C)(t(z), "text"), l.textCls])
134
134
  }, [
135
- u.value ? (a(), p("div", {
135
+ c.value ? (a(), f("div", {
136
136
  key: 0,
137
- class: g([t(w)(t(z), "title"), l.titleCls])
137
+ class: d([t(C)(t(z), "title"), l.titleCls])
138
138
  }, [
139
139
  H(l.$slots, "title", {}, () => [
140
140
  ne(J(l.title), 1)
141
141
  ])
142
142
  ], 2)) : R("", !0),
143
- $.value ? (a(), p("div", {
143
+ $.value ? (a(), f("div", {
144
144
  key: 1,
145
- class: g([t(w)(t(z), "description"), l.descriptionCls])
145
+ class: d([t(C)(t(z), "description"), l.descriptionCls])
146
146
  }, [
147
147
  H(l.$slots, "description", {}, () => [
148
148
  ne(J(l.description), 1)
149
149
  ])
150
150
  ], 2)) : R("", !0)
151
151
  ], 2)) : R("", !0),
152
- s.actions ? (a(), p("div", {
152
+ s.actions ? (a(), f("div", {
153
153
  key: 1,
154
- class: g([t(w)(t(z), "actions"), l.actionsCls])
154
+ class: d([t(C)(t(z), "actions"), l.actionsCls])
155
155
  }, [
156
156
  H(l.$slots, "actions")
157
157
  ], 2)) : R("", !0)
158
158
  ], 2)) : R("", !0)
159
159
  ], 2));
160
160
  }
161
- }), Bt = (B, { isColumnWrapped: _, selectionId: s }) => {
161
+ }), Bt = (B, { isColumnWrapped: S, selectionId: s }) => {
162
162
  const z = (o) => {
163
- var m;
164
- const c = (y) => y === "list" ? "md" : "sm";
163
+ var p;
164
+ const u = (h) => h === "list" ? "md" : "sm";
165
165
  return {
166
166
  ...(o == null ? void 0 : o.skeletonProps) ?? {},
167
167
  style: "width: 100%",
168
- size: c((m = o == null ? void 0 : o.skeletonProps) == null ? void 0 : m.type)
168
+ size: u((p = o == null ? void 0 : o.skeletonProps) == null ? void 0 : p.type)
169
169
  };
170
170
  }, b = (o) => {
171
- var m, y;
172
- const c = (m = o.props) == null ? void 0 : m.column.columnDef;
173
- return V(c == null ? void 0 : c.render) && o.props.row ? (y = c == null ? void 0 : c.render) == null ? void 0 : y.call(c, {
171
+ var p, h;
172
+ const u = (p = o.props) == null ? void 0 : p.column.columnDef;
173
+ return V(u == null ? void 0 : u.render) && o.props.row ? (h = u == null ? void 0 : u.render) == null ? void 0 : h.call(u, {
174
174
  index: o.props.row.index,
175
175
  record: o.props.row.original,
176
- column: Be(c, "render")
176
+ column: Be(u, "render")
177
177
  }) : typeof o.render == "function" || typeof o.render == "object" ? Ze(o.render, o.props) : o.render;
178
- }, u = (o) => {
179
- let c = {};
178
+ }, c = (o) => {
179
+ let u = {};
180
180
  if (o) {
181
- const m = (D) => Number(D) >= 0 ? `${D}px` : D, { width: y, maxWidth: M, minWidth: L } = o;
182
- (y || M || L) && (c = {
183
- width: m(y),
184
- maxWidth: m(M),
185
- minWidth: m(L),
186
- overflow: y || M ? "hidden" : void 0
181
+ const p = (D) => Number(D) >= 0 ? `${D}px` : D, { width: h, maxWidth: M, minWidth: L } = o;
182
+ (h || M || L) && (u = {
183
+ width: p(h),
184
+ maxWidth: p(M),
185
+ minWidth: p(L),
186
+ overflow: h || M ? "hidden" : void 0
187
187
  });
188
188
  }
189
- return c;
190
- }, $ = {}, l = (o, c = !0) => {
191
- var y;
192
- let m = 1;
193
- return ((y = o == null ? void 0 : o.subHeaders) == null ? void 0 : y.length) === 1 && o.column.id === o.subHeaders[0].column.id && (m += l(o.subHeaders[0], !1)), c && (!$[o.column.id] || $[o.column.id] < m) && ($[o.column.id] = m), m;
194
- }, C = (o, c = {}) => {
195
- var m;
189
+ return u;
190
+ }, $ = {}, l = (o, u = !0) => {
191
+ var h;
192
+ let p = 1;
193
+ return ((h = o == null ? void 0 : o.subHeaders) == null ? void 0 : h.length) === 1 && o.column.id === o.subHeaders[0].column.id && (p += l(o.subHeaders[0], !1)), u && (!$[o.column.id] || $[o.column.id] < p) && ($[o.column.id] = p), p;
194
+ }, y = (o, u = {}) => {
195
+ var p;
196
196
  if (o != null && o.column) {
197
- const y = (m = o == null ? void 0 : o.column) == null ? void 0 : m.columnDef, M = [], L = {};
198
- if (ie(y)) {
199
- let D = _(o.column.id);
200
- const { customCell: K, class: F } = y;
197
+ const h = (p = o == null ? void 0 : o.column) == null ? void 0 : p.columnDef, M = [], L = {};
198
+ if (ie(h)) {
199
+ let D = S(o.column.id);
200
+ const { customCell: K, class: F } = h;
201
201
  if (he(F) || M.push(F), K && (ie(K) || V(K))) {
202
202
  const q = (k) => {
203
203
  if (ie(k)) {
@@ -209,7 +209,7 @@ const vt = ["simple", "advance"], wt = {
209
209
  K({
210
210
  index: o.row.index,
211
211
  record: o.row.original,
212
- column: y
212
+ column: h
213
213
  })
214
214
  ) : q(K);
215
215
  }
@@ -218,7 +218,7 @@ const vt = ["simple", "advance"], wt = {
218
218
  return {
219
219
  class: he(M) ? void 0 : M,
220
220
  ...L,
221
- ...c
221
+ ...u
222
222
  };
223
223
  }
224
224
  return {};
@@ -227,20 +227,20 @@ const vt = ["simple", "advance"], wt = {
227
227
  getSkeletonProps: z,
228
228
  RenderCell: b,
229
229
  getThProps: (o) => {
230
- var c, m, y;
231
- return C(o, {
232
- colSpan: (c = o == null ? void 0 : o.header) == null ? void 0 : c.colSpan,
233
- "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
230
+ var u, p, h;
231
+ return y(o, {
232
+ colSpan: (u = o == null ? void 0 : o.header) == null ? void 0 : u.colSpan,
233
+ "data-has-children": ((h = (p = o == null ? void 0 : o.column) == null ? void 0 : p.columns) == null ? void 0 : h.length) > 1 ? !0 : void 0
234
234
  });
235
235
  },
236
- getTdProps: (o) => C(o),
236
+ getTdProps: (o) => y(o),
237
237
  getColProps: (o) => {
238
- const c = u(o.columnDef);
239
- return o.id === s && (c.width = "var(--pt-dimension-2800)"), {
240
- style: c
238
+ const u = c(o.columnDef);
239
+ return o.id === s && (u.width = "var(--pt-dimension-2800)"), {
240
+ style: u
241
241
  };
242
242
  },
243
- isThVisible: (o, c, m) => $[m] === 1 ? !0 : c - o === $[m]
243
+ isThVisible: (o, u, p) => $[p] === 1 ? !0 : u - o === $[p]
244
244
  };
245
245
  };
246
246
  var At = "[object Boolean]";
@@ -248,16 +248,16 @@ function It(B) {
248
248
  return B === !0 || B === !1 || tt(B) && ot(B) == At;
249
249
  }
250
250
  const Tt = (B) => {
251
- const _ = Q([]), s = (l) => l ? _.value.findIndex((C) => C.id === l) : -1, z = (l) => {
252
- if (l) return _.value.find((C) => C.id === l);
251
+ const S = Q([]), s = (l) => l ? S.value.findIndex((y) => y.id === l) : -1, z = (l) => {
252
+ if (l) return S.value.find((y) => y.id === l);
253
253
  }, b = (l) => {
254
- var C;
255
- return !!((C = z(l)) != null && C.wrap);
256
- }, u = (l) => {
257
- const { id: C } = l;
258
- if (!C) return !1;
259
- const W = l.wrap ?? !b(C), O = s(C);
260
- return O >= 0 ? _.value[O] = { id: C, wrap: W } : _.value.push({ id: C, wrap: W }), !0;
254
+ var y;
255
+ return !!((y = z(l)) != null && y.wrap);
256
+ }, c = (l) => {
257
+ const { id: y } = l;
258
+ if (!y) return !1;
259
+ const W = l.wrap ?? !b(y), O = s(y);
260
+ return O >= 0 ? S.value[O] = { id: y, wrap: W } : S.value.push({ id: y, wrap: W }), !0;
261
261
  }, $ = P(
262
262
  () => (B.columns ?? []).filter((l) => It(l.wrap)).map((l) => ({
263
263
  id: l.id,
@@ -267,7 +267,7 @@ const Tt = (B) => {
267
267
  return ae(
268
268
  $,
269
269
  (l) => {
270
- _.value = [..._.value, ...l];
270
+ S.value = [...S.value, ...l];
271
271
  },
272
272
  {
273
273
  immediate: !0,
@@ -275,12 +275,9 @@ const Tt = (B) => {
275
275
  }
276
276
  ), {
277
277
  isColumnWrapped: b,
278
- toggleWrap: u
278
+ toggleWrap: c
279
279
  };
280
- }, Pt = {
281
- key: 2,
282
- class: "h-full flex items-center"
283
- }, 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({
280
+ }, lo = /* @__PURE__ */ Se({
284
281
  __name: "DataTable",
285
282
  props: {
286
283
  columns: {},
@@ -308,24 +305,24 @@ const Tt = (B) => {
308
305
  noHeader: { type: Boolean }
309
306
  },
310
307
  emits: ["fetch"],
311
- setup(B, { emit: _ }) {
312
- const s = B, z = _, b = $e(), u = Re("data_table", rt), $ = Je(), l = `$${u}_selection$`, C = P(() => {
308
+ setup(B, { emit: S }) {
309
+ const s = B, z = S, b = $e(), c = Re("data_table", rt), $ = Je(), l = `$${c}_selection$`, y = P(() => {
313
310
  var e;
314
- return ((e = s.actionCol) == null ? void 0 : e.id) ?? `$${u}_action$`;
311
+ return ((e = s.actionCol) == null ? void 0 : e.id) ?? `$${c}_action$`;
315
312
  }), W = (e) => Be(e ?? {}, "title", "sorter", "columns", "id", "dataIndex"), O = P(() => {
316
- var h;
313
+ var v;
317
314
  const e = (n) => {
318
315
  var j;
319
- const S = n.id ?? nt(`${u}--col`);
316
+ const _ = n.id ?? nt(`${c}--col`);
320
317
  return se(be(n, s.childrenColumnName)) ? $.group({
321
318
  header: n.title,
322
- id: S,
319
+ id: _,
323
320
  columns: (j = be(n, s.childrenColumnName) ?? []) == null ? void 0 : j.map(e),
324
321
  enableSorting: !1,
325
322
  ...W(n)
326
323
  }) : $.accessor(n.dataIndex ?? n.id, {
327
324
  header: n.title,
328
- id: S,
325
+ id: _,
329
326
  sortingFn: typeof n.sorter == "function" ? (oe, We) => n.sorter(oe.original, We.original) : n.sorter,
330
327
  enableSorting: !!n.sorter,
331
328
  ...W(n)
@@ -343,29 +340,29 @@ const Tt = (B) => {
343
340
  ), s.columns.forEach((n) => {
344
341
  i.push(e(n));
345
342
  }), (b.action || b.hoverAction) && i.push(
346
- $.accessor(C.value, {
347
- id: C.value,
348
- header: (h = s.actionCol) == null ? void 0 : h.title,
343
+ $.accessor(y.value, {
344
+ id: y.value,
345
+ header: (v = s.actionCol) == null ? void 0 : v.title,
349
346
  enableSorting: !1,
350
347
  ...W(s.actionCol)
351
348
  })
352
349
  ), i;
353
- }), { toggleWrap: ce, isColumnWrapped: Y } = Tt(s), o = Q({}), c = P(() => Object.keys(o.value)), m = P(
350
+ }), { toggleWrap: ce, isColumnWrapped: Y } = Tt(s), o = Q({}), u = P(() => Object.keys(o.value)), p = P(
354
351
  () => s.rowKey ? Qe(s.data, (e) => e.children).map(
355
352
  (e) => e[s.rowKey]
356
353
  ) : []
357
- ), y = () => {
354
+ ), h = () => {
358
355
  const e = Object.fromEntries(
359
- c.value.filter((r) => {
356
+ u.value.filter((r) => {
360
357
  var i;
361
- return !((i = s.rowSelection) != null && i.preserveSelectedRowKeys) && s.rowKey ? m.value.includes(r) : !0;
358
+ return !((i = s.rowSelection) != null && i.preserveSelectedRowKeys) && s.rowKey ? p.value.includes(r) : !0;
362
359
  }).map((r) => [r, !0])
363
360
  );
364
- Object.keys(e).length !== c.value.length && (o.value = e, le(() => {
361
+ Object.keys(e).length !== u.value.length && (o.value = e, le(() => {
365
362
  var r;
366
363
  V((r = s.rowSelection) == null ? void 0 : r.onChange) && s.rowSelection.onChange(E.value);
367
364
  }));
368
- }, M = P(() => (y(), [...s.data])), L = at(), K = ut(
365
+ }, M = P(() => (h(), [...s.data])), L = at(), K = ut(
369
366
  Object.fromEntries(
370
367
  Object.keys(L).map((e) => [e, L[e].minWidth])
371
368
  ),
@@ -422,7 +419,7 @@ const Tt = (B) => {
422
419
  o.value = typeof e == "function" ? e(o.value) : e;
423
420
  }
424
421
  }), E = P(() => ({
425
- selectedRowKeys: c.value,
422
+ selectedRowKeys: u.value,
426
423
  selectedRows: k.getFilteredSelectedRowModel().flatRows.map((e) => e.original)
427
424
  }));
428
425
  ae(
@@ -431,14 +428,14 @@ const Tt = (B) => {
431
428
  return (e = s.rowSelection) == null ? void 0 : e.selectedRowKeys;
432
429
  },
433
430
  (e, r) => {
434
- var i, h;
435
- if ((h = (i = s.rowSelection) == null ? void 0 : i.selectedRowKeys) != null && h.length && !Se(e, r)) {
431
+ var i, v;
432
+ if ((v = (i = s.rowSelection) == null ? void 0 : i.selectedRowKeys) != null && v.length && !_e(e, r)) {
436
433
  const n = Object.fromEntries(
437
434
  t(s.rowSelection.selectedRowKeys ?? Object.keys(o.value)).map(
438
- (S) => [S, !0]
435
+ (_) => [_, !0]
439
436
  )
440
437
  );
441
- Se(n, o.value) || (o.value = n);
438
+ _e(n, o.value) || (o.value = n);
442
439
  }
443
440
  },
444
441
  { immediate: !0 }
@@ -453,8 +450,8 @@ const Tt = (B) => {
453
450
  r.toggleSelected(e, {
454
451
  selectChildren: !((i = s.rowSelection) != null && i.checkStrictly)
455
452
  }), le(() => {
456
- var h, n;
457
- V((h = s.rowSelection) == null ? void 0 : h.onSelect) && s.rowSelection.onSelect({
453
+ var v, n;
454
+ V((v = s.rowSelection) == null ? void 0 : v.onSelect) && s.rowSelection.onSelect({
458
455
  ...E.value,
459
456
  selected: e,
460
457
  record: r.original
@@ -480,9 +477,9 @@ const Tt = (B) => {
480
477
  isColumnWrapped: Y
481
478
  }), pe = P(() => Object.keys(o.value).length), De = () => {
482
479
  o.value = {};
483
- }, Ke = ze(u, {
480
+ }, Ke = ze(c, {
484
481
  variants: {
485
- empty: He("empty", u)
482
+ empty: He("empty", c)
486
483
  }
487
484
  }), fe = qe(0), Ee = ({ item: e }, r) => {
488
485
  e.key === "a-z" && r.toggleSorting(!1, !1), e.key === "z-a" && r.toggleSorting(!0, !1), e.key === "wrap" && ce({ id: r.id }), fe.value++;
@@ -500,98 +497,104 @@ const Tt = (B) => {
500
497
  }))
501
498
  }))
502
499
  );
503
- return (e, r) => (a(), p("div", {
504
- class: g([t(w)(t(u), "root"), e.rootCls])
500
+ return (e, r) => (a(), f("div", {
501
+ class: d([t(C)(t(c), "root"), e.rootCls])
505
502
  }, [
506
- f(ve, {
503
+ g(ve, {
507
504
  "z-index": "1",
508
505
  open: !!(pe.value && b.batchActions),
509
506
  placement: "bottom",
510
507
  "side-offset": -54,
511
508
  "container-cls": "pantograph-tokens dark"
512
509
  }, {
513
- content: d(() => [
514
- v("div", Lt, [
515
- f(pt, {
510
+ content: m(() => [
511
+ w("div", {
512
+ class: d(t(C)(t(c), "batch_actions"))
513
+ }, [
514
+ g(pt, {
516
515
  text: pe.value,
517
516
  size: "xsm"
518
517
  }, null, 8, ["text"]),
519
- v("div", Mt, J(e.batchActionsTitle), 1),
520
- v("div", Vt, [
518
+ w("div", {
519
+ class: d(t(C)(t(c), "batch_actions__title"))
520
+ }, J(e.batchActionsTitle), 3),
521
+ w("div", {
522
+ class: d(t(C)(t(c), "batch_actions__actions"))
523
+ }, [
521
524
  H(e.$slots, "batchActions", Ge(Ue(E.value)))
522
- ]),
523
- f(we, {
525
+ ], 2),
526
+ g(we, {
524
527
  type: "vertical",
525
- class: "!min-h-800"
526
- }),
527
- f(ke, {
528
+ class: d(t(C)(t(c), "batch_actions__divider"))
529
+ }, null, 8, ["class"]),
530
+ g(ke, {
528
531
  icon: "tabler:x",
529
532
  color: "gray",
530
533
  type: "ghost",
531
534
  onClick: De
532
535
  })
533
- ])
536
+ ], 2)
534
537
  ]),
535
- default: d(() => [
536
- v("div", {
537
- class: g([t(w)(t(u), "scroll_area"), e.scrollAreaCls])
538
+ default: m(() => [
539
+ w("div", {
540
+ class: d([t(C)(t(c), "scroll_area"), e.scrollAreaCls])
538
541
  }, [
539
- v("div", {
540
- class: g([t(w)(t(u), "scroll_viewport"), e.scrollViewportCls])
542
+ w("div", {
543
+ class: d([t(C)(t(c), "scroll_viewport"), e.scrollViewportCls])
541
544
  }, [
542
- f(t(gt), {
545
+ g(t(gt), {
543
546
  size: e.size,
544
547
  style: Fe({
545
548
  tableLayout: e.tableLayout
546
549
  }),
547
- class: g([
550
+ class: d([
548
551
  t(Ke)({
549
552
  empty: !t(k).getRowModel().rows.length
550
553
  }),
551
554
  s.class
552
555
  ])
553
556
  }, {
554
- default: d(() => [
555
- v("colgroup", null, [
556
- (a(!0), p(A, null, Z(t(k).getVisibleLeafColumns(), (i, h) => (a(), p("col", I({
557
+ default: m(() => [
558
+ w("colgroup", null, [
559
+ (a(!0), f(A, null, Z(t(k).getVisibleLeafColumns(), (i, v) => (a(), f("col", I({
557
560
  key: i.id,
558
561
  ref_for: !0
559
562
  }, t(Me)(i)), null, 16))), 128))
560
563
  ]),
561
564
  e.noHeader ? R("", !0) : (a(), T(t(Ct), {
562
565
  key: 0,
563
- class: g(e.theadCls),
566
+ class: d(e.theadCls),
564
567
  sticky: e.stickyHeader
565
568
  }, {
566
- default: d(() => [
567
- (a(!0), p(A, null, Z(ge.value, (i, h) => (a(), T(t(G), {
569
+ default: m(() => [
570
+ (a(!0), f(A, null, Z(ge.value, (i, v) => (a(), T(t(G), {
568
571
  key: i.id
569
572
  }, {
570
- default: d(() => [
571
- (a(!0), p(A, null, Z(i.headers, (n) => (a(), p(A, {
573
+ default: m(() => [
574
+ (a(!0), f(A, null, Z(i.headers, (n) => (a(), f(A, {
572
575
  key: n.id
573
576
  }, [
574
- t(Ve)(h, ge.value.length, n.column.id) ? (a(), T(t(yt), I({
577
+ t(Ve)(v, ge.value.length, n.column.id) ? (a(), T(t(yt), I({
575
578
  key: 0,
576
579
  ref_for: !0
577
580
  }, n.bindings, {
578
581
  "data-selection": n.column.id === l
579
582
  }), {
580
- default: d(() => [
581
- v("div", {
582
- class: g(t(w)(t(u), "header"))
583
+ default: m(() => [
584
+ w("div", {
585
+ class: d(t(C)(t(c), "header"))
583
586
  }, [
584
- v("div", {
585
- class: g(t(w)(t(u), "header__content"))
587
+ w("div", {
588
+ class: d(t(C)(t(c), "header__content"))
586
589
  }, [
587
- n.column.id !== l ? (a(), p(A, { key: 0 }, [
588
- v("div", {
589
- class: g(t(w)(t(u), "header__content__title"))
590
+ n.column.id !== l ? (a(), f(A, { key: 0 }, [
591
+ w("div", {
592
+ class: d(t(C)(t(c), "header__content__title"))
590
593
  }, [
591
594
  H(e.$slots, "headerCell", I({ ref_for: !0 }, {
592
595
  column: n.column.columnDef
593
596
  }), () => [
594
- f(t(me), {
597
+ g(t(me), {
595
598
  props: n.getContext(),
596
599
  render: n.column.columnDef.header
597
600
  }, null, 8, ["props", "render"])
@@ -599,81 +602,81 @@ const Tt = (B) => {
599
602
  ], 2),
600
603
  n.column.getCanSort() ? (a(), T(st, {
601
604
  key: 0,
602
- class: g({ hide_filter_action: !n.column.getIsSorted() }),
605
+ class: d({ hide_filter_action: !n.column.getIsSorted() }),
603
606
  icon: je(n.column),
604
607
  size: "sm",
605
608
  type: "ghost",
606
609
  variant: "icon",
607
610
  active: !!n.column.getIsSorted(),
608
- onClick: (S) => {
611
+ onClick: (_) => {
609
612
  var j;
610
- return (j = n.column.getToggleSortingHandler()) == null ? void 0 : j(S);
613
+ return (j = n.column.getToggleSortingHandler()) == null ? void 0 : j(_);
611
614
  }
612
615
  }, null, 8, ["class", "icon", "active", "onClick"])) : R("", !0)
613
- ], 64)) : (a(), p(A, { key: 1 }, [
614
- v("div", {
615
- class: g(t(w)(t(u), "selection_space"))
616
+ ], 64)) : (a(), f(A, { key: 1 }, [
617
+ w("div", {
618
+ class: d(t(C)(t(c), "selection_space"))
616
619
  }, null, 2),
617
- f(ye, {
620
+ g(ye, {
618
621
  rootCls: "w-fit",
619
622
  checked: x.value,
620
623
  onChange: ee
621
624
  }, null, 8, ["checked"])
622
625
  ], 64))
623
626
  ], 2),
624
- ![C.value, l].includes(n.column.id) && !n.column.columns.length ? (a(), p("div", {
627
+ ![y.value, l].includes(n.column.id) && !n.column.columns.length ? (a(), f("div", {
625
628
  key: 0,
626
- class: g(t(w)(t(u), "header__action"))
629
+ class: d(t(C)(t(c), "header__action"))
627
630
  }, [
628
631
  (a(), T(ve, {
629
632
  "z-index": "1",
630
633
  placement: "bottom-end",
631
634
  key: fe.value
632
635
  }, {
633
- content: d(() => [
634
- f(lt, {
635
- onSelect: (S) => Ee(S, n.column)
636
+ content: m(() => [
637
+ g(lt, {
638
+ onSelect: (_) => Ee(_, n.column)
636
639
  }, {
637
- default: d(() => [
638
- n.column.getCanSort() ? (a(), p(A, { key: 0 }, [
639
- f(re, {
640
+ default: m(() => [
641
+ n.column.getCanSort() ? (a(), f(A, { key: 0 }, [
642
+ g(re, {
640
643
  title: "Sort A → Z",
641
644
  key: "a-z"
642
645
  }, {
643
- leading: d(({ iconSize: S }) => [
644
- f(X, {
646
+ leading: m(({ iconSize: _ }) => [
647
+ g(X, {
645
648
  icon: "tabler:arrow-up",
646
- size: S
649
+ size: _
647
650
  }, null, 8, ["size"])
648
651
  ]),
649
652
  _: 1
650
653
  }),
651
- f(re, {
654
+ g(re, {
652
655
  title: "Sort Z → A",
653
656
  key: "z-a"
654
657
  }, {
655
- leading: d(({ iconSize: S }) => [
656
- f(X, {
658
+ leading: m(({ iconSize: _ }) => [
659
+ g(X, {
657
660
  icon: "tabler:arrow-down",
658
- size: S
661
+ size: _
659
662
  }, null, 8, ["size"])
660
663
  ]),
661
664
  _: 1
662
665
  }),
663
- f(we)
666
+ g(we)
664
667
  ], 64)) : R("", !0),
665
- f(re, {
668
+ g(re, {
666
669
  title: "Wrap Column",
667
670
  key: "wrap"
668
671
  }, {
669
- leading: d(({ iconSize: S }) => [
670
- f(X, {
672
+ leading: m(({ iconSize: _ }) => [
673
+ g(X, {
671
674
  icon: "tabler:text-wrap",
672
- size: S
675
+ size: _
673
676
  }, null, 8, ["size"])
674
677
  ]),
675
- trailing: d(() => [
676
- f(ft, {
678
+ trailing: m(() => [
679
+ g(ft, {
677
680
  checked: t(Y)(n.column.id)
678
681
  }, null, 8, ["checked"])
679
682
  ]),
@@ -683,13 +686,13 @@ const Tt = (B) => {
683
686
  _: 2
684
687
  }, 1032, ["onSelect"])
685
688
  ]),
686
- default: d(() => [
687
- f(ke, {
689
+ default: m(() => [
690
+ g(ke, {
688
691
  icon: "tabler:dots-vertical",
689
692
  size: "sm",
690
693
  color: "gray",
691
694
  type: "ghost",
692
- class: g(t(w)(t(u), "header__action__hover"))
695
+ class: d(t(C)(t(c), "header__action__hover"))
693
696
  }, null, 8, ["class"])
694
697
  ]),
695
698
  _: 2
@@ -706,39 +709,39 @@ const Tt = (B) => {
706
709
  ]),
707
710
  _: 3
708
711
  }, 8, ["class", "sticky"])),
709
- f(t(ht), {
710
- class: g(e.tbodyCls)
712
+ g(t(ht), {
713
+ class: d(e.tbodyCls)
711
714
  }, {
712
- default: d(() => [
713
- (a(!0), p(A, null, Z(t(k).getRowModel().rows, (i, h) => (a(), T(t(G), {
715
+ default: m(() => [
716
+ (a(!0), f(A, null, Z(t(k).getRowModel().rows, (i, v) => (a(), T(t(G), {
714
717
  key: i.id,
715
718
  zebra: e.zebra,
716
719
  checked: !!ue(i)
717
720
  }, {
718
- default: d(() => [
719
- (a(!0), p(A, null, Z(i.getVisibleCells(), (n) => {
720
- var S, j;
721
- return a(), p(A, {
721
+ default: m(() => [
722
+ (a(!0), f(A, null, Z(i.getVisibleCells(), (n) => {
723
+ var _, j;
724
+ return a(), f(A, {
722
725
  key: n.id
723
726
  }, [
724
- ((S = t(te)(n.getContext())) == null ? void 0 : S.colSpan) !== 0 && ((j = t(te)(n.getContext())) == null ? void 0 : j.rowSpan) !== 0 ? (a(), T(t(U), I({
727
+ ((_ = t(te)(n.getContext())) == null ? void 0 : _.colSpan) !== 0 && ((j = t(te)(n.getContext())) == null ? void 0 : j.rowSpan) !== 0 ? (a(), T(t(U), I({
725
728
  key: 0,
726
729
  ref_for: !0
727
730
  }, t(te)(n.getContext())), Ce({
728
- default: d(() => [
729
- n.column.id === C.value && (b.hoverAction || b.action) ? (a(), p("div", {
731
+ default: m(() => [
732
+ n.column.id === y.value && (b.hoverAction || b.action) ? (a(), f("div", {
730
733
  key: 0,
731
- class: g(t(w)(t(u), "action_cell"))
734
+ class: d(t(C)(t(c), "action_cell"))
732
735
  }, [
733
- v("div", {
734
- class: g([t(w)(t(u), "action_cell__hover"), e.actionHoverCls])
736
+ w("div", {
737
+ class: d([t(C)(t(c), "action_cell__hover"), e.actionHoverCls])
735
738
  }, [
736
739
  H(e.$slots, "hoverAction", I(
737
740
  { ref_for: !0 },
738
741
  {
739
742
  column: n.column.columnDef,
740
743
  record: i.original,
741
- index: h
744
+ index: v
742
745
  }
743
746
  ))
744
747
  ], 2),
@@ -747,7 +750,7 @@ const Tt = (B) => {
747
750
  {
748
751
  column: n.column.columnDef,
749
752
  record: i.original,
750
- index: h
753
+ index: v
751
754
  }
752
755
  ))
753
756
  ], 2)) : n.column.id !== l ? H(e.$slots, "bodyCell", I(
@@ -758,37 +761,40 @@ const Tt = (B) => {
758
761
  {
759
762
  column: n.column.columnDef,
760
763
  record: i.original,
761
- index: h
764
+ index: v
762
765
  }
763
766
  ), () => [
764
- f(t(me), {
767
+ g(t(me), {
765
768
  render: n.column.columnDef.cell,
766
769
  props: n.getContext()
767
770
  }, null, 8, ["render", "props"])
768
- ]) : e.rowKey && i.original[e.rowKey] ? (a(), p("div", Pt, [
769
- v("div", {
770
- class: g(t(w)(t(u), "selection_space"))
771
+ ]) : e.rowKey && i.original[e.rowKey] ? (a(), f("div", {
772
+ key: 2,
773
+ class: d(t(C)(t(c), "selection"))
774
+ }, [
775
+ w("div", {
776
+ class: d(t(C)(t(c), "selection_space"))
771
777
  }, null, 2),
772
- f(ye, I({
778
+ g(ye, I({
773
779
  rootCls: "w-fit",
774
780
  disabled: !i.getCanSelect(),
775
781
  checked: ue(i),
776
782
  onChange: (oe) => Ae(oe, i),
777
783
  ref_for: !0
778
784
  }, Ie(i.original)), null, 16, ["disabled", "checked", "onChange"])
779
- ])) : R("", !0)
785
+ ], 2)) : R("", !0)
780
786
  ]),
781
787
  _: 2
782
788
  }, [
783
- b.cellAction && ![C.value, l].includes(n.column.id) ? {
789
+ b.cellAction && ![y.value, l].includes(n.column.id) ? {
784
790
  name: "absoluteAction",
785
- fn: d(() => [
791
+ fn: m(() => [
786
792
  H(e.$slots, "cellAction", I(
787
793
  { ref_for: !0 },
788
794
  {
789
795
  column: n.column.columnDef,
790
796
  record: i.original,
791
- index: h
797
+ index: v
792
798
  }
793
799
  ))
794
800
  ]),
@@ -800,18 +806,18 @@ const Tt = (B) => {
800
806
  ]),
801
807
  _: 2
802
808
  }, 1032, ["zebra", "checked"]))), 128)),
803
- s.loading ? (a(!0), p(A, { key: 0 }, Z(t(k).getRowModel().rows.length ? 2 : e.loadingRowCount, (i) => (a(), T(t(G), {
809
+ s.loading ? (a(!0), f(A, { key: 0 }, Z(t(k).getRowModel().rows.length ? 2 : e.loadingRowCount, (i) => (a(), T(t(G), {
804
810
  key: i,
805
811
  zebra: e.zebra
806
812
  }, {
807
- default: d(() => [
808
- (a(!0), p(A, null, Z(t(k).getVisibleLeafColumns(), (h, n) => (a(), T(t(U), { key: n }, {
809
- default: d(() => [
810
- h.id !== l ? H(e.$slots, "skeleton", I({
813
+ default: m(() => [
814
+ (a(!0), f(A, null, Z(t(k).getVisibleLeafColumns(), (v, n) => (a(), T(t(U), { key: n }, {
815
+ default: m(() => [
816
+ v.id !== l ? H(e.$slots, "skeleton", I({
811
817
  key: 0,
812
818
  ref_for: !0
813
- }, { index: n, column: h.columnDef }), () => [
814
- f(mt, I({ ref_for: !0 }, t(Pe)(h.columnDef)), null, 16)
819
+ }, { index: n, column: v.columnDef }), () => [
820
+ g(mt, I({ ref_for: !0 }, t(Pe)(v.columnDef)), null, 16)
815
821
  ]) : R("", !0)
816
822
  ]),
817
823
  _: 2
@@ -823,37 +829,37 @@ const Tt = (B) => {
823
829
  key: 1,
824
830
  empty: ""
825
831
  }, {
826
- default: d(() => [
827
- f(t(U), {
832
+ default: m(() => [
833
+ g(t(U), {
828
834
  colspan: t(k).getVisibleLeafColumns().length,
829
835
  empty: ""
830
836
  }, {
831
- default: d(() => [
832
- f(zt, I({ type: "advance" }, e.emptyProps), Ce({ _: 2 }, [
837
+ default: m(() => [
838
+ g(zt, I({ type: "advance" }, e.emptyProps), Ce({ _: 2 }, [
833
839
  b.emptyTitle ? {
834
840
  name: "title",
835
- fn: d(() => [
841
+ fn: m(() => [
836
842
  H(e.$slots, "emptyTitle")
837
843
  ]),
838
844
  key: "0"
839
845
  } : void 0,
840
846
  b.emptyDescription ? {
841
847
  name: "title",
842
- fn: d(() => [
848
+ fn: m(() => [
843
849
  H(e.$slots, "emptyDescription")
844
850
  ]),
845
851
  key: "1"
846
852
  } : void 0,
847
853
  b.emptyActions ? {
848
854
  name: "title",
849
- fn: d(() => [
855
+ fn: m(() => [
850
856
  H(e.$slots, "emptyActions")
851
857
  ]),
852
858
  key: "2"
853
859
  } : void 0,
854
860
  b.emptyImage ? {
855
861
  name: "title",
856
- fn: d(() => [
862
+ fn: m(() => [
857
863
  H(e.$slots, "emptyImage")
858
864
  ]),
859
865
  key: "3"
@@ -869,8 +875,8 @@ const Tt = (B) => {
869
875
  key: 2,
870
876
  "lazy-load-observer": ""
871
877
  }, {
872
- default: d(() => [
873
- f(t(U), {
878
+ default: m(() => [
879
+ g(t(U), {
874
880
  ref_key: "target",
875
881
  ref: de,
876
882
  "lazy-load-observer": ""
@@ -893,6 +899,6 @@ const Tt = (B) => {
893
899
  }
894
900
  });
895
901
  export {
896
- ao as DataTable,
897
- ao as default
902
+ lo as DataTable,
903
+ lo as default
898
904
  };