@svgrid/grid 3.0.2 → 3.0.4

package/dist/cdn/GridMenus-7kbpnnBW.js

@@ -0,0 +1,635 @@
+import { $a as e, Vn as t, eo as n } from "./src-V1uu8iE9.js";
+import { D as r, E as i, F as a, G as o, H as s, I as c, L as l, N as u, Q as d, R as f, U as p, V as m, X as h, Y as g, Z as _, _ as v, at as y, b, d as x, et as S, f as C, ft as w, g as ee, h as T, it as E, j as D, k as O, lt as k, m as te, mt as ne, nt as A, o as re, pt as j, st as M, t as ie, tt as N, u as P, ut as ae, v as F, w as oe } from "./disclose-version-Dr7rEVv-.js";
+import { S as se, _ as ce, j as le, k as ue } from "./editor-registry-BhgE3S84.js";
+import { r as I } from "./dismissable-DAHetSNk.js";
+//#region src/GridMenus.svelte
+var de = l("<option> </option>"), fe = l("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), pe = l("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), me = l("<option> </option>"), he = l("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), ge = l("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), _e = l("<div class=\"sv-grid-menu-join\" role=\"radiogroup\" aria-label=\"Combine conditions\"><button type=\"button\">AND</button> <button type=\"button\">OR</button> <button type=\"button\" class=\"sv-grid-menu-join-x\" title=\"Remove second condition\" aria-label=\"Remove second condition\"><!></button></div> <select class=\"sv-grid-menu-operator-select\" aria-label=\"Second filter condition\"></select> <!>", 1), ve = l("<button type=\"button\" class=\"sv-grid-menu-add-cond\">+ Add condition</button>"), ye = l("<!>  <!>", 1), be = l("<span class=\"sv-grid-menu-head-note\">and the condition above</span>"), xe = l("<span class=\"sv-grid-menu-head-note\"> </span>"), Se = l("<div class=\"sv-grid-facet-empty\">No values</div>"), Ce = l("<div class=\"sv-grid-facet-note\"> </div>"), we = l("<div class=\"sv-grid-menu-filter\"><div class=\"sv-grid-menu-filter-head\"><span class=\"sv-grid-header-icon\"><!></span> Filter\n        condition</div> <select class=\"sv-grid-menu-operator-select\" aria-label=\"Filter condition\"></select> <!> <div class=\"sv-grid-menu-sep\"></div> <div class=\"sv-grid-menu-filter-head\">Values <!></div> <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>"), Te = l("<div role=\"tooltip\"> </div>"), Ee = l("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div>"), De = l("<button type=\"button\" role=\"tab\">Filter</button>"), L = l("<div class=\"sv-grid-menu-tabs\" role=\"tablist\"><button type=\"button\" role=\"tab\">General</button> <!> <button type=\"button\" role=\"tab\">Columns</button></div>"), Oe = l("<div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!>", 1), ke = l("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Sort\n          ascending</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Sort\n          descending</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Remove sort</button>", 1), Ae = l("<div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Pin to left</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Pin to right</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Unpin column</button>", 1), R = l("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n          this column</button>"), je = l("<div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Group\n          by this column</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Remove grouping</button>", 1), Me = l("<button type=\"button\" role=\"menuitem\" aria-haspopup=\"menu\"><span class=\"sv-grid-header-icon\"><!></span> Choose columns <span class=\"sv-grid-header-icon sv-grid-menu-item-chevron\"><!></span></button>"), z = l("<!> <!> <div class=\"sv-grid-menu-sep\"></div> <!> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n        all columns</button> <!> <div class=\"sv-grid-menu-sep\"></div> <!> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Reset columns</button>", 1), B = l("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), Ne = l("<div class=\"sv-grid-menu sv-grid-filter-menu\" role=\"menu\" tabindex=\"-1\"><!></div>"), Pe = l("<div class=\"sv-grid-menu sv-grid-choose-columns-menu\" role=\"menu\"><div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!></div>"), Fe = l("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitemradio\"><span class=\"sv-grid-header-icon\"><!></span> </button>"), Ie = l("<div class=\"sv-grid-menu sv-grid-operator-menu\" role=\"menu\"></div>"), Le = l("<div class=\"sv-grid-facet-empty\">No values</div>"), Re = l("<div class=\"sv-grid-menu sv-grid-in-suggest\"><!></div>"), ze = l("<div class=\"sv-grid-menu-sep\"></div>"), Be = f("<path></path>"), V = f("<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>"), Ve = l("<span class=\"sv-grid-menu-icon\" aria-hidden=\"true\"><!></span>"), He = l("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><!><span class=\"sv-grid-menu-label\"> </span></button>"), Ue = l("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-context-menu\" role=\"menu\"></div>", 1), We = l("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-comment-editor\" role=\"dialog\" aria-label=\"Edit comment\"><textarea class=\"sv-grid-comment-textarea\" rows=\"3\" placeholder=\"Add a comment…\"></textarea> <div class=\"sv-grid-comment-actions\"><button type=\"button\" class=\"sv-grid-comment-remove\">Remove</button> <span class=\"sv-grid-comment-spacer\"></span> <button type=\"button\" class=\"sv-grid-comment-cancel\">Cancel</button> <button type=\"button\" class=\"sv-grid-comment-save\">Save</button></div></div>", 1), Ge = l("<!> <!>  <!> <!> <!> <!> <!> <!> <!>", 1);
+function H(l, f) {
+	ae(f, !0);
+	let m = (e, n = ne) => {
+		let r = M(() => o(Y).find((e) => e.id === n())), l = M(() => o(lt)(o(r))), d = M(() => o(U)[n()]?.operator ?? o(X)(o(r))), m = M(() => se(o(r)?.columnDef.editorType ?? "text")), h = M(() => le(o(r)?.columnDef.editorType) && o(d) !== "isBlank" && o(d) !== "isNotBlank" && o(d) !== "regex" && o(d) !== "in" && o(d) !== "notIn"), _ = M(() => o(wt).length !== o(Ct).length), v = M(() => o(d) === "isBlank" || o(d) === "isNotBlank" || (o(U)[n()]?.value ?? "").trim().length > 0), y = M(() => o(Mt).size), b = M(() => o(Ct).length);
+		var E = we(), k = S(E), ie = S(k), ae = S(ie);
+		D(ae, () => f.icon, () => "filter"), j(ie), w(), j(k);
+		var I = A(k, 2);
+		i(I, 21, () => o(l), (e) => e.value, (e, t) => {
+			var n = de(), i = S(n, !0);
+			j(n);
+			var s = {};
+			g((e) => {
+				u(i, e), s !== (s = o(t).value) && (n.value = (n.__value = o(t).value) ?? "");
+			}, [() => o(ut)(o(t), o(r))]), a(e, n);
+		}), j(I);
+		var Te;
+		T(I);
+		var Ee = A(I, 2), De = (e) => {
+			let t = M(() => o(U)[n()]);
+			var _ = ye(), v = N(_), y = (e) => {
+				var t = c(), r = N(t), i = (e) => {
+					var t = c(), r = N(t), i = (e) => {
+						let t = M(() => o(Dt)), r = M(() => ce(o(U)[n()]?.value)), i = M(() => ce(o(U)[n()]?.valueTo));
+						var s = c(), l = N(s);
+						{
+							let e = M(() => o(r) && o(i) ? [o(r), o(i)] : null);
+							oe(l, () => o(t), (t, r) => {
+								r(t, {
+									get value() {
+										return o(e);
+									},
+									formatString: "yyyy-MM-dd",
+									block: !0,
+									placeholder: "Pick a range...",
+									onChange: (e) => {
+										o(st)(n(), e ? ue(e[0]) : ""), o(ct)(n(), e ? ue(e[1]) : "");
+									}
+								});
+							});
+						}
+						a(e, s);
+					};
+					O(r, (e) => {
+						o(Dt) && e(i);
+					}), a(e, t);
+				}, s = (e) => {
+					let t = M(() => o(Et));
+					var r = c(), i = N(r);
+					{
+						let e = M(() => (o(U)[n()]?.value ?? "") || null);
+						oe(i, () => o(t), (t, r) => {
+							r(t, {
+								get value() {
+									return o(e);
+								},
+								formatString: "yyyy-MM-dd",
+								dropDownDisplayMode: "calendar",
+								block: !0,
+								nullable: !0,
+								placeholder: "Filter value...",
+								onChange: (e) => o(st)(n(), ue(e))
+							});
+						});
+					}
+					a(e, r);
+				};
+				O(r, (e) => {
+					o(d) === "between" ? e(i) : o(Et) && e(s, 1);
+				}), a(e, t);
+			}, b = (e) => {
+				let t = M(() => o(d) === "in" || o(d) === "notIn");
+				var r = pe(), i = N(r);
+				P(i);
+				var c = A(i, 2), l = (e) => {
+					var t = fe();
+					P(t), g(() => {
+						x(t, "type", o(m)), te(t, o(U)[n()]?.valueTo ?? "");
+					}), s("input", t, (e) => o(ct)(n(), e.currentTarget.value)), a(e, t);
+				};
+				O(c, (e) => {
+					o(d) === "between" && e(l);
+				}), g(() => {
+					x(i, "type", o(d) === "regex" ? "text" : o(m)), te(i, o(U)[n()]?.value ?? ""), x(i, "placeholder", o(d) === "between" ? "From" : o(t) ? "value, value..." : o(d) === "regex" ? "Pattern..." : "Filter value...");
+				}), p("focus", i, function(...e) {
+					(o(t) ? (e) => Vt(e.currentTarget, n()) : void 0)?.apply(this, e);
+				}), p("blur", i, function(...e) {
+					(o(t) ? () => o(Lt)() : void 0)?.apply(this, e);
+				}), s("input", i, (e) => {
+					let r = e.currentTarget;
+					o(st)(n(), r.value), o(t) && Ht(r, n());
+				}), a(e, r);
+			};
+			O(v, (e) => {
+				o(h) ? e(y) : e(b, -1);
+			});
+			var C = A(v, 2), w = (e) => {
+				let c = M(() => o(t).operator2 ?? o(X)(o(r)));
+				var d = _e(), p = N(d), h = S(p);
+				let _;
+				var v = A(h, 2);
+				let y;
+				var b = A(v, 2), C = S(b);
+				D(C, () => f.icon, () => "remove"), j(b), j(p);
+				var w = A(p, 2);
+				i(w, 21, () => o(l), (e) => e.value, (e, t) => {
+					var n = me(), i = S(n, !0);
+					j(n);
+					var s = {};
+					g((e) => {
+						u(i, e), s !== (s = o(t).value) && (n.value = (n.__value = o(t).value) ?? "");
+					}, [() => o(ut)(o(t), o(r))]), a(e, n);
+				}), j(w);
+				var E;
+				T(w);
+				var k = A(w, 2), ne = (e) => {
+					var r = ge(), i = N(r);
+					P(i);
+					var l = A(i, 2), u = (e) => {
+						var r = he();
+						P(r), g(() => {
+							x(r, "type", o(m)), te(r, o(t).valueTo2 ?? "");
+						}), s("input", r, (e) => Z(n(), { valueTo2: e.currentTarget.value })), a(e, r);
+					};
+					O(l, (e) => {
+						o(c) === "between" && e(u);
+					}), g(() => {
+						x(i, "type", o(m)), te(i, o(t).value2 ?? ""), x(i, "placeholder", o(c) === "between" ? "From" : "Filter value...");
+					}), s("input", i, (e) => Z(n(), { value2: e.currentTarget.value })), a(e, r);
+				};
+				O(k, (e) => {
+					o(c) !== "isBlank" && e(ne);
+				}), g(() => {
+					_ = F(h, 1, "", null, _, { "is-on": (o(t).join ?? "AND") === "AND" }), y = F(v, 1, "", null, y, { "is-on": o(t).join === "OR" }), E !== (E = o(c)) && (w.value = (w.__value = o(c)) ?? "", ee(w, o(c)));
+				}), s("click", h, () => Z(n(), { join: "AND" })), s("click", v, () => Z(n(), { join: "OR" })), s("click", b, () => Z(n(), {
+					operator2: void 0,
+					value2: void 0,
+					valueTo2: void 0,
+					join: void 0
+				})), s("change", w, (e) => Z(n(), { operator2: e.currentTarget.value })), a(e, d);
+			}, E = (e) => {
+				var t = ve();
+				s("click", t, () => Z(n(), {
+					operator2: o(X)(o(r)),
+					value2: "",
+					join: "AND"
+				})), a(e, t);
+			};
+			O(C, (e) => {
+				o(t)?.operator2 ? e(w) : e(E, -1);
+			}), a(e, _);
+		};
+		O(Ee, (e) => {
+			o(d) !== "isBlank" && o(d) !== "isNotBlank" && e(De);
+		});
+		var L = A(Ee, 4), Oe = A(S(L)), ke = (e) => {
+			var t = be();
+			a(e, t);
+		}, Ae = (e) => {
+			var t = xe(), n = S(t);
+			j(t), g(() => u(n, `${o(y) ?? ""} of ${o(b) ?? ""}`)), a(e, t);
+		};
+		O(Oe, (e) => {
+			o(v) ? e(ke) : o(y) < o(b) && e(Ae, 1);
+		}), j(L);
+		var R = A(L, 2), je = S(R);
+		D(je, () => f.icon, () => "search");
+		var Me = A(je, 2);
+		P(Me), j(R);
+		var z = A(R, 2), B = S(z);
+		P(B);
+		var Ne = A(B, 2), Pe = S(Ne, !0);
+		j(Ne), j(z);
+		var Fe = A(z, 2), Ie = (e) => {
+			{
+				let r = M(() => o(jt).length > Bt);
+				t(e, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return o(r);
+					},
+					get rows() {
+						return o(Tt);
+					},
+					rowHeight: 24,
+					size: "sm",
+					ariaLabel: "Filter values",
+					get options() {
+						return o(jt);
+					},
+					get value() {
+						return o(Mt);
+					},
+					onChange: (e) => o(Nt)(n(), e)
+				});
+			}
+		}, Le = (e) => {
+			var t = Se();
+			a(e, t);
+		};
+		O(Fe, (e) => {
+			o(jt).length ? e(Ie) : e(Le, -1);
+		});
+		var Re = A(Fe, 2), ze = (e) => {
+			var t = Ce(), n = S(t);
+			j(t), g(() => u(n, `Showing ${o(wt).length ?? ""} of ${o(Ct).length ?? ""}`)), a(e, t);
+		};
+		O(Re, (e) => {
+			o(Ct).length > o(wt).length && e(ze);
+		});
+		var Be = A(Re, 2), V = S(Be), Ve = A(V, 2);
+		j(Be), j(E), g((e, t) => {
+			Te !== (Te = o(d)) && (I.value = (I.__value = o(d)) ?? "", ee(I, o(d))), C(B, e), u(Pe, o(_) ? "(Select all results)" : "(Select all)"), V.disabled = t;
+		}, [() => o(Rt)(n()), () => !o(mt)(n())]), s("change", I, (e) => o(ot)(n(), e.currentTarget.value)), re(Me, () => H().columnMenuSearch, (e) => H().columnMenuSearch = e), s("change", B, () => o(zt)(n())), s("click", V, () => o(Kt)(n())), s("click", Ve, function(...e) {
+			o(Q)?.apply(this, e);
+		}), a(e, E);
+	}, H = ie(f, "ctrl", 7), Ke = M(() => H().groupingControlsEnabled), U = M(() => H().filterMenuValues), W = M(() => H().tooltip), G = M(() => H().columnMenuFor), K = M(() => H().columnMenuPos), q = M(() => H().filterMenuFor), qe = M(() => H().filterMenuPos), Je = M(() => H().operatorMenuFor), Ye = M(() => H().operatorMenuPos), J = M(() => H().chooseColumnsPos), Xe = M(() => H().showColumnFiltersEffective), Ze = M(() => H().props.columnMenuTabs === !0), Qe = M(() => H().grid), Y = M(() => H().allColumns), $e = M(() => H().isColumnPinned), et = M(() => H().pinColumnLeft), tt = M(() => H().pinColumnRight), nt = M(() => H().unpinColumn), rt = M(() => H().sortDirectionByColumn), it = M(() => H().groupingColumns), at = M(() => H().columnVirtualizationEnabled), ot = M(() => H().updateFilterOperator), st = M(() => H().updateFilterMenuValue), ct = M(() => H().updateFilterMenuValueTo), lt = M(() => H().operatorsForColumn), X = M(() => H().defaultOperatorFor), ut = M(() => H().operatorLabelFor), dt = M(() => H().filterRowValues), ft = M(() => H().inSuggestFor), pt = M(() => H().inSuggestPos);
+	function Z(e, t) {
+		let n = o(Y).find((t) => t.id === e), r = H().filterMenuValues[e] ?? {
+			operator: o(X)(n),
+			value: ""
+		};
+		H().filterMenuValues = {
+			...H().filterMenuValues,
+			[e]: {
+				...r,
+				...t
+			}
+		};
+	}
+	let mt = M(() => H().isColumnFiltered), Q = M(() => H().closeMenus);
+	h(() => {
+		if (!(o(G) || o(q) || o(Je) || o(J) || o(qt) || o($))) return;
+		let e = () => {
+			o(Q)(), o(Xt)(), H().commentEditFor && o(Zt)();
+		}, t = I(() => Array.from(document.querySelectorAll(`.sv-grid-menu[data-svgrid-menu="${H().gridDomId}"]`)), e);
+		return window.addEventListener("resize", e), () => {
+			t(), window.removeEventListener("resize", e);
+		};
+	});
+	let ht = M(() => H().autosizeColumn), gt = M(() => H().autosizeAllColumns), _t = M(() => H().resetColumns), vt = M(() => H().openChooseColumns), yt = M(() => H().sortColumnFromMenu), bt = M(() => H().clearColumnSort), xt = M(() => H().groupByColumnFromMenu), St = M(() => H().clearGroupingFromMenu), Ct = M(() => H().columnMenuFacetValues), wt = M(() => H().columnMenuVisibleFacets), Tt = M(function() {
+		if (typeof window > "u") return 7;
+		let e = (o(q) ? o(qe).y : o(K).y) || 0, t = window.innerHeight - e - 320;
+		return Math.max(7, Math.min(16, Math.floor(t / 24)));
+	}), Et = y(null), Dt = y(null);
+	h(() => {
+		let e = o(q) ?? o(G);
+		if (!e) return;
+		let t = o(Y).find((t) => t.id === e);
+		le(t?.columnDef.editorType) && (o(Et) || import("./SvDateTimePicker-DQwt4UAs.js").then((e) => e.n).then((e) => E(Et, e.default, !0)), o(Dt) || import("./SvDateRangeInput-yX8vzleW.js").then((e) => e.n).then((e) => E(Dt, e.default, !0)));
+	});
+	function Ot(e, t) {
+		let n = () => {
+			let t = H().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) && (H().contextMenuPos = {
+				x: r,
+				y: i
+			});
+		};
+		return n(), { update: n };
+	}
+	function kt(e) {
+		requestAnimationFrame(() => {
+			e.querySelector(".sv-grid-menu-condition-value, .sv-dtp__input, .sv-dri__input, .sv-grid-menu-search")?.focus({ preventScroll: !0 });
+		});
+	}
+	function At(e) {
+		if (e.key !== "Enter" || e.shiftKey) return;
+		let t = e.target;
+		t?.closest(".sv-listbox") || t?.tagName === "BUTTON" || (e.preventDefault(), o(Q)());
+	}
+	let jt = M(() => H().columnMenuFacetOptions), Mt = M(() => H().columnMenuSelectedFacets), Nt = M(() => H().setFacetSelection), Pt = M(() => H().setFilterTokens), Ft = M(() => H().inSuggestOptions), It = M(() => H().openInSuggest), Lt = M(() => H().closeInSuggest), Rt = M(() => H().isAllFacetsChecked), zt = M(() => H().toggleAllFacets), Bt = 40;
+	function Vt(e, t) {
+		o(It)(e, t), H().inSuggestQuery = n(e.value);
+	}
+	function Ht(e, t) {
+		H().inSuggestQuery = n(e.value), H().inSuggestFor !== t && o(It)(e, t);
+	}
+	function Ut(e) {
+		return e.map((e) => ({
+			value: e.id,
+			label: typeof e.columnDef.header == "string" ? e.columnDef.header : e.id
+		}));
+	}
+	function Wt(e) {
+		let t = /* @__PURE__ */ new Set();
+		for (let n of e) H().hiddenColumns[n.id] || t.add(n.id);
+		return t;
+	}
+	function Gt(e, t) {
+		let n = { ...H().hiddenColumns };
+		for (let r of e) t.has(r.id) ? delete n[r.id] : n[r.id] = !0;
+		H().hiddenColumns = n;
+	}
+	let Kt = M(() => H().clearColumnFilter), qt = M(() => H().contextMenuFor), Jt = M(() => H().contextMenuPos), Yt = M(() => H().contextMenuItems), Xt = M(() => H().closeContextMenu), $ = M(() => H().commentEditFor), Zt = M(() => H().saveComment), Qt = M(() => H().removeComment), $t = M(() => H().closeCommentEditor);
+	var en = Ge(), tn = N(en), nn = (e) => {
+		var t = Te();
+		let n;
+		var r = S(t, !0);
+		j(t), g(() => {
+			n = F(t, 1, "sv-grid-tooltip", null, n, { "sv-grid-tooltip-above": !o(W).below }), v(t, `left: ${o(W).x}px; top: ${o(W).y}px; ${o(W).below ? "" : "transform: translateY(-100%);"}`), u(r, o(W).text);
+		}), a(e, t);
+	};
+	O(tn, (e) => {
+		o(W) && e(nn);
+	});
+	var rn = A(tn, 2), an = (e) => {
+		var t = Ee();
+		s("click", t, function(...e) {
+			o(Q)?.apply(this, e);
+		}), a(e, t);
+	};
+	O(rn, (e) => {
+		(o(G) || o(q) || o(Je) || o(J)) && e(an);
+	});
+	var on = A(rn, 2), sn = (e) => {
+		let n = M(() => o(G)), r = M(() => o(Y).find((e) => e.id === o(n))), i = M(() => o(r)?.getCanSort?.() ?? !1), c = M(() => o(r)?.columnDef.field != null && o(r)?.columnDef.filterable !== !1), l = M(() => H().columnMenuTab);
+		var u = B(), d = S(u), p = (e) => {
+			var t = L(), n = S(t);
+			let r;
+			var i = A(n, 2), u = (e) => {
+				var t = De();
+				let n;
+				g(() => {
+					n = F(t, 1, "sv-grid-menu-tab", null, n, { "is-active": o(l) === "filter" }), x(t, "aria-selected", o(l) === "filter");
+				}), s("click", t, () => H().columnMenuTab = "filter"), a(e, t);
+			};
+			O(i, (e) => {
+				o(c) && o(Xe) && e(u);
+			});
+			var d = A(i, 2);
+			let f;
+			j(t), g(() => {
+				r = F(n, 1, "sv-grid-menu-tab", null, r, { "is-active": o(l) === "general" }), x(n, "aria-selected", o(l) === "general"), f = F(d, 1, "sv-grid-menu-tab", null, f, { "is-active": o(l) === "columns" }), x(d, "aria-selected", o(l) === "columns");
+			}), s("click", n, () => H().columnMenuTab = "general"), s("click", d, () => H().columnMenuTab = "columns"), a(e, t);
+		};
+		O(d, (e) => {
+			o(Ze) && e(p);
+		});
+		var h = A(d, 2), _ = (e) => {
+			m(e, () => o(n));
+		}, y = (e) => {
+			let n = M(() => o(Qe).getAllColumns());
+			var r = Oe(), i = A(N(r), 2);
+			{
+				let e = M(() => o(n).length > 40), r = M(() => Ut(o(n))), a = M(() => Wt(o(n)));
+				t(i, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return o(e);
+					},
+					rows: 9,
+					rowHeight: 24,
+					size: "sm",
+					ariaLabel: "Visible columns",
+					get options() {
+						return o(r);
+					},
+					get value() {
+						return o(a);
+					},
+					onChange: (e) => Gt(o(n), e)
+				});
+			}
+			a(e, r);
+		}, b = (e) => {
+			var t = z(), r = N(t), c = (e) => {
+				var t = ke(), r = N(t), i = S(r), c = S(i);
+				D(c, () => f.icon, () => "sort-asc"), j(i), w(), j(r);
+				var l = A(r, 2), u = S(l), d = S(u);
+				D(d, () => f.icon, () => "sort-desc"), j(u), w(), j(l);
+				var p = A(l, 2), m = S(p), h = S(m);
+				D(h, () => f.icon, () => "x"), j(m), w(), j(p), g(() => p.disabled = !o(rt)[o(n)]), s("click", r, () => o(yt)(o(n), !1)), s("click", l, () => o(yt)(o(n), !0)), s("click", p, () => o(bt)(o(n))), a(e, t);
+			};
+			O(r, (e) => {
+				o(i) && e(c);
+			});
+			var l = A(r, 2), u = (e) => {
+				let t = M(() => o($e)(o(n)));
+				var r = Ae(), i = A(N(r), 2), c = S(i), l = S(c);
+				D(l, () => f.icon, () => "pin-left"), j(c), w(), j(i);
+				var u = A(i, 2), d = S(u), p = S(d);
+				D(p, () => f.icon, () => "pin-right"), j(d), w(), j(u);
+				var m = A(u, 2), h = S(m), _ = S(h);
+				D(_, () => f.icon, () => "unpin"), j(h), w(), j(m), g(() => {
+					i.disabled = o(t) === "left", u.disabled = o(t) === "right", m.disabled = !o(t);
+				}), s("click", i, () => o(et)(o(n))), s("click", u, () => o(tt)(o(n))), s("click", m, () => o(nt)(o(n))), a(e, r);
+			};
+			O(l, (e) => {
+				o(at) || e(u);
+			});
+			var d = A(l, 4), p = (e) => {
+				var t = R(), r = S(t), i = S(r);
+				D(i, () => f.icon, () => "autosize"), j(r), w(), j(t), s("click", t, () => {
+					o(ht)(o(n)), o(Q)();
+				}), a(e, t);
+			}, m = M(() => H().columnResizable(o(n)));
+			O(d, (e) => {
+				o(m) && e(p);
+			});
+			var h = A(d, 2), _ = S(h), v = S(_);
+			D(v, () => f.icon, () => "autosize"), j(_), w(), j(h);
+			var y = A(h, 2), b = (e) => {
+				var t = je(), r = A(N(t), 2), i = S(r), c = S(i);
+				D(c, () => f.icon, () => "group"), j(i), w(), j(r);
+				var l = A(r, 2), u = S(l), d = S(u);
+				D(d, () => f.icon, () => "x"), j(u), w(), j(l), g((e, t) => {
+					r.disabled = e, l.disabled = t;
+				}, [() => o(it).includes(o(n)), () => !o(it).includes(o(n))]), s("click", r, () => o(xt)(o(n))), s("click", l, () => o(St)(o(n))), a(e, t);
+			};
+			O(y, (e) => {
+				o(Ke) && e(b);
+			});
+			var C = A(y, 4), ee = (e) => {
+				var t = Me();
+				let n;
+				var r = S(t), i = S(r);
+				D(i, () => f.icon, () => "columns"), j(r);
+				var c = A(r, 2), l = S(c);
+				D(l, () => f.icon, () => "chevron-down"), j(c), j(t), g(() => {
+					n = F(t, 1, "sv-grid-menu-item", null, n, { "is-open": o(J) !== null }), x(t, "aria-expanded", o(J) !== null);
+				}), s("click", t, (e) => o(vt)(e)), a(e, t);
+			};
+			O(C, (e) => {
+				o(Ze) || e(ee);
+			});
+			var T = A(C, 2), E = S(T), k = S(E);
+			D(k, () => f.icon, () => "reset"), j(E), w(), j(T), s("click", h, () => {
+				o(gt)(), o(Q)();
+			}), s("click", T, () => {
+				o(_t)(), o(Q)();
+			}), a(e, t);
+		};
+		O(h, (e) => {
+			o(Ze) && o(l) === "filter" && o(c) && o(Xe) ? e(_) : o(Ze) && o(l) === "columns" ? e(y, 1) : e(b, -1);
+		}), j(u), g(() => {
+			x(u, "data-svgrid-menu", H().gridDomId), v(u, `left: ${o(K).x}px; top: ${o(K).y}px; max-height: calc(100vh - ${o(K).y}px - 12px);`);
+		}), a(e, u);
+	};
+	O(on, (e) => {
+		o(G) && e(sn);
+	});
+	var cn = A(on, 2), ln = (e) => {
+		var t = Ne(), n = S(t);
+		m(n, () => o(q)), j(t), b(t, (e) => kt?.(e)), g(() => {
+			x(t, "data-svgrid-menu", H().gridDomId), v(t, `left: ${o(qe).x}px; top: ${o(qe).y}px; max-height: calc(100vh - ${o(qe).y}px - 12px);`);
+		}), s("keydown", t, At), a(e, t);
+	};
+	O(cn, (e) => {
+		o(q) && o(Xe) && e(ln);
+	});
+	var un = A(cn, 2), dn = (e) => {
+		let n = M(() => o(Qe).getAllColumns());
+		var r = Pe(), i = A(S(r), 2);
+		{
+			let e = M(() => o(n).length > 40), r = M(() => Ut(o(n))), a = M(() => Wt(o(n)));
+			t(i, {
+				block: !0,
+				checkbox: !0,
+				multiple: !0,
+				get virtual() {
+					return o(e);
+				},
+				rows: 11,
+				rowHeight: 24,
+				size: "sm",
+				ariaLabel: "Visible columns",
+				get options() {
+					return o(r);
+				},
+				get value() {
+					return o(a);
+				},
+				onChange: (e) => Gt(o(n), e)
+			});
+		}
+		j(r), g(() => {
+			x(r, "data-svgrid-menu", H().gridDomId), v(r, `left: ${o(J).x}px; top: ${o(J).y}px;`);
+		}), a(e, r);
+	};
+	O(un, (e) => {
+		o(J) && e(dn);
+	});
+	var fn = A(un, 2), pn = (e) => {
+		let t = M(() => o(Je)), n = M(() => o(Y).find((e) => e.id === o(t))), r = M(() => o(lt)(o(n))), c = M(() => o(U)[o(t)]?.operator ?? o(X)(o(n)));
+		var l = Ie();
+		i(l, 21, () => o(r), (e) => e.value, (e, r) => {
+			var i = Fe(), l = S(i), d = S(l);
+			D(d, () => f.icon, () => o(r).iconName), j(l);
+			var p = A(l);
+			j(i), g((e) => {
+				x(i, "aria-checked", o(c) === o(r).value), u(p, ` ${e ?? ""}`);
+			}, [() => o(ut)(o(r), o(n))]), s("click", i, () => {
+				o(ot)(o(t), o(r).value), o(Q)();
+			}), a(e, i);
+		}), j(l), g(() => {
+			x(l, "data-svgrid-menu", H().gridDomId), v(l, `left: ${o(Ye).x}px; top: ${o(Ye).y}px;`);
+		}), a(e, l);
+	};
+	O(fn, (e) => {
+		o(Je) && e(pn);
+	});
+	var mn = A(fn, 2), hn = (r) => {
+		let i = M(() => o(ft)), c = M(() => new Set(e(o(dt)[o(i)] ?? "")));
+		var l = Re(), u = S(l), d = (e) => {
+			{
+				let r = M(() => o(Ft).length > 40);
+				t(e, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return o(r);
+					},
+					rows: 8,
+					rowHeight: 26,
+					size: "sm",
+					ariaLabel: "Filter values",
+					get options() {
+						return o(Ft);
+					},
+					get value() {
+						return o(c);
+					},
+					onChange: (e) => {
+						let t = new Set(e), r = n(o(dt)[o(i)] ?? "");
+						r && t.delete(r), o(Pt)(o(i), [...t]), H().inSuggestQuery = "";
+					}
+				});
+			}
+		}, f = (e) => {
+			var t = Le();
+			a(e, t);
+		};
+		O(u, (e) => {
+			o(Ft).length ? e(d) : e(f, -1);
+		}), j(l), g(() => {
+			x(l, "data-svgrid-menu", H().gridDomId), v(l, `left: ${o(pt).x}px; top: ${o(pt).y}px;`);
+		}), s("mousedown", l, (e) => e.preventDefault()), a(r, l);
+	};
+	O(mn, (e) => {
+		o(ft) && e(hn);
+	});
+	var gn = A(mn, 2), _n = (e) => {
+		let t = M(() => o(Yt)()), n = M(() => o(t).some((e) => e.icon));
+		var l = Ue(), d = N(l), p = A(d, 2);
+		i(p, 21, () => o(t), (e) => e.key, (e, t) => {
+			var l = c(), d = N(l), p = (e) => {
+				var t = ze();
+				a(e, t);
+			}, m = (e) => {
+				var l = He(), d = S(l), p = (e) => {
+					var n = Ve(), s = S(n), l = (e) => {
+						var n = c(), r = N(n);
+						D(r, () => f.icon, () => o(t).icon), a(e, n);
+					}, u = (e) => {
+						var n = V();
+						i(n, 21, () => o(t).icon.paths, r, (e, t) => {
+							var n = Be();
+							g(() => {
+								x(n, "d", o(t).d), x(n, "fill", o(t).fill ? "currentColor" : "none"), x(n, "stroke-width", o(t).width), x(n, "stroke-dasharray", o(t).dash);
+							}), a(e, n);
+						}), j(n), a(e, n);
+					};
+					O(s, (e) => {
+						typeof o(t).icon == "string" ? e(l) : o(t).icon && e(u, 1);
+					}), j(n), a(e, n);
+				};
+				O(d, (e) => {
+					o(n) && e(p);
+				});
+				var m = A(d), h = S(m, !0);
+				j(m), j(l), g(() => {
+					l.disabled = o(t).disabled, u(h, o(t).label);
+				}), s("click", l, () => {
+					o(t).run?.(), o(Xt)();
+				}), a(e, l);
+			};
+			O(d, (e) => {
+				o(t).separator ? e(p) : e(m, -1);
+			}), a(e, l);
+		}), j(p), b(p, (e, t) => Ot?.(e, t), () => o(Jt)), g(() => {
+			x(p, "data-svgrid-menu", H().gridDomId), v(p, `left: ${o(Jt).x}px; top: ${o(Jt).y}px;`);
+		}), s("contextmenu", d, (e) => {
+			e.preventDefault(), o(Xt)();
+		}), s("click", d, function(...e) {
+			o(Xt)?.apply(this, e);
+		}), a(e, l);
+	};
+	O(gn, (e) => {
+		o(qt) && e(_n);
+	});
+	var vn = A(gn, 2), yn = (e) => {
+		var t = We(), n = N(t), r = A(n, 2), i = S(r);
+		d(i), _(i, !0);
+		var c = A(i, 2), l = S(c), u = A(l, 4), f = A(u, 2);
+		j(c), j(r), g(() => {
+			x(r, "data-svgrid-menu", H().gridDomId), v(r, `left: ${o($).x}px; top: ${o($).y}px;`);
+		}), s("click", n, function(...e) {
+			o($t)?.apply(this, e);
+		}), s("keydown", i, (e) => {
+			e.stopPropagation(), e.key === "Escape" && (e.preventDefault(), o($t)()), e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), o(Zt)());
+		}), re(i, () => H().commentDraft, (e) => H().commentDraft = e), s("click", l, function(...e) {
+			o(Qt)?.apply(this, e);
+		}), s("click", u, function(...e) {
+			o($t)?.apply(this, e);
+		}), s("click", f, function(...e) {
+			o(Zt)?.apply(this, e);
+		}), a(e, t);
+	};
+	O(vn, (e) => {
+		o($) && e(yn);
+	}), a(l, en), k();
+}
+m([
+	"change",
+	"input",
+	"click",
+	"keydown",
+	"mousedown",
+	"contextmenu"
+]);
+//#endregion
+export { H as default };