@svgrid/grid 2.2.28 → 2.2.30

package/dist/SvListBox.svelte.d.ts

@@ -17,9 +17,18 @@ import { type ListOption, type RowHeight } from './list-option';
 import { type SvEditorProps } from './editor-contract';
 type Props = SvEditorProps & {
     options: ReadonlyArray<ListOption>;
-    value?: string | number | Array<string | number> | null;
+    value?: string | number | ReadonlyArray<string | number> | ReadonlySet<string | number> | null;
     onChange?: (value: any) => void;
     multiple?: boolean;
+    /**
+     * Checklist styling: each row draws a checkbox and the selected-row accent
+     * highlight is suppressed, because a list that starts fully selected (a
+     * filter checklist) would otherwise paint every row. State reads off the
+     * box; `aria-selected` still carries it for assistive tech.
+     */
+    checkbox?: boolean;
+    /** Stretch to the container width instead of the default 220px. */
+    block?: boolean;
     /** Visible height in rows before scrolling. */
     rows?: number;
     /** Window the list (render only visible rows) for large option sets. */

package/dist/cdn/GridMenus-Da_p7SKS.js

@@ -0,0 +1,486 @@
+import { no as e, qn as t, ro as n, to as r } from "./src-DYDCiC0D.js";
+import { E as i, F as a, G as o, H as s, I as c, L as l, N as u, Q as d, U as f, V as p, X as m, Y as h, Z as g, _, d as v, et as y, f as b, ft as x, g as S, h as C, j as w, k as T, lt as E, m as D, mt as ee, nt as O, o as te, pt as k, st as A, t as j, tt as M, u as N, ut as P, v as F } from "./disclose-version-DoD9AFD_.js";
+import { l as ne } from "./SvDateTimePicker-B8GopjhC.js";
+//#region src/GridMenus.svelte
+var re = l("<option> </option>"), ie = l("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), ae = l("<option> </option>"), oe = l("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), se = l("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), ce = l("<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), le = l("<button type=\"button\" class=\"sv-grid-menu-add-cond\">+ Add condition</button>"), ue = l("<input class=\"sv-grid-menu-condition-value\"/> <!> <!>", 1), de = l("<div class=\"sv-grid-facet-empty\">No values</div>"), fe = l("<div class=\"sv-grid-facet-note\"> </div>"), pe = l("<div class=\"sv-grid-menu-filter\"><div class=\"sv-grid-menu-filter-head\"><span class=\"sv-grid-header-icon\"><!></span> Filter\n        condition</div> <select class=\"sv-grid-menu-operator-select\" aria-label=\"Filter condition\"></select> <!> <div class=\"sv-grid-menu-sep\"></div> <div class=\"sv-grid-menu-filter-head\">Values</div> <input class=\"sv-grid-menu-search\" placeholder=\"Search values...\"/> <label class=\"sv-grid-facet sv-grid-facet-all\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\">(Select all)</span></label> <!> <!> <div class=\"sv-grid-menu-actions\"><button type=\"button\" class=\"sv-grid-menu-btn\">Clear filter</button> <button type=\"button\" class=\"sv-grid-menu-btn sv-grid-menu-btn-primary\">Done</button></div></div>"), me = l("<div role=\"tooltip\"> </div>"), I = l("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div>"), L = l("<button type=\"button\" role=\"tab\">Filter</button>"), R = l("<div class=\"sv-grid-menu-tabs\" role=\"tablist\"><button type=\"button\" role=\"tab\">General</button> <!> <button type=\"button\" role=\"tab\">Columns</button></div>"), he = l("<div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!>", 1), ge = l("<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 = l("<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 = l("<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), ye = l("<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>"), z = l("<!> <!> <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), B = l("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), be = l("<div class=\"sv-grid-menu sv-grid-filter-menu\" role=\"menu\"><!></div>"), xe = l("<div class=\"sv-grid-menu sv-grid-choose-columns-menu\" role=\"menu\"><div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!></div>"), Se = l("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitemradio\"><span class=\"sv-grid-header-icon\"><!></span> </button>"), Ce = l("<div class=\"sv-grid-menu sv-grid-operator-menu\" role=\"menu\"></div>"), we = l("<div class=\"sv-grid-facet-empty\">No values</div>"), Te = l("<div class=\"sv-grid-menu sv-grid-in-suggest\"><!></div>"), Ee = l("<div class=\"sv-grid-menu-sep\"></div>"), De = l("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"> </button>"), Oe = l("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-context-menu\" role=\"menu\"></div>", 1), ke = l("<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), Ae = l("<!> <!>  <!> <!> <!> <!> <!> <!> <!>", 1);
+function V(l, p) {
+	P(p, !0);
+	let V = (e, r = ee) => {
+		let c = A(() => o(X).find((e) => e.id === r())), l = A(() => o(qe)(o(c))), d = A(() => o(U)[r()]?.operator ?? o(Z)(o(c))), m = A(() => n(o(c)?.columnDef.editorType ?? "text"));
+		var g = pe(), _ = y(g), E = y(_);
+		w(y(E), () => p.icon, () => "filter"), k(E), x(), k(_);
+		var j = O(_, 2);
+		i(j, 21, () => o(l), (e) => e.value, (e, t) => {
+			var n = re(), r = y(n, !0);
+			k(n);
+			var i = {};
+			h((e) => {
+				u(r, e), i !== (i = o(t).value) && (n.value = (n.__value = o(t).value) ?? "");
+			}, [() => o(Je)(o(t), o(c))]), a(e, n);
+		}), k(j);
+		var P;
+		C(j);
+		var ne = O(j, 2), me = (e) => {
+			let t = A(() => o(d) === "in" || o(d) === "notIn"), n = A(() => o(U)[r()]);
+			var p = ue(), g = M(p);
+			N(g);
+			var _ = O(g, 2), b = (e) => {
+				var t = ie();
+				N(t), h(() => {
+					v(t, "type", o(m)), D(t, o(U)[r()]?.valueTo ?? "");
+				}), s("input", t, (e) => o(Ke)(r(), e.currentTarget.value)), a(e, t);
+			};
+			T(_, (e) => {
+				o(d) === "between" && e(b);
+			});
+			var x = O(_, 2), w = (e) => {
+				let t = A(() => o(n).operator2 ?? o(Z)(o(c)));
+				var d = ce(), f = M(d), p = y(f);
+				let g;
+				var _ = O(p, 2);
+				let b;
+				var x = O(_, 2);
+				k(f);
+				var w = O(f, 2);
+				i(w, 21, () => o(l), (e) => e.value, (e, t) => {
+					var n = ae(), r = y(n, !0);
+					k(n);
+					var i = {};
+					h((e) => {
+						u(r, e), i !== (i = o(t).value) && (n.value = (n.__value = o(t).value) ?? "");
+					}, [() => o(Je)(o(t), o(c))]), a(e, n);
+				}), k(w);
+				var E;
+				C(w);
+				var ee = O(w, 2), te = (e) => {
+					var i = se(), c = M(i);
+					N(c);
+					var l = O(c, 2), u = (e) => {
+						var t = oe();
+						N(t), h(() => {
+							v(t, "type", o(m)), D(t, o(n).valueTo2 ?? "");
+						}), s("input", t, (e) => Q(r(), { valueTo2: e.currentTarget.value })), a(e, t);
+					};
+					T(l, (e) => {
+						o(t) === "between" && e(u);
+					}), h(() => {
+						v(c, "type", o(m)), D(c, o(n).value2 ?? ""), v(c, "placeholder", o(t) === "between" ? "From" : "Filter value...");
+					}), s("input", c, (e) => Q(r(), { value2: e.currentTarget.value })), a(e, i);
+				};
+				T(ee, (e) => {
+					o(t) !== "isBlank" && e(te);
+				}), h(() => {
+					g = F(p, 1, "", null, g, { "is-on": (o(n).join ?? "AND") === "AND" }), b = F(_, 1, "", null, b, { "is-on": o(n).join === "OR" }), E !== (E = o(t)) && (w.value = (w.__value = o(t)) ?? "", S(w, o(t)));
+				}), s("click", p, () => Q(r(), { join: "AND" })), s("click", _, () => Q(r(), { join: "OR" })), s("click", x, () => Q(r(), {
+					operator2: void 0,
+					value2: void 0,
+					valueTo2: void 0,
+					join: void 0
+				})), s("change", w, (e) => Q(r(), { operator2: e.currentTarget.value })), a(e, d);
+			}, E = (e) => {
+				var t = le();
+				s("click", t, () => Q(r(), {
+					operator2: o(Z)(o(c)),
+					value2: "",
+					join: "AND"
+				})), a(e, t);
+			};
+			T(x, (e) => {
+				o(n)?.operator2 ? e(w) : e(E, -1);
+			}), h(() => {
+				v(g, "type", o(d) === "regex" ? "text" : o(m)), D(g, o(U)[r()]?.value ?? ""), v(g, "placeholder", o(d) === "between" ? "From" : o(t) ? "value, value..." : o(d) === "regex" ? "Pattern..." : "Filter value...");
+			}), f("focus", g, function(...e) {
+				(o(t) ? (e) => yt(e.currentTarget, r()) : void 0)?.apply(this, e);
+			}), f("blur", g, function(...e) {
+				(o(t) ? () => o(ht)() : void 0)?.apply(this, e);
+			}), s("input", g, (e) => {
+				let n = e.currentTarget;
+				o(Ge)(r(), n.value), o(t) && bt(n, r());
+			}), a(e, p);
+		};
+		T(ne, (e) => {
+			o(d) !== "isBlank" && o(d) !== "isNotBlank" && e(me);
+		});
+		var I = O(ne, 6);
+		N(I);
+		var L = O(I, 2), R = y(L);
+		N(R), x(2), k(L);
+		var he = O(L, 2), ge = (e) => {
+			{
+				let n = A(() => o(lt).length > vt);
+				t(e, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return o(n);
+					},
+					rows: 7,
+					rowHeight: 24,
+					size: "sm",
+					ariaLabel: "Filter values",
+					get options() {
+						return o(lt);
+					},
+					get value() {
+						return o(ut);
+					},
+					onChange: (e) => o(dt)(r(), e)
+				});
+			}
+		}, _e = (e) => {
+			a(e, de());
+		};
+		T(he, (e) => {
+			o(lt).length ? e(ge) : e(_e, -1);
+		});
+		var ve = O(he, 2), ye = (e) => {
+			var t = fe(), n = y(t);
+			k(t), h(() => u(n, `Showing ${o(ct).length ?? ""} of ${o(st).length ?? ""}`)), a(e, t);
+		};
+		T(ve, (e) => {
+			o(st).length > o(ct).length && e(ye);
+		});
+		var z = O(ve, 2), B = y(z), be = O(B, 2);
+		k(z), k(g), h((e, t) => {
+			P !== (P = o(d)) && (j.value = (j.__value = o(d)) ?? "", S(j, o(d))), b(R, e), B.disabled = t;
+		}, [() => o(gt)(r()), () => !o(Qe)(r())]), s("change", j, (e) => o(We)(r(), e.currentTarget.value)), te(I, () => H().columnMenuSearch, (e) => H().columnMenuSearch = e), s("change", R, () => o(_t)(r())), s("click", B, () => o(wt)(r())), s("click", be, function(...e) {
+			o($)?.apply(this, e);
+		}), a(e, g);
+	}, H = j(p, "ctrl", 7), je = A(() => H().groupingControlsEnabled), U = A(() => H().filterMenuValues), W = A(() => H().tooltip);
+	A(() => H().showTooltipFor);
+	let G = A(() => H().columnMenuFor), Me = A(() => H().columnMenuPos), K = A(() => H().filterMenuFor), Ne = A(() => H().filterMenuPos), q = A(() => H().operatorMenuFor), Pe = A(() => H().operatorMenuPos), J = A(() => H().chooseColumnsPos), Fe = A(() => H().showColumnFiltersEffective), Y = A(() => H().props.columnMenuTabs === !0), Ie = A(() => H().grid), X = A(() => H().allColumns), Le = A(() => H().isColumnPinned), Re = A(() => H().pinColumnLeft), ze = A(() => H().pinColumnRight), Be = A(() => H().unpinColumn), Ve = A(() => H().sortDirectionByColumn), He = A(() => H().groupingColumns), Ue = A(() => H().columnVirtualizationEnabled), We = A(() => H().updateFilterOperator), Ge = A(() => H().updateFilterMenuValue), Ke = A(() => H().updateFilterMenuValueTo), qe = A(() => H().operatorsForColumn), Z = A(() => H().defaultOperatorFor), Je = A(() => H().operatorLabelFor), Ye = A(() => H().filterRowValues), Xe = A(() => H().inSuggestFor), Ze = A(() => H().inSuggestPos);
+	function Q(e, t) {
+		let n = o(X).find((t) => t.id === e), r = H().filterMenuValues[e] ?? {
+			operator: o(Z)(n),
+			value: ""
+		};
+		H().filterMenuValues = {
+			...H().filterMenuValues,
+			[e]: {
+				...r,
+				...t
+			}
+		};
+	}
+	let Qe = A(() => H().isColumnFiltered), $ = A(() => H().closeMenus);
+	m(() => {
+		if (!(o(G) || o(K) || o(q) || o(J))) return;
+		let e = () => o($)(), t = ne(() => Array.from(document.querySelectorAll(".sv-grid-menu")), e);
+		return window.addEventListener("resize", e), () => {
+			t(), window.removeEventListener("resize", e);
+		};
+	});
+	let $e = A(() => H().autosizeColumn), et = A(() => H().autosizeAllColumns), tt = A(() => H().resetColumns), nt = A(() => H().openChooseColumns), rt = A(() => H().sortColumnFromMenu), it = A(() => H().clearColumnSort), at = A(() => H().groupByColumnFromMenu), ot = A(() => H().clearGroupingFromMenu), st = A(() => H().columnMenuFacetValues), ct = A(() => H().columnMenuVisibleFacets), lt = A(() => H().columnMenuFacetOptions), ut = A(() => H().columnMenuSelectedFacets), dt = A(() => H().setFacetSelection), ft = A(() => H().setFilterTokens), pt = A(() => H().inSuggestOptions), mt = A(() => H().openInSuggest), ht = A(() => H().closeInSuggest), gt = A(() => H().isAllFacetsChecked), _t = A(() => H().toggleAllFacets), vt = 40;
+	function yt(t, n) {
+		o(mt)(t, n), H().inSuggestQuery = e(t.value);
+	}
+	function bt(t, n) {
+		H().inSuggestQuery = e(t.value), H().inSuggestFor !== n && o(mt)(t, n);
+	}
+	function xt(e) {
+		return e.map((e) => ({
+			value: e.id,
+			label: typeof e.columnDef.header == "string" ? e.columnDef.header : e.id
+		}));
+	}
+	function St(e) {
+		let t = /* @__PURE__ */ new Set();
+		for (let n of e) H().hiddenColumns[n.id] || t.add(n.id);
+		return t;
+	}
+	function Ct(e, t) {
+		let n = { ...H().hiddenColumns };
+		for (let r of e) t.has(r.id) ? delete n[r.id] : n[r.id] = !0;
+		H().hiddenColumns = n;
+	}
+	let wt = A(() => H().clearColumnFilter), Tt = A(() => H().contextMenuFor), Et = A(() => H().contextMenuPos), Dt = A(() => H().contextMenuItems), Ot = A(() => H().closeContextMenu), kt = A(() => H().commentEditFor), At = A(() => H().saveComment), jt = A(() => H().removeComment), Mt = A(() => H().closeCommentEditor);
+	var Nt = Ae(), Pt = M(Nt), Ft = (e) => {
+		var t = me();
+		let n;
+		var r = y(t, !0);
+		k(t), h(() => {
+			n = F(t, 1, "sv-grid-tooltip", null, n, { "sv-grid-tooltip-above": !o(W).below }), _(t, `left: ${o(W).x}px; top: ${o(W).y}px; ${o(W).below ? "" : "transform: translateY(-100%);"}`), u(r, o(W).text);
+		}), a(e, t);
+	};
+	T(Pt, (e) => {
+		o(W) && e(Ft);
+	});
+	var It = O(Pt, 2), Lt = (e) => {
+		var t = I();
+		s("click", t, function(...e) {
+			o($)?.apply(this, e);
+		}), a(e, t);
+	};
+	T(It, (e) => {
+		(o(G) || o(K) || o(q) || o(J)) && e(Lt);
+	});
+	var Rt = O(It, 2), zt = (e) => {
+		let n = A(() => o(G)), r = A(() => o(X).find((e) => e.id === o(n))), i = A(() => o(r)?.getCanSort?.() ?? !1), c = A(() => o(r)?.columnDef.field != null && o(r)?.columnDef.filterable !== !1), l = A(() => H().columnMenuTab);
+		var u = B(), d = y(u), f = (e) => {
+			var t = R(), n = y(t);
+			let r;
+			var i = O(n, 2), u = (e) => {
+				var t = L();
+				let n;
+				h(() => {
+					n = F(t, 1, "sv-grid-menu-tab", null, n, { "is-active": o(l) === "filter" }), v(t, "aria-selected", o(l) === "filter");
+				}), s("click", t, () => H().columnMenuTab = "filter"), a(e, t);
+			};
+			T(i, (e) => {
+				o(c) && o(Fe) && e(u);
+			});
+			var d = O(i, 2);
+			let f;
+			k(t), h(() => {
+				r = F(n, 1, "sv-grid-menu-tab", null, r, { "is-active": o(l) === "general" }), v(n, "aria-selected", o(l) === "general"), f = F(d, 1, "sv-grid-menu-tab", null, f, { "is-active": o(l) === "columns" }), v(d, "aria-selected", o(l) === "columns");
+			}), s("click", n, () => H().columnMenuTab = "general"), s("click", d, () => H().columnMenuTab = "columns"), a(e, t);
+		};
+		T(d, (e) => {
+			o(Y) && e(f);
+		});
+		var m = O(d, 2), g = (e) => {
+			V(e, () => o(n));
+		}, b = (e) => {
+			let n = A(() => o(Ie).getAllColumns());
+			var r = he(), i = O(M(r), 2);
+			{
+				let e = A(() => o(n).length > 40), r = A(() => xt(o(n))), a = A(() => St(o(n)));
+				t(i, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return o(e);
+					},
+					rows: 9,
+					rowHeight: 24,
+					size: "sm",
+					ariaLabel: "Visible columns",
+					get options() {
+						return o(r);
+					},
+					get value() {
+						return o(a);
+					},
+					onChange: (e) => Ct(o(n), e)
+				});
+			}
+			a(e, r);
+		}, S = (e) => {
+			var t = z(), r = M(t), c = (e) => {
+				var t = ge(), r = M(t), i = y(r);
+				w(y(i), () => p.icon, () => "sort-asc"), k(i), x(), k(r);
+				var c = O(r, 2), l = y(c);
+				w(y(l), () => p.icon, () => "sort-desc"), k(l), x(), k(c);
+				var u = O(c, 2), d = y(u);
+				w(y(d), () => p.icon, () => "x"), k(d), x(), k(u), h(() => u.disabled = !o(Ve)[o(n)]), s("click", r, () => o(rt)(o(n), !1)), s("click", c, () => o(rt)(o(n), !0)), s("click", u, () => o(it)(o(n))), a(e, t);
+			};
+			T(r, (e) => {
+				o(i) && e(c);
+			});
+			var l = O(r, 2), u = (e) => {
+				let t = A(() => o(Le)(o(n)));
+				var r = _e(), i = O(M(r), 2), c = y(i);
+				w(y(c), () => p.icon, () => "op-startsWith"), k(c), x(), k(i);
+				var l = O(i, 2), u = y(l);
+				w(y(u), () => p.icon, () => "op-greaterThan"), k(u), x(), k(l);
+				var d = O(l, 2), f = y(d);
+				w(y(f), () => p.icon, () => "x"), k(f), x(), k(d), h(() => {
+					i.disabled = o(t) === "left", l.disabled = o(t) === "right", d.disabled = !o(t);
+				}), s("click", i, () => o(Re)(o(n))), s("click", l, () => o(ze)(o(n))), s("click", d, () => o(Be)(o(n))), a(e, r);
+			};
+			T(l, (e) => {
+				o(Ue) || e(u);
+			});
+			var d = O(l, 4), f = y(d);
+			w(y(f), () => p.icon, () => "autosize"), k(f), x(), k(d);
+			var m = O(d, 2), g = y(m);
+			w(y(g), () => p.icon, () => "autosize"), k(g), x(), k(m);
+			var _ = O(m, 2), b = (e) => {
+				var t = ve(), r = O(M(t), 2), i = y(r);
+				w(y(i), () => p.icon, () => "group"), k(i), x(), k(r);
+				var c = O(r, 2), l = y(c);
+				w(y(l), () => p.icon, () => "x"), k(l), x(), k(c), h((e, t) => {
+					r.disabled = e, c.disabled = t;
+				}, [() => o(He).includes(o(n)), () => !o(He).includes(o(n))]), s("click", r, () => o(at)(o(n))), s("click", c, () => o(ot)(o(n))), a(e, t);
+			};
+			T(_, (e) => {
+				o(je) && e(b);
+			});
+			var S = O(_, 4), C = (e) => {
+				var t = ye();
+				let n;
+				var r = y(t);
+				w(y(r), () => p.icon, () => "columns"), k(r);
+				var i = O(r, 2);
+				w(y(i), () => p.icon, () => "chevron-down"), k(i), k(t), h(() => {
+					n = F(t, 1, "sv-grid-menu-item", null, n, { "is-open": o(J) !== null }), v(t, "aria-expanded", o(J) !== null);
+				}), s("click", t, (e) => o(nt)(e)), a(e, t);
+			};
+			T(S, (e) => {
+				o(Y) || e(C);
+			});
+			var E = O(S, 2), D = y(E);
+			w(y(D), () => p.icon, () => "reset"), k(D), x(), k(E), s("click", d, () => {
+				o($e)(o(n)), o($)();
+			}), s("click", m, () => {
+				o(et)(), o($)();
+			}), s("click", E, () => {
+				o(tt)(), o($)();
+			}), a(e, t);
+		};
+		T(m, (e) => {
+			o(Y) && o(l) === "filter" && o(c) && o(Fe) ? e(g) : o(Y) && o(l) === "columns" ? e(b, 1) : e(S, -1);
+		}), k(u), h(() => _(u, `left: ${o(Me).x}px; top: ${o(Me).y}px; max-height: calc(100vh - ${o(Me).y}px - 12px);`)), a(e, u);
+	};
+	T(Rt, (e) => {
+		o(G) && e(zt);
+	});
+	var Bt = O(Rt, 2), Vt = (e) => {
+		var t = be();
+		V(y(t), () => o(K)), k(t), h(() => _(t, `left: ${o(Ne).x}px; top: ${o(Ne).y}px; max-height: calc(100vh - ${o(Ne).y}px - 12px);`)), a(e, t);
+	};
+	T(Bt, (e) => {
+		o(K) && o(Fe) && e(Vt);
+	});
+	var Ht = O(Bt, 2), Ut = (e) => {
+		let n = A(() => o(Ie).getAllColumns());
+		var r = xe(), i = O(y(r), 2);
+		{
+			let e = A(() => o(n).length > 40), r = A(() => xt(o(n))), a = A(() => St(o(n)));
+			t(i, {
+				block: !0,
+				checkbox: !0,
+				multiple: !0,
+				get virtual() {
+					return o(e);
+				},
+				rows: 11,
+				rowHeight: 24,
+				size: "sm",
+				ariaLabel: "Visible columns",
+				get options() {
+					return o(r);
+				},
+				get value() {
+					return o(a);
+				},
+				onChange: (e) => Ct(o(n), e)
+			});
+		}
+		k(r), h(() => _(r, `left: ${o(J).x}px; top: ${o(J).y}px;`)), a(e, r);
+	};
+	T(Ht, (e) => {
+		o(J) && e(Ut);
+	});
+	var Wt = O(Ht, 2), Gt = (e) => {
+		let t = A(() => o(q)), n = A(() => o(X).find((e) => e.id === o(t))), r = A(() => o(qe)(o(n))), c = A(() => o(U)[o(t)]?.operator ?? o(Z)(o(n)));
+		var l = Ce();
+		i(l, 21, () => o(r), (e) => e.value, (e, r) => {
+			var i = Se(), l = y(i);
+			w(y(l), () => p.icon, () => o(r).iconName), k(l);
+			var d = O(l);
+			k(i), h((e) => {
+				v(i, "aria-checked", o(c) === o(r).value), u(d, ` ${e ?? ""}`);
+			}, [() => o(Je)(o(r), o(n))]), s("click", i, () => {
+				o(We)(o(t), o(r).value), o($)();
+			}), a(e, i);
+		}), k(l), h(() => _(l, `left: ${o(Pe).x}px; top: ${o(Pe).y}px;`)), a(e, l);
+	};
+	T(Wt, (e) => {
+		o(q) && e(Gt);
+	});
+	var Kt = O(Wt, 2), qt = (n) => {
+		let i = A(() => o(Xe)), c = A(() => new Set(r(o(Ye)[o(i)] ?? "")));
+		var l = Te(), u = y(l), d = (n) => {
+			{
+				let r = A(() => o(pt).length > 40);
+				t(n, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return o(r);
+					},
+					rows: 8,
+					rowHeight: 26,
+					size: "sm",
+					ariaLabel: "Filter values",
+					get options() {
+						return o(pt);
+					},
+					get value() {
+						return o(c);
+					},
+					onChange: (t) => {
+						let n = new Set(t), r = e(o(Ye)[o(i)] ?? "");
+						r && n.delete(r), o(ft)(o(i), [...n]), H().inSuggestQuery = "";
+					}
+				});
+			}
+		}, f = (e) => {
+			a(e, we());
+		};
+		T(u, (e) => {
+			o(pt).length ? e(d) : e(f, -1);
+		}), k(l), h(() => _(l, `left: ${o(Ze).x}px; top: ${o(Ze).y}px;`)), s("mousedown", l, (e) => e.preventDefault()), a(n, l);
+	};
+	T(Kt, (e) => {
+		o(Xe) && e(qt);
+	});
+	var Jt = O(Kt, 2), Yt = (e) => {
+		var t = Oe(), n = M(t), r = O(n, 2);
+		i(r, 21, () => o(Dt)(), (e) => e.key, (e, t) => {
+			var n = c(), r = M(n), i = (e) => {
+				a(e, Ee());
+			}, l = (e) => {
+				var n = De(), r = y(n, !0);
+				k(n), h(() => {
+					n.disabled = o(t).disabled, u(r, o(t).label);
+				}), s("click", n, () => {
+					o(t).run?.(), o(Ot)();
+				}), a(e, n);
+			};
+			T(r, (e) => {
+				o(t).separator ? e(i) : e(l, -1);
+			}), a(e, n);
+		}), k(r), h(() => _(r, `left: ${o(Et).x}px; top: ${o(Et).y}px;`)), s("contextmenu", n, (e) => {
+			e.preventDefault(), o(Ot)();
+		}), s("click", n, function(...e) {
+			o(Ot)?.apply(this, e);
+		}), a(e, t);
+	};
+	T(Jt, (e) => {
+		o(Tt) && e(Yt);
+	});
+	var Xt = O(Jt, 2), Zt = (e) => {
+		var t = ke(), n = M(t), r = O(n, 2), i = y(r);
+		d(i), g(i, !0);
+		var c = O(i, 2), l = y(c), u = O(l, 4), f = O(u, 2);
+		k(c), k(r), h(() => _(r, `left: ${o(kt).x}px; top: ${o(kt).y}px;`)), s("click", n, function(...e) {
+			o(Mt)?.apply(this, e);
+		}), s("keydown", i, (e) => {
+			e.stopPropagation(), e.key === "Escape" && (e.preventDefault(), o(Mt)()), e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), o(At)());
+		}), te(i, () => H().commentDraft, (e) => H().commentDraft = e), s("click", l, function(...e) {
+			o(jt)?.apply(this, e);
+		}), s("click", u, function(...e) {
+			o(Mt)?.apply(this, e);
+		}), s("click", f, function(...e) {
+			o(At)?.apply(this, e);
+		}), a(e, t);
+	};
+	T(Xt, (e) => {
+		o(kt) && e(Zt);
+	}), a(l, Nt), E();
+}
+p([
+	"change",
+	"input",
+	"click",
+	"mousedown",
+	"contextmenu",
+	"keydown"
+]);
+//#endregion
+export { V as default };