@svgrid/grid 2.6.22 → 2.6.23

package/dist/cdn/GridMenus-xr_rHx8F.js

@@ -0,0 +1,601 @@
+import { Gn as e, fo as t, po as n } from "./src-DGo7IHug.js";
+import { S as r, _ as i, j as a, k as o } from "./editor-registry-BhgE3S84.js";
+import { o as s } from "./SvDateTimePicker-CCbDZNZB.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), te = c.from_html("<button type=\"button\" class=\"sv-grid-menu-add-cond\">+ Add condition</button>"), h = c.from_html("<!>  <!>", 1), g = c.from_html("<span class=\"sv-grid-menu-head-note\">and the condition above</span>"), _ = c.from_html("<span class=\"sv-grid-menu-head-note\"> </span>"), v = c.from_html("<div class=\"sv-grid-facet-empty\">No values</div>"), y = c.from_html("<div class=\"sv-grid-facet-note\"> </div>"), ne = 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> <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\"> </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>"), re = c.from_html("<div role=\"tooltip\"> </div>"), b = c.from_html("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div>"), x = c.from_html("<button type=\"button\" role=\"tab\">Filter</button>"), ie = 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>"), ae = c.from_html("<div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!>", 1), oe = 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), se = 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), S = 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>"), T = 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), ce = c.from_html("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), E = c.from_html("<div class=\"sv-grid-menu sv-grid-filter-menu\" role=\"menu\" tabindex=\"-1\"><!></div>"), D = 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>"), le = c.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitemradio\"><span class=\"sv-grid-header-icon\"><!></span> </button>"), ue = c.from_html("<div class=\"sv-grid-menu sv-grid-operator-menu\" role=\"menu\"></div>"), O = c.from_html("<div class=\"sv-grid-facet-empty\">No values</div>"), de = c.from_html("<div class=\"sv-grid-menu sv-grid-in-suggest\"><!></div>"), fe = c.from_html("<div class=\"sv-grid-menu-sep\"></div>"), pe = c.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"> </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 M(M, N) {
+	c.push(N, !0);
+	let me = (t, n = c.noop) => {
+		let s = c.derived(() => c.get(W).find((e) => e.id === n())), re = c.derived(() => c.get(ke)(c.get(s))), b = c.derived(() => c.get(F)[n()]?.operator ?? c.get(G)(c.get(s))), x = c.derived(() => r(c.get(s)?.columnDef.editorType ?? "text")), ie = c.derived(() => a(c.get(s)?.columnDef.editorType) && c.get(b) !== "isBlank" && c.get(b) !== "isNotBlank" && c.get(b) !== "regex" && c.get(b) !== "in" && c.get(b) !== "notIn"), ae = c.derived(() => c.get(He).length !== c.get(Y).length), oe = c.derived(() => c.get(b) === "isBlank" || c.get(b) === "isNotBlank" || (c.get(F)[n()]?.value ?? "").trim().length > 0), se = c.derived(() => c.get(qe).size), S = c.derived(() => c.get(Y).length);
+		var C = ne(), w = c.child(C), T = c.child(w), ce = c.child(T);
+		c.snippet(ce, () => N.icon, () => "filter"), c.reset(T), c.next(), c.reset(w);
+		var E = c.sibling(w, 2);
+		c.each(E, 21, () => c.get(re), (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(K)(c.get(t), c.get(s))]), c.append(e, n);
+		}), c.reset(E);
+		var D;
+		c.init_select(E);
+		var le = c.sibling(E, 2), ue = (e) => {
+			let t = c.derived(() => c.get(F)[n()]);
+			var r = h(), 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(Z)), 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(De)(n(), e ? o(e[0]) : ""), c.get(Oe)(n(), e ? o(e[1]) : "");
+									}
+								});
+							});
+						}
+						c.append(e, s);
+					};
+					c.if(r, (e) => {
+						c.get(Z) && e(a);
+					}), c.append(e, t);
+				}, s = (e) => {
+					let t = c.derived(() => c.get(X));
+					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(De)(n(), o(e))
+							});
+						});
+					}
+					c.append(e, r);
+				};
+				c.if(r, (e) => {
+					c.get(b) === "between" ? e(a) : c.get(X) && e(s, 1);
+				}), c.append(e, t);
+			}, g = (e) => {
+				let t = c.derived(() => c.get(b) === "in" || c.get(b) === "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(x)), c.set_value(t, c.get(F)[n()]?.valueTo ?? "");
+					}), c.delegated("input", t, (e) => c.get(Oe)(n(), e.currentTarget.value)), c.append(e, t);
+				};
+				c.if(a, (e) => {
+					c.get(b) === "between" && e(o);
+				}), c.template_effect(() => {
+					c.set_attribute(i, "type", c.get(b) === "regex" ? "text" : c.get(x)), c.set_value(i, c.get(F)[n()]?.value ?? ""), c.set_attribute(i, "placeholder", c.get(b) === "between" ? "From" : c.get(t) ? "value, value..." : c.get(b) === "regex" ? "Pattern..." : "Filter value...");
+				}), c.event("focus", i, function(...e) {
+					(c.get(t) ? (e) => nt(e.currentTarget, n()) : void 0)?.apply(this, e);
+				}), c.event("blur", i, function(...e) {
+					(c.get(t) ? () => c.get(Qe)() : void 0)?.apply(this, e);
+				}), c.delegated("input", i, (e) => {
+					let r = e.currentTarget;
+					c.get(De)(n(), r.value), c.get(t) && rt(r, n());
+				}), c.append(e, r);
+			};
+			c.if(a, (e) => {
+				c.get(ie) ? e(l) : e(g, -1);
+			});
+			var _ = c.sibling(a, 2), v = (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 te = c.sibling(u, 2);
+				c.reset(a);
+				var h = c.sibling(a, 2);
+				c.each(h, 21, () => c.get(re), (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(K)(c.get(t), c.get(s))]), c.append(e, n);
+				}), c.reset(h);
+				var g;
+				c.init_select(h);
+				var _ = c.sibling(h, 2), v = (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(x)), c.set_value(r, c.get(t).valueTo2 ?? "");
+						}), c.delegated("input", r, (e) => q(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(x)), 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) => q(n(), { value2: e.currentTarget.value })), c.append(e, i);
+				};
+				c.if(_, (e) => {
+					c.get(r) !== "isBlank" && e(v);
+				}), 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" }), g !== (g = c.get(r)) && (h.value = (h.__value = c.get(r)) ?? "", c.select_option(h, c.get(r)));
+				}), c.delegated("click", o, () => q(n(), { join: "AND" })), c.delegated("click", u, () => q(n(), { join: "OR" })), c.delegated("click", te, () => q(n(), {
+					operator2: void 0,
+					value2: void 0,
+					valueTo2: void 0,
+					join: void 0
+				})), c.delegated("change", h, (e) => q(n(), { operator2: e.currentTarget.value })), c.append(e, i);
+			}, y = (e) => {
+				var t = te();
+				c.delegated("click", t, () => q(n(), {
+					operator2: c.get(G)(c.get(s)),
+					value2: "",
+					join: "AND"
+				})), c.append(e, t);
+			};
+			c.if(_, (e) => {
+				c.get(t)?.operator2 ? e(v) : e(y, -1);
+			}), c.append(e, r);
+		};
+		c.if(le, (e) => {
+			c.get(b) !== "isBlank" && c.get(b) !== "isNotBlank" && e(ue);
+		});
+		var O = c.sibling(le, 4), de = c.sibling(c.child(O)), fe = (e) => {
+			var t = g();
+			c.append(e, t);
+		}, pe = (e) => {
+			var t = _(), n = c.child(t);
+			c.reset(t), c.template_effect(() => c.set_text(n, `${c.get(se) ?? ""} of ${c.get(S) ?? ""}`)), c.append(e, t);
+		};
+		c.if(de, (e) => {
+			c.get(oe) ? e(fe) : c.get(se) < c.get(S) && e(pe, 1);
+		}), c.reset(O);
+		var k = c.sibling(O, 2);
+		c.remove_input_defaults(k);
+		var A = c.sibling(k, 2), j = c.child(A);
+		c.remove_input_defaults(j);
+		var M = c.sibling(j, 2), me = c.child(M, !0);
+		c.reset(M), c.reset(A);
+		var he = c.sibling(A, 2), I = (t) => {
+			{
+				let r = c.derived(() => c.get(Ke).length > tt);
+				e(t, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return c.get(r);
+					},
+					get rows() {
+						return c.get(Ue);
+					},
+					rowHeight: 24,
+					size: "sm",
+					ariaLabel: "Filter values",
+					get options() {
+						return c.get(Ke);
+					},
+					get value() {
+						return c.get(qe);
+					},
+					onChange: (e) => c.get(Je)(n(), e)
+				});
+			}
+		}, L = (e) => {
+			var t = v();
+			c.append(e, t);
+		};
+		c.if(he, (e) => {
+			c.get(Ke).length ? e(I) : e(L, -1);
+		});
+		var R = c.sibling(he, 2), z = (e) => {
+			var t = y(), n = c.child(t);
+			c.reset(t), c.template_effect(() => c.set_text(n, `Showing ${c.get(He).length ?? ""} of ${c.get(Y).length ?? ""}`)), c.append(e, t);
+		};
+		c.if(R, (e) => {
+			c.get(Y).length > c.get(He).length && e(z);
+		});
+		var B = c.sibling(R, 2), V = c.child(B), ge = c.sibling(V, 2);
+		c.reset(B), c.reset(C), c.template_effect((e, t) => {
+			D !== (D = c.get(b)) && (E.value = (E.__value = c.get(b)) ?? "", c.select_option(E, c.get(b))), c.set_checked(j, e), c.set_text(me, c.get(ae) ? "(Select all results)" : "(Select all)"), V.disabled = t;
+		}, [() => c.get($e)(n()), () => !c.get(Ne)(n())]), c.delegated("change", E, (e) => c.get(Ee)(n(), e.currentTarget.value)), c.bind_value(k, () => P().columnMenuSearch, (e) => P().columnMenuSearch = e), c.delegated("change", j, () => c.get(et)(n())), c.delegated("click", V, () => c.get(st)(n())), c.delegated("click", ge, function(...e) {
+			c.get(J)?.apply(this, e);
+		}), c.append(t, C);
+	}, P = c.prop(N, "ctrl", 7), he = 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), ge = c.derived(() => P().operatorMenuPos), H = c.derived(() => P().chooseColumnsPos), _e = c.derived(() => P().showColumnFiltersEffective), U = c.derived(() => P().props.columnMenuTabs === !0), ve = c.derived(() => P().grid), W = c.derived(() => P().allColumns), ye = c.derived(() => P().isColumnPinned), be = c.derived(() => P().pinColumnLeft), xe = c.derived(() => P().pinColumnRight), Se = c.derived(() => P().unpinColumn), Ce = c.derived(() => P().sortDirectionByColumn), we = c.derived(() => P().groupingColumns), Te = c.derived(() => P().columnVirtualizationEnabled), Ee = c.derived(() => P().updateFilterOperator), De = c.derived(() => P().updateFilterMenuValue), Oe = c.derived(() => P().updateFilterMenuValueTo), ke = c.derived(() => P().operatorsForColumn), G = c.derived(() => P().defaultOperatorFor), K = c.derived(() => P().operatorLabelFor), Ae = c.derived(() => P().filterRowValues), je = c.derived(() => P().inSuggestFor), Me = c.derived(() => P().inSuggestPos);
+	function q(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 Ne = c.derived(() => P().isColumnFiltered), J = c.derived(() => P().closeMenus);
+	c.user_effect(() => {
+		if (!(c.get(L) || c.get(z) || c.get(V) || c.get(H) || c.get(ct) || c.get($))) return;
+		let e = () => {
+			c.get(J)(), c.get(Q)(), P().commentEditFor && c.get(dt)();
+		}, 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 Pe = c.derived(() => P().autosizeColumn), Fe = c.derived(() => P().autosizeAllColumns), Ie = c.derived(() => P().resetColumns), Le = c.derived(() => P().openChooseColumns), Re = c.derived(() => P().sortColumnFromMenu), ze = c.derived(() => P().clearColumnSort), Be = c.derived(() => P().groupByColumnFromMenu), Ve = c.derived(() => P().clearGroupingFromMenu), Y = c.derived(() => P().columnMenuFacetValues), He = c.derived(() => P().columnMenuVisibleFacets), Ue = 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)));
+	}), X = c.state(null), Z = 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(X) || import("./SvDateTimePicker-CCbDZNZB.js").then((e) => e.n).then((e) => c.set(X, e.default, !0)), c.get(Z) || import("./SvDateRangeInput-DMLKmGEc.js").then((e) => e.n).then((e) => c.set(Z, e.default, !0)));
+	});
+	function We(e) {
+		requestAnimationFrame(() => {
+			e.querySelector(".sv-grid-menu-condition-value, .sv-dtp__input, .sv-dri__input, .sv-grid-menu-search")?.focus({ preventScroll: !0 });
+		});
+	}
+	function Ge(e) {
+		if (e.key !== "Enter" || e.shiftKey) return;
+		let t = e.target;
+		t?.closest(".sv-listbox") || t?.tagName === "BUTTON" || (e.preventDefault(), c.get(J)());
+	}
+	let Ke = c.derived(() => P().columnMenuFacetOptions), qe = c.derived(() => P().columnMenuSelectedFacets), Je = c.derived(() => P().setFacetSelection), Ye = c.derived(() => P().setFilterTokens), Xe = c.derived(() => P().inSuggestOptions), Ze = c.derived(() => P().openInSuggest), Qe = c.derived(() => P().closeInSuggest), $e = c.derived(() => P().isAllFacetsChecked), et = c.derived(() => P().toggleAllFacets), tt = 40;
+	function nt(e, t) {
+		c.get(Ze)(e, t), P().inSuggestQuery = n(e.value);
+	}
+	function rt(e, t) {
+		P().inSuggestQuery = n(e.value), P().inSuggestFor !== t && c.get(Ze)(e, t);
+	}
+	function it(e) {
+		return e.map((e) => ({
+			value: e.id,
+			label: typeof e.columnDef.header == "string" ? e.columnDef.header : e.id
+		}));
+	}
+	function at(e) {
+		let t = /* @__PURE__ */ new Set();
+		for (let n of e) P().hiddenColumns[n.id] || t.add(n.id);
+		return t;
+	}
+	function ot(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 st = c.derived(() => P().clearColumnFilter), ct = c.derived(() => P().contextMenuFor), lt = c.derived(() => P().contextMenuPos), ut = c.derived(() => P().contextMenuItems), Q = c.derived(() => P().closeContextMenu), $ = c.derived(() => P().commentEditFor), dt = c.derived(() => P().saveComment), ft = c.derived(() => P().removeComment), pt = c.derived(() => P().closeCommentEditor);
+	var mt = j(), ht = c.first_child(mt), gt = (e) => {
+		var t = re();
+		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(ht, (e) => {
+		c.get(I) && e(gt);
+	});
+	var _t = c.sibling(ht, 2), vt = (e) => {
+		var t = b();
+		c.delegated("click", t, function(...e) {
+			c.get(J)?.apply(this, e);
+		}), c.append(e, t);
+	};
+	c.if(_t, (e) => {
+		(c.get(L) || c.get(z) || c.get(V) || c.get(H)) && e(vt);
+	});
+	var yt = c.sibling(_t, 2), bt = (t) => {
+		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 = ce(), l = c.child(s), u = (e) => {
+			var t = ie(), n = c.child(t);
+			let r;
+			var i = c.sibling(n, 2), s = (e) => {
+				var t = x();
+				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(_e) && 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) => {
+			me(e, () => c.get(n));
+		}, p = (t) => {
+			let n = c.derived(() => c.get(ve).getAllColumns());
+			var r = ae(), i = c.sibling(c.first_child(r), 2);
+			{
+				let t = c.derived(() => c.get(n).length > 40), r = c.derived(() => it(c.get(n))), a = c.derived(() => at(c.get(n)));
+				e(i, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return c.get(t);
+					},
+					rows: 9,
+					rowHeight: 24,
+					size: "sm",
+					ariaLabel: "Visible columns",
+					get options() {
+						return c.get(r);
+					},
+					get value() {
+						return c.get(a);
+					},
+					onChange: (e) => ot(c.get(n), e)
+				});
+			}
+			c.append(t, r);
+		}, m = (e) => {
+			var t = T(), r = c.first_child(t), a = (e) => {
+				var t = oe(), r = c.first_child(t), i = c.child(r), a = c.child(i);
+				c.snippet(a, () => N.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, () => N.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, () => N.icon, () => "x"), c.reset(d), c.next(), c.reset(u), c.template_effect(() => u.disabled = !c.get(Ce)[c.get(n)]), c.delegated("click", r, () => c.get(Re)(c.get(n), !1)), c.delegated("click", o, () => c.get(Re)(c.get(n), !0)), c.delegated("click", u, () => c.get(ze)(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(ye)(c.get(n)));
+				var r = se(), i = c.sibling(c.first_child(r), 2), a = c.child(i), o = c.child(a);
+				c.snippet(o, () => N.icon, () => "op-startsWith"), 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, () => N.icon, () => "op-greaterThan"), 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, () => N.icon, () => "x"), 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(be)(c.get(n))), c.delegated("click", s, () => c.get(xe)(c.get(n))), c.delegated("click", d, () => c.get(Se)(c.get(n))), c.append(e, r);
+			};
+			c.if(o, (e) => {
+				c.get(Te) || e(s);
+			});
+			var l = c.sibling(o, 4), u = (e) => {
+				var t = S(), r = c.child(t), i = c.child(r);
+				c.snippet(i, () => N.icon, () => "autosize"), c.reset(r), c.next(), c.reset(t), c.delegated("click", t, () => {
+					c.get(Pe)(c.get(n)), c.get(J)();
+				}), 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, () => N.icon, () => "autosize"), c.reset(p), c.next(), c.reset(f);
+			var ee = c.sibling(f, 2), te = (e) => {
+				var t = C(), r = c.sibling(c.first_child(t), 2), i = c.child(r), a = c.child(i);
+				c.snippet(a, () => N.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, () => N.icon, () => "x"), c.reset(s), c.next(), c.reset(o), c.template_effect((e, t) => {
+					r.disabled = e, o.disabled = t;
+				}, [() => c.get(we).includes(c.get(n)), () => !c.get(we).includes(c.get(n))]), c.delegated("click", r, () => c.get(Be)(c.get(n))), c.delegated("click", o, () => c.get(Ve)(c.get(n))), c.append(e, t);
+			};
+			c.if(ee, (e) => {
+				c.get(he) && e(te);
+			});
+			var h = c.sibling(ee, 4), g = (e) => {
+				var t = w();
+				let n;
+				var r = c.child(t), i = c.child(r);
+				c.snippet(i, () => N.icon, () => "columns"), c.reset(r);
+				var a = c.sibling(r, 2), o = c.child(a);
+				c.snippet(o, () => N.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(Le)(e)), c.append(e, t);
+			};
+			c.if(h, (e) => {
+				c.get(U) || e(g);
+			});
+			var _ = c.sibling(h, 2), v = c.child(_), y = c.child(v);
+			c.snippet(y, () => N.icon, () => "reset"), c.reset(v), c.next(), c.reset(_), c.delegated("click", f, () => {
+				c.get(Fe)(), c.get(J)();
+			}), c.delegated("click", _, () => {
+				c.get(Ie)(), c.get(J)();
+			}), c.append(e, t);
+		};
+		c.if(d, (e) => {
+			c.get(U) && c.get(o) === "filter" && c.get(a) && c.get(_e) ? 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(t, s);
+	};
+	c.if(yt, (e) => {
+		c.get(L) && e(bt);
+	});
+	var xt = c.sibling(yt, 2), St = (e) => {
+		var t = E(), n = c.child(t);
+		me(n, () => c.get(z)), c.reset(t), c.action(t, (e) => We?.(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, Ge), c.append(e, t);
+	};
+	c.if(xt, (e) => {
+		c.get(z) && c.get(_e) && e(St);
+	});
+	var Ct = c.sibling(xt, 2), wt = (t) => {
+		let n = c.derived(() => c.get(ve).getAllColumns());
+		var r = D(), i = c.sibling(c.child(r), 2);
+		{
+			let t = c.derived(() => c.get(n).length > 40), r = c.derived(() => it(c.get(n))), a = c.derived(() => at(c.get(n)));
+			e(i, {
+				block: !0,
+				checkbox: !0,
+				multiple: !0,
+				get virtual() {
+					return c.get(t);
+				},
+				rows: 11,
+				rowHeight: 24,
+				size: "sm",
+				ariaLabel: "Visible columns",
+				get options() {
+					return c.get(r);
+				},
+				get value() {
+					return c.get(a);
+				},
+				onChange: (e) => ot(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(t, r);
+	};
+	c.if(Ct, (e) => {
+		c.get(H) && e(wt);
+	});
+	var Tt = c.sibling(Ct, 2), Et = (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(ke)(c.get(n))), i = c.derived(() => c.get(F)[c.get(t)]?.operator ?? c.get(G)(c.get(n)));
+		var a = ue();
+		c.each(a, 21, () => c.get(r), (e) => e.value, (e, r) => {
+			var a = le(), o = c.child(a), s = c.child(o);
+			c.snippet(s, () => N.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(K)(c.get(r), c.get(n))]), c.delegated("click", a, () => {
+				c.get(Ee)(c.get(t), c.get(r).value), c.get(J)();
+			}), 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(ge).x}px; top: ${c.get(ge).y}px;`);
+		}), c.append(e, a);
+	};
+	c.if(Tt, (e) => {
+		c.get(V) && e(Et);
+	});
+	var Dt = c.sibling(Tt, 2), Ot = (r) => {
+		let i = c.derived(() => c.get(je)), a = c.derived(() => new Set(t(c.get(Ae)[c.get(i)] ?? "")));
+		var o = de(), s = c.child(o), l = (t) => {
+			{
+				let r = c.derived(() => c.get(Xe).length > 40);
+				e(t, {
+					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(Xe);
+					},
+					get value() {
+						return c.get(a);
+					},
+					onChange: (e) => {
+						let t = new Set(e), r = n(c.get(Ae)[c.get(i)] ?? "");
+						r && t.delete(r), c.get(Ye)(c.get(i), [...t]), P().inSuggestQuery = "";
+					}
+				});
+			}
+		}, u = (e) => {
+			var t = O();
+			c.append(e, t);
+		};
+		c.if(s, (e) => {
+			c.get(Xe).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(Me).x}px; top: ${c.get(Me).y}px;`);
+		}), c.delegated("mousedown", o, (e) => e.preventDefault()), c.append(r, o);
+	};
+	c.if(Dt, (e) => {
+		c.get(je) && e(Ot);
+	});
+	var kt = c.sibling(Dt, 2), At = (e) => {
+		var t = k(), n = c.first_child(t), r = c.sibling(n, 2);
+		c.each(r, 21, () => c.get(ut)(), (e) => e.key, (e, t) => {
+			var n = c.comment(), r = c.first_child(n), i = (e) => {
+				var t = fe();
+				c.append(e, t);
+			}, a = (e) => {
+				var n = pe(), r = c.child(n, !0);
+				c.reset(n), c.template_effect(() => {
+					n.disabled = c.get(t).disabled, c.set_text(r, c.get(t).label);
+				}), c.delegated("click", n, () => {
+					c.get(t).run?.(), c.get(Q)();
+				}), c.append(e, n);
+			};
+			c.if(r, (e) => {
+				c.get(t).separator ? e(i) : e(a, -1);
+			}), c.append(e, n);
+		}), c.reset(r), c.template_effect(() => {
+			c.set_attribute(r, "data-svgrid-menu", P().gridDomId), c.set_style(r, `left: ${c.get(lt).x}px; top: ${c.get(lt).y}px;`);
+		}), c.delegated("contextmenu", n, (e) => {
+			e.preventDefault(), c.get(Q)();
+		}), c.delegated("click", n, function(...e) {
+			c.get(Q)?.apply(this, e);
+		}), c.append(e, t);
+	};
+	c.if(kt, (e) => {
+		c.get(ct) && e(At);
+	});
+	var jt = c.sibling(kt, 2), Mt = (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(pt)?.apply(this, e);
+		}), c.delegated("keydown", i, (e) => {
+			e.stopPropagation(), e.key === "Escape" && (e.preventDefault(), c.get(pt)()), e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), c.get(dt)());
+		}), c.bind_value(i, () => P().commentDraft, (e) => P().commentDraft = e), c.delegated("click", o, function(...e) {
+			c.get(ft)?.apply(this, e);
+		}), c.delegated("click", s, function(...e) {
+			c.get(pt)?.apply(this, e);
+		}), c.delegated("click", l, function(...e) {
+			c.get(dt)?.apply(this, e);
+		}), c.append(e, t);
+	};
+	c.if(jt, (e) => {
+		c.get($) && e(Mt);
+	}), c.append(M, mt), c.pop();
+}
+c.delegate([
+	"change",
+	"input",
+	"click",
+	"keydown",
+	"mousedown",
+	"contextmenu"
+]);
+//#endregion
+export { M as default };