@svgrid/grid-wc 3.0.2 → 3.0.4

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