@svgrid/grid-wc 2.6.2 → 3.0.0

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 (58) hide show
  1. package/dist/GridMenus-DpmS1pzo.js +1121 -0
  2. package/dist/SvDateRangeInput-u4ibte8S.js +196 -0
  3. package/dist/SvDateTimePicker-DVFiDxUq.js +765 -0
  4. package/dist/{dismissable-xj_k_fnZ.js → SvField-ChCI-O2O.js} +44 -84
  5. package/dist/{SvGrid.helpers-CgUd39VT.js → SvGrid.helpers-BdVDtjUm.js} +37 -11
  6. package/dist/SvGridCellEditor-DvsQyE9a.js +550 -0
  7. package/dist/{SvGridChart-BztTavvw.js → SvGridChart-yK5Zv85y.js} +158 -158
  8. package/dist/{SvGridChartPanel-Ca5HWIZ3.js → SvGridChartPanel-B38_VjXM.js} +52 -52
  9. package/dist/{SvGridChartView-AcWj_tcs.js → SvGridChartView-ScXTF6t-.js} +4 -4
  10. package/dist/{SvGridDropdown-BXqvR1cs.js → SvGridDropdown-DnAESFDu.js} +29 -29
  11. package/dist/angular/fesm2022/svgrid-grid-wc-angular.mjs +358 -0
  12. package/dist/angular/fesm2022/svgrid-grid-wc-angular.mjs.map +1 -0
  13. package/dist/angular/package.json +25 -0
  14. package/dist/angular/types/svgrid-grid-wc-angular.d.ts +161 -0
  15. package/dist/{client-DoXxrq8q.js → client-DjwUji8D.js} +1 -1
  16. package/dist/column-resize-DvCRUrN3.js +101 -0
  17. package/dist/date-format-CPHqTHN6.js +1127 -0
  18. package/dist/dismissable-DvhBKm3q.js +41 -0
  19. package/dist/react/index.d.ts +313 -0
  20. package/dist/react/index.js +72 -0
  21. package/dist/{row-drag-touch-Ddaa-QeB.js → row-drag-touch-CycRR65n.js} +12 -10
  22. package/dist/row-resize-D-8s3cqT.js +94 -0
  23. package/dist/shadow/GridMenus-DpmS1pzo.js +1121 -0
  24. package/dist/shadow/SvDateRangeInput-u4ibte8S.js +196 -0
  25. package/dist/shadow/SvDateTimePicker-DVFiDxUq.js +765 -0
  26. package/dist/shadow/SvField-ChCI-O2O.js +146 -0
  27. package/dist/shadow/SvGrid.helpers-BdVDtjUm.js +135 -0
  28. package/dist/shadow/SvGridCellEditor-DvsQyE9a.js +550 -0
  29. package/dist/shadow/SvGridChart-yK5Zv85y.js +1199 -0
  30. package/dist/shadow/SvGridChartPanel-B38_VjXM.js +584 -0
  31. package/dist/shadow/SvGridChartView-ScXTF6t-.js +50 -0
  32. package/dist/shadow/SvGridDropdown-DnAESFDu.js +256 -0
  33. package/dist/shadow/cell-formatting-C0OsDmi_.js +86 -0
  34. package/dist/shadow/chart-uvs3sFJA.js +1220 -0
  35. package/dist/shadow/client-DjwUji8D.js +2960 -0
  36. package/dist/shadow/column-resize-DvCRUrN3.js +101 -0
  37. package/dist/shadow/date-format-CPHqTHN6.js +1127 -0
  38. package/dist/shadow/dismissable-DvhBKm3q.js +41 -0
  39. package/dist/shadow/editor-contract-peBDxir_.js +22 -0
  40. package/dist/shadow/editor-registry-DxGKqcvx.js +24 -0
  41. package/dist/shadow/export-format-C8kZGZfz.js +161 -0
  42. package/dist/shadow/popover-WsGlvtQv.js +69 -0
  43. package/dist/shadow/row-drag-touch-CycRR65n.js +93 -0
  44. package/dist/shadow/row-resize-D-8s3cqT.js +94 -0
  45. package/dist/shadow/sv-grid-shadow-element.d.ts +246 -0
  46. package/dist/shadow/sv-grid-shadow-element.js +10175 -0
  47. package/dist/{svelte-virtualizer.svelte-CFoYP2Ls.js → shadow/svelte-virtualizer.svelte-DZ9UcyfT.js} +35 -30
  48. package/dist/shadow/validate-CgmAtX1A.js +75 -0
  49. package/dist/sv-grid-element.d.ts +246 -0
  50. package/dist/sv-grid-element.js +3655 -2620
  51. package/dist/svelte-virtualizer.svelte-DZ9UcyfT.js +527 -0
  52. package/dist/validate-CgmAtX1A.js +75 -0
  53. package/dist/vue/index.d.ts +147 -0
  54. package/dist/vue/index.js +72 -0
  55. package/package.json +71 -6
  56. package/dist/GridMenus-CU_-Ks4f.js +0 -1001
  57. package/dist/SvDateTimePicker-Ch1Vug8H.js +0 -1885
  58. package/dist/SvGridCellEditor-CBJUbAsR.js +0 -523
@@ -1,1001 +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, at as y, c as b, d 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-DoXxrq8q.js";
2
- import { c as B, s as V, t as H } from "./svelte-virtualizer.svelte-CFoYP2Ls.js";
3
- import { p as ne } from "./SvGrid.helpers-CgUd39VT.js";
4
- import { i as re, t as U } from "./editor-contract-peBDxir_.js";
5
- import { n as ie, r as W } from "./dismissable-xj_k_fnZ.js";
6
- //#region ../grid/dist/list-option.js
7
- function ae(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 G(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 oe(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 G(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 K(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 se(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 ce(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 le = 0;
89
- function ue(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(ue(e, t));
99
- }
100
- function de(t) {
101
- let n = `sv-lb-${le++}`, r = () => t.options(), i = () => t.multiple?.() ?? !1, o = () => t.disabled?.() ?? !1, s = g(0), c = e(() => q(t.value(), i())), l = e(() => ue(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 = se();
131
- function C(e) {
132
- let t = S.push(e.toLowerCase()), n = K(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: ce(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
- ...U(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
- A(f, !0);
299
- let m = (e, i = y) => {
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
- T(t), p((e) => u(n, e), [() => X(i()) ? "✓" : ""]), D(e, t);
307
- };
308
- r(o, (e) => {
309
- M() ? 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
- T(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 = y, n = y, r = y, i = y) => {
322
- var a = _e();
323
- F(a, (e, t, n) => ({
324
- class: "sv-listbox__opt",
325
- ...e,
326
- [b]: 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), T(a), D(e, a);
342
- }, C = k(f, "value", 3, null), E = k(f, "multiple", 3, !1), M = k(f, "checkbox", 3, !1), P = k(f, "block", 3, !1), ee = k(f, "disabled", 3, !1), B = k(f, "size", 3, "md"), V = k(f, "rows", 3, 7), ne = k(f, "virtual", 3, !1), U = k(f, "rowHeight", 3, 32), ie = k(f, "groupHeaderHeight", 3, 28), K = k(f, "invalid", 3, !1), se = k(f, "required", 3, !1), ce = re("sv-lb"), le = e(() => f.id ?? ce), ue = e(() => ae(f.options)), q = de({
343
- options: () => d(ue),
344
- value: () => C(),
345
- onChange: (e) => f.onChange?.(e),
346
- multiple: () => E(),
347
- disabled: () => ee(),
348
- ariaLabel: () => f.ariaLabel,
349
- id: () => d(le),
350
- invalid: () => K(),
351
- required: () => se(),
352
- error: () => f.error,
353
- hint: () => f.hint
354
- }), X = (e) => q.isSelected(e.value), Ce = e(() => typeof U() == "number" ? U() : 32), we = (e) => typeof U() == "function" ? U()(e, e.index) : U(), Te = e(ne), Ee = g(null), De = g(0), Z = e(() => oe(d(ue), {
355
- rowHeight: U(),
356
- groupHeaderHeight: ie()
357
- })), Oe = e(() => !d(Z).hasGroups && typeof U() == "number"), ke = e(() => d(Oe) ? d(Ce) : (e) => d(Z).sizeAt(e)), Ae = e(() => d(De) > 0 ? d(De) : Math.max(1, V() * d(Ce))), Q = H(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
- }), W(i, {
387
- get id() {
388
- return d(le);
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 se();
401
- },
402
- get dir() {
403
- return f.dir;
404
- },
405
- get block() {
406
- return P();
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
- [b]: {
415
- "is-invalid": K(),
416
- "is-virtual": d(Te),
417
- "is-checkbox": M(),
418
- "is-block": P()
419
- },
420
- [O]: {
421
- "--sv-rows": V(),
422
- "--sv-row-h": `${d(Ce)}px`
423
- }
424
- }), [() => q.rootProps()], void 0, void 0, "svelte-wftsyc");
425
- var g = c(m), y = (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
- T(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
- }), T(a);
446
- var f = s(a, 2), m = (e) => {
447
- var t = ye(), n = c(t);
448
- let r, i;
449
- T(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, () => G(d(ue)), (e) => e.group ?? " ", (e, t) => {
480
- var n = J(), i = N(n), a = (e) => {
481
- var n = xe(), r = c(n, !0);
482
- T(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(y) : e(C, -1);
495
- }), T(m), v(m, (e) => h(Ee, e), () => d(Ee));
496
- var E = s(m, 2), k = (e) => {
497
- var n = t(), r = N(n);
498
- L(r, 16, () => q.selectedValues, (e) => e, (e, t) => {
499
- var n = Se();
500
- x(n), p(() => {
501
- S(n, "name", f.name), w(n, t);
502
- }), D(e, n);
503
- }), D(e, n);
504
- };
505
- r(E, (e) => {
506
- f.name && e(k);
507
- }), D(n, a);
508
- },
509
- $$slots: { default: !0 }
510
- }), te();
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("<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), ze = 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>"), Be = 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 this column</button> <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), Ve = E("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), He = E("<div class=\"sv-grid-menu sv-grid-filter-menu\" role=\"menu\"><!></div>"), Ue = E("<div class=\"sv-grid-menu sv-grid-choose-columns-menu\" role=\"menu\"><div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!></div>"), We = E("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitemradio\"><span class=\"sv-grid-header-icon\"><!></span> </button>"), Ge = E("<div class=\"sv-grid-menu sv-grid-operator-menu\" role=\"menu\"></div>"), Ke = E("<div class=\"sv-grid-facet-empty\">No values</div>"), qe = E("<div class=\"sv-grid-menu sv-grid-in-suggest\"><!></div>"), Je = E("<div class=\"sv-grid-menu-sep\"></div>"), Ye = E("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"> </button>"), Xe = E("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-context-menu\" role=\"menu\"></div>", 1), Ze = 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), Qe = E("<!> <!> <!> <!> <!> <!> <!> <!> <!>", 1);
520
- function $e(i, h) {
521
- A(h, !0);
522
- let g = (t, i = y) => {
523
- let a = e(() => d(K).find((e) => e.id === i())), f = e(() => d(ge)(d(a))), m = e(() => d(E)[i()]?.operator ?? d(_e)(d(a))), g = e(() => ne(d(a)?.columnDef.editorType ?? "text"));
524
- var b = je(), O = c(b), k = c(O), A = c(k);
525
- n(A, () => h.icon, () => "filter"), T(k), P(), T(O);
526
- var j = s(O, 2);
527
- L(j, 21, () => d(f), (e) => e.value, (e, t) => {
528
- var n = Ce(), r = c(n, !0);
529
- T(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
- }), T(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
- x(y);
541
- var b = s(y, 2), O = (e) => {
542
- var t = we();
543
- x(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(b, (e) => {
548
- d(m) === "between" && e(O);
549
- });
550
- var k = s(b, 2), A = (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 b = s(v, 2);
555
- let E;
556
- var O = s(b, 2);
557
- T(m);
558
- var k = s(m, 2);
559
- L(k, 21, () => d(f), (e) => e.value, (e, t) => {
560
- var n = Te(), r = c(n, !0);
561
- T(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
- }), T(k);
567
- var A;
568
- C(k);
569
- var j = s(k, 2), M = (e) => {
570
- var t = De(), a = N(t);
571
- x(a);
572
- var c = s(a, 2), l = (e) => {
573
- var t = Ee();
574
- x(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(j, (e) => {
585
- d(n) !== "isBlank" && e(M);
586
- }), p(() => {
587
- y = R(v, 1, "", null, y, { "is-on": (d(h).join ?? "AND") === "AND" }), E = R(b, 1, "", null, E, { "is-on": d(h).join === "OR" }), A !== (A = d(n)) && (k.value = (k.__value = d(n)) ?? "", _(k, d(n)));
588
- }), o("click", v, () => J(i(), { join: "AND" })), o("click", b, () => J(i(), { join: "OR" })), o("click", O, () => J(i(), {
589
- operator2: void 0,
590
- value2: void 0,
591
- valueTo2: void 0,
592
- join: void 0
593
- })), o("change", k, (e) => J(i(), { operator2: e.currentTarget.value })), D(t, l);
594
- }, j = (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(k, (e) => {
603
- d(h)?.operator2 ? e(A) : e(j, -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) => yt(e.currentTarget, i()) : void 0)?.apply(this, e);
608
- }), l("blur", y, function(...e) {
609
- (d(n) ? () => d(ht)() : void 0)?.apply(this, e);
610
- }), o("input", y, (e) => {
611
- let t = e.currentTarget;
612
- d(me)(i(), t.value), d(n) && bt(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
- x(z);
620
- var B = s(z, 2), V = c(B);
621
- x(V), P(2), T(B);
622
- var H = s(B, 2), re = (t) => {
623
- {
624
- let n = e(() => d(lt).length > vt);
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(lt);
638
- },
639
- get value() {
640
- return d(ut);
641
- },
642
- onChange: (e) => d(dt)(i(), e)
643
- });
644
- }
645
- }, U = (e) => {
646
- var t = Ae();
647
- D(e, t);
648
- };
649
- r(H, (e) => {
650
- d(lt).length ? e(re) : e(U, -1);
651
- });
652
- var ie = s(H, 2), W = (e) => {
653
- var t = Q(), n = c(t);
654
- T(t), p(() => u(n, `Showing ${d(ct).length ?? ""} of ${d(st).length ?? ""}`)), D(e, t);
655
- };
656
- r(ie, (e) => {
657
- d(st).length > d(ct).length && e(W);
658
- });
659
- var ae = s(ie, 2), G = c(ae), oe = s(G, 2);
660
- T(ae), T(b), p((e, t) => {
661
- te !== (te = d(m)) && (j.value = (j.__value = d(m)) ?? "", _(j, d(m))), M(V, e), G.disabled = t;
662
- }, [() => d(gt)(i()), () => !d(Se)(i())]), o("change", j, (e) => d(pe)(i(), e.currentTarget.value)), ee(z, () => v().columnMenuSearch, (e) => v().columnMenuSearch = e), o("change", V, () => d(_t)(i())), o("click", G, () => d(wt)(i())), o("click", oe, function(...e) {
663
- d(Y)?.apply(this, e);
664
- }), D(t, b);
665
- }, v = k(h, "ctrl", 7), b = e(() => v().groupingControlsEnabled), E = e(() => v().filterMenuValues), O = e(() => v().tooltip), j = e(() => v().columnMenuFor), F = e(() => v().columnMenuPos), z = e(() => v().filterMenuFor), H = e(() => v().filterMenuPos), re = e(() => v().operatorMenuFor), U = e(() => v().operatorMenuPos), W = e(() => v().chooseColumnsPos), ae = e(() => v().showColumnFiltersEffective), G = e(() => v().props.columnMenuTabs === !0), oe = e(() => v().grid), K = e(() => v().allColumns), se = e(() => v().isColumnPinned), ce = e(() => v().pinColumnLeft), le = e(() => v().pinColumnRight), ue = 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(K).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(re) || d(W))) return;
682
- let e = () => d(Y)(), t = ie(() => Array.from(document.querySelectorAll(".sv-grid-menu")), e);
683
- return window.addEventListener("resize", e), () => {
684
- t(), window.removeEventListener("resize", e);
685
- };
686
- });
687
- let $e = e(() => v().autosizeColumn), et = e(() => v().autosizeAllColumns), tt = e(() => v().resetColumns), nt = e(() => v().openChooseColumns), rt = e(() => v().sortColumnFromMenu), it = e(() => v().clearColumnSort), at = e(() => v().groupByColumnFromMenu), ot = e(() => v().clearGroupingFromMenu), st = e(() => v().columnMenuFacetValues), ct = e(() => v().columnMenuVisibleFacets), lt = e(() => v().columnMenuFacetOptions), ut = e(() => v().columnMenuSelectedFacets), dt = e(() => v().setFacetSelection), ft = e(() => v().setFilterTokens), pt = e(() => v().inSuggestOptions), mt = e(() => v().openInSuggest), ht = e(() => v().closeInSuggest), gt = e(() => v().isAllFacetsChecked), _t = e(() => v().toggleAllFacets), vt = 40;
688
- function yt(e, t) {
689
- d(mt)(e, t), v().inSuggestQuery = B(e.value);
690
- }
691
- function bt(e, t) {
692
- v().inSuggestQuery = B(e.value), v().inSuggestFor !== t && d(mt)(e, t);
693
- }
694
- function xt(e) {
695
- return e.map((e) => ({
696
- value: e.id,
697
- label: typeof e.columnDef.header == "string" ? e.columnDef.header : e.id
698
- }));
699
- }
700
- function St(e) {
701
- let t = /* @__PURE__ */ new Set();
702
- for (let n of e) v().hiddenColumns[n.id] || t.add(n.id);
703
- return t;
704
- }
705
- function Ct(e, t) {
706
- let n = { ...v().hiddenColumns };
707
- for (let r of e) t.has(r.id) ? delete n[r.id] : n[r.id] = !0;
708
- v().hiddenColumns = n;
709
- }
710
- let wt = e(() => v().clearColumnFilter), Tt = e(() => v().contextMenuFor), Et = e(() => v().contextMenuPos), Dt = e(() => v().contextMenuItems), Ot = e(() => v().closeContextMenu), kt = e(() => v().commentEditFor), At = e(() => v().saveComment), jt = e(() => v().removeComment), Mt = e(() => v().closeCommentEditor);
711
- var Nt = Qe(), Pt = N(Nt), Ft = (e) => {
712
- var t = Me();
713
- let n;
714
- var r = c(t, !0);
715
- T(t), p(() => {
716
- 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);
717
- }), D(e, t);
718
- };
719
- r(Pt, (e) => {
720
- d(O) && e(Ft);
721
- });
722
- var It = s(Pt, 2), Lt = (e) => {
723
- var t = $();
724
- o("click", t, function(...e) {
725
- d(Y)?.apply(this, e);
726
- }), D(e, t);
727
- };
728
- r(It, (e) => {
729
- (d(j) || d(z) || d(re) || d(W)) && e(Lt);
730
- });
731
- var Rt = s(It, 2), zt = (t) => {
732
- let i = e(() => d(j)), a = e(() => d(K).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);
733
- var m = Ve(), _ = c(m), y = (e) => {
734
- var t = Pe(), n = c(t);
735
- let i;
736
- var a = s(n, 2), l = (e) => {
737
- var t = Ne();
738
- let n;
739
- p(() => {
740
- n = R(t, 1, "sv-grid-menu-tab", null, n, { "is-active": d(f) === "filter" }), S(t, "aria-selected", d(f) === "filter");
741
- }), o("click", t, () => v().columnMenuTab = "filter"), D(e, t);
742
- };
743
- r(a, (e) => {
744
- d(u) && d(ae) && e(l);
745
- });
746
- var m = s(a, 2);
747
- let h;
748
- T(t), p(() => {
749
- 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");
750
- }), o("click", n, () => v().columnMenuTab = "general"), o("click", m, () => v().columnMenuTab = "columns"), D(e, t);
751
- };
752
- r(_, (e) => {
753
- d(G) && e(y);
754
- });
755
- var x = s(_, 2), C = (e) => {
756
- g(e, () => d(i));
757
- }, w = (t) => {
758
- let n = e(() => d(oe).getAllColumns());
759
- var r = Fe(), i = s(N(r), 2);
760
- {
761
- let t = e(() => d(n).length > 40), r = e(() => xt(d(n))), a = e(() => St(d(n)));
762
- X(i, {
763
- block: !0,
764
- checkbox: !0,
765
- multiple: !0,
766
- get virtual() {
767
- return d(t);
768
- },
769
- rows: 9,
770
- rowHeight: 24,
771
- size: "sm",
772
- ariaLabel: "Visible columns",
773
- get options() {
774
- return d(r);
775
- },
776
- get value() {
777
- return d(a);
778
- },
779
- onChange: (e) => Ct(d(n), e)
780
- });
781
- }
782
- D(t, r);
783
- }, E = (t) => {
784
- var a = Be(), u = N(a), f = (e) => {
785
- var t = Ie(), r = N(t), a = c(r), l = c(a);
786
- n(l, () => h.icon, () => "sort-asc"), T(a), P(), T(r);
787
- var u = s(r, 2), f = c(u), m = c(f);
788
- n(m, () => h.icon, () => "sort-desc"), T(f), P(), T(u);
789
- var g = s(u, 2), _ = c(g), v = c(_);
790
- n(v, () => h.icon, () => "x"), T(_), P(), T(g), p(() => g.disabled = !d(q)[d(i)]), o("click", r, () => d(rt)(d(i), !1)), o("click", u, () => d(rt)(d(i), !0)), o("click", g, () => d(it)(d(i))), D(e, t);
791
- };
792
- r(u, (e) => {
793
- d(l) && e(f);
794
- });
795
- var m = s(u, 2), g = (t) => {
796
- let r = e(() => d(se)(d(i)));
797
- var a = Le(), l = s(N(a), 2), u = c(l), f = c(u);
798
- n(f, () => h.icon, () => "op-startsWith"), T(u), P(), T(l);
799
- var m = s(l, 2), g = c(m), _ = c(g);
800
- n(_, () => h.icon, () => "op-greaterThan"), T(g), P(), T(m);
801
- var v = s(m, 2), y = c(v), b = c(y);
802
- n(b, () => h.icon, () => "x"), T(y), P(), T(v), p(() => {
803
- l.disabled = d(r) === "left", m.disabled = d(r) === "right", v.disabled = !d(r);
804
- }), o("click", l, () => d(ce)(d(i))), o("click", m, () => d(le)(d(i))), o("click", v, () => d(ue)(d(i))), D(t, a);
805
- };
806
- r(m, (e) => {
807
- d(fe) || e(g);
808
- });
809
- var _ = s(m, 4), v = c(_), y = c(v);
810
- n(y, () => h.icon, () => "autosize"), T(v), P(), T(_);
811
- var x = s(_, 2), C = c(x), w = c(C);
812
- n(w, () => h.icon, () => "autosize"), T(C), P(), T(x);
813
- var E = s(x, 2), O = (e) => {
814
- var t = Re(), r = s(N(t), 2), a = c(r), l = c(a);
815
- n(l, () => h.icon, () => "group"), T(a), P(), T(r);
816
- var u = s(r, 2), f = c(u), m = c(f);
817
- n(m, () => h.icon, () => "x"), T(f), P(), T(u), p((e, t) => {
818
- r.disabled = e, u.disabled = t;
819
- }, [() => d(de).includes(d(i)), () => !d(de).includes(d(i))]), o("click", r, () => d(at)(d(i))), o("click", u, () => d(ot)(d(i))), D(e, t);
820
- };
821
- r(E, (e) => {
822
- d(b) && e(O);
823
- });
824
- var k = s(E, 4), A = (e) => {
825
- var t = ze();
826
- let r;
827
- var i = c(t), a = c(i);
828
- n(a, () => h.icon, () => "columns"), T(i);
829
- var l = s(i, 2), u = c(l);
830
- n(u, () => h.icon, () => "chevron-down"), T(l), T(t), p(() => {
831
- r = R(t, 1, "sv-grid-menu-item", null, r, { "is-open": d(W) !== null }), S(t, "aria-expanded", d(W) !== null);
832
- }), o("click", t, (e) => d(nt)(e)), D(e, t);
833
- };
834
- r(k, (e) => {
835
- d(G) || e(A);
836
- });
837
- var j = s(k, 2), M = c(j), ee = c(M);
838
- n(ee, () => h.icon, () => "reset"), T(M), P(), T(j), o("click", _, () => {
839
- d($e)(d(i)), d(Y)();
840
- }), o("click", x, () => {
841
- d(et)(), d(Y)();
842
- }), o("click", j, () => {
843
- d(tt)(), d(Y)();
844
- }), D(t, a);
845
- };
846
- r(x, (e) => {
847
- d(G) && d(f) === "filter" && d(u) && d(ae) ? e(C) : d(G) && d(f) === "columns" ? e(w, 1) : e(E, -1);
848
- }), T(m), p(() => I(m, `left: ${d(F).x}px; top: ${d(F).y}px; max-height: calc(100vh - ${d(F).y}px - 12px);`)), D(t, m);
849
- };
850
- r(Rt, (e) => {
851
- d(j) && e(zt);
852
- });
853
- var Bt = s(Rt, 2), Vt = (e) => {
854
- var t = He(), n = c(t);
855
- g(n, () => d(z)), T(t), p(() => I(t, `left: ${d(H).x}px; top: ${d(H).y}px; max-height: calc(100vh - ${d(H).y}px - 12px);`)), D(e, t);
856
- };
857
- r(Bt, (e) => {
858
- d(z) && d(ae) && e(Vt);
859
- });
860
- var Ht = s(Bt, 2), Ut = (t) => {
861
- let n = e(() => d(oe).getAllColumns());
862
- var r = Ue(), i = s(c(r), 2);
863
- {
864
- let t = e(() => d(n).length > 40), r = e(() => xt(d(n))), a = e(() => St(d(n)));
865
- X(i, {
866
- block: !0,
867
- checkbox: !0,
868
- multiple: !0,
869
- get virtual() {
870
- return d(t);
871
- },
872
- rows: 11,
873
- rowHeight: 24,
874
- size: "sm",
875
- ariaLabel: "Visible columns",
876
- get options() {
877
- return d(r);
878
- },
879
- get value() {
880
- return d(a);
881
- },
882
- onChange: (e) => Ct(d(n), e)
883
- });
884
- }
885
- T(r), p(() => I(r, `left: ${d(W).x}px; top: ${d(W).y}px;`)), D(t, r);
886
- };
887
- r(Ht, (e) => {
888
- d(W) && e(Ut);
889
- });
890
- var Wt = s(Ht, 2), Gt = (t) => {
891
- let r = e(() => d(re)), i = e(() => d(K).find((e) => e.id === d(r))), a = e(() => d(ge)(d(i))), l = e(() => d(E)[d(r)]?.operator ?? d(_e)(d(i)));
892
- var f = Ge();
893
- L(f, 21, () => d(a), (e) => e.value, (e, t) => {
894
- var a = We(), f = c(a), m = c(f);
895
- n(m, () => h.icon, () => d(t).iconName), T(f);
896
- var g = s(f);
897
- T(a), p((e) => {
898
- S(a, "aria-checked", d(l) === d(t).value), u(g, ` ${e ?? ""}`);
899
- }, [() => d(ve)(d(t), d(i))]), o("click", a, () => {
900
- d(pe)(d(r), d(t).value), d(Y)();
901
- }), D(e, a);
902
- }), T(f), p(() => I(f, `left: ${d(U).x}px; top: ${d(U).y}px;`)), D(t, f);
903
- };
904
- r(Wt, (e) => {
905
- d(re) && e(Gt);
906
- });
907
- var Kt = s(Wt, 2), qt = (t) => {
908
- let n = e(() => d(be)), i = e(() => new Set(V(d(ye)[d(n)] ?? "")));
909
- var a = qe(), s = c(a), l = (t) => {
910
- {
911
- let r = e(() => d(pt).length > 40);
912
- X(t, {
913
- block: !0,
914
- checkbox: !0,
915
- multiple: !0,
916
- get virtual() {
917
- return d(r);
918
- },
919
- rows: 8,
920
- rowHeight: 26,
921
- size: "sm",
922
- ariaLabel: "Filter values",
923
- get options() {
924
- return d(pt);
925
- },
926
- get value() {
927
- return d(i);
928
- },
929
- onChange: (e) => {
930
- let t = new Set(e), r = B(d(ye)[d(n)] ?? "");
931
- r && t.delete(r), d(ft)(d(n), [...t]), v().inSuggestQuery = "";
932
- }
933
- });
934
- }
935
- }, u = (e) => {
936
- var t = Ke();
937
- D(e, t);
938
- };
939
- r(s, (e) => {
940
- d(pt).length ? e(l) : e(u, -1);
941
- }), T(a), p(() => I(a, `left: ${d(xe).x}px; top: ${d(xe).y}px;`)), o("mousedown", a, (e) => e.preventDefault()), D(t, a);
942
- };
943
- r(Kt, (e) => {
944
- d(be) && e(qt);
945
- });
946
- var Jt = s(Kt, 2), Yt = (e) => {
947
- var n = Xe(), i = N(n), a = s(i, 2);
948
- L(a, 21, () => d(Dt)(), (e) => e.key, (e, n) => {
949
- var i = t(), a = N(i), s = (e) => {
950
- var t = Je();
951
- D(e, t);
952
- }, l = (e) => {
953
- var t = Ye(), r = c(t, !0);
954
- T(t), p(() => {
955
- t.disabled = d(n).disabled, u(r, d(n).label);
956
- }), o("click", t, () => {
957
- d(n).run?.(), d(Ot)();
958
- }), D(e, t);
959
- };
960
- r(a, (e) => {
961
- d(n).separator ? e(s) : e(l, -1);
962
- }), D(e, i);
963
- }), T(a), p(() => I(a, `left: ${d(Et).x}px; top: ${d(Et).y}px;`)), o("contextmenu", i, (e) => {
964
- e.preventDefault(), d(Ot)();
965
- }), o("click", i, function(...e) {
966
- d(Ot)?.apply(this, e);
967
- }), D(e, n);
968
- };
969
- r(Jt, (e) => {
970
- d(Tt) && e(Yt);
971
- });
972
- var Xt = s(Jt, 2), Zt = (e) => {
973
- var t = Ze(), n = N(t), r = s(n, 2), i = c(r);
974
- m(i), f(i, !0);
975
- var a = s(i, 2), l = c(a), u = s(l, 4), h = s(u, 2);
976
- T(a), T(r), p(() => I(r, `left: ${d(kt).x}px; top: ${d(kt).y}px;`)), o("click", n, function(...e) {
977
- d(Mt)?.apply(this, e);
978
- }), o("keydown", i, (e) => {
979
- e.stopPropagation(), e.key === "Escape" && (e.preventDefault(), d(Mt)()), e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), d(At)());
980
- }), ee(i, () => v().commentDraft, (e) => v().commentDraft = e), o("click", l, function(...e) {
981
- d(jt)?.apply(this, e);
982
- }), o("click", u, function(...e) {
983
- d(Mt)?.apply(this, e);
984
- }), o("click", h, function(...e) {
985
- d(At)?.apply(this, e);
986
- }), D(e, t);
987
- };
988
- r(Xt, (e) => {
989
- d(kt) && e(Zt);
990
- }), D(i, Nt), te();
991
- }
992
- i([
993
- "change",
994
- "input",
995
- "click",
996
- "mousedown",
997
- "contextmenu",
998
- "keydown"
999
- ]);
1000
- //#endregion
1001
- export { $e as default };