@svgrid/grid 2.6.22 → 2.6.23

package/dist/builtin-editors.js

@@ -25,9 +25,11 @@
 import { registerCellEditor } from './editor-registry.js';
 import SvOtpInput from './SvOtpInput.svelte';
 import SvDurationInput from './SvDurationInput.svelte';
+import SvRichText from './SvRichText.svelte';
+import { sanitizeHtml } from './sanitize-html.js';
 /**
- * Register the config-free UI-kit editors (`otp`, `duration`) as grid cell
- * editors. Idempotent. Returns the list of type names it registered.
+ * Register the config-free UI-kit editors (`otp`, `duration`, `richtext`) as
+ * grid cell editors. Idempotent. Returns the list of type names it registered.
  */
 export function registerBuiltinEditors() {
     registerCellEditor('otp', {
@@ -51,5 +53,19 @@ export function registerBuiltinEditors() {
             onCancel: () => ctx.onCancel(),
         }),
     });
-    return ['otp', 'duration'];
+    // Rich text carries a toolbar, so give the column a taller row (or edit it
+    // from a detail panel) - it does not fit a default single-line row.
+    //
+    // Both the value handed to the editor and the value coming back are
+    // sanitized. The stored string is the one SvRichCell later paints, so
+    // cleaning it on the way in means a pasted payload never reaches row data.
+    registerCellEditor('richtext', {
+        component: SvRichText,
+        props: (ctx) => ({
+            value: sanitizeHtml((ctx.value ?? '')),
+            autofocus: true,
+            onChange: (html) => ctx.onChange(sanitizeHtml(html)),
+        }),
+    });
+    return ['otp', 'duration', 'richtext'];
 }

package/dist/cdn/GridMenus-BzWXQjv3.js

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