@svgrid/grid 2.2.28 → 2.2.29

package/dist/cdn/GridMenus-Ds3OpzZT.js

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