@svgrid/grid-wc 3.0.1 → 3.0.2

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.
Files changed (92) hide show
  1. package/README.md +20 -0
  2. package/dist/GridMenus-B1mC1aPp.js +1077 -0
  3. package/dist/SvChartMenu-CBMKm7Xb.js +413 -0
  4. package/dist/SvDateRangeInput-BrYTQEMM.js +197 -0
  5. package/dist/SvDateTimePicker-CnLlqNDQ.js +766 -0
  6. package/dist/SvField-Bmzp3ObZ.js +147 -0
  7. package/dist/SvGridCellEditor-B005dmV1.js +560 -0
  8. package/dist/SvGridChart-4TcL9Rj2.js +3702 -0
  9. package/dist/SvGridChartBuilder-C4OL4XYx.js +1165 -0
  10. package/dist/SvGridChartPanel-CfHA8Ioq.js +1743 -0
  11. package/dist/SvGridChartView-Ci-9_EJ0.js +45 -0
  12. package/dist/SvGridDropdown-BlA6iw9m.js +257 -0
  13. package/dist/angular/fesm2022/svgrid-grid-wc-angular.mjs +178 -7
  14. package/dist/angular/fesm2022/svgrid-grid-wc-angular.mjs.map +1 -1
  15. package/dist/angular/types/svgrid-grid-wc-angular.d.ts +77 -2
  16. package/dist/chart/SvChartMenu-C-sbGNk8.js +586 -0
  17. package/dist/chart/chart-export-BHGuh_kZ.js +127 -0
  18. package/dist/chart/chart-export-pdf-BjkkIEkE.js +104 -0
  19. package/dist/chart/chart-summary-B86RFA3M.js +137 -0
  20. package/dist/chart/chart-trend-DP6DSsBa.js +56 -0
  21. package/dist/chart/chart-validate-CD6ptiwg.js +180 -0
  22. package/dist/chart/client-BuB0wIgc.js +2757 -0
  23. package/dist/chart/sv-chart-element.d.ts +98 -0
  24. package/dist/chart/sv-chart-element.js +7282 -0
  25. package/dist/chart-DoqdUoGg.js +4398 -0
  26. package/dist/chart-export-pdf-BirUdchl.js +104 -0
  27. package/dist/chart-summary-BP9i-v8M.js +137 -0
  28. package/dist/chart-validate-CD6ptiwg.js +180 -0
  29. package/dist/{shadow/client-DjwUji8D.js → client-DEF0GRjE.js} +1 -1
  30. package/dist/{column-resize-DvCRUrN3.js → column-resize-DUPgynvc.js} +3 -3
  31. package/dist/date-format-DMTwV8NC.js +1128 -0
  32. package/dist/focus-trap-DvlOlOGM.js +65 -0
  33. package/dist/list-option-DrRyivWp.js +82 -0
  34. package/dist/react/chart.d.ts +99 -0
  35. package/dist/react/chart.js +49 -0
  36. package/dist/react/index.d.ts +28 -0
  37. package/dist/react/index.js +4 -1
  38. package/dist/{row-resize-D-8s3cqT.js → row-resize-Cf8qPLbi.js} +44 -36
  39. package/dist/shadow/GridMenus-B1mC1aPp.js +1077 -0
  40. package/dist/shadow/SvChartMenu-CBMKm7Xb.js +413 -0
  41. package/dist/shadow/SvDateRangeInput-BrYTQEMM.js +197 -0
  42. package/dist/shadow/SvDateTimePicker-CnLlqNDQ.js +766 -0
  43. package/dist/shadow/SvField-Bmzp3ObZ.js +147 -0
  44. package/dist/shadow/SvGridCellEditor-B005dmV1.js +560 -0
  45. package/dist/shadow/SvGridChart-4TcL9Rj2.js +3702 -0
  46. package/dist/shadow/SvGridChartBuilder-C4OL4XYx.js +1165 -0
  47. package/dist/shadow/SvGridChartPanel-CfHA8Ioq.js +1743 -0
  48. package/dist/shadow/SvGridChartView-Ci-9_EJ0.js +45 -0
  49. package/dist/shadow/SvGridDropdown-BlA6iw9m.js +257 -0
  50. package/dist/shadow/chart-DoqdUoGg.js +4398 -0
  51. package/dist/shadow/chart-export-pdf-BirUdchl.js +104 -0
  52. package/dist/shadow/chart-summary-BP9i-v8M.js +137 -0
  53. package/dist/shadow/chart-validate-CD6ptiwg.js +180 -0
  54. package/dist/{client-DjwUji8D.js → shadow/client-DEF0GRjE.js} +1 -1
  55. package/dist/shadow/{column-resize-DvCRUrN3.js → column-resize-DUPgynvc.js} +3 -3
  56. package/dist/shadow/date-format-DMTwV8NC.js +1128 -0
  57. package/dist/shadow/focus-trap-DvlOlOGM.js +65 -0
  58. package/dist/shadow/list-option-DrRyivWp.js +82 -0
  59. package/dist/shadow/{row-resize-D-8s3cqT.js → row-resize-Cf8qPLbi.js} +44 -36
  60. package/dist/shadow/sv-grid-shadow-element.d.ts +15 -0
  61. package/dist/shadow/sv-grid-shadow-element.js +4688 -3621
  62. package/dist/shadow/{svelte-virtualizer.svelte-DZ9UcyfT.js → svelte-virtualizer.svelte-CnGhFGDc.js} +37 -34
  63. package/dist/sv-grid-element.d.ts +15 -0
  64. package/dist/sv-grid-element.js +4646 -3609
  65. package/dist/{svelte-virtualizer.svelte-DZ9UcyfT.js → svelte-virtualizer.svelte-CnGhFGDc.js} +37 -34
  66. package/dist/vue/chart.d.ts +64 -0
  67. package/dist/vue/chart.js +41 -0
  68. package/dist/vue/index.d.ts +11 -2
  69. package/dist/vue/index.js +4 -1
  70. package/package.json +18 -5
  71. package/dist/GridMenus-YwTw9Upd.js +0 -1123
  72. package/dist/SvDateRangeInput-CrxeppBV.js +0 -196
  73. package/dist/SvDateTimePicker-xAO-Pb4S.js +0 -765
  74. package/dist/SvField-CE345DyF.js +0 -146
  75. package/dist/SvGridCellEditor-D7SyHtff.js +0 -550
  76. package/dist/SvGridChart-CMaVmlso.js +0 -1477
  77. package/dist/SvGridChartPanel-Pc_IW0eA.js +0 -833
  78. package/dist/SvGridChartView-DLhhzmFy.js +0 -52
  79. package/dist/SvGridDropdown-DUncHqM-.js +0 -256
  80. package/dist/chart-GRBAgN1M.js +0 -1658
  81. package/dist/date-format-D_oQ5Yw0.js +0 -1127
  82. package/dist/shadow/GridMenus-YwTw9Upd.js +0 -1123
  83. package/dist/shadow/SvDateRangeInput-CrxeppBV.js +0 -196
  84. package/dist/shadow/SvDateTimePicker-xAO-Pb4S.js +0 -765
  85. package/dist/shadow/SvField-CE345DyF.js +0 -146
  86. package/dist/shadow/SvGridCellEditor-D7SyHtff.js +0 -550
  87. package/dist/shadow/SvGridChart-CMaVmlso.js +0 -1477
  88. package/dist/shadow/SvGridChartPanel-Pc_IW0eA.js +0 -833
  89. package/dist/shadow/SvGridChartView-DLhhzmFy.js +0 -52
  90. package/dist/shadow/SvGridDropdown-DUncHqM-.js +0 -256
  91. package/dist/shadow/chart-GRBAgN1M.js +0 -1658
  92. package/dist/shadow/date-format-D_oQ5Yw0.js +0 -1127
@@ -1,1123 +0,0 @@
1
- import { $ as e, A as t, C as n, D as r, E as i, F as a, H as o, I as s, J as c, K as l, L as u, O as d, R as f, U as p, V as m, W as h, X as g, Z as _, _ as v, a as y, c as b, d as x, et as S, f as C, g as w, h as T, it as E, j as D, k as O, l as k, n as A, nt as j, o as M, p as ee, q as N, rt as P, s as te, tt as ne, u as F, v as I, w as L, x as re, y as R, z } from "./client-DjwUji8D.js";
2
- import { c as B, s as V, t as H } from "./svelte-virtualizer.svelte-DZ9UcyfT.js";
3
- import { S as ie, h as ae, u as oe, w as se } from "./SvGrid.helpers-BdVDtjUm.js";
4
- import { i as U, t as W } from "./editor-contract-peBDxir_.js";
5
- import { t as ce } from "./SvField-CE345DyF.js";
6
- import { n as le } from "./dismissable-DvhBKm3q.js";
7
- //#region ../grid/dist/list-option.js
8
- function ue(e) {
9
- return e ? e.map((e) => {
10
- if (typeof e == "object" && e) {
11
- let t = e, n = t.value ?? t.label ?? "";
12
- return {
13
- ...t,
14
- value: n,
15
- label: t.label ?? String(n)
16
- };
17
- }
18
- return {
19
- value: e,
20
- label: String(e)
21
- };
22
- }) : [];
23
- }
24
- function G(e) {
25
- let t = [], n = /* @__PURE__ */ new Map();
26
- return e.forEach((e, r) => {
27
- let i = e.group ?? null, a = n.get(i);
28
- a || (a = {
29
- group: i,
30
- options: []
31
- }, n.set(i, a), t.push(a)), a.options.push({
32
- ...e,
33
- index: r
34
- });
35
- }), t;
36
- }
37
- function de(e, t) {
38
- let n = Math.max(1, t.groupHeaderHeight ?? 28), r = t.rowHeight, i = (e) => Math.max(1, typeof r == "function" ? r(e, e.index) : r), a = [], o = Array(e.length), s = !1;
39
- for (let t of G(e)) {
40
- t.group != null && (s = !0, a.push({
41
- type: "group",
42
- label: t.group,
43
- size: n
44
- }));
45
- for (let e of t.options) o[e.index] = a.length, a.push({
46
- type: "option",
47
- opt: e,
48
- size: i(e)
49
- });
50
- }
51
- return {
52
- entries: a,
53
- hasGroups: s,
54
- sizeAt: (e) => a[e]?.size ?? 0,
55
- optionFlatIndex: o
56
- };
57
- }
58
- function K(e, t, n) {
59
- let r = t.trim().toLowerCase();
60
- if (!r || !e.length) return -1;
61
- let i = e.length;
62
- for (let t = 1; t <= i; t++) {
63
- let a = (n + t) % i, o = e[a];
64
- if (o && !o.disabled && o.label.toLowerCase().startsWith(r)) return a;
65
- }
66
- return -1;
67
- }
68
- function q(e = 600) {
69
- let t = "", n;
70
- return {
71
- get value() {
72
- return t;
73
- },
74
- push(r) {
75
- return t += r, n && clearTimeout(n), n = setTimeout(() => {
76
- t = "";
77
- }, e), t;
78
- },
79
- clear() {
80
- t = "", n && clearTimeout(n);
81
- }
82
- };
83
- }
84
- function J(e) {
85
- return e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && e.key !== " ";
86
- }
87
- //#endregion
88
- //#region ../grid/dist/createListbox.svelte.js
89
- var fe = 0;
90
- function Y(e, t) {
91
- if (e == null) return [];
92
- if (e instanceof Set || Array.isArray(e)) {
93
- let n = [...e];
94
- return t ? n : n.slice(0, 1);
95
- }
96
- return [e];
97
- }
98
- function pe(e, t) {
99
- return e instanceof Set ? e : new Set(Y(e, t));
100
- }
101
- function me(t) {
102
- let n = `sv-lb-${fe++}`, r = () => t.options(), i = () => t.multiple?.() ?? !1, a = () => t.disabled?.() ?? !1, s = _(0), c = e(() => pe(t.value(), i())), l = e(() => Y(t.value(), i())), u = e(() => r().map((e, t) => e.disabled ? -1 : t).filter((e) => e >= 0));
103
- o(() => {
104
- let e = r()[f(s)];
105
- (!e || e.disabled) && g(s, f(u)[0] ?? 0, !0);
106
- });
107
- let d = (e) => f(c).has(e), p = (e) => e === f(s), m = (e) => `${n}-opt-${e}`;
108
- function h(e) {
109
- let t = r()[e];
110
- t && !t.disabled && g(s, e, !0);
111
- }
112
- function v(e) {
113
- let n = r()[e];
114
- if (!(!n || n.disabled || a())) {
115
- if (g(s, e, !0), i()) {
116
- let e = new Set(f(c));
117
- e.has(n.value) ? e.delete(n.value) : e.add(n.value), t.onChange?.(t.value() instanceof Set ? e : [...e]);
118
- } else t.onChange?.(n.value);
119
- }
120
- }
121
- function y(e) {
122
- let t = f(u);
123
- if (!t.length) return;
124
- let n = t[(t.indexOf(f(s)) + e + t.length) % t.length];
125
- n != null && g(s, n, !0);
126
- }
127
- let b = () => {
128
- g(s, f(u)[0] ?? 0, !0);
129
- }, x = () => {
130
- g(s, f(u).at(-1) ?? 0, !0);
131
- }, S = q();
132
- function C(e) {
133
- let t = S.push(e.toLowerCase()), n = K(r(), t, f(s));
134
- n >= 0 && g(s, n, !0);
135
- }
136
- function w(e) {
137
- if (!a()) switch (e.key) {
138
- case "ArrowDown":
139
- e.preventDefault(), y(1);
140
- break;
141
- case "ArrowUp":
142
- e.preventDefault(), y(-1);
143
- break;
144
- case "Home":
145
- e.preventDefault(), b();
146
- break;
147
- case "End":
148
- e.preventDefault(), x();
149
- break;
150
- case " ":
151
- case "Enter":
152
- e.preventDefault(), v(f(s));
153
- break;
154
- default: J(e) && C(e.key);
155
- }
156
- }
157
- let T = () => ({
158
- id: t.id?.(),
159
- invalid: t.invalid?.(),
160
- required: t.required?.(),
161
- error: t.error?.(),
162
- hint: t.hint?.(),
163
- ariaLabel: t.ariaLabel?.()
164
- });
165
- return {
166
- get activeIndex() {
167
- return f(s);
168
- },
169
- get selectedValues() {
170
- return f(l);
171
- },
172
- isSelected: d,
173
- isActive: p,
174
- setActive: h,
175
- pick: v,
176
- move: y,
177
- first: b,
178
- last: x,
179
- onKeydown: w,
180
- rootProps: () => ({
181
- role: "listbox",
182
- id: t.id?.(),
183
- "aria-multiselectable": i(),
184
- "aria-disabled": a(),
185
- "aria-activedescendant": r()[f(s)] ? m(f(s)) : void 0,
186
- ...W(T()),
187
- tabindex: a() ? -1 : 0,
188
- onkeydown: w
189
- }),
190
- optionProps: (e) => {
191
- let t = r()[e];
192
- return {
193
- role: "option",
194
- id: m(e),
195
- "aria-selected": t ? d(t.value) : !1,
196
- "aria-disabled": t?.disabled,
197
- "data-idx": e,
198
- "data-active": p(e) ? "" : void 0,
199
- "data-selected": t && d(t.value) ? "" : void 0,
200
- onclick: () => v(e),
201
- onpointermove: () => h(e)
202
- };
203
- }
204
- };
205
- }
206
- //#endregion
207
- //#region ../grid/dist/js-scroller.svelte.js
208
- function he(t) {
209
- let n = _(0), r = e(() => Math.max(0, t.totalSize() - t.viewport()));
210
- o(() => {
211
- let e = f(n);
212
- z(() => t.virtualizer.setScrollOffset(e));
213
- }), o(() => {
214
- let e = f(r);
215
- z(() => f(n)) > e && g(n, e, !0);
216
- });
217
- function i(e) {
218
- g(n, Math.max(0, Math.min(f(r), e)), !0);
219
- }
220
- function a(e) {
221
- i(f(n) + e);
222
- }
223
- function s(e) {
224
- if (f(r) <= 0) return;
225
- let i = e.deltaMode === 1 ? e.deltaY * t.lineStep() : e.deltaMode === 2 ? e.deltaY * t.viewport() : e.deltaY, o = f(n);
226
- a(i), f(n) !== o && e.preventDefault();
227
- }
228
- let c = e(() => f(r) > 0 && t.totalSize() > 0 ? Math.max(24, Math.min(t.viewport(), t.viewport() / t.totalSize() * t.viewport())) : 0), l = e(() => Math.max(0, t.viewport() - f(c))), u = e(() => f(r) > 0 ? f(n) / f(r) * f(l) : 0), d = _(!1), p = 0, m = 0;
229
- function h(e) {
230
- e.stopPropagation(), e.preventDefault(), g(d, !0), p = e.clientY, m = f(n), e.currentTarget.setPointerCapture(e.pointerId);
231
- }
232
- function v(e) {
233
- if (!f(d)) return;
234
- let t = e.clientY - p;
235
- i(m + (f(l) > 0 ? t / f(l) * f(r) : 0));
236
- }
237
- function y(e) {
238
- g(d, !1), D(e);
239
- }
240
- function b(e) {
241
- let n = e.currentTarget.getBoundingClientRect();
242
- a(e.clientY - n.top < f(u) ? -t.viewport() : t.viewport());
243
- }
244
- let x = !1, S = 0, C = 0;
245
- function w(e) {
246
- e.pointerType === "touch" && (x = !0, S = e.clientY, C = f(n), e.currentTarget.setPointerCapture(e.pointerId));
247
- }
248
- function T(e) {
249
- x && i(C - (e.clientY - S));
250
- }
251
- function E(e) {
252
- x && (x = !1, D(e));
253
- }
254
- function D(e) {
255
- try {
256
- e.currentTarget.releasePointerCapture(e.pointerId);
257
- } catch {}
258
- }
259
- function O(e, r) {
260
- e < f(n) ? i(e) : e + r > f(n) + t.viewport() && i(e + r - t.viewport());
261
- }
262
- function k(e) {
263
- O(t.virtualizer.getOffsetForIndex(e), t.virtualizer.getSizeForIndex(e));
264
- }
265
- return {
266
- get scrollOffset() {
267
- return f(n);
268
- },
269
- get maxOffset() {
270
- return f(r);
271
- },
272
- get thumbH() {
273
- return f(c);
274
- },
275
- get thumbTop() {
276
- return f(u);
277
- },
278
- get dragging() {
279
- return f(d);
280
- },
281
- scrollTo: i,
282
- scrollByPx: a,
283
- ensureVisible: O,
284
- ensureIndexVisible: k,
285
- onWheel: s,
286
- onThumbDown: h,
287
- onThumbMove: v,
288
- onThumbUp: y,
289
- onTrackDown: b,
290
- onContentDown: w,
291
- onContentMove: T,
292
- onContentUp: E
293
- };
294
- }
295
- //#endregion
296
- //#region ../grid/dist/SvListBox.svelte
297
- var ge = D("<span aria-hidden=\"true\"></span>"), _e = D("<span class=\"sv-listbox__check svelte-1qscmce\" aria-hidden=\"true\"> </span>"), ve = D("<span class=\"sv-listbox__label svelte-1qscmce\"> </span>"), ye = D("<span class=\"sv-listbox__hint svelte-1qscmce\" aria-hidden=\"true\"> </span>"), be = D("<!> <!> <!>", 1), xe = D("<div><!></div>"), Se = D("<div class=\"sv-listbox__group svelte-1qscmce\" role=\"presentation\"> </div>"), Ce = D("<div class=\"sv-listbox__sb svelte-1qscmce\" aria-hidden=\"true\"><div></div></div>"), we = D("<div class=\"sv-listbox__vp svelte-1qscmce\"></div> <!>", 1), Te = D("<div class=\"sv-listbox__group svelte-1qscmce\" role=\"presentation\"> </div>"), Ee = D("<!> <!>", 1), X = D("<input type=\"hidden\"/>"), De = D("<div><!></div> <!>", 1);
298
- function Oe(n, a) {
299
- ne(a, !0);
300
- let p = (e, n = E) => {
301
- var o = be(), s = N(o), u = (e) => {
302
- var t = ge();
303
- let r;
304
- m((e) => r = R(t, 1, "sv-listbox__box svelte-1qscmce", null, r, e), [() => ({ "is-on": q(n()) })]), O(e, t);
305
- }, f = (e) => {
306
- var t = _e(), r = l(t, !0);
307
- P(t), m((e) => d(r, e), [() => q(n()) ? "✓" : ""]), O(e, t);
308
- };
309
- i(s, (e) => {
310
- D() ? e(u) : w() && e(f, 1);
311
- });
312
- var p = c(s, 2), h = (e) => {
313
- var i = t(), o = N(i);
314
- r(o, () => a.item ?? a.itemTemplate, n), O(e, i);
315
- }, g = (e) => {
316
- var t = ve(), r = l(t, !0);
317
- P(t), m(() => d(r, n().label)), O(e, t);
318
- };
319
- i(p, (e) => {
320
- a.item ?? a.itemTemplate ? e(h) : e(g, -1);
321
- });
322
- var _ = c(p, 2), v = (e) => {
323
- var t = ye(), r = l(t, !0);
324
- P(t), m(() => d(r, n().hint)), O(e, t);
325
- };
326
- i(_, (e) => {
327
- n().hint && !(a.item ?? a.itemTemplate) && e(v);
328
- }), O(e, o);
329
- }, h = (e, t = E, n = E, r = E, i = E) => {
330
- var a = xe();
331
- F(a, (e, t, n) => ({
332
- class: "sv-listbox__opt",
333
- ...e,
334
- [b]: t,
335
- [k]: n
336
- }), [
337
- () => K.optionProps(n()),
338
- () => ({
339
- "is-selected": q(t()),
340
- "is-active": K.isActive(n()),
341
- "is-disabled": t().disabled
342
- }),
343
- () => ({
344
- height: `${r() ?? fe(t())}px`,
345
- transform: i() == null ? void 0 : `translateY(${i()}px)`
346
- })
347
- ], void 0, void 0, "svelte-1qscmce");
348
- var o = l(a);
349
- p(o, t), P(a), O(e, a);
350
- }, v = A(a, "value", 3, null), w = A(a, "multiple", 3, !1), D = A(a, "checkbox", 3, !1), j = A(a, "block", 3, !1), ee = A(a, "disabled", 3, !1), te = A(a, "size", 3, "md"), re = A(a, "rows", 3, 7), B = A(a, "virtual", 3, !1), V = A(a, "rowHeight", 3, 32), ie = A(a, "groupHeaderHeight", 3, 28), ae = A(a, "invalid", 3, !1), oe = A(a, "required", 3, !1), se = U("sv-lb"), W = e(() => a.id ?? se), le = e(() => ue(a.options)), K = me({
351
- options: () => f(le),
352
- value: () => v(),
353
- onChange: (e) => a.onChange?.(e),
354
- multiple: () => w(),
355
- disabled: () => ee(),
356
- ariaLabel: () => a.ariaLabel,
357
- id: () => f(W),
358
- invalid: () => ae(),
359
- required: () => oe(),
360
- error: () => a.error,
361
- hint: () => a.hint
362
- }), q = (e) => K.isSelected(e.value), J = e(() => typeof V() == "number" ? V() : 32), fe = (e) => typeof V() == "function" ? V()(e, e.index) : V(), Y = e(B), pe = _(null), Oe = _(0), ke = e(() => de(f(le), {
363
- rowHeight: V(),
364
- groupHeaderHeight: ie()
365
- })), Ae = e(() => !f(ke).hasGroups && typeof V() == "number"), je = e(() => f(Ae) ? f(J) : (e) => f(ke).sizeAt(e)), Me = e(() => f(Oe) > 0 ? f(Oe) : Math.max(1, re() * f(J))), Z = H(z(() => ({
366
- count: f(ke).entries.length,
367
- estimateSize: f(je),
368
- overscan: 6,
369
- viewportHeight: f(Me)
370
- })));
371
- o(() => {
372
- let e = f(ke).entries.length, t = f(je);
373
- z(() => Z.setOptions({
374
- count: e,
375
- estimateSize: t
376
- }));
377
- }), o(() => {
378
- let e = f(Me);
379
- z(() => Z.setViewportHeight(e));
380
- });
381
- let Ne = e(() => (Z.version, Z.getVirtualItems())), Pe = e(() => (Z.version, Z.getTotalSize())), Q = he({
382
- virtualizer: Z,
383
- totalSize: () => f(Pe),
384
- viewport: () => f(Me),
385
- lineStep: () => f(J)
386
- });
387
- o(() => {
388
- let e = K.activeIndex;
389
- if (f(Y)) {
390
- let t = f(ke).optionFlatIndex[e];
391
- if (t == null) return;
392
- z(() => Q.ensureIndexVisible(t));
393
- } else queueMicrotask(() => f(pe)?.querySelector(`[data-idx="${e}"]`)?.scrollIntoView({ block: "nearest" }));
394
- }), ce(n, {
395
- get id() {
396
- return f(W);
397
- },
398
- get label() {
399
- return a.label;
400
- },
401
- get hint() {
402
- return a.hint;
403
- },
404
- get error() {
405
- return a.error;
406
- },
407
- get required() {
408
- return oe();
409
- },
410
- get dir() {
411
- return a.dir;
412
- },
413
- get block() {
414
- return j();
415
- },
416
- children: (n, r) => {
417
- var o = De(), p = N(o);
418
- F(p, (e) => ({
419
- class: `sv-listbox sv-listbox--${te() ?? ""}`,
420
- onwheel: f(Y) ? Q.onWheel : void 0,
421
- ...e,
422
- [b]: {
423
- "is-invalid": ae(),
424
- "is-virtual": f(Y),
425
- "is-checkbox": D(),
426
- "is-block": j()
427
- },
428
- [k]: {
429
- "--sv-rows": re(),
430
- "--sv-row-h": `${f(J)}px`
431
- }
432
- }), [() => K.rootProps()], void 0, void 0, "svelte-1qscmce");
433
- var _ = l(p), v = (n) => {
434
- var r = we(), a = N(r);
435
- L(a, 21, () => f(Ne), (e) => e.key, (n, r) => {
436
- let a = e(() => f(ke).entries[f(r).index]);
437
- var o = t(), s = N(o), c = (e) => {
438
- var t = Se();
439
- let n;
440
- var i = l(t, !0);
441
- P(t), m(() => {
442
- n = I(t, "", n, {
443
- height: `${f(r).size}px`,
444
- transform: `translateY(${f(r).start - Q.scrollOffset}px)`
445
- }), d(i, f(a).label);
446
- }), O(e, t);
447
- }, u = (e) => {
448
- h(e, () => f(a).opt, () => f(a).opt.index, () => f(r).size, () => f(r).start - Q.scrollOffset);
449
- };
450
- i(s, (e) => {
451
- f(a)?.type === "group" ? e(c) : f(a) && e(u, 1);
452
- }), O(n, o);
453
- }), P(a);
454
- var o = c(a, 2), p = (e) => {
455
- var t = Ce(), n = l(t);
456
- let r, i;
457
- P(t), m(() => {
458
- r = R(n, 1, "sv-listbox__thumb svelte-1qscmce", null, r, { "is-dragging": Q.dragging }), i = I(n, "", i, {
459
- height: `${Q.thumbH}px`,
460
- transform: `translateY(${Q.thumbTop}px)`
461
- });
462
- }), s("pointerdown", t, function(...e) {
463
- Q.onTrackDown?.apply(this, e);
464
- }), s("pointerdown", n, function(...e) {
465
- Q.onThumbDown?.apply(this, e);
466
- }), s("pointermove", n, function(...e) {
467
- Q.onThumbMove?.apply(this, e);
468
- }), s("pointerup", n, function(...e) {
469
- Q.onThumbUp?.apply(this, e);
470
- }), u("pointercancel", n, function(...e) {
471
- Q.onThumbUp?.apply(this, e);
472
- }), O(e, t);
473
- };
474
- i(o, (e) => {
475
- Q.maxOffset > 0 && e(p);
476
- }), s("pointerdown", a, function(...e) {
477
- Q.onContentDown?.apply(this, e);
478
- }), s("pointermove", a, function(...e) {
479
- Q.onContentMove?.apply(this, e);
480
- }), s("pointerup", a, function(...e) {
481
- Q.onContentUp?.apply(this, e);
482
- }), u("pointercancel", a, function(...e) {
483
- Q.onContentUp?.apply(this, e);
484
- }), M(a, "clientHeight", (e) => g(Oe, e)), O(n, r);
485
- }, S = (e) => {
486
- var n = t(), r = N(n);
487
- L(r, 17, () => G(f(le)), (e) => e.group ?? " ", (e, t) => {
488
- var n = Ee(), r = N(n), a = (e) => {
489
- var n = Te(), r = l(n, !0);
490
- P(n), m(() => d(r, f(t).group)), O(e, n);
491
- };
492
- i(r, (e) => {
493
- f(t).group != null && e(a);
494
- });
495
- var o = c(r, 2);
496
- L(o, 17, () => f(t).options, (e) => e.index, (e, t) => {
497
- h(e, () => f(t), () => f(t).index);
498
- }), O(e, n);
499
- }), O(e, n);
500
- };
501
- i(_, (e) => {
502
- f(Y) ? e(v) : e(S, -1);
503
- }), P(p), y(p, (e) => g(pe, e), () => f(pe));
504
- var w = c(p, 2), E = (e) => {
505
- var n = t(), r = N(n);
506
- L(r, 16, () => K.selectedValues, (e) => e, (e, t) => {
507
- var n = X();
508
- x(n), m(() => {
509
- C(n, "name", a.name), T(n, t);
510
- }), O(e, n);
511
- }), O(e, n);
512
- };
513
- i(w, (e) => {
514
- a.name && e(E);
515
- }), O(n, o);
516
- },
517
- $$slots: { default: !0 }
518
- }), S();
519
- }
520
- a([
521
- "pointerdown",
522
- "pointermove",
523
- "pointerup"
524
- ]);
525
- //#endregion
526
- //#region ../grid/dist/GridMenus.svelte
527
- var ke = D("<option> </option>"), Ae = D("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), je = D("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), Me = D("<option> </option>"), Z = D("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), Ne = D("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), Pe = D("<div class=\"sv-grid-menu-join\" role=\"radiogroup\" aria-label=\"Combine conditions\"><button type=\"button\">AND</button> <button type=\"button\">OR</button> <button type=\"button\" class=\"sv-grid-menu-join-x\" title=\"Remove second condition\" aria-label=\"Remove second condition\"><!></button></div> <select class=\"sv-grid-menu-operator-select\" aria-label=\"Second filter condition\"></select> <!>", 1), Q = D("<button type=\"button\" class=\"sv-grid-menu-add-cond\">+ Add condition</button>"), Fe = D("<!> <!>", 1), Ie = D("<span class=\"sv-grid-menu-head-note\">and the condition above</span>"), Le = D("<span class=\"sv-grid-menu-head-note\"> </span>"), Re = D("<div class=\"sv-grid-facet-empty\">No values</div>"), ze = D("<div class=\"sv-grid-facet-note\"> </div>"), Be = D("<div class=\"sv-grid-menu-filter\"><div class=\"sv-grid-menu-filter-head\"><span class=\"sv-grid-header-icon\"><!></span> Filter\n condition</div> <select class=\"sv-grid-menu-operator-select\" aria-label=\"Filter condition\"></select> <!> <div class=\"sv-grid-menu-sep\"></div> <div class=\"sv-grid-menu-filter-head\">Values <!></div> <span class=\"sv-grid-menu-search-wrap\"><!> <input class=\"sv-grid-menu-search\" placeholder=\"Search values...\"/></span> <label class=\"sv-grid-facet sv-grid-facet-all\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\"> </span></label> <!> <!> <div class=\"sv-grid-menu-actions\"><button type=\"button\" class=\"sv-grid-menu-btn\">Clear filter</button> <button type=\"button\" class=\"sv-grid-menu-btn sv-grid-menu-btn-primary\">Done</button></div></div>"), Ve = D("<div role=\"tooltip\"> </div>"), He = D("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div>"), Ue = D("<button type=\"button\" role=\"tab\">Filter</button>"), We = D("<div class=\"sv-grid-menu-tabs\" role=\"tablist\"><button type=\"button\" role=\"tab\">General</button> <!> <button type=\"button\" role=\"tab\">Columns</button></div>"), Ge = D("<div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!>", 1), Ke = D("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Sort\n ascending</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Sort\n descending</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Remove sort</button>", 1), qe = D("<div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Pin to left</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Pin to right</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Unpin column</button>", 1), Je = D("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n this column</button>"), Ye = D("<div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Group\n by this column</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Remove grouping</button>", 1), Xe = D("<button type=\"button\" role=\"menuitem\" aria-haspopup=\"menu\"><span class=\"sv-grid-header-icon\"><!></span> Choose columns <span class=\"sv-grid-header-icon sv-grid-menu-item-chevron\"><!></span></button>"), Ze = D("<!> <!> <div class=\"sv-grid-menu-sep\"></div> <!> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n all columns</button> <!> <div class=\"sv-grid-menu-sep\"></div> <!> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Reset columns</button>", 1), Qe = D("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), $e = D("<div class=\"sv-grid-menu sv-grid-filter-menu\" role=\"menu\" tabindex=\"-1\"><!></div>"), et = D("<div class=\"sv-grid-menu sv-grid-choose-columns-menu\" role=\"menu\"><div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!></div>"), tt = D("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitemradio\"><span class=\"sv-grid-header-icon\"><!></span> </button>"), nt = D("<div class=\"sv-grid-menu sv-grid-operator-menu\" role=\"menu\"></div>"), rt = D("<div class=\"sv-grid-facet-empty\">No values</div>"), it = D("<div class=\"sv-grid-menu sv-grid-in-suggest\"><!></div>"), at = D("<div class=\"sv-grid-menu-sep\"></div>"), ot = D("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"> </button>"), st = D("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-context-menu\" role=\"menu\"></div>", 1), ct = D("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-comment-editor\" role=\"dialog\" aria-label=\"Edit comment\"><textarea class=\"sv-grid-comment-textarea\" rows=\"3\" placeholder=\"Add a comment…\"></textarea> <div class=\"sv-grid-comment-actions\"><button type=\"button\" class=\"sv-grid-comment-remove\">Remove</button> <span class=\"sv-grid-comment-spacer\"></span> <button type=\"button\" class=\"sv-grid-comment-cancel\">Cancel</button> <button type=\"button\" class=\"sv-grid-comment-save\">Save</button></div></div>", 1), lt = D("<!> <!> <!> <!> <!> <!> <!> <!> <!>", 1);
528
- function $(a, y) {
529
- ne(y, !0);
530
- let b = (a, o = E) => {
531
- let p = e(() => f(J).find((e) => e.id === o())), h = e(() => f(xe)(f(p))), g = e(() => f(M)[o()]?.operator ?? f(Se)(f(p))), _ = e(() => ae(f(p)?.columnDef.editorType ?? "text")), b = e(() => se(f(p)?.columnDef.editorType) && f(g) !== "isBlank" && f(g) !== "isNotBlank" && f(g) !== "regex" && f(g) !== "in" && f(g) !== "notIn"), S = e(() => f(yt).length !== f(vt).length), k = e(() => f(g) === "isBlank" || f(g) === "isNotBlank" || (f(M)[o()]?.value ?? "").trim().length > 0), A = e(() => f(Et).size), ne = e(() => f(vt).length);
532
- var F = Be(), I = l(F), re = l(I), z = l(re);
533
- r(z, () => y.icon, () => "filter"), P(re), j(), P(I);
534
- var B = c(I, 2);
535
- L(B, 21, () => f(h), (e) => e.value, (e, t) => {
536
- var n = ke(), r = l(n, !0);
537
- P(n);
538
- var i = {};
539
- m((e) => {
540
- d(r, e), i !== (i = f(t).value) && (n.value = (n.__value = f(t).value) ?? "");
541
- }, [() => f(Ce)(f(t), f(p))]), O(e, n);
542
- }), P(B);
543
- var V;
544
- w(B);
545
- var H = c(B, 2), U = (a) => {
546
- let S = e(() => f(M)[o()]);
547
- var E = Fe(), D = N(E), k = (r) => {
548
- var a = t(), s = N(a), c = (r) => {
549
- var a = t(), s = N(a), c = (r) => {
550
- let i = e(() => f(St)), a = e(() => oe(f(M)[o()]?.value)), s = e(() => oe(f(M)[o()]?.valueTo));
551
- var c = t(), l = N(c);
552
- {
553
- let t = e(() => f(a) && f(s) ? [f(a), f(s)] : null);
554
- n(l, () => f(i), (e, n) => {
555
- n(e, {
556
- get value() {
557
- return f(t);
558
- },
559
- formatString: "yyyy-MM-dd",
560
- block: !0,
561
- placeholder: "Pick a range...",
562
- onChange: (e) => {
563
- f(ye)(o(), e ? ie(e[0]) : ""), f(be)(o(), e ? ie(e[1]) : "");
564
- }
565
- });
566
- });
567
- }
568
- O(r, c);
569
- };
570
- i(s, (e) => {
571
- f(St) && e(c);
572
- }), O(r, a);
573
- }, l = (r) => {
574
- let i = e(() => f(xt));
575
- var a = t(), s = N(a);
576
- {
577
- let t = e(() => (f(M)[o()]?.value ?? "") || null);
578
- n(s, () => f(i), (e, n) => {
579
- n(e, {
580
- get value() {
581
- return f(t);
582
- },
583
- formatString: "yyyy-MM-dd",
584
- dropDownDisplayMode: "calendar",
585
- block: !0,
586
- nullable: !0,
587
- placeholder: "Filter value...",
588
- onChange: (e) => f(ye)(o(), ie(e))
589
- });
590
- });
591
- }
592
- O(r, a);
593
- };
594
- i(s, (e) => {
595
- f(g) === "between" ? e(c) : f(xt) && e(l, 1);
596
- }), O(r, a);
597
- }, A = (t) => {
598
- let n = e(() => f(g) === "in" || f(g) === "notIn");
599
- var r = je(), a = N(r);
600
- x(a);
601
- var l = c(a, 2), d = (e) => {
602
- var t = Ae();
603
- x(t), m(() => {
604
- C(t, "type", f(_)), T(t, f(M)[o()]?.valueTo ?? "");
605
- }), s("input", t, (e) => f(be)(o(), e.currentTarget.value)), O(e, t);
606
- };
607
- i(l, (e) => {
608
- f(g) === "between" && e(d);
609
- }), m(() => {
610
- C(a, "type", f(g) === "regex" ? "text" : f(_)), T(a, f(M)[o()]?.value ?? ""), C(a, "placeholder", f(g) === "between" ? "From" : f(n) ? "value, value..." : f(g) === "regex" ? "Pattern..." : "Filter value...");
611
- }), u("focus", a, function(...e) {
612
- (f(n) ? (e) => Ft(e.currentTarget, o()) : void 0)?.apply(this, e);
613
- }), u("blur", a, function(...e) {
614
- (f(n) ? () => f(jt)() : void 0)?.apply(this, e);
615
- }), s("input", a, (e) => {
616
- let t = e.currentTarget;
617
- f(ye)(o(), t.value), f(n) && It(t, o());
618
- }), O(t, r);
619
- };
620
- i(D, (e) => {
621
- f(b) ? e(k) : e(A, -1);
622
- });
623
- var j = c(D, 2), ee = (t) => {
624
- let n = e(() => f(S).operator2 ?? f(Se)(f(p)));
625
- var a = Pe(), u = N(a), g = l(u);
626
- let b;
627
- var E = c(g, 2);
628
- let D;
629
- var k = c(E, 2), A = l(k);
630
- r(A, () => y.icon, () => "remove"), P(k), P(u);
631
- var j = c(u, 2);
632
- L(j, 21, () => f(h), (e) => e.value, (e, t) => {
633
- var n = Me(), r = l(n, !0);
634
- P(n);
635
- var i = {};
636
- m((e) => {
637
- d(r, e), i !== (i = f(t).value) && (n.value = (n.__value = f(t).value) ?? "");
638
- }, [() => f(Ce)(f(t), f(p))]), O(e, n);
639
- }), P(j);
640
- var M;
641
- w(j);
642
- var ee = c(j, 2), te = (e) => {
643
- var t = Ne(), r = N(t);
644
- x(r);
645
- var a = c(r, 2), l = (e) => {
646
- var t = Z();
647
- x(t), m(() => {
648
- C(t, "type", f(_)), T(t, f(S).valueTo2 ?? "");
649
- }), s("input", t, (e) => X(o(), { valueTo2: e.currentTarget.value })), O(e, t);
650
- };
651
- i(a, (e) => {
652
- f(n) === "between" && e(l);
653
- }), m(() => {
654
- C(r, "type", f(_)), T(r, f(S).value2 ?? ""), C(r, "placeholder", f(n) === "between" ? "From" : "Filter value...");
655
- }), s("input", r, (e) => X(o(), { value2: e.currentTarget.value })), O(e, t);
656
- };
657
- i(ee, (e) => {
658
- f(n) !== "isBlank" && e(te);
659
- }), m(() => {
660
- b = R(g, 1, "", null, b, { "is-on": (f(S).join ?? "AND") === "AND" }), D = R(E, 1, "", null, D, { "is-on": f(S).join === "OR" }), M !== (M = f(n)) && (j.value = (j.__value = f(n)) ?? "", v(j, f(n)));
661
- }), s("click", g, () => X(o(), { join: "AND" })), s("click", E, () => X(o(), { join: "OR" })), s("click", k, () => X(o(), {
662
- operator2: void 0,
663
- value2: void 0,
664
- valueTo2: void 0,
665
- join: void 0
666
- })), s("change", j, (e) => X(o(), { operator2: e.currentTarget.value })), O(t, a);
667
- }, te = (e) => {
668
- var t = Q();
669
- s("click", t, () => X(o(), {
670
- operator2: f(Se)(f(p)),
671
- value2: "",
672
- join: "AND"
673
- })), O(e, t);
674
- };
675
- i(j, (e) => {
676
- f(S)?.operator2 ? e(ee) : e(te, -1);
677
- }), O(a, E);
678
- };
679
- i(H, (e) => {
680
- f(g) !== "isBlank" && f(g) !== "isNotBlank" && e(U);
681
- });
682
- var W = c(H, 4), ce = c(l(W)), le = (e) => {
683
- var t = Ie();
684
- O(e, t);
685
- }, ue = (e) => {
686
- var t = Le(), n = l(t);
687
- P(t), m(() => d(n, `${f(A) ?? ""} of ${f(ne) ?? ""}`)), O(e, t);
688
- };
689
- i(ce, (e) => {
690
- f(k) ? e(le) : f(A) < f(ne) && e(ue, 1);
691
- }), P(W);
692
- var G = c(W, 2), de = l(G);
693
- r(de, () => y.icon, () => "search");
694
- var K = c(de, 2);
695
- x(K), P(G);
696
- var q = c(G, 2), fe = l(q);
697
- x(fe);
698
- var Y = c(fe, 2), pe = l(Y, !0);
699
- P(Y), P(q);
700
- var me = c(q, 2), he = (t) => {
701
- {
702
- let n = e(() => f(Tt).length > Pt);
703
- Oe(t, {
704
- block: !0,
705
- checkbox: !0,
706
- multiple: !0,
707
- get virtual() {
708
- return f(n);
709
- },
710
- get rows() {
711
- return f(bt);
712
- },
713
- rowHeight: 24,
714
- size: "sm",
715
- ariaLabel: "Filter values",
716
- get options() {
717
- return f(Tt);
718
- },
719
- get value() {
720
- return f(Et);
721
- },
722
- onChange: (e) => f(Dt)(o(), e)
723
- });
724
- }
725
- }, ge = (e) => {
726
- var t = Re();
727
- O(e, t);
728
- };
729
- i(me, (e) => {
730
- f(Tt).length ? e(he) : e(ge, -1);
731
- });
732
- var _e = c(me, 2), we = (e) => {
733
- var t = ze(), n = l(t);
734
- P(t), m(() => d(n, `Showing ${f(yt).length ?? ""} of ${f(vt).length ?? ""}`)), O(e, t);
735
- };
736
- i(_e, (e) => {
737
- f(vt).length > f(yt).length && e(we);
738
- });
739
- var Te = c(_e, 2), Ee = l(Te), Ve = c(Ee, 2);
740
- P(Te), P(F), m((e, t) => {
741
- V !== (V = f(g)) && (B.value = (B.__value = f(g)) ?? "", v(B, f(g))), ee(fe, e), d(pe, f(S) ? "(Select all results)" : "(Select all)"), Ee.disabled = t;
742
- }, [() => f(Mt)(o()), () => !f(De)(o())]), s("change", B, (e) => f(ve)(o(), e.currentTarget.value)), te(K, () => D().columnMenuSearch, (e) => D().columnMenuSearch = e), s("change", fe, () => f(Nt)(o())), s("click", Ee, () => f(Bt)(o())), s("click", Ve, function(...e) {
743
- f($)?.apply(this, e);
744
- }), O(a, F);
745
- }, D = A(y, "ctrl", 7), k = e(() => D().groupingControlsEnabled), M = e(() => D().filterMenuValues), F = e(() => D().tooltip), z = e(() => D().columnMenuFor), H = e(() => D().columnMenuPos), U = e(() => D().filterMenuFor), W = e(() => D().filterMenuPos), ce = e(() => D().operatorMenuFor), ue = e(() => D().operatorMenuPos), G = e(() => D().chooseColumnsPos), de = e(() => D().showColumnFiltersEffective), K = e(() => D().props.columnMenuTabs === !0), q = e(() => D().grid), J = e(() => D().allColumns), fe = e(() => D().isColumnPinned), Y = e(() => D().pinColumnLeft), pe = e(() => D().pinColumnRight), me = e(() => D().unpinColumn), he = e(() => D().sortDirectionByColumn), ge = e(() => D().groupingColumns), _e = e(() => D().columnVirtualizationEnabled), ve = e(() => D().updateFilterOperator), ye = e(() => D().updateFilterMenuValue), be = e(() => D().updateFilterMenuValueTo), xe = e(() => D().operatorsForColumn), Se = e(() => D().defaultOperatorFor), Ce = e(() => D().operatorLabelFor), we = e(() => D().filterRowValues), Te = e(() => D().inSuggestFor), Ee = e(() => D().inSuggestPos);
746
- function X(e, t) {
747
- let n = f(J).find((t) => t.id === e), r = D().filterMenuValues[e] ?? {
748
- operator: f(Se)(n),
749
- value: ""
750
- };
751
- D().filterMenuValues = {
752
- ...D().filterMenuValues,
753
- [e]: {
754
- ...r,
755
- ...t
756
- }
757
- };
758
- }
759
- let De = e(() => D().isColumnFiltered), $ = e(() => D().closeMenus);
760
- o(() => {
761
- if (!(f(z) || f(U) || f(ce) || f(G) || f(Vt) || f(Gt))) return;
762
- let e = () => {
763
- f($)(), f(Wt)(), D().commentEditFor && f(Kt)();
764
- }, t = le(() => Array.from(document.querySelectorAll(`.sv-grid-menu[data-svgrid-menu="${D().gridDomId}"]`)), e);
765
- return window.addEventListener("resize", e), () => {
766
- t(), window.removeEventListener("resize", e);
767
- };
768
- });
769
- let ut = e(() => D().autosizeColumn), dt = e(() => D().autosizeAllColumns), ft = e(() => D().resetColumns), pt = e(() => D().openChooseColumns), mt = e(() => D().sortColumnFromMenu), ht = e(() => D().clearColumnSort), gt = e(() => D().groupByColumnFromMenu), _t = e(() => D().clearGroupingFromMenu), vt = e(() => D().columnMenuFacetValues), yt = e(() => D().columnMenuVisibleFacets), bt = e(function() {
770
- if (typeof window > "u") return 7;
771
- let e = (f(U) ? f(W).y : f(H).y) || 0, t = window.innerHeight - e - 320;
772
- return Math.max(7, Math.min(16, Math.floor(t / 24)));
773
- }), xt = _(null), St = _(null);
774
- o(() => {
775
- let e = f(U) ?? f(z);
776
- if (!e) return;
777
- let t = f(J).find((t) => t.id === e);
778
- se(t?.columnDef.editorType) && (f(xt) || import("./SvDateTimePicker-xAO-Pb4S.js").then((e) => g(xt, e.default, !0)), f(St) || import("./SvDateRangeInput-CrxeppBV.js").then((e) => g(St, e.default, !0)));
779
- });
780
- function Ct(e) {
781
- requestAnimationFrame(() => {
782
- e.querySelector(".sv-grid-menu-condition-value, .sv-dtp__input, .sv-dri__input, .sv-grid-menu-search")?.focus({ preventScroll: !0 });
783
- });
784
- }
785
- function wt(e) {
786
- if (e.key !== "Enter" || e.shiftKey) return;
787
- let t = e.target;
788
- t?.closest(".sv-listbox") || t?.tagName === "BUTTON" || (e.preventDefault(), f($)());
789
- }
790
- let Tt = e(() => D().columnMenuFacetOptions), Et = e(() => D().columnMenuSelectedFacets), Dt = e(() => D().setFacetSelection), Ot = e(() => D().setFilterTokens), kt = e(() => D().inSuggestOptions), At = e(() => D().openInSuggest), jt = e(() => D().closeInSuggest), Mt = e(() => D().isAllFacetsChecked), Nt = e(() => D().toggleAllFacets), Pt = 40;
791
- function Ft(e, t) {
792
- f(At)(e, t), D().inSuggestQuery = B(e.value);
793
- }
794
- function It(e, t) {
795
- D().inSuggestQuery = B(e.value), D().inSuggestFor !== t && f(At)(e, t);
796
- }
797
- function Lt(e) {
798
- return e.map((e) => ({
799
- value: e.id,
800
- label: typeof e.columnDef.header == "string" ? e.columnDef.header : e.id
801
- }));
802
- }
803
- function Rt(e) {
804
- let t = /* @__PURE__ */ new Set();
805
- for (let n of e) D().hiddenColumns[n.id] || t.add(n.id);
806
- return t;
807
- }
808
- function zt(e, t) {
809
- let n = { ...D().hiddenColumns };
810
- for (let r of e) t.has(r.id) ? delete n[r.id] : n[r.id] = !0;
811
- D().hiddenColumns = n;
812
- }
813
- let Bt = e(() => D().clearColumnFilter), Vt = e(() => D().contextMenuFor), Ht = e(() => D().contextMenuPos), Ut = e(() => D().contextMenuItems), Wt = e(() => D().closeContextMenu), Gt = e(() => D().commentEditFor), Kt = e(() => D().saveComment), qt = e(() => D().removeComment), Jt = e(() => D().closeCommentEditor);
814
- var Yt = lt(), Xt = N(Yt), Zt = (e) => {
815
- var t = Ve();
816
- let n;
817
- var r = l(t, !0);
818
- P(t), m(() => {
819
- n = R(t, 1, "sv-grid-tooltip", null, n, { "sv-grid-tooltip-above": !f(F).below }), I(t, `left: ${f(F).x}px; top: ${f(F).y}px; ${f(F).below ? "" : "transform: translateY(-100%);"}`), d(r, f(F).text);
820
- }), O(e, t);
821
- };
822
- i(Xt, (e) => {
823
- f(F) && e(Zt);
824
- });
825
- var Qt = c(Xt, 2), $t = (e) => {
826
- var t = He();
827
- s("click", t, function(...e) {
828
- f($)?.apply(this, e);
829
- }), O(e, t);
830
- };
831
- i(Qt, (e) => {
832
- (f(z) || f(U) || f(ce) || f(G)) && e($t);
833
- });
834
- var en = c(Qt, 2), tn = (t) => {
835
- let n = e(() => f(z)), a = e(() => f(J).find((e) => e.id === f(n))), o = e(() => f(a)?.getCanSort?.() ?? !1), u = e(() => f(a)?.columnDef.field != null && f(a)?.columnDef.filterable !== !1), d = e(() => D().columnMenuTab);
836
- var p = Qe(), h = l(p), g = (e) => {
837
- var t = We(), n = l(t);
838
- let r;
839
- var a = c(n, 2), o = (e) => {
840
- var t = Ue();
841
- let n;
842
- m(() => {
843
- n = R(t, 1, "sv-grid-menu-tab", null, n, { "is-active": f(d) === "filter" }), C(t, "aria-selected", f(d) === "filter");
844
- }), s("click", t, () => D().columnMenuTab = "filter"), O(e, t);
845
- };
846
- i(a, (e) => {
847
- f(u) && f(de) && e(o);
848
- });
849
- var p = c(a, 2);
850
- let h;
851
- P(t), m(() => {
852
- r = R(n, 1, "sv-grid-menu-tab", null, r, { "is-active": f(d) === "general" }), C(n, "aria-selected", f(d) === "general"), h = R(p, 1, "sv-grid-menu-tab", null, h, { "is-active": f(d) === "columns" }), C(p, "aria-selected", f(d) === "columns");
853
- }), s("click", n, () => D().columnMenuTab = "general"), s("click", p, () => D().columnMenuTab = "columns"), O(e, t);
854
- };
855
- i(h, (e) => {
856
- f(K) && e(g);
857
- });
858
- var _ = c(h, 2), v = (e) => {
859
- b(e, () => f(n));
860
- }, x = (t) => {
861
- let n = e(() => f(q).getAllColumns());
862
- var r = Ge(), i = c(N(r), 2);
863
- {
864
- let t = e(() => f(n).length > 40), r = e(() => Lt(f(n))), a = e(() => Rt(f(n)));
865
- Oe(i, {
866
- block: !0,
867
- checkbox: !0,
868
- multiple: !0,
869
- get virtual() {
870
- return f(t);
871
- },
872
- rows: 9,
873
- rowHeight: 24,
874
- size: "sm",
875
- ariaLabel: "Visible columns",
876
- get options() {
877
- return f(r);
878
- },
879
- get value() {
880
- return f(a);
881
- },
882
- onChange: (e) => zt(f(n), e)
883
- });
884
- }
885
- O(t, r);
886
- }, S = (t) => {
887
- var a = Ze(), u = N(a), d = (e) => {
888
- var t = Ke(), i = N(t), a = l(i), o = l(a);
889
- r(o, () => y.icon, () => "sort-asc"), P(a), j(), P(i);
890
- var u = c(i, 2), d = l(u), p = l(d);
891
- r(p, () => y.icon, () => "sort-desc"), P(d), j(), P(u);
892
- var h = c(u, 2), g = l(h), _ = l(g);
893
- r(_, () => y.icon, () => "x"), P(g), j(), P(h), m(() => h.disabled = !f(he)[f(n)]), s("click", i, () => f(mt)(f(n), !1)), s("click", u, () => f(mt)(f(n), !0)), s("click", h, () => f(ht)(f(n))), O(e, t);
894
- };
895
- i(u, (e) => {
896
- f(o) && e(d);
897
- });
898
- var p = c(u, 2), h = (t) => {
899
- let i = e(() => f(fe)(f(n)));
900
- var a = qe(), o = c(N(a), 2), u = l(o), d = l(u);
901
- r(d, () => y.icon, () => "pin-left"), P(u), j(), P(o);
902
- var p = c(o, 2), h = l(p), g = l(h);
903
- r(g, () => y.icon, () => "pin-right"), P(h), j(), P(p);
904
- var _ = c(p, 2), v = l(_), b = l(v);
905
- r(b, () => y.icon, () => "unpin"), P(v), j(), P(_), m(() => {
906
- o.disabled = f(i) === "left", p.disabled = f(i) === "right", _.disabled = !f(i);
907
- }), s("click", o, () => f(Y)(f(n))), s("click", p, () => f(pe)(f(n))), s("click", _, () => f(me)(f(n))), O(t, a);
908
- };
909
- i(p, (e) => {
910
- f(_e) || e(h);
911
- });
912
- var g = c(p, 4), _ = (e) => {
913
- var t = Je(), i = l(t), a = l(i);
914
- r(a, () => y.icon, () => "autosize"), P(i), j(), P(t), s("click", t, () => {
915
- f(ut)(f(n)), f($)();
916
- }), O(e, t);
917
- }, v = e(() => D().columnResizable(f(n)));
918
- i(g, (e) => {
919
- f(v) && e(_);
920
- });
921
- var b = c(g, 2), x = l(b), S = l(x);
922
- r(S, () => y.icon, () => "autosize"), P(x), j(), P(b);
923
- var w = c(b, 2), T = (e) => {
924
- var t = Ye(), i = c(N(t), 2), a = l(i), o = l(a);
925
- r(o, () => y.icon, () => "group"), P(a), j(), P(i);
926
- var u = c(i, 2), d = l(u), p = l(d);
927
- r(p, () => y.icon, () => "x"), P(d), j(), P(u), m((e, t) => {
928
- i.disabled = e, u.disabled = t;
929
- }, [() => f(ge).includes(f(n)), () => !f(ge).includes(f(n))]), s("click", i, () => f(gt)(f(n))), s("click", u, () => f(_t)(f(n))), O(e, t);
930
- };
931
- i(w, (e) => {
932
- f(k) && e(T);
933
- });
934
- var E = c(w, 4), A = (e) => {
935
- var t = Xe();
936
- let n;
937
- var i = l(t), a = l(i);
938
- r(a, () => y.icon, () => "columns"), P(i);
939
- var o = c(i, 2), u = l(o);
940
- r(u, () => y.icon, () => "chevron-down"), P(o), P(t), m(() => {
941
- n = R(t, 1, "sv-grid-menu-item", null, n, { "is-open": f(G) !== null }), C(t, "aria-expanded", f(G) !== null);
942
- }), s("click", t, (e) => f(pt)(e)), O(e, t);
943
- };
944
- i(E, (e) => {
945
- f(K) || e(A);
946
- });
947
- var M = c(E, 2), ee = l(M), te = l(ee);
948
- r(te, () => y.icon, () => "reset"), P(ee), j(), P(M), s("click", b, () => {
949
- f(dt)(), f($)();
950
- }), s("click", M, () => {
951
- f(ft)(), f($)();
952
- }), O(t, a);
953
- };
954
- i(_, (e) => {
955
- f(K) && f(d) === "filter" && f(u) && f(de) ? e(v) : f(K) && f(d) === "columns" ? e(x, 1) : e(S, -1);
956
- }), P(p), m(() => {
957
- C(p, "data-svgrid-menu", D().gridDomId), I(p, `left: ${f(H).x}px; top: ${f(H).y}px; max-height: calc(100vh - ${f(H).y}px - 12px);`);
958
- }), O(t, p);
959
- };
960
- i(en, (e) => {
961
- f(z) && e(tn);
962
- });
963
- var nn = c(en, 2), rn = (e) => {
964
- var t = $e(), n = l(t);
965
- b(n, () => f(U)), P(t), re(t, (e) => Ct?.(e)), m(() => {
966
- C(t, "data-svgrid-menu", D().gridDomId), I(t, `left: ${f(W).x}px; top: ${f(W).y}px; max-height: calc(100vh - ${f(W).y}px - 12px);`);
967
- }), s("keydown", t, wt), O(e, t);
968
- };
969
- i(nn, (e) => {
970
- f(U) && f(de) && e(rn);
971
- });
972
- var an = c(nn, 2), on = (t) => {
973
- let n = e(() => f(q).getAllColumns());
974
- var r = et(), i = c(l(r), 2);
975
- {
976
- let t = e(() => f(n).length > 40), r = e(() => Lt(f(n))), a = e(() => Rt(f(n)));
977
- Oe(i, {
978
- block: !0,
979
- checkbox: !0,
980
- multiple: !0,
981
- get virtual() {
982
- return f(t);
983
- },
984
- rows: 11,
985
- rowHeight: 24,
986
- size: "sm",
987
- ariaLabel: "Visible columns",
988
- get options() {
989
- return f(r);
990
- },
991
- get value() {
992
- return f(a);
993
- },
994
- onChange: (e) => zt(f(n), e)
995
- });
996
- }
997
- P(r), m(() => {
998
- C(r, "data-svgrid-menu", D().gridDomId), I(r, `left: ${f(G).x}px; top: ${f(G).y}px;`);
999
- }), O(t, r);
1000
- };
1001
- i(an, (e) => {
1002
- f(G) && e(on);
1003
- });
1004
- var sn = c(an, 2), cn = (t) => {
1005
- let n = e(() => f(ce)), i = e(() => f(J).find((e) => e.id === f(n))), a = e(() => f(xe)(f(i))), o = e(() => f(M)[f(n)]?.operator ?? f(Se)(f(i)));
1006
- var u = nt();
1007
- L(u, 21, () => f(a), (e) => e.value, (e, t) => {
1008
- var a = tt(), u = l(a), p = l(u);
1009
- r(p, () => y.icon, () => f(t).iconName), P(u);
1010
- var h = c(u);
1011
- P(a), m((e) => {
1012
- C(a, "aria-checked", f(o) === f(t).value), d(h, ` ${e ?? ""}`);
1013
- }, [() => f(Ce)(f(t), f(i))]), s("click", a, () => {
1014
- f(ve)(f(n), f(t).value), f($)();
1015
- }), O(e, a);
1016
- }), P(u), m(() => {
1017
- C(u, "data-svgrid-menu", D().gridDomId), I(u, `left: ${f(ue).x}px; top: ${f(ue).y}px;`);
1018
- }), O(t, u);
1019
- };
1020
- i(sn, (e) => {
1021
- f(ce) && e(cn);
1022
- });
1023
- var ln = c(sn, 2), un = (t) => {
1024
- let n = e(() => f(Te)), r = e(() => new Set(V(f(we)[f(n)] ?? "")));
1025
- var a = it(), o = l(a), c = (t) => {
1026
- {
1027
- let i = e(() => f(kt).length > 40);
1028
- Oe(t, {
1029
- block: !0,
1030
- checkbox: !0,
1031
- multiple: !0,
1032
- get virtual() {
1033
- return f(i);
1034
- },
1035
- rows: 8,
1036
- rowHeight: 26,
1037
- size: "sm",
1038
- ariaLabel: "Filter values",
1039
- get options() {
1040
- return f(kt);
1041
- },
1042
- get value() {
1043
- return f(r);
1044
- },
1045
- onChange: (e) => {
1046
- let t = new Set(e), r = B(f(we)[f(n)] ?? "");
1047
- r && t.delete(r), f(Ot)(f(n), [...t]), D().inSuggestQuery = "";
1048
- }
1049
- });
1050
- }
1051
- }, u = (e) => {
1052
- var t = rt();
1053
- O(e, t);
1054
- };
1055
- i(o, (e) => {
1056
- f(kt).length ? e(c) : e(u, -1);
1057
- }), P(a), m(() => {
1058
- C(a, "data-svgrid-menu", D().gridDomId), I(a, `left: ${f(Ee).x}px; top: ${f(Ee).y}px;`);
1059
- }), s("mousedown", a, (e) => e.preventDefault()), O(t, a);
1060
- };
1061
- i(ln, (e) => {
1062
- f(Te) && e(un);
1063
- });
1064
- var dn = c(ln, 2), fn = (e) => {
1065
- var n = st(), r = N(n), a = c(r, 2);
1066
- L(a, 21, () => f(Ut)(), (e) => e.key, (e, n) => {
1067
- var r = t(), a = N(r), o = (e) => {
1068
- var t = at();
1069
- O(e, t);
1070
- }, c = (e) => {
1071
- var t = ot(), r = l(t, !0);
1072
- P(t), m(() => {
1073
- t.disabled = f(n).disabled, d(r, f(n).label);
1074
- }), s("click", t, () => {
1075
- f(n).run?.(), f(Wt)();
1076
- }), O(e, t);
1077
- };
1078
- i(a, (e) => {
1079
- f(n).separator ? e(o) : e(c, -1);
1080
- }), O(e, r);
1081
- }), P(a), m(() => {
1082
- C(a, "data-svgrid-menu", D().gridDomId), I(a, `left: ${f(Ht).x}px; top: ${f(Ht).y}px;`);
1083
- }), s("contextmenu", r, (e) => {
1084
- e.preventDefault(), f(Wt)();
1085
- }), s("click", r, function(...e) {
1086
- f(Wt)?.apply(this, e);
1087
- }), O(e, n);
1088
- };
1089
- i(dn, (e) => {
1090
- f(Vt) && e(fn);
1091
- });
1092
- var pn = c(dn, 2), mn = (e) => {
1093
- var t = ct(), n = N(t), r = c(n, 2), i = l(r);
1094
- h(i), p(i, !0);
1095
- var a = c(i, 2), o = l(a), u = c(o, 4), d = c(u, 2);
1096
- P(a), P(r), m(() => {
1097
- C(r, "data-svgrid-menu", D().gridDomId), I(r, `left: ${f(Gt).x}px; top: ${f(Gt).y}px;`);
1098
- }), s("click", n, function(...e) {
1099
- f(Jt)?.apply(this, e);
1100
- }), s("keydown", i, (e) => {
1101
- e.stopPropagation(), e.key === "Escape" && (e.preventDefault(), f(Jt)()), e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), f(Kt)());
1102
- }), te(i, () => D().commentDraft, (e) => D().commentDraft = e), s("click", o, function(...e) {
1103
- f(qt)?.apply(this, e);
1104
- }), s("click", u, function(...e) {
1105
- f(Jt)?.apply(this, e);
1106
- }), s("click", d, function(...e) {
1107
- f(Kt)?.apply(this, e);
1108
- }), O(e, t);
1109
- };
1110
- i(pn, (e) => {
1111
- f(Gt) && e(mn);
1112
- }), O(a, Yt), S();
1113
- }
1114
- a([
1115
- "change",
1116
- "input",
1117
- "click",
1118
- "keydown",
1119
- "mousedown",
1120
- "contextmenu"
1121
- ]);
1122
- //#endregion
1123
- export { $ as default };