@svgrid/grid 3.0.1 → 3.0.3

package/dist/cdn/GridMenus-CHOMnW-c.js

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