@svgrid/grid 3.0.3 → 4.0.0

package/dist/cdn/{GridMenus-DhdPF700.js → GridMenus-CwooL3QA.js}

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