@svgrid/grid-wc 3.0.7 → 3.0.9

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