@svgrid/grid 2.2.28 → 2.2.30

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 (60) hide show
  1. package/dist/GridMenus.svelte +148 -100
  2. package/dist/SvGrid.controller.svelte.d.ts +14 -1
  3. package/dist/SvGrid.controller.svelte.js +112 -28
  4. package/dist/SvGrid.css +15 -34
  5. package/dist/SvGrid.svelte +49 -21
  6. package/dist/SvGrid.types.d.ts +20 -5
  7. package/dist/SvListBox.svelte +42 -3
  8. package/dist/SvListBox.svelte.d.ts +10 -1
  9. package/dist/cdn/GridMenus-Da_p7SKS.js +486 -0
  10. package/dist/cdn/GridMenus-Ds3OpzZT.js +490 -0
  11. package/dist/cdn/{src-BxNEslEo.js → src-BLJfdyL0.js} +4014 -3869
  12. package/dist/cdn/{src-C4yKQZ5t.js → src-DYDCiC0D.js} +7036 -6891
  13. package/dist/cdn/svgrid.js +8 -8
  14. package/dist/cdn/svgrid.svelte-external.js +8 -8
  15. package/dist/column-groups.js +8 -10
  16. package/dist/column-id.d.ts +9 -0
  17. package/dist/column-id.js +25 -0
  18. package/dist/core.js +2 -1
  19. package/dist/createListbox.svelte.d.ts +15 -2
  20. package/dist/createListbox.svelte.js +27 -6
  21. package/dist/editing.d.ts +1 -0
  22. package/dist/editing.js +45 -10
  23. package/dist/filtering/excel-filters.d.ts +30 -10
  24. package/dist/filtering/excel-filters.js +96 -15
  25. package/dist/index.d.ts +2 -2
  26. package/dist/index.js +2 -2
  27. package/dist/menus.d.ts +2 -0
  28. package/dist/menus.js +25 -0
  29. package/dist/row-resize.js +40 -0
  30. package/dist/selection.js +1 -1
  31. package/package.json +1 -1
  32. package/src/GridMenus.svelte +148 -100
  33. package/src/SvGrid.controller.svelte.ts +123 -27
  34. package/src/SvGrid.css +15 -34
  35. package/src/SvGrid.svelte +49 -21
  36. package/src/SvGrid.types.ts +20 -5
  37. package/src/SvListBox.svelte +42 -3
  38. package/src/column-groups.test.ts +48 -0
  39. package/src/column-groups.ts +8 -10
  40. package/src/column-id.ts +30 -0
  41. package/src/core.ts +2 -1
  42. package/src/createListbox.svelte.ts +39 -7
  43. package/src/editing.test.ts +90 -0
  44. package/src/editing.ts +46 -12
  45. package/src/filtering/excel-filters.test.ts +44 -1
  46. package/src/filtering/excel-filters.ts +91 -14
  47. package/src/index.ts +2 -0
  48. package/src/menus.test.ts +40 -4
  49. package/src/menus.ts +27 -0
  50. package/src/row-resize.test.ts +100 -0
  51. package/src/row-resize.ts +36 -0
  52. package/src/selection.ts +1 -1
  53. package/src/svgrid.api-extensions.test.ts +8 -3
  54. package/src/svgrid.cell-dom-ids.test.ts +96 -0
  55. package/src/svgrid.conditional-stat-scope.test.ts +111 -0
  56. package/src/svgrid.filter-menu-listbox.svelte.test.ts +308 -0
  57. package/src/svgrid.filter-menu-scroll.test.ts +3 -1
  58. package/src/svgrid.group-header-ids.test.ts +121 -0
  59. package/dist/cdn/GridMenus-BbzEvTYO.js +0 -421
  60. package/dist/cdn/GridMenus-E220X2kM.js +0 -417
@@ -1,417 +0,0 @@
1
- import { eo as e, to as t } from "./src-C4yKQZ5t.js";
2
- import { E as n, F as r, G as i, H as a, I as o, L as s, N as c, Q as l, V as u, X as d, Y as f, Z as p, _ as m, d as h, et as g, f as _, ft as v, g as y, h as b, j as x, k as S, lt as C, m as w, mt as T, nt as E, o as D, pt as O, st as k, t as A, tt as j, u as M, ut as N, v as P } from "./disclose-version-DoD9AFD_.js";
3
- import { l as F } from "./SvDateTimePicker-B8GopjhC.js";
4
- //#region src/GridMenus.svelte
5
- var ee = s("<option> </option>"), te = s("<option></option>"), ne = s("<datalist></datalist>"), re = s("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), ie = s("<option> </option>"), ae = s("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), oe = s("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), se = s("<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), ce = s("<button type=\"button\" class=\"sv-grid-menu-add-cond\">+ Add condition</button>"), le = s("<input class=\"sv-grid-menu-condition-value\"/> <!> <!> <!>", 1), ue = s("<label class=\"sv-grid-facet\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\"> </span></label>"), de = s("<div class=\"sv-grid-facet-empty\">No values</div>"), fe = s("<div class=\"sv-grid-facet-note\"> </div>"), pe = s("<div class=\"sv-grid-menu-filter\"><div class=\"sv-grid-menu-filter-head\"><span class=\"sv-grid-header-icon\"><!></span> Filter\n condition</div> <select class=\"sv-grid-menu-operator-select\" aria-label=\"Filter condition\"></select> <!> <div class=\"sv-grid-menu-sep\"></div> <div class=\"sv-grid-menu-filter-head\">Values</div> <input class=\"sv-grid-menu-search\" placeholder=\"Search values...\"/> <label class=\"sv-grid-facet sv-grid-facet-all\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\">(Select all)</span></label> <div class=\"sv-grid-facet-list\"></div> <!> <div class=\"sv-grid-menu-actions\"><button type=\"button\" class=\"sv-grid-menu-btn\">Clear filter</button> <button type=\"button\" class=\"sv-grid-menu-btn sv-grid-menu-btn-primary\">Done</button></div></div>"), me = s("<div role=\"tooltip\"> </div>"), he = s("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div>"), I = s("<button type=\"button\" role=\"tab\">Filter</button>"), L = s("<div class=\"sv-grid-menu-tabs\" role=\"tablist\"><button type=\"button\" role=\"tab\">General</button> <!> <button type=\"button\" role=\"tab\">Columns</button></div>"), R = s("<label class=\"sv-grid-facet\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\"> </span></label>"), z = s("<div class=\"sv-grid-menu-filter-head\">Visible columns</div> <div class=\"sv-grid-facet-list\"></div>", 1), ge = s("<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), _e = s("<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), ve = s("<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), B = s("<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>"), ye = s("<!> <!> <div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n this column</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n all columns</button> <!> <div class=\"sv-grid-menu-sep\"></div> <!> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Reset columns</button>", 1), be = s("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), xe = s("<div class=\"sv-grid-menu sv-grid-filter-menu\" role=\"menu\"><!></div>"), Se = s("<label class=\"sv-grid-facet\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\"> </span></label>"), Ce = s("<div class=\"sv-grid-menu sv-grid-choose-columns-menu\" role=\"menu\"><div class=\"sv-grid-menu-filter-head\">Visible columns</div> <div class=\"sv-grid-facet-list\"></div></div>"), we = s("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitemradio\"><span class=\"sv-grid-header-icon\"><!></span> </button>"), Te = s("<div class=\"sv-grid-menu sv-grid-operator-menu\" role=\"menu\"></div>"), Ee = s("<button type=\"button\" class=\"sv-grid-menu-item sv-grid-in-suggest-item\" role=\"option\"><span class=\"sv-grid-in-suggest-check\" aria-hidden=\"true\"> </span> <span class=\"sv-grid-in-suggest-label\"> </span></button>"), De = s("<div class=\"sv-grid-facet-empty\">No values</div>"), Oe = s("<div class=\"sv-grid-menu sv-grid-in-suggest\" role=\"listbox\" aria-multiselectable=\"true\" aria-label=\"Filter values\"></div>"), ke = s("<div class=\"sv-grid-menu-sep\"></div>"), Ae = s("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"> </button>"), je = s("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-context-menu\" role=\"menu\"></div>", 1), Me = s("<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), Ne = s("<!> <!> <!> <!> <!> <!> <!> <!> <!>", 1);
6
- function Pe(s, u) {
7
- N(u, !0);
8
- let Pe = (e, o = T) => {
9
- let s = k(() => i(Y).find((e) => e.id === o())), l = k(() => i(Ze)(i(s))), d = k(() => i(H)[o()]?.operator ?? i(X)(i(s))), p = k(() => t(i(s)?.columnDef.editorType ?? "text"));
10
- var m = pe(), C = g(m), A = g(C);
11
- x(g(A), () => u.icon, () => "filter"), O(A), v(), O(C);
12
- var N = E(C, 2);
13
- n(N, 21, () => i(l), (e) => e.value, (e, t) => {
14
- var n = ee(), a = g(n, !0);
15
- O(n);
16
- var o = {};
17
- f((e) => {
18
- c(a, e), o !== (o = i(t).value) && (n.value = (n.__value = i(t).value) ?? "");
19
- }, [() => i(Qe)(i(t), i(s))]), r(e, n);
20
- }), O(N);
21
- var F;
22
- b(N);
23
- var me = E(N, 2), he = (e) => {
24
- let t = k(() => i(d) === "in" || i(d) === "notIn"), u = k(() => i(H)[o()]);
25
- var m = le(), _ = j(m);
26
- M(_);
27
- var v = E(_, 2), x = (e) => {
28
- var t = ne();
29
- n(t, 20, () => i(it)(o()).slice(0, 200), (e) => e, (e, t) => {
30
- var n = te(), i = {};
31
- f(() => {
32
- i !== (i = t) && (n.value = (n.__value = t) ?? "");
33
- }), r(e, n);
34
- }), O(t), f(() => h(t, "id", `sv-in-list-${o()}`)), r(e, t);
35
- };
36
- S(v, (e) => {
37
- i(t) && e(x);
38
- });
39
- var C = E(v, 2), T = (e) => {
40
- var t = re();
41
- M(t), f(() => {
42
- h(t, "type", i(p)), w(t, i(H)[o()]?.valueTo ?? "");
43
- }), a("input", t, (e) => i(Xe)(o(), e.currentTarget.value)), r(e, t);
44
- };
45
- S(C, (e) => {
46
- i(d) === "between" && e(T);
47
- });
48
- var D = E(C, 2), A = (e) => {
49
- let t = k(() => i(u).operator2 ?? i(X)(i(s)));
50
- var d = se(), m = j(d), _ = g(m);
51
- let v;
52
- var x = E(_, 2);
53
- let C;
54
- var T = E(x, 2);
55
- O(m);
56
- var D = E(m, 2);
57
- n(D, 21, () => i(l), (e) => e.value, (e, t) => {
58
- var n = ie(), a = g(n, !0);
59
- O(n);
60
- var o = {};
61
- f((e) => {
62
- c(a, e), o !== (o = i(t).value) && (n.value = (n.__value = i(t).value) ?? "");
63
- }, [() => i(Qe)(i(t), i(s))]), r(e, n);
64
- }), O(D);
65
- var A;
66
- b(D);
67
- var N = E(D, 2), F = (e) => {
68
- var n = oe(), s = j(n);
69
- M(s);
70
- var c = E(s, 2), l = (e) => {
71
- var t = ae();
72
- M(t), f(() => {
73
- h(t, "type", i(p)), w(t, i(u).valueTo2 ?? "");
74
- }), a("input", t, (e) => Z(o(), { valueTo2: e.currentTarget.value })), r(e, t);
75
- };
76
- S(c, (e) => {
77
- i(t) === "between" && e(l);
78
- }), f(() => {
79
- h(s, "type", i(p)), w(s, i(u).value2 ?? ""), h(s, "placeholder", i(t) === "between" ? "From" : "Filter value...");
80
- }), a("input", s, (e) => Z(o(), { value2: e.currentTarget.value })), r(e, n);
81
- };
82
- S(N, (e) => {
83
- i(t) !== "isBlank" && e(F);
84
- }), f(() => {
85
- v = P(_, 1, "", null, v, { "is-on": (i(u).join ?? "AND") === "AND" }), C = P(x, 1, "", null, C, { "is-on": i(u).join === "OR" }), A !== (A = i(t)) && (D.value = (D.__value = i(t)) ?? "", y(D, i(t)));
86
- }), a("click", _, () => Z(o(), { join: "AND" })), a("click", x, () => Z(o(), { join: "OR" })), a("click", T, () => Z(o(), {
87
- operator2: void 0,
88
- value2: void 0,
89
- valueTo2: void 0,
90
- join: void 0
91
- })), a("change", D, (e) => Z(o(), { operator2: e.currentTarget.value })), r(e, d);
92
- }, N = (e) => {
93
- var t = ce();
94
- a("click", t, () => Z(o(), {
95
- operator2: i(X)(i(s)),
96
- value2: "",
97
- join: "AND"
98
- })), r(e, t);
99
- };
100
- S(D, (e) => {
101
- i(u)?.operator2 ? e(A) : e(N, -1);
102
- }), f(() => {
103
- h(_, "type", i(d) === "regex" ? "text" : i(p)), h(_, "list", i(t) ? `sv-in-list-${o()}` : void 0), w(_, i(H)[o()]?.value ?? ""), h(_, "placeholder", i(d) === "between" ? "From" : i(t) ? "value, value..." : i(d) === "regex" ? "Pattern..." : "Filter value...");
104
- }), a("input", _, (e) => i(Ye)(o(), e.currentTarget.value)), r(e, m);
105
- };
106
- S(me, (e) => {
107
- i(d) !== "isBlank" && i(d) !== "isNotBlank" && e(he);
108
- });
109
- var I = E(me, 6);
110
- M(I);
111
- var L = E(I, 2), R = g(L);
112
- M(R), v(2), O(L);
113
- var z = E(L, 2);
114
- n(z, 20, () => i(ht), (e) => e, (e, t) => {
115
- var n = ue(), s = g(n);
116
- M(s);
117
- var l = E(s, 2), u = g(l, !0);
118
- O(l), O(n), f((e) => {
119
- _(s, e), c(u, t === "" ? "(Blanks)" : t);
120
- }, [() => i(gt)(o(), t)]), a("change", s, () => i(_t)(o(), t)), r(e, n);
121
- }, (e) => {
122
- r(e, de());
123
- }), O(z);
124
- var ge = E(z, 2), _e = (e) => {
125
- var t = fe(), n = g(t);
126
- O(t), f(() => c(n, `Showing ${i(ht).length ?? ""} of ${i(mt).length ?? ""}`)), r(e, t);
127
- };
128
- S(ge, (e) => {
129
- i(mt).length > i(ht).length && e(_e);
130
- });
131
- var ve = E(ge, 2), B = g(ve), ye = E(B, 2);
132
- O(ve), O(m), f((e, t) => {
133
- F !== (F = i(d)) && (N.value = (N.__value = i(d)) ?? "", y(N, i(d))), _(R, e), B.disabled = t;
134
- }, [() => i(vt)(o()), () => !i(at)(o())]), a("change", N, (e) => i(Je)(o(), e.currentTarget.value)), D(I, () => V().columnMenuSearch, (e) => V().columnMenuSearch = e), a("change", R, () => i(yt)(o())), a("click", B, () => i(bt)(o())), a("click", ye, function(...e) {
135
- i(Q)?.apply(this, e);
136
- }), r(e, m);
137
- }, V = A(u, "ctrl", 7), Fe = k(() => V().groupingControlsEnabled), H = k(() => V().filterMenuValues), U = k(() => V().tooltip);
138
- k(() => V().showTooltipFor);
139
- let W = k(() => V().columnMenuFor), Ie = k(() => V().columnMenuPos), G = k(() => V().filterMenuFor), Le = k(() => V().filterMenuPos), K = k(() => V().operatorMenuFor), Re = k(() => V().operatorMenuPos), q = k(() => V().chooseColumnsPos), ze = k(() => V().showColumnFiltersEffective), J = k(() => V().props.columnMenuTabs === !0), Be = k(() => V().grid), Y = k(() => V().allColumns), Ve = k(() => V().isColumnPinned), He = k(() => V().pinColumnLeft), Ue = k(() => V().pinColumnRight), We = k(() => V().unpinColumn), Ge = k(() => V().sortDirectionByColumn), Ke = k(() => V().groupingColumns), qe = k(() => V().columnVirtualizationEnabled), Je = k(() => V().updateFilterOperator), Ye = k(() => V().updateFilterMenuValue), Xe = k(() => V().updateFilterMenuValueTo), Ze = k(() => V().operatorsForColumn), X = k(() => V().defaultOperatorFor), Qe = k(() => V().operatorLabelFor), $e = k(() => V().filterRowValues), et = k(() => V().inSuggestFor), tt = k(() => V().inSuggestPos), nt = k(() => V().inSuggestValues), rt = k(() => V().toggleFilterToken), it = k(() => V().facetValuesForColumn);
140
- function Z(e, t) {
141
- let n = i(Y).find((t) => t.id === e), r = V().filterMenuValues[e] ?? {
142
- operator: i(X)(n),
143
- value: ""
144
- };
145
- V().filterMenuValues = {
146
- ...V().filterMenuValues,
147
- [e]: {
148
- ...r,
149
- ...t
150
- }
151
- };
152
- }
153
- let at = k(() => V().isColumnFiltered), Q = k(() => V().closeMenus);
154
- d(() => {
155
- if (!(i(W) || i(G) || i(K) || i(q))) return;
156
- let e = () => i(Q)(), t = F(() => Array.from(document.querySelectorAll(".sv-grid-menu")), e);
157
- return window.addEventListener("resize", e), () => {
158
- t(), window.removeEventListener("resize", e);
159
- };
160
- });
161
- let ot = k(() => V().autosizeColumn), st = k(() => V().autosizeAllColumns), ct = k(() => V().resetColumns), lt = k(() => V().openChooseColumns), ut = k(() => V().sortColumnFromMenu), dt = k(() => V().clearColumnSort), ft = k(() => V().groupByColumnFromMenu), pt = k(() => V().clearGroupingFromMenu), mt = k(() => V().columnMenuFacetValues), ht = k(() => V().columnMenuVisibleFacets), gt = k(() => V().isFacetChecked), _t = k(() => V().toggleFacetValue), vt = k(() => V().isAllFacetsChecked), yt = k(() => V().toggleAllFacets), bt = k(() => V().clearColumnFilter), xt = k(() => V().contextMenuFor), St = k(() => V().contextMenuPos), Ct = k(() => V().contextMenuItems), wt = k(() => V().closeContextMenu), Tt = k(() => V().commentEditFor), Et = k(() => V().saveComment), Dt = k(() => V().removeComment), $ = k(() => V().closeCommentEditor);
162
- var Ot = Ne(), kt = j(Ot), At = (e) => {
163
- var t = me();
164
- let n;
165
- var a = g(t, !0);
166
- O(t), f(() => {
167
- n = P(t, 1, "sv-grid-tooltip", null, n, { "sv-grid-tooltip-above": !i(U).below }), m(t, `left: ${i(U).x}px; top: ${i(U).y}px; ${i(U).below ? "" : "transform: translateY(-100%);"}`), c(a, i(U).text);
168
- }), r(e, t);
169
- };
170
- S(kt, (e) => {
171
- i(U) && e(At);
172
- });
173
- var jt = E(kt, 2), Mt = (e) => {
174
- var t = he();
175
- a("click", t, function(...e) {
176
- i(Q)?.apply(this, e);
177
- }), r(e, t);
178
- };
179
- S(jt, (e) => {
180
- (i(W) || i(G) || i(K) || i(q)) && e(Mt);
181
- });
182
- var Nt = E(jt, 2), Pt = (e) => {
183
- let t = k(() => i(W)), o = k(() => i(Y).find((e) => e.id === i(t))), s = k(() => i(o)?.getCanSort?.() ?? !1), l = k(() => i(o)?.columnDef.field != null && i(o)?.columnDef.filterable !== !1), d = k(() => V().columnMenuTab);
184
- var p = be(), y = g(p), b = (e) => {
185
- var t = L(), n = g(t);
186
- let o;
187
- var s = E(n, 2), c = (e) => {
188
- var t = I();
189
- let n;
190
- f(() => {
191
- n = P(t, 1, "sv-grid-menu-tab", null, n, { "is-active": i(d) === "filter" }), h(t, "aria-selected", i(d) === "filter");
192
- }), a("click", t, () => V().columnMenuTab = "filter"), r(e, t);
193
- };
194
- S(s, (e) => {
195
- i(l) && i(ze) && e(c);
196
- });
197
- var u = E(s, 2);
198
- let p;
199
- O(t), f(() => {
200
- o = P(n, 1, "sv-grid-menu-tab", null, o, { "is-active": i(d) === "general" }), h(n, "aria-selected", i(d) === "general"), p = P(u, 1, "sv-grid-menu-tab", null, p, { "is-active": i(d) === "columns" }), h(u, "aria-selected", i(d) === "columns");
201
- }), a("click", n, () => V().columnMenuTab = "general"), a("click", u, () => V().columnMenuTab = "columns"), r(e, t);
202
- };
203
- S(y, (e) => {
204
- i(J) && e(b);
205
- });
206
- var C = E(y, 2), w = (e) => {
207
- Pe(e, () => i(t));
208
- }, T = (e) => {
209
- var t = z(), o = E(j(t), 2);
210
- n(o, 21, () => i(Be).getAllColumns(), (e) => e.id, (e, t) => {
211
- var n = R(), o = g(n);
212
- M(o);
213
- var s = E(o, 2), l = g(s, !0);
214
- O(s), O(n), f(() => {
215
- _(o, !V().hiddenColumns[i(t).id]), c(l, typeof i(t).columnDef.header == "string" ? i(t).columnDef.header : i(t).id);
216
- }), a("change", o, (e) => {
217
- if (e.currentTarget.checked) {
218
- let e = { ...V().hiddenColumns };
219
- delete e[i(t).id], V().hiddenColumns = e;
220
- } else V().hiddenColumns = {
221
- ...V().hiddenColumns,
222
- [i(t).id]: !0
223
- };
224
- }), r(e, n);
225
- }), O(o), r(e, t);
226
- }, D = (e) => {
227
- var n = ye(), o = j(n), c = (e) => {
228
- var n = ge(), o = j(n), s = g(o);
229
- x(g(s), () => u.icon, () => "sort-asc"), O(s), v(), O(o);
230
- var c = E(o, 2), l = g(c);
231
- x(g(l), () => u.icon, () => "sort-desc"), O(l), v(), O(c);
232
- var d = E(c, 2), p = g(d);
233
- x(g(p), () => u.icon, () => "x"), O(p), v(), O(d), f(() => d.disabled = !i(Ge)[i(t)]), a("click", o, () => i(ut)(i(t), !1)), a("click", c, () => i(ut)(i(t), !0)), a("click", d, () => i(dt)(i(t))), r(e, n);
234
- };
235
- S(o, (e) => {
236
- i(s) && e(c);
237
- });
238
- var l = E(o, 2), d = (e) => {
239
- let n = k(() => i(Ve)(i(t)));
240
- var o = _e(), s = E(j(o), 2), c = g(s);
241
- x(g(c), () => u.icon, () => "op-startsWith"), O(c), v(), O(s);
242
- var l = E(s, 2), d = g(l);
243
- x(g(d), () => u.icon, () => "op-greaterThan"), O(d), v(), O(l);
244
- var p = E(l, 2), m = g(p);
245
- x(g(m), () => u.icon, () => "x"), O(m), v(), O(p), f(() => {
246
- s.disabled = i(n) === "left", l.disabled = i(n) === "right", p.disabled = !i(n);
247
- }), a("click", s, () => i(He)(i(t))), a("click", l, () => i(Ue)(i(t))), a("click", p, () => i(We)(i(t))), r(e, o);
248
- };
249
- S(l, (e) => {
250
- i(qe) || e(d);
251
- });
252
- var p = E(l, 4), m = g(p);
253
- x(g(m), () => u.icon, () => "autosize"), O(m), v(), O(p);
254
- var _ = E(p, 2), y = g(_);
255
- x(g(y), () => u.icon, () => "autosize"), O(y), v(), O(_);
256
- var b = E(_, 2), C = (e) => {
257
- var n = ve(), o = E(j(n), 2), s = g(o);
258
- x(g(s), () => u.icon, () => "group"), O(s), v(), O(o);
259
- var c = E(o, 2), l = g(c);
260
- x(g(l), () => u.icon, () => "x"), O(l), v(), O(c), f((e, t) => {
261
- o.disabled = e, c.disabled = t;
262
- }, [() => i(Ke).includes(i(t)), () => !i(Ke).includes(i(t))]), a("click", o, () => i(ft)(i(t))), a("click", c, () => i(pt)(i(t))), r(e, n);
263
- };
264
- S(b, (e) => {
265
- i(Fe) && e(C);
266
- });
267
- var w = E(b, 4), T = (e) => {
268
- var t = B();
269
- let n;
270
- var o = g(t);
271
- x(g(o), () => u.icon, () => "columns"), O(o);
272
- var s = E(o, 2);
273
- x(g(s), () => u.icon, () => "chevron-down"), O(s), O(t), f(() => {
274
- n = P(t, 1, "sv-grid-menu-item", null, n, { "is-open": i(q) !== null }), h(t, "aria-expanded", i(q) !== null);
275
- }), a("click", t, (e) => i(lt)(e)), r(e, t);
276
- };
277
- S(w, (e) => {
278
- i(J) || e(T);
279
- });
280
- var D = E(w, 2), A = g(D);
281
- x(g(A), () => u.icon, () => "reset"), O(A), v(), O(D), a("click", p, () => {
282
- i(ot)(i(t)), i(Q)();
283
- }), a("click", _, () => {
284
- i(st)(), i(Q)();
285
- }), a("click", D, () => {
286
- i(ct)(), i(Q)();
287
- }), r(e, n);
288
- };
289
- S(C, (e) => {
290
- i(J) && i(d) === "filter" && i(l) && i(ze) ? e(w) : i(J) && i(d) === "columns" ? e(T, 1) : e(D, -1);
291
- }), O(p), f(() => m(p, `left: ${i(Ie).x}px; top: ${i(Ie).y}px; max-height: calc(100vh - ${i(Ie).y}px - 12px);`)), r(e, p);
292
- };
293
- S(Nt, (e) => {
294
- i(W) && e(Pt);
295
- });
296
- var Ft = E(Nt, 2), It = (e) => {
297
- var t = xe();
298
- Pe(g(t), () => i(G)), O(t), f(() => m(t, `left: ${i(Le).x}px; top: ${i(Le).y}px; max-height: calc(100vh - ${i(Le).y}px - 12px);`)), r(e, t);
299
- };
300
- S(Ft, (e) => {
301
- i(G) && i(ze) && e(It);
302
- });
303
- var Lt = E(Ft, 2), Rt = (e) => {
304
- let t = k(() => i(Be).getAllColumns());
305
- var o = Ce(), s = E(g(o), 2);
306
- n(s, 21, () => i(t), (e) => e.id, (e, t) => {
307
- var n = Se(), o = g(n);
308
- M(o);
309
- var s = E(o, 2), l = g(s, !0);
310
- O(s), O(n), f(() => {
311
- _(o, !V().hiddenColumns[i(t).id]), c(l, typeof i(t).columnDef.header == "string" ? i(t).columnDef.header : i(t).id);
312
- }), a("change", o, (e) => {
313
- if (e.currentTarget.checked) {
314
- let e = { ...V().hiddenColumns };
315
- delete e[i(t).id], V().hiddenColumns = e;
316
- } else V().hiddenColumns = {
317
- ...V().hiddenColumns,
318
- [i(t).id]: !0
319
- };
320
- }), r(e, n);
321
- }), O(s), O(o), f(() => m(o, `left: ${i(q).x}px; top: ${i(q).y}px;`)), r(e, o);
322
- };
323
- S(Lt, (e) => {
324
- i(q) && e(Rt);
325
- });
326
- var zt = E(Lt, 2), Bt = (e) => {
327
- let t = k(() => i(K)), o = k(() => i(Y).find((e) => e.id === i(t))), s = k(() => i(Ze)(i(o))), l = k(() => i(H)[i(t)]?.operator ?? i(X)(i(o)));
328
- var d = Te();
329
- n(d, 21, () => i(s), (e) => e.value, (e, n) => {
330
- var s = we(), d = g(s);
331
- x(g(d), () => u.icon, () => i(n).iconName), O(d);
332
- var p = E(d);
333
- O(s), f((e) => {
334
- h(s, "aria-checked", i(l) === i(n).value), c(p, ` ${e ?? ""}`);
335
- }, [() => i(Qe)(i(n), i(o))]), a("click", s, () => {
336
- i(Je)(i(t), i(n).value), i(Q)();
337
- }), r(e, s);
338
- }), O(d), f(() => m(d, `left: ${i(Re).x}px; top: ${i(Re).y}px;`)), r(e, d);
339
- };
340
- S(zt, (e) => {
341
- i(K) && e(Bt);
342
- });
343
- var Vt = E(zt, 2), Ht = (t) => {
344
- let o = k(() => i(et)), s = k(() => new Set(e(i($e)[i(o)] ?? "")));
345
- var l = Oe();
346
- n(l, 20, () => i(nt), (e) => e, (e, t) => {
347
- let n = k(() => i(s).has(t));
348
- var l = Ee(), u = g(l), d = g(u, !0);
349
- O(u);
350
- var p = E(u, 2), m = g(p, !0);
351
- O(p), O(l), f(() => {
352
- h(l, "aria-selected", i(n)), c(d, i(n) ? "✓" : ""), c(m, t === "" ? "(Blanks)" : t);
353
- }), a("mousedown", l, (e) => {
354
- e.preventDefault(), i(rt)(i(o), t);
355
- }), r(e, l);
356
- }, (e) => {
357
- r(e, De());
358
- }), O(l), f(() => m(l, `left: ${i(tt).x}px; top: ${i(tt).y}px;`)), r(t, l);
359
- };
360
- S(Vt, (e) => {
361
- i(et) && e(Ht);
362
- });
363
- var Ut = E(Vt, 2), Wt = (e) => {
364
- var t = je(), s = j(t), l = E(s, 2);
365
- n(l, 21, () => i(Ct)(), (e) => e.key, (e, t) => {
366
- var n = o(), s = j(n), l = (e) => {
367
- r(e, ke());
368
- }, u = (e) => {
369
- var n = Ae(), o = g(n, !0);
370
- O(n), f(() => {
371
- n.disabled = i(t).disabled, c(o, i(t).label);
372
- }), a("click", n, () => {
373
- i(t).run?.(), i(wt)();
374
- }), r(e, n);
375
- };
376
- S(s, (e) => {
377
- i(t).separator ? e(l) : e(u, -1);
378
- }), r(e, n);
379
- }), O(l), f(() => m(l, `left: ${i(St).x}px; top: ${i(St).y}px;`)), a("contextmenu", s, (e) => {
380
- e.preventDefault(), i(wt)();
381
- }), a("click", s, function(...e) {
382
- i(wt)?.apply(this, e);
383
- }), r(e, t);
384
- };
385
- S(Ut, (e) => {
386
- i(xt) && e(Wt);
387
- });
388
- var Gt = E(Ut, 2), Kt = (e) => {
389
- var t = Me(), n = j(t), o = E(n, 2), s = g(o);
390
- l(s), p(s, !0);
391
- var c = E(s, 2), u = g(c), d = E(u, 4), h = E(d, 2);
392
- O(c), O(o), f(() => m(o, `left: ${i(Tt).x}px; top: ${i(Tt).y}px;`)), a("click", n, function(...e) {
393
- i($)?.apply(this, e);
394
- }), a("keydown", s, (e) => {
395
- e.stopPropagation(), e.key === "Escape" && (e.preventDefault(), i($)()), e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), i(Et)());
396
- }), D(s, () => V().commentDraft, (e) => V().commentDraft = e), a("click", u, function(...e) {
397
- i(Dt)?.apply(this, e);
398
- }), a("click", d, function(...e) {
399
- i($)?.apply(this, e);
400
- }), a("click", h, function(...e) {
401
- i(Et)?.apply(this, e);
402
- }), r(e, t);
403
- };
404
- S(Gt, (e) => {
405
- i(Tt) && e(Kt);
406
- }), r(s, Ot), C();
407
- }
408
- u([
409
- "change",
410
- "input",
411
- "click",
412
- "mousedown",
413
- "contextmenu",
414
- "keydown"
415
- ]);
416
- //#endregion
417
- export { Pe as default };