@svgrid/grid 2.2.26 → 2.2.28
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.
- package/README.md +79 -25
- package/dist/GridMenus.svelte +10 -4
- package/dist/SvColorInput.svelte +1 -1
- package/dist/SvContextMenu.svelte +4 -4
- package/dist/SvDrawer.svelte +4 -0
- package/dist/SvGrid.css +4 -0
- package/dist/SvPhoneInput.svelte +3 -1
- package/dist/a11y/dismissable.d.ts +11 -0
- package/dist/a11y/dismissable.js +21 -0
- package/dist/ai.js +3 -3
- package/dist/cdn/GridMenus-BbzEvTYO.js +421 -0
- package/dist/cdn/GridMenus-E220X2kM.js +417 -0
- package/dist/cdn/{SvDateTimePicker-CYC7gRER.js → SvDateTimePicker-B8GopjhC.js} +449 -442
- package/dist/cdn/{SvDateTimePicker-DtQKd4Ns.js → SvDateTimePicker-DB0aIEk8.js} +112 -105
- package/dist/cdn/{src-bYfr_7aR.js → src-BxNEslEo.js} +8089 -8089
- package/dist/cdn/{src-DysW9qbk.js → src-C4yKQZ5t.js} +5741 -5741
- package/dist/cdn/svgrid.js +8 -8
- package/dist/cdn/svgrid.svelte-external.js +8 -8
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/package.json +21 -4
- package/src/GridMenus.svelte +10 -4
- package/src/SvColorInput.svelte +1 -1
- package/src/SvContextMenu.svelte +4 -4
- package/src/SvDrawer.svelte +4 -0
- package/src/SvDrawer.test.ts +18 -1
- package/src/SvGrid.css +4 -0
- package/src/SvNavPane.test.ts +15 -4
- package/src/SvPhoneInput.svelte +3 -1
- package/src/a11y/dismissable.test.ts +25 -1
- package/src/a11y/dismissable.ts +20 -0
- package/src/ai.ts +3 -3
- package/src/index.ts +1 -0
- package/src/svgrid.filter-menu-scroll.test.ts +102 -0
- package/dist/cdn/GridMenus-GfCAHgkZ.js +0 -420
- package/dist/cdn/GridMenus-GiVNSeDU.js +0 -416
|
@@ -0,0 +1,417 @@
|
|
|
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 };
|