@svgrid/grid-wc 2.7.0 → 3.0.1

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