@svgrid/grid 2.6.6 → 2.6.7

package/dist/cdn/GridMenus-0i2QnChI.js

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