@svgrid/grid 3.0.2 → 3.0.4

package/dist/cdn/GridMenus-BL7ZgQvU.js

@@ -0,0 +1,636 @@
+import { $a as e, Vn as t, eo as n } from "./src-BKhZ6eXd.js";
+import { S as r, _ as i, j as a, k as o } from "./editor-registry-BhgE3S84.js";
+import { r as s } from "./dismissable-DAHetSNk.js";
+import * as c from "svelte/internal/client";
+import "svelte/internal/disclose-version";
+//#region src/GridMenus.svelte
+var l = c.from_html("<option> </option>"), u = c.from_html("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), d = c.from_html("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), f = c.from_html("<option> </option>"), p = c.from_html("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), m = c.from_html("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), ee = c.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), h = c.from_html("<button type=\"button\" class=\"sv-grid-menu-add-cond\">+ Add condition</button>"), g = c.from_html("<!>  <!>", 1), _ = c.from_html("<span class=\"sv-grid-menu-head-note\">and the condition above</span>"), v = c.from_html("<span class=\"sv-grid-menu-head-note\"> </span>"), y = c.from_html("<div class=\"sv-grid-facet-empty\">No values</div>"), b = c.from_html("<div class=\"sv-grid-facet-note\"> </div>"), te = c.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> <span class=\"sv-grid-menu-search-wrap\"><!> <input class=\"sv-grid-menu-search\" placeholder=\"Search values...\"/></span> <label class=\"sv-grid-facet sv-grid-facet-all\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\"> </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>"), ne = c.from_html("<div role=\"tooltip\"> </div>"), x = c.from_html("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div>"), S = c.from_html("<button type=\"button\" role=\"tab\">Filter</button>"), re = c.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>"), ie = c.from_html("<div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!>", 1), ae = c.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), oe = c.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), se = c.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n          this column</button>"), C = c.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 = c.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>"), ce = c.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        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), le = c.from_html("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), T = c.from_html("<div class=\"sv-grid-menu sv-grid-filter-menu\" role=\"menu\" tabindex=\"-1\"><!></div>"), ue = c.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>"), E = c.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitemradio\"><span class=\"sv-grid-header-icon\"><!></span> </button>"), de = c.from_html("<div class=\"sv-grid-menu sv-grid-operator-menu\" role=\"menu\"></div>"), D = c.from_html("<div class=\"sv-grid-facet-empty\">No values</div>"), fe = c.from_html("<div class=\"sv-grid-menu sv-grid-in-suggest\"><!></div>"), pe = c.from_html("<div class=\"sv-grid-menu-sep\"></div>"), me = c.from_svg("<path></path>"), O = c.from_svg("<svg class=\"sv-grid-menu-icon-own\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\"></svg>"), he = c.from_html("<span class=\"sv-grid-menu-icon\" aria-hidden=\"true\"><!></span>"), ge = c.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><!><span class=\"sv-grid-menu-label\"> </span></button>"), k = c.from_html("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-context-menu\" role=\"menu\"></div>", 1), A = c.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), j = c.from_html("<!> <!>  <!> <!> <!> <!> <!> <!> <!>", 1);
+function _e(_e, M) {
+	c.push(M, !0);
+	let N = (e, n = c.noop) => {
+		let s = c.derived(() => c.get(W).find((e) => e.id === n())), ne = c.derived(() => c.get(Me)(c.get(s))), x = c.derived(() => c.get(F)[n()]?.operator ?? c.get(G)(c.get(s))), S = c.derived(() => r(c.get(s)?.columnDef.editorType ?? "text")), re = c.derived(() => a(c.get(s)?.columnDef.editorType) && c.get(x) !== "isBlank" && c.get(x) !== "isNotBlank" && c.get(x) !== "regex" && c.get(x) !== "in" && c.get(x) !== "notIn"), ie = c.derived(() => c.get(Ke).length !== c.get(J).length), ae = c.derived(() => c.get(x) === "isBlank" || c.get(x) === "isNotBlank" || (c.get(F)[n()]?.value ?? "").trim().length > 0), oe = c.derived(() => c.get(Qe).size), se = c.derived(() => c.get(J).length);
+		var C = te(), w = c.child(C), ce = c.child(w), le = c.child(ce);
+		c.snippet(le, () => M.icon, () => "filter"), c.reset(ce), c.next(), c.reset(w);
+		var T = c.sibling(w, 2);
+		c.each(T, 21, () => c.get(ne), (e) => e.value, (e, t) => {
+			var n = l(), r = c.child(n, !0);
+			c.reset(n);
+			var i = {};
+			c.template_effect((e) => {
+				c.set_text(r, e), i !== (i = c.get(t).value) && (n.value = (n.__value = c.get(t).value) ?? "");
+			}, [() => c.get(Ne)(c.get(t), c.get(s))]), c.append(e, n);
+		}), c.reset(T);
+		var ue;
+		c.init_select(T);
+		var E = c.sibling(T, 2), de = (e) => {
+			let t = c.derived(() => c.get(F)[n()]);
+			var r = g(), a = c.first_child(r), l = (e) => {
+				var t = c.comment(), r = c.first_child(t), a = (e) => {
+					var t = c.comment(), r = c.first_child(t), a = (e) => {
+						let t = c.derived(() => c.get(X)), r = c.derived(() => i(c.get(F)[n()]?.value)), a = c.derived(() => i(c.get(F)[n()]?.valueTo));
+						var s = c.comment(), l = c.first_child(s);
+						{
+							let e = c.derived(() => c.get(r) && c.get(a) ? [c.get(r), c.get(a)] : null);
+							c.component(l, () => c.get(t), (t, r) => {
+								r(t, {
+									get value() {
+										return c.get(e);
+									},
+									formatString: "yyyy-MM-dd",
+									block: !0,
+									placeholder: "Pick a range...",
+									onChange: (e) => {
+										c.get(Ae)(n(), e ? o(e[0]) : ""), c.get(je)(n(), e ? o(e[1]) : "");
+									}
+								});
+							});
+						}
+						c.append(e, s);
+					};
+					c.if(r, (e) => {
+						c.get(X) && e(a);
+					}), c.append(e, t);
+				}, s = (e) => {
+					let t = c.derived(() => c.get(Y));
+					var r = c.comment(), i = c.first_child(r);
+					{
+						let e = c.derived(() => (c.get(F)[n()]?.value ?? "") || null);
+						c.component(i, () => c.get(t), (t, r) => {
+							r(t, {
+								get value() {
+									return c.get(e);
+								},
+								formatString: "yyyy-MM-dd",
+								dropDownDisplayMode: "calendar",
+								block: !0,
+								nullable: !0,
+								placeholder: "Filter value...",
+								onChange: (e) => c.get(Ae)(n(), o(e))
+							});
+						});
+					}
+					c.append(e, r);
+				};
+				c.if(r, (e) => {
+					c.get(x) === "between" ? e(a) : c.get(Y) && e(s, 1);
+				}), c.append(e, t);
+			}, _ = (e) => {
+				let t = c.derived(() => c.get(x) === "in" || c.get(x) === "notIn");
+				var r = d(), i = c.first_child(r);
+				c.remove_input_defaults(i);
+				var a = c.sibling(i, 2), o = (e) => {
+					var t = u();
+					c.remove_input_defaults(t), c.template_effect(() => {
+						c.set_attribute(t, "type", c.get(S)), c.set_value(t, c.get(F)[n()]?.valueTo ?? "");
+					}), c.delegated("input", t, (e) => c.get(je)(n(), e.currentTarget.value)), c.append(e, t);
+				};
+				c.if(a, (e) => {
+					c.get(x) === "between" && e(o);
+				}), c.template_effect(() => {
+					c.set_attribute(i, "type", c.get(x) === "regex" ? "text" : c.get(S)), c.set_value(i, c.get(F)[n()]?.value ?? ""), c.set_attribute(i, "placeholder", c.get(x) === "between" ? "From" : c.get(t) ? "value, value..." : c.get(x) === "regex" ? "Pattern..." : "Filter value...");
+				}), c.event("focus", i, function(...e) {
+					(c.get(t) ? (e) => ot(e.currentTarget, n()) : void 0)?.apply(this, e);
+				}), c.event("blur", i, function(...e) {
+					(c.get(t) ? () => c.get(nt)() : void 0)?.apply(this, e);
+				}), c.delegated("input", i, (e) => {
+					let r = e.currentTarget;
+					c.get(Ae)(n(), r.value), c.get(t) && st(r, n());
+				}), c.append(e, r);
+			};
+			c.if(a, (e) => {
+				c.get(re) ? e(l) : e(_, -1);
+			});
+			var v = c.sibling(a, 2), y = (e) => {
+				let r = c.derived(() => c.get(t).operator2 ?? c.get(G)(c.get(s)));
+				var i = ee(), a = c.first_child(i), o = c.child(a);
+				let l;
+				var u = c.sibling(o, 2);
+				let d;
+				var h = c.sibling(u, 2), g = c.child(h);
+				c.snippet(g, () => M.icon, () => "remove"), c.reset(h), c.reset(a);
+				var _ = c.sibling(a, 2);
+				c.each(_, 21, () => c.get(ne), (e) => e.value, (e, t) => {
+					var n = f(), r = c.child(n, !0);
+					c.reset(n);
+					var i = {};
+					c.template_effect((e) => {
+						c.set_text(r, e), i !== (i = c.get(t).value) && (n.value = (n.__value = c.get(t).value) ?? "");
+					}, [() => c.get(Ne)(c.get(t), c.get(s))]), c.append(e, n);
+				}), c.reset(_);
+				var v;
+				c.init_select(_);
+				var y = c.sibling(_, 2), b = (e) => {
+					var i = m(), a = c.first_child(i);
+					c.remove_input_defaults(a);
+					var o = c.sibling(a, 2), s = (e) => {
+						var r = p();
+						c.remove_input_defaults(r), c.template_effect(() => {
+							c.set_attribute(r, "type", c.get(S)), c.set_value(r, c.get(t).valueTo2 ?? "");
+						}), c.delegated("input", r, (e) => K(n(), { valueTo2: e.currentTarget.value })), c.append(e, r);
+					};
+					c.if(o, (e) => {
+						c.get(r) === "between" && e(s);
+					}), c.template_effect(() => {
+						c.set_attribute(a, "type", c.get(S)), c.set_value(a, c.get(t).value2 ?? ""), c.set_attribute(a, "placeholder", c.get(r) === "between" ? "From" : "Filter value...");
+					}), c.delegated("input", a, (e) => K(n(), { value2: e.currentTarget.value })), c.append(e, i);
+				};
+				c.if(y, (e) => {
+					c.get(r) !== "isBlank" && e(b);
+				}), c.template_effect(() => {
+					l = c.set_class(o, 1, "", null, l, { "is-on": (c.get(t).join ?? "AND") === "AND" }), d = c.set_class(u, 1, "", null, d, { "is-on": c.get(t).join === "OR" }), v !== (v = c.get(r)) && (_.value = (_.__value = c.get(r)) ?? "", c.select_option(_, c.get(r)));
+				}), c.delegated("click", o, () => K(n(), { join: "AND" })), c.delegated("click", u, () => K(n(), { join: "OR" })), c.delegated("click", h, () => K(n(), {
+					operator2: void 0,
+					value2: void 0,
+					valueTo2: void 0,
+					join: void 0
+				})), c.delegated("change", _, (e) => K(n(), { operator2: e.currentTarget.value })), c.append(e, i);
+			}, b = (e) => {
+				var t = h();
+				c.delegated("click", t, () => K(n(), {
+					operator2: c.get(G)(c.get(s)),
+					value2: "",
+					join: "AND"
+				})), c.append(e, t);
+			};
+			c.if(v, (e) => {
+				c.get(t)?.operator2 ? e(y) : e(b, -1);
+			}), c.append(e, r);
+		};
+		c.if(E, (e) => {
+			c.get(x) !== "isBlank" && c.get(x) !== "isNotBlank" && e(de);
+		});
+		var D = c.sibling(E, 4), fe = c.sibling(c.child(D)), pe = (e) => {
+			var t = _();
+			c.append(e, t);
+		}, me = (e) => {
+			var t = v(), n = c.child(t);
+			c.reset(t), c.template_effect(() => c.set_text(n, `${c.get(oe) ?? ""} of ${c.get(se) ?? ""}`)), c.append(e, t);
+		};
+		c.if(fe, (e) => {
+			c.get(ae) ? e(pe) : c.get(oe) < c.get(se) && e(me, 1);
+		}), c.reset(D);
+		var O = c.sibling(D, 2), he = c.child(O);
+		c.snippet(he, () => M.icon, () => "search");
+		var ge = c.sibling(he, 2);
+		c.remove_input_defaults(ge), c.reset(O);
+		var k = c.sibling(O, 2), A = c.child(k);
+		c.remove_input_defaults(A);
+		var j = c.sibling(A, 2), _e = c.child(j, !0);
+		c.reset(j), c.reset(k);
+		var N = c.sibling(k, 2), ve = (e) => {
+			{
+				let r = c.derived(() => c.get(Ze).length > at);
+				t(e, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return c.get(r);
+					},
+					get rows() {
+						return c.get(qe);
+					},
+					rowHeight: 24,
+					size: "sm",
+					ariaLabel: "Filter values",
+					get options() {
+						return c.get(Ze);
+					},
+					get value() {
+						return c.get(Qe);
+					},
+					onChange: (e) => c.get($e)(n(), e)
+				});
+			}
+		}, I = (e) => {
+			var t = y();
+			c.append(e, t);
+		};
+		c.if(N, (e) => {
+			c.get(Ze).length ? e(ve) : e(I, -1);
+		});
+		var L = c.sibling(N, 2), R = (e) => {
+			var t = b(), n = c.child(t);
+			c.reset(t), c.template_effect(() => c.set_text(n, `Showing ${c.get(Ke).length ?? ""} of ${c.get(J).length ?? ""}`)), c.append(e, t);
+		};
+		c.if(L, (e) => {
+			c.get(J).length > c.get(Ke).length && e(R);
+		});
+		var z = c.sibling(L, 2), B = c.child(z), V = c.sibling(B, 2);
+		c.reset(z), c.reset(C), c.template_effect((e, t) => {
+			ue !== (ue = c.get(x)) && (T.value = (T.__value = c.get(x)) ?? "", c.select_option(T, c.get(x))), c.set_checked(A, e), c.set_text(_e, c.get(ie) ? "(Select all results)" : "(Select all)"), B.disabled = t;
+		}, [() => c.get(rt)(n()), () => !c.get(Le)(n())]), c.delegated("change", T, (e) => c.get(ke)(n(), e.currentTarget.value)), c.bind_value(ge, () => P().columnMenuSearch, (e) => P().columnMenuSearch = e), c.delegated("change", A, () => c.get(it)(n())), c.delegated("click", B, () => c.get(dt)(n())), c.delegated("click", V, function(...e) {
+			c.get(q)?.apply(this, e);
+		}), c.append(e, C);
+	}, P = c.prop(M, "ctrl", 7), ve = c.derived(() => P().groupingControlsEnabled), F = c.derived(() => P().filterMenuValues), I = c.derived(() => P().tooltip), L = c.derived(() => P().columnMenuFor), R = c.derived(() => P().columnMenuPos), z = c.derived(() => P().filterMenuFor), B = c.derived(() => P().filterMenuPos), V = c.derived(() => P().operatorMenuFor), ye = c.derived(() => P().operatorMenuPos), H = c.derived(() => P().chooseColumnsPos), be = c.derived(() => P().showColumnFiltersEffective), U = c.derived(() => P().props.columnMenuTabs === !0), xe = c.derived(() => P().grid), W = c.derived(() => P().allColumns), Se = c.derived(() => P().isColumnPinned), Ce = c.derived(() => P().pinColumnLeft), we = c.derived(() => P().pinColumnRight), Te = c.derived(() => P().unpinColumn), Ee = c.derived(() => P().sortDirectionByColumn), De = c.derived(() => P().groupingColumns), Oe = c.derived(() => P().columnVirtualizationEnabled), ke = c.derived(() => P().updateFilterOperator), Ae = c.derived(() => P().updateFilterMenuValue), je = c.derived(() => P().updateFilterMenuValueTo), Me = c.derived(() => P().operatorsForColumn), G = c.derived(() => P().defaultOperatorFor), Ne = c.derived(() => P().operatorLabelFor), Pe = c.derived(() => P().filterRowValues), Fe = c.derived(() => P().inSuggestFor), Ie = c.derived(() => P().inSuggestPos);
+	function K(e, t) {
+		let n = c.get(W).find((t) => t.id === e), r = P().filterMenuValues[e] ?? {
+			operator: c.get(G)(n),
+			value: ""
+		};
+		P().filterMenuValues = {
+			...P().filterMenuValues,
+			[e]: {
+				...r,
+				...t
+			}
+		};
+	}
+	let Le = c.derived(() => P().isColumnFiltered), q = c.derived(() => P().closeMenus);
+	c.user_effect(() => {
+		if (!(c.get(L) || c.get(z) || c.get(V) || c.get(H) || c.get(ft) || c.get($))) return;
+		let e = () => {
+			c.get(q)(), c.get(Q)(), P().commentEditFor && c.get(ht)();
+		}, t = s(() => Array.from(document.querySelectorAll(`.sv-grid-menu[data-svgrid-menu="${P().gridDomId}"]`)), e);
+		return window.addEventListener("resize", e), () => {
+			t(), window.removeEventListener("resize", e);
+		};
+	});
+	let Re = c.derived(() => P().autosizeColumn), ze = c.derived(() => P().autosizeAllColumns), Be = c.derived(() => P().resetColumns), Ve = c.derived(() => P().openChooseColumns), He = c.derived(() => P().sortColumnFromMenu), Ue = c.derived(() => P().clearColumnSort), We = c.derived(() => P().groupByColumnFromMenu), Ge = c.derived(() => P().clearGroupingFromMenu), J = c.derived(() => P().columnMenuFacetValues), Ke = c.derived(() => P().columnMenuVisibleFacets), qe = c.derived(function() {
+		if (typeof window > "u") return 7;
+		let e = (c.get(z) ? c.get(B).y : c.get(R).y) || 0, t = window.innerHeight - e - 320;
+		return Math.max(7, Math.min(16, Math.floor(t / 24)));
+	}), Y = c.state(null), X = c.state(null);
+	c.user_effect(() => {
+		let e = c.get(z) ?? c.get(L);
+		if (!e) return;
+		let t = c.get(W).find((t) => t.id === e);
+		a(t?.columnDef.editorType) && (c.get(Y) || import("./SvDateTimePicker-vNU6bZ-q.js").then((e) => e.n).then((e) => c.set(Y, e.default, !0)), c.get(X) || import("./SvDateRangeInput-BeU_TkbQ.js").then((e) => e.n).then((e) => c.set(X, e.default, !0)));
+	});
+	function Je(e, t) {
+		let n = () => {
+			let t = P().contextMenuPos, n = e.getBoundingClientRect();
+			if (!n.width && !n.height) return;
+			let r = Math.max(8, Math.min(t.x, window.innerWidth - n.width - 8)), i = Math.max(8, Math.min(t.y, window.innerHeight - n.height - 8));
+			(r !== t.x || i !== t.y) && (P().contextMenuPos = {
+				x: r,
+				y: i
+			});
+		};
+		return n(), { update: n };
+	}
+	function Ye(e) {
+		requestAnimationFrame(() => {
+			e.querySelector(".sv-grid-menu-condition-value, .sv-dtp__input, .sv-dri__input, .sv-grid-menu-search")?.focus({ preventScroll: !0 });
+		});
+	}
+	function Xe(e) {
+		if (e.key !== "Enter" || e.shiftKey) return;
+		let t = e.target;
+		t?.closest(".sv-listbox") || t?.tagName === "BUTTON" || (e.preventDefault(), c.get(q)());
+	}
+	let Ze = c.derived(() => P().columnMenuFacetOptions), Qe = c.derived(() => P().columnMenuSelectedFacets), $e = c.derived(() => P().setFacetSelection), et = c.derived(() => P().setFilterTokens), Z = c.derived(() => P().inSuggestOptions), tt = c.derived(() => P().openInSuggest), nt = c.derived(() => P().closeInSuggest), rt = c.derived(() => P().isAllFacetsChecked), it = c.derived(() => P().toggleAllFacets), at = 40;
+	function ot(e, t) {
+		c.get(tt)(e, t), P().inSuggestQuery = n(e.value);
+	}
+	function st(e, t) {
+		P().inSuggestQuery = n(e.value), P().inSuggestFor !== t && c.get(tt)(e, t);
+	}
+	function ct(e) {
+		return e.map((e) => ({
+			value: e.id,
+			label: typeof e.columnDef.header == "string" ? e.columnDef.header : e.id
+		}));
+	}
+	function lt(e) {
+		let t = /* @__PURE__ */ new Set();
+		for (let n of e) P().hiddenColumns[n.id] || t.add(n.id);
+		return t;
+	}
+	function ut(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 dt = c.derived(() => P().clearColumnFilter), ft = c.derived(() => P().contextMenuFor), pt = c.derived(() => P().contextMenuPos), mt = c.derived(() => P().contextMenuItems), Q = c.derived(() => P().closeContextMenu), $ = c.derived(() => P().commentEditFor), ht = c.derived(() => P().saveComment), gt = c.derived(() => P().removeComment), _t = c.derived(() => P().closeCommentEditor);
+	var vt = j(), yt = c.first_child(vt), bt = (e) => {
+		var t = ne();
+		let n;
+		var r = c.child(t, !0);
+		c.reset(t), c.template_effect(() => {
+			n = c.set_class(t, 1, "sv-grid-tooltip", null, n, { "sv-grid-tooltip-above": !c.get(I).below }), c.set_style(t, `left: ${c.get(I).x}px; top: ${c.get(I).y}px; ${c.get(I).below ? "" : "transform: translateY(-100%);"}`), c.set_text(r, c.get(I).text);
+		}), c.append(e, t);
+	};
+	c.if(yt, (e) => {
+		c.get(I) && e(bt);
+	});
+	var xt = c.sibling(yt, 2), St = (e) => {
+		var t = x();
+		c.delegated("click", t, function(...e) {
+			c.get(q)?.apply(this, e);
+		}), c.append(e, t);
+	};
+	c.if(xt, (e) => {
+		(c.get(L) || c.get(z) || c.get(V) || c.get(H)) && e(St);
+	});
+	var Ct = c.sibling(xt, 2), wt = (e) => {
+		let n = c.derived(() => c.get(L)), r = c.derived(() => c.get(W).find((e) => e.id === c.get(n))), i = c.derived(() => c.get(r)?.getCanSort?.() ?? !1), a = c.derived(() => c.get(r)?.columnDef.field != null && c.get(r)?.columnDef.filterable !== !1), o = c.derived(() => P().columnMenuTab);
+		var s = le(), l = c.child(s), u = (e) => {
+			var t = re(), n = c.child(t);
+			let r;
+			var i = c.sibling(n, 2), s = (e) => {
+				var t = S();
+				let n;
+				c.template_effect(() => {
+					n = c.set_class(t, 1, "sv-grid-menu-tab", null, n, { "is-active": c.get(o) === "filter" }), c.set_attribute(t, "aria-selected", c.get(o) === "filter");
+				}), c.delegated("click", t, () => P().columnMenuTab = "filter"), c.append(e, t);
+			};
+			c.if(i, (e) => {
+				c.get(a) && c.get(be) && e(s);
+			});
+			var l = c.sibling(i, 2);
+			let u;
+			c.reset(t), c.template_effect(() => {
+				r = c.set_class(n, 1, "sv-grid-menu-tab", null, r, { "is-active": c.get(o) === "general" }), c.set_attribute(n, "aria-selected", c.get(o) === "general"), u = c.set_class(l, 1, "sv-grid-menu-tab", null, u, { "is-active": c.get(o) === "columns" }), c.set_attribute(l, "aria-selected", c.get(o) === "columns");
+			}), c.delegated("click", n, () => P().columnMenuTab = "general"), c.delegated("click", l, () => P().columnMenuTab = "columns"), c.append(e, t);
+		};
+		c.if(l, (e) => {
+			c.get(U) && e(u);
+		});
+		var d = c.sibling(l, 2), f = (e) => {
+			N(e, () => c.get(n));
+		}, p = (e) => {
+			let n = c.derived(() => c.get(xe).getAllColumns());
+			var r = ie(), i = c.sibling(c.first_child(r), 2);
+			{
+				let e = c.derived(() => c.get(n).length > 40), r = c.derived(() => ct(c.get(n))), a = c.derived(() => lt(c.get(n)));
+				t(i, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return c.get(e);
+					},
+					rows: 9,
+					rowHeight: 24,
+					size: "sm",
+					ariaLabel: "Visible columns",
+					get options() {
+						return c.get(r);
+					},
+					get value() {
+						return c.get(a);
+					},
+					onChange: (e) => ut(c.get(n), e)
+				});
+			}
+			c.append(e, r);
+		}, m = (e) => {
+			var t = ce(), r = c.first_child(t), a = (e) => {
+				var t = ae(), r = c.first_child(t), i = c.child(r), a = c.child(i);
+				c.snippet(a, () => M.icon, () => "sort-asc"), c.reset(i), c.next(), c.reset(r);
+				var o = c.sibling(r, 2), s = c.child(o), l = c.child(s);
+				c.snippet(l, () => M.icon, () => "sort-desc"), c.reset(s), c.next(), c.reset(o);
+				var u = c.sibling(o, 2), d = c.child(u), f = c.child(d);
+				c.snippet(f, () => M.icon, () => "x"), c.reset(d), c.next(), c.reset(u), c.template_effect(() => u.disabled = !c.get(Ee)[c.get(n)]), c.delegated("click", r, () => c.get(He)(c.get(n), !1)), c.delegated("click", o, () => c.get(He)(c.get(n), !0)), c.delegated("click", u, () => c.get(Ue)(c.get(n))), c.append(e, t);
+			};
+			c.if(r, (e) => {
+				c.get(i) && e(a);
+			});
+			var o = c.sibling(r, 2), s = (e) => {
+				let t = c.derived(() => c.get(Se)(c.get(n)));
+				var r = oe(), i = c.sibling(c.first_child(r), 2), a = c.child(i), o = c.child(a);
+				c.snippet(o, () => M.icon, () => "pin-left"), c.reset(a), c.next(), c.reset(i);
+				var s = c.sibling(i, 2), l = c.child(s), u = c.child(l);
+				c.snippet(u, () => M.icon, () => "pin-right"), c.reset(l), c.next(), c.reset(s);
+				var d = c.sibling(s, 2), f = c.child(d), p = c.child(f);
+				c.snippet(p, () => M.icon, () => "unpin"), c.reset(f), c.next(), c.reset(d), c.template_effect(() => {
+					i.disabled = c.get(t) === "left", s.disabled = c.get(t) === "right", d.disabled = !c.get(t);
+				}), c.delegated("click", i, () => c.get(Ce)(c.get(n))), c.delegated("click", s, () => c.get(we)(c.get(n))), c.delegated("click", d, () => c.get(Te)(c.get(n))), c.append(e, r);
+			};
+			c.if(o, (e) => {
+				c.get(Oe) || e(s);
+			});
+			var l = c.sibling(o, 4), u = (e) => {
+				var t = se(), r = c.child(t), i = c.child(r);
+				c.snippet(i, () => M.icon, () => "autosize"), c.reset(r), c.next(), c.reset(t), c.delegated("click", t, () => {
+					c.get(Re)(c.get(n)), c.get(q)();
+				}), c.append(e, t);
+			}, d = c.derived(() => P().columnResizable(c.get(n)));
+			c.if(l, (e) => {
+				c.get(d) && e(u);
+			});
+			var f = c.sibling(l, 2), p = c.child(f), m = c.child(p);
+			c.snippet(m, () => M.icon, () => "autosize"), c.reset(p), c.next(), c.reset(f);
+			var ee = c.sibling(f, 2), h = (e) => {
+				var t = C(), r = c.sibling(c.first_child(t), 2), i = c.child(r), a = c.child(i);
+				c.snippet(a, () => M.icon, () => "group"), c.reset(i), c.next(), c.reset(r);
+				var o = c.sibling(r, 2), s = c.child(o), l = c.child(s);
+				c.snippet(l, () => M.icon, () => "x"), c.reset(s), c.next(), c.reset(o), c.template_effect((e, t) => {
+					r.disabled = e, o.disabled = t;
+				}, [() => c.get(De).includes(c.get(n)), () => !c.get(De).includes(c.get(n))]), c.delegated("click", r, () => c.get(We)(c.get(n))), c.delegated("click", o, () => c.get(Ge)(c.get(n))), c.append(e, t);
+			};
+			c.if(ee, (e) => {
+				c.get(ve) && e(h);
+			});
+			var g = c.sibling(ee, 4), _ = (e) => {
+				var t = w();
+				let n;
+				var r = c.child(t), i = c.child(r);
+				c.snippet(i, () => M.icon, () => "columns"), c.reset(r);
+				var a = c.sibling(r, 2), o = c.child(a);
+				c.snippet(o, () => M.icon, () => "chevron-down"), c.reset(a), c.reset(t), c.template_effect(() => {
+					n = c.set_class(t, 1, "sv-grid-menu-item", null, n, { "is-open": c.get(H) !== null }), c.set_attribute(t, "aria-expanded", c.get(H) !== null);
+				}), c.delegated("click", t, (e) => c.get(Ve)(e)), c.append(e, t);
+			};
+			c.if(g, (e) => {
+				c.get(U) || e(_);
+			});
+			var v = c.sibling(g, 2), y = c.child(v), b = c.child(y);
+			c.snippet(b, () => M.icon, () => "reset"), c.reset(y), c.next(), c.reset(v), c.delegated("click", f, () => {
+				c.get(ze)(), c.get(q)();
+			}), c.delegated("click", v, () => {
+				c.get(Be)(), c.get(q)();
+			}), c.append(e, t);
+		};
+		c.if(d, (e) => {
+			c.get(U) && c.get(o) === "filter" && c.get(a) && c.get(be) ? e(f) : c.get(U) && c.get(o) === "columns" ? e(p, 1) : e(m, -1);
+		}), c.reset(s), c.template_effect(() => {
+			c.set_attribute(s, "data-svgrid-menu", P().gridDomId), c.set_style(s, `left: ${c.get(R).x}px; top: ${c.get(R).y}px; max-height: calc(100vh - ${c.get(R).y}px - 12px);`);
+		}), c.append(e, s);
+	};
+	c.if(Ct, (e) => {
+		c.get(L) && e(wt);
+	});
+	var Tt = c.sibling(Ct, 2), Et = (e) => {
+		var t = T(), n = c.child(t);
+		N(n, () => c.get(z)), c.reset(t), c.action(t, (e) => Ye?.(e)), c.template_effect(() => {
+			c.set_attribute(t, "data-svgrid-menu", P().gridDomId), c.set_style(t, `left: ${c.get(B).x}px; top: ${c.get(B).y}px; max-height: calc(100vh - ${c.get(B).y}px - 12px);`);
+		}), c.delegated("keydown", t, Xe), c.append(e, t);
+	};
+	c.if(Tt, (e) => {
+		c.get(z) && c.get(be) && e(Et);
+	});
+	var Dt = c.sibling(Tt, 2), Ot = (e) => {
+		let n = c.derived(() => c.get(xe).getAllColumns());
+		var r = ue(), i = c.sibling(c.child(r), 2);
+		{
+			let e = c.derived(() => c.get(n).length > 40), r = c.derived(() => ct(c.get(n))), a = c.derived(() => lt(c.get(n)));
+			t(i, {
+				block: !0,
+				checkbox: !0,
+				multiple: !0,
+				get virtual() {
+					return c.get(e);
+				},
+				rows: 11,
+				rowHeight: 24,
+				size: "sm",
+				ariaLabel: "Visible columns",
+				get options() {
+					return c.get(r);
+				},
+				get value() {
+					return c.get(a);
+				},
+				onChange: (e) => ut(c.get(n), e)
+			});
+		}
+		c.reset(r), c.template_effect(() => {
+			c.set_attribute(r, "data-svgrid-menu", P().gridDomId), c.set_style(r, `left: ${c.get(H).x}px; top: ${c.get(H).y}px;`);
+		}), c.append(e, r);
+	};
+	c.if(Dt, (e) => {
+		c.get(H) && e(Ot);
+	});
+	var kt = c.sibling(Dt, 2), At = (e) => {
+		let t = c.derived(() => c.get(V)), n = c.derived(() => c.get(W).find((e) => e.id === c.get(t))), r = c.derived(() => c.get(Me)(c.get(n))), i = c.derived(() => c.get(F)[c.get(t)]?.operator ?? c.get(G)(c.get(n)));
+		var a = de();
+		c.each(a, 21, () => c.get(r), (e) => e.value, (e, r) => {
+			var a = E(), o = c.child(a), s = c.child(o);
+			c.snippet(s, () => M.icon, () => c.get(r).iconName), c.reset(o);
+			var l = c.sibling(o);
+			c.reset(a), c.template_effect((e) => {
+				c.set_attribute(a, "aria-checked", c.get(i) === c.get(r).value), c.set_text(l, ` ${e ?? ""}`);
+			}, [() => c.get(Ne)(c.get(r), c.get(n))]), c.delegated("click", a, () => {
+				c.get(ke)(c.get(t), c.get(r).value), c.get(q)();
+			}), c.append(e, a);
+		}), c.reset(a), c.template_effect(() => {
+			c.set_attribute(a, "data-svgrid-menu", P().gridDomId), c.set_style(a, `left: ${c.get(ye).x}px; top: ${c.get(ye).y}px;`);
+		}), c.append(e, a);
+	};
+	c.if(kt, (e) => {
+		c.get(V) && e(At);
+	});
+	var jt = c.sibling(kt, 2), Mt = (r) => {
+		let i = c.derived(() => c.get(Fe)), a = c.derived(() => new Set(e(c.get(Pe)[c.get(i)] ?? "")));
+		var o = fe(), s = c.child(o), l = (e) => {
+			{
+				let r = c.derived(() => c.get(Z).length > 40);
+				t(e, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return c.get(r);
+					},
+					rows: 8,
+					rowHeight: 26,
+					size: "sm",
+					ariaLabel: "Filter values",
+					get options() {
+						return c.get(Z);
+					},
+					get value() {
+						return c.get(a);
+					},
+					onChange: (e) => {
+						let t = new Set(e), r = n(c.get(Pe)[c.get(i)] ?? "");
+						r && t.delete(r), c.get(et)(c.get(i), [...t]), P().inSuggestQuery = "";
+					}
+				});
+			}
+		}, u = (e) => {
+			var t = D();
+			c.append(e, t);
+		};
+		c.if(s, (e) => {
+			c.get(Z).length ? e(l) : e(u, -1);
+		}), c.reset(o), c.template_effect(() => {
+			c.set_attribute(o, "data-svgrid-menu", P().gridDomId), c.set_style(o, `left: ${c.get(Ie).x}px; top: ${c.get(Ie).y}px;`);
+		}), c.delegated("mousedown", o, (e) => e.preventDefault()), c.append(r, o);
+	};
+	c.if(jt, (e) => {
+		c.get(Fe) && e(Mt);
+	});
+	var Nt = c.sibling(jt, 2), Pt = (e) => {
+		let t = c.derived(() => c.get(mt)()), n = c.derived(() => c.get(t).some((e) => e.icon));
+		var r = k(), i = c.first_child(r), a = c.sibling(i, 2);
+		c.each(a, 21, () => c.get(t), (e) => e.key, (e, t) => {
+			var r = c.comment(), i = c.first_child(r), a = (e) => {
+				var t = pe();
+				c.append(e, t);
+			}, o = (e) => {
+				var r = ge(), i = c.child(r), a = (e) => {
+					var n = he(), r = c.child(n), i = (e) => {
+						var n = c.comment(), r = c.first_child(n);
+						c.snippet(r, () => M.icon, () => c.get(t).icon), c.append(e, n);
+					}, a = (e) => {
+						var n = O();
+						c.each(n, 21, () => c.get(t).icon.paths, c.index, (e, t) => {
+							var n = me();
+							c.template_effect(() => {
+								c.set_attribute(n, "d", c.get(t).d), c.set_attribute(n, "fill", c.get(t).fill ? "currentColor" : "none"), c.set_attribute(n, "stroke-width", c.get(t).width), c.set_attribute(n, "stroke-dasharray", c.get(t).dash);
+							}), c.append(e, n);
+						}), c.reset(n), c.append(e, n);
+					};
+					c.if(r, (e) => {
+						typeof c.get(t).icon == "string" ? e(i) : c.get(t).icon && e(a, 1);
+					}), c.reset(n), c.append(e, n);
+				};
+				c.if(i, (e) => {
+					c.get(n) && e(a);
+				});
+				var o = c.sibling(i), s = c.child(o, !0);
+				c.reset(o), c.reset(r), c.template_effect(() => {
+					r.disabled = c.get(t).disabled, c.set_text(s, c.get(t).label);
+				}), c.delegated("click", r, () => {
+					c.get(t).run?.(), c.get(Q)();
+				}), c.append(e, r);
+			};
+			c.if(i, (e) => {
+				c.get(t).separator ? e(a) : e(o, -1);
+			}), c.append(e, r);
+		}), c.reset(a), c.action(a, (e, t) => Je?.(e, t), () => c.get(pt)), c.template_effect(() => {
+			c.set_attribute(a, "data-svgrid-menu", P().gridDomId), c.set_style(a, `left: ${c.get(pt).x}px; top: ${c.get(pt).y}px;`);
+		}), c.delegated("contextmenu", i, (e) => {
+			e.preventDefault(), c.get(Q)();
+		}), c.delegated("click", i, function(...e) {
+			c.get(Q)?.apply(this, e);
+		}), c.append(e, r);
+	};
+	c.if(Nt, (e) => {
+		c.get(ft) && e(Pt);
+	});
+	var Ft = c.sibling(Nt, 2), It = (e) => {
+		var t = A(), n = c.first_child(t), r = c.sibling(n, 2), i = c.child(r);
+		c.remove_textarea_child(i), c.autofocus(i, !0);
+		var a = c.sibling(i, 2), o = c.child(a), s = c.sibling(o, 4), l = c.sibling(s, 2);
+		c.reset(a), c.reset(r), c.template_effect(() => {
+			c.set_attribute(r, "data-svgrid-menu", P().gridDomId), c.set_style(r, `left: ${c.get($).x}px; top: ${c.get($).y}px;`);
+		}), c.delegated("click", n, function(...e) {
+			c.get(_t)?.apply(this, e);
+		}), c.delegated("keydown", i, (e) => {
+			e.stopPropagation(), e.key === "Escape" && (e.preventDefault(), c.get(_t)()), e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), c.get(ht)());
+		}), c.bind_value(i, () => P().commentDraft, (e) => P().commentDraft = e), c.delegated("click", o, function(...e) {
+			c.get(gt)?.apply(this, e);
+		}), c.delegated("click", s, function(...e) {
+			c.get(_t)?.apply(this, e);
+		}), c.delegated("click", l, function(...e) {
+			c.get(ht)?.apply(this, e);
+		}), c.append(e, t);
+	};
+	c.if(Ft, (e) => {
+		c.get($) && e(It);
+	}), c.append(_e, vt), c.pop();
+}
+c.delegate([
+	"change",
+	"input",
+	"click",
+	"keydown",
+	"mousedown",
+	"contextmenu"
+]);
+//#endregion
+export { _e as default };