@svgrid/grid 3.0.1 → 3.0.3

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

@@ -1,18 +1,18 @@
-import { Gn as e, fo as t, po as n } from "./src-D0hO2eYN.js";
+import { Gn as e, fo as t, po as n } from "./src-D6XvA1Ij.js";
 import { S as r, _ as i, j as a, k as o } from "./editor-registry-BhgE3S84.js";
 import { o as s } from "./SvDateTimePicker-CCbDZNZB.js";
 import * as c from "svelte/internal/client";
 import "svelte/internal/disclose-version";
 //#region src/GridMenus.svelte
-var l = c.from_html("<option> </option>"), u = c.from_html("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), d = c.from_html("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), f = c.from_html("<option> </option>"), p = c.from_html("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), m = c.from_html("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), ee = c.from_html("<div class=\"sv-grid-menu-join\" role=\"radiogroup\" aria-label=\"Combine conditions\"><button type=\"button\">AND</button> <button type=\"button\">OR</button> <button type=\"button\" class=\"sv-grid-menu-join-x\" title=\"Remove second condition\" aria-label=\"Remove second condition\">×</button></div> <select class=\"sv-grid-menu-operator-select\" aria-label=\"Second filter condition\"></select> <!>", 1), te = c.from_html("<button type=\"button\" class=\"sv-grid-menu-add-cond\">+ Add condition</button>"), h = c.from_html("<!>  <!>", 1), g = c.from_html("<span class=\"sv-grid-menu-head-note\">and the condition above</span>"), _ = c.from_html("<span class=\"sv-grid-menu-head-note\"> </span>"), v = c.from_html("<div class=\"sv-grid-facet-empty\">No values</div>"), y = c.from_html("<div class=\"sv-grid-facet-note\"> </div>"), ne = c.from_html("<div class=\"sv-grid-menu-filter\"><div class=\"sv-grid-menu-filter-head\"><span class=\"sv-grid-header-icon\"><!></span> Filter\n        condition</div> <select class=\"sv-grid-menu-operator-select\" aria-label=\"Filter condition\"></select> <!> <div class=\"sv-grid-menu-sep\"></div> <div class=\"sv-grid-menu-filter-head\">Values <!></div> <input class=\"sv-grid-menu-search\" placeholder=\"Search values...\"/> <label class=\"sv-grid-facet sv-grid-facet-all\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\"> </span></label> <!> <!> <div class=\"sv-grid-menu-actions\"><button type=\"button\" class=\"sv-grid-menu-btn\">Clear filter</button> <button type=\"button\" class=\"sv-grid-menu-btn sv-grid-menu-btn-primary\">Done</button></div></div>"), re = c.from_html("<div role=\"tooltip\"> </div>"), b = c.from_html("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div>"), x = c.from_html("<button type=\"button\" role=\"tab\">Filter</button>"), ie = c.from_html("<div class=\"sv-grid-menu-tabs\" role=\"tablist\"><button type=\"button\" role=\"tab\">General</button> <!> <button type=\"button\" role=\"tab\">Columns</button></div>"), ae = c.from_html("<div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!>", 1), oe = c.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Sort\n          ascending</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Sort\n          descending</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Remove sort</button>", 1), se = c.from_html("<div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Pin to left</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Pin to right</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Unpin column</button>", 1), S = c.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n          this column</button>"), C = c.from_html("<div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Group\n          by this column</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Remove grouping</button>", 1), w = c.from_html("<button type=\"button\" role=\"menuitem\" aria-haspopup=\"menu\"><span class=\"sv-grid-header-icon\"><!></span> Choose columns <span class=\"sv-grid-header-icon sv-grid-menu-item-chevron\"><!></span></button>"), T = c.from_html("<!> <!> <div class=\"sv-grid-menu-sep\"></div> <!> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n        all columns</button> <!> <div class=\"sv-grid-menu-sep\"></div> <!> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Reset columns</button>", 1), ce = c.from_html("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), E = c.from_html("<div class=\"sv-grid-menu sv-grid-filter-menu\" role=\"menu\" tabindex=\"-1\"><!></div>"), D = c.from_html("<div class=\"sv-grid-menu sv-grid-choose-columns-menu\" role=\"menu\"><div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!></div>"), le = c.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitemradio\"><span class=\"sv-grid-header-icon\"><!></span> </button>"), ue = c.from_html("<div class=\"sv-grid-menu sv-grid-operator-menu\" role=\"menu\"></div>"), O = c.from_html("<div class=\"sv-grid-facet-empty\">No values</div>"), de = c.from_html("<div class=\"sv-grid-menu sv-grid-in-suggest\"><!></div>"), fe = c.from_html("<div class=\"sv-grid-menu-sep\"></div>"), pe = c.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"> </button>"), k = c.from_html("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-context-menu\" role=\"menu\"></div>", 1), A = c.from_html("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-comment-editor\" role=\"dialog\" aria-label=\"Edit comment\"><textarea class=\"sv-grid-comment-textarea\" rows=\"3\" placeholder=\"Add a comment…\"></textarea> <div class=\"sv-grid-comment-actions\"><button type=\"button\" class=\"sv-grid-comment-remove\">Remove</button> <span class=\"sv-grid-comment-spacer\"></span> <button type=\"button\" class=\"sv-grid-comment-cancel\">Cancel</button> <button type=\"button\" class=\"sv-grid-comment-save\">Save</button></div></div>", 1), j = c.from_html("<!> <!>  <!> <!> <!> <!> <!> <!> <!>", 1);
-function M(M, N) {
-	c.push(N, !0);
-	let me = (t, n = c.noop) => {
-		let s = c.derived(() => c.get(W).find((e) => e.id === n())), re = c.derived(() => c.get(ke)(c.get(s))), b = c.derived(() => c.get(F)[n()]?.operator ?? c.get(G)(c.get(s))), x = c.derived(() => r(c.get(s)?.columnDef.editorType ?? "text")), ie = c.derived(() => a(c.get(s)?.columnDef.editorType) && c.get(b) !== "isBlank" && c.get(b) !== "isNotBlank" && c.get(b) !== "regex" && c.get(b) !== "in" && c.get(b) !== "notIn"), ae = c.derived(() => c.get(He).length !== c.get(Y).length), oe = c.derived(() => c.get(b) === "isBlank" || c.get(b) === "isNotBlank" || (c.get(F)[n()]?.value ?? "").trim().length > 0), se = c.derived(() => c.get(qe).size), S = c.derived(() => c.get(Y).length);
-		var C = ne(), w = c.child(C), T = c.child(w), ce = c.child(T);
-		c.snippet(ce, () => N.icon, () => "filter"), c.reset(T), c.next(), c.reset(w);
+var 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(re), (e) => e.value, (e, t) => {
+		c.each(E, 21, () => c.get(ne), (e) => e.value, (e, t) => {
 			var n = l(), r = c.child(n, !0);
 			c.reset(n);
 			var i = {};
@@ -20,14 +20,14 @@ function M(M, N) {
 				c.set_text(r, e), i !== (i = c.get(t).value) && (n.value = (n.__value = c.get(t).value) ?? "");
 			}, [() => c.get(K)(c.get(t), c.get(s))]), c.append(e, n);
 		}), c.reset(E);
-		var D;
+		var le;
 		c.init_select(E);
-		var le = c.sibling(E, 2), ue = (e) => {
-			let t = c.derived(() => c.get(F)[n()]);
-			var r = h(), a = c.first_child(r), l = (e) => {
+		var ue = c.sibling(E, 2), de = (e) => {
+			let t = c.derived(() => c.get(N)[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(F)[n()]?.value)), a = c.derived(() => i(c.get(F)[n()]?.valueTo));
+						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));
 						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);
@@ -54,7 +54,7 @@ function M(M, N) {
 					let t = c.derived(() => c.get(X));
 					var r = c.comment(), i = c.first_child(r);
 					{
-						let e = c.derived(() => (c.get(F)[n()]?.value ?? "") || null);
+						let e = c.derived(() => (c.get(N)[n()]?.value ?? "") || null);
 						c.component(i, () => c.get(t), (t, r) => {
 							r(t, {
 								get value() {
@@ -72,22 +72,22 @@ function M(M, N) {
 					c.append(e, r);
 				};
 				c.if(r, (e) => {
-					c.get(b) === "between" ? e(a) : c.get(X) && e(s, 1);
+					c.get(x) === "between" ? e(a) : c.get(X) && e(s, 1);
 				}), c.append(e, t);
-			}, g = (e) => {
-				let t = c.derived(() => c.get(b) === "in" || c.get(b) === "notIn");
+			}, _ = (e) => {
+				let t = c.derived(() => c.get(x) === "in" || c.get(x) === "notIn");
 				var r = d(), i = c.first_child(r);
 				c.remove_input_defaults(i);
 				var a = c.sibling(i, 2), o = (e) => {
 					var t = u();
 					c.remove_input_defaults(t), c.template_effect(() => {
-						c.set_attribute(t, "type", c.get(x)), c.set_value(t, c.get(F)[n()]?.valueTo ?? "");
+						c.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.if(a, (e) => {
-					c.get(b) === "between" && e(o);
+					c.get(x) === "between" && e(o);
 				}), c.template_effect(() => {
-					c.set_attribute(i, "type", c.get(b) === "regex" ? "text" : c.get(x)), c.set_value(i, c.get(F)[n()]?.value ?? ""), c.set_attribute(i, "placeholder", c.get(b) === "between" ? "From" : c.get(t) ? "value, value..." : c.get(b) === "regex" ? "Pattern..." : "Filter value...");
+					c.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.event("focus", i, function(...e) {
 					(c.get(t) ? (e) => nt(e.currentTarget, n()) : void 0)?.apply(this, e);
 				}), c.event("blur", i, function(...e) {
@@ -98,84 +98,86 @@ function M(M, N) {
 				}), c.append(e, r);
 			};
 			c.if(a, (e) => {
-				c.get(ie) ? e(l) : e(g, -1);
+				c.get(re) ? e(l) : e(_, -1);
 			});
-			var _ = c.sibling(a, 2), v = (e) => {
+			var v = c.sibling(a, 2), y = (e) => {
 				let r = c.derived(() => c.get(t).operator2 ?? c.get(G)(c.get(s)));
 				var i = ee(), a = c.first_child(i), o = c.child(a);
 				let l;
 				var u = c.sibling(o, 2);
 				let d;
-				var te = c.sibling(u, 2);
-				c.reset(a);
-				var h = c.sibling(a, 2);
-				c.each(h, 21, () => c.get(re), (e) => e.value, (e, t) => {
+				var h = c.sibling(u, 2), g = c.child(h);
+				c.snippet(g, () => A.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);
 					c.reset(n);
 					var i = {};
 					c.template_effect((e) => {
 						c.set_text(r, e), i !== (i = c.get(t).value) && (n.value = (n.__value = c.get(t).value) ?? "");
 					}, [() => c.get(K)(c.get(t), c.get(s))]), c.append(e, n);
-				}), c.reset(h);
-				var g;
-				c.init_select(h);
-				var _ = c.sibling(h, 2), v = (e) => {
+				}), c.reset(_);
+				var v;
+				c.init_select(_);
+				var y = c.sibling(_, 2), b = (e) => {
 					var i = m(), a = c.first_child(i);
 					c.remove_input_defaults(a);
 					var o = c.sibling(a, 2), s = (e) => {
 						var r = p();
 						c.remove_input_defaults(r), c.template_effect(() => {
-							c.set_attribute(r, "type", c.get(x)), c.set_value(r, c.get(t).valueTo2 ?? "");
+							c.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.if(o, (e) => {
 						c.get(r) === "between" && e(s);
 					}), c.template_effect(() => {
-						c.set_attribute(a, "type", c.get(x)), c.set_value(a, c.get(t).value2 ?? ""), c.set_attribute(a, "placeholder", c.get(r) === "between" ? "From" : "Filter value...");
+						c.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.if(_, (e) => {
-					c.get(r) !== "isBlank" && e(v);
+				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" }), g !== (g = c.get(r)) && (h.value = (h.__value = c.get(r)) ?? "", c.select_option(h, c.get(r)));
-				}), c.delegated("click", o, () => q(n(), { join: "AND" })), c.delegated("click", u, () => q(n(), { join: "OR" })), c.delegated("click", te, () => q(n(), {
+					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(), {
 					operator2: void 0,
 					value2: void 0,
 					valueTo2: void 0,
 					join: void 0
-				})), c.delegated("change", h, (e) => q(n(), { operator2: e.currentTarget.value })), c.append(e, i);
-			}, y = (e) => {
-				var t = te();
+				})), c.delegated("change", _, (e) => q(n(), { operator2: e.currentTarget.value })), c.append(e, i);
+			}, b = (e) => {
+				var t = h();
 				c.delegated("click", t, () => q(n(), {
 					operator2: c.get(G)(c.get(s)),
 					value2: "",
 					join: "AND"
 				})), c.append(e, t);
 			};
-			c.if(_, (e) => {
-				c.get(t)?.operator2 ? e(v) : e(y, -1);
+			c.if(v, (e) => {
+				c.get(t)?.operator2 ? e(y) : e(b, -1);
 			}), c.append(e, r);
 		};
-		c.if(le, (e) => {
-			c.get(b) !== "isBlank" && c.get(b) !== "isNotBlank" && e(ue);
+		c.if(ue, (e) => {
+			c.get(x) !== "isBlank" && c.get(x) !== "isNotBlank" && e(de);
 		});
-		var O = c.sibling(le, 4), de = c.sibling(c.child(O)), fe = (e) => {
-			var t = g();
+		var D = c.sibling(ue, 4), fe = c.sibling(c.child(D)), pe = (e) => {
+			var t = _();
 			c.append(e, t);
-		}, pe = (e) => {
-			var t = _(), n = c.child(t);
-			c.reset(t), c.template_effect(() => c.set_text(n, `${c.get(se) ?? ""} of ${c.get(S) ?? ""}`)), c.append(e, t);
+		}, me = (e) => {
+			var t = v(), n = c.child(t);
+			c.reset(t), c.template_effect(() => c.set_text(n, `${c.get(oe) ?? ""} of ${c.get(se) ?? ""}`)), c.append(e, t);
 		};
-		c.if(de, (e) => {
-			c.get(oe) ? e(fe) : c.get(se) < c.get(S) && e(pe, 1);
-		}), c.reset(O);
-		var k = c.sibling(O, 2);
-		c.remove_input_defaults(k);
-		var A = c.sibling(k, 2), j = c.child(A);
+		c.if(fe, (e) => {
+			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");
+		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 M = c.sibling(j, 2), me = c.child(M, !0);
-		c.reset(M), c.reset(A);
-		var he = c.sibling(A, 2), I = (t) => {
+		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) => {
 			{
 				let r = c.derived(() => c.get(Ke).length > tt);
 				e(t, {
@@ -201,56 +203,56 @@ function M(M, N) {
 				});
 			}
 		}, L = (e) => {
-			var t = v();
+			var t = y();
 			c.append(e, t);
 		};
-		c.if(he, (e) => {
+		c.if(F, (e) => {
 			c.get(Ke).length ? e(I) : e(L, -1);
 		});
-		var R = c.sibling(he, 2), z = (e) => {
-			var t = y(), n = c.child(t);
+		var R = c.sibling(F, 2), z = (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.if(R, (e) => {
 			c.get(Y).length > c.get(He).length && e(z);
 		});
-		var B = c.sibling(R, 2), V = c.child(B), ge = c.sibling(V, 2);
+		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) => {
-			D !== (D = c.get(b)) && (E.value = (E.__value = c.get(b)) ?? "", c.select_option(E, c.get(b))), c.set_checked(j, e), c.set_text(me, c.get(ae) ? "(Select all results)" : "(Select all)"), V.disabled = t;
-		}, [() => c.get($e)(n()), () => !c.get(Ne)(n())]), c.delegated("change", E, (e) => c.get(Ee)(n(), e.currentTarget.value)), c.bind_value(k, () => P().columnMenuSearch, (e) => P().columnMenuSearch = e), c.delegated("change", j, () => c.get(et)(n())), c.delegated("click", V, () => c.get(st)(n())), c.delegated("click", ge, function(...e) {
+			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);
 		}), c.append(t, C);
-	}, P = c.prop(N, "ctrl", 7), he = c.derived(() => P().groupingControlsEnabled), F = c.derived(() => P().filterMenuValues), I = c.derived(() => P().tooltip), L = c.derived(() => P().columnMenuFor), R = c.derived(() => P().columnMenuPos), z = c.derived(() => P().filterMenuFor), B = c.derived(() => P().filterMenuPos), V = c.derived(() => P().operatorMenuFor), ge = c.derived(() => P().operatorMenuPos), H = c.derived(() => P().chooseColumnsPos), _e = c.derived(() => P().showColumnFiltersEffective), U = c.derived(() => P().props.columnMenuTabs === !0), ve = c.derived(() => P().grid), W = c.derived(() => P().allColumns), ye = c.derived(() => P().isColumnPinned), be = c.derived(() => P().pinColumnLeft), xe = c.derived(() => P().pinColumnRight), Se = c.derived(() => P().unpinColumn), Ce = c.derived(() => P().sortDirectionByColumn), we = c.derived(() => P().groupingColumns), Te = c.derived(() => P().columnVirtualizationEnabled), Ee = c.derived(() => P().updateFilterOperator), De = c.derived(() => P().updateFilterMenuValue), Oe = c.derived(() => P().updateFilterMenuValueTo), ke = c.derived(() => P().operatorsForColumn), G = c.derived(() => P().defaultOperatorFor), K = c.derived(() => P().operatorLabelFor), Ae = c.derived(() => P().filterRowValues), je = c.derived(() => P().inSuggestFor), Me = c.derived(() => P().inSuggestPos);
+	}, 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 = P().filterMenuValues[e] ?? {
+		let n = c.get(W).find((t) => t.id === e), r = M().filterMenuValues[e] ?? {
 			operator: c.get(G)(n),
 			value: ""
 		};
-		P().filterMenuValues = {
-			...P().filterMenuValues,
+		M().filterMenuValues = {
+			...M().filterMenuValues,
 			[e]: {
 				...r,
 				...t
 			}
 		};
 	}
-	let Ne = c.derived(() => P().isColumnFiltered), J = c.derived(() => P().closeMenus);
+	let Ne = c.derived(() => M().isColumnFiltered), J = c.derived(() => M().closeMenus);
 	c.user_effect(() => {
-		if (!(c.get(L) || c.get(z) || c.get(V) || c.get(H) || c.get(ct) || c.get($))) return;
+		if (!(c.get(F) || c.get(L) || c.get(z) || c.get(V) || c.get(ct) || c.get($))) return;
 		let e = () => {
-			c.get(J)(), c.get(Q)(), P().commentEditFor && c.get(dt)();
-		}, t = s(() => Array.from(document.querySelectorAll(`.sv-grid-menu[data-svgrid-menu="${P().gridDomId}"]`)), e);
+			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);
 		return window.addEventListener("resize", e), () => {
 			t(), window.removeEventListener("resize", e);
 		};
 	});
-	let Pe = c.derived(() => P().autosizeColumn), Fe = c.derived(() => P().autosizeAllColumns), Ie = c.derived(() => P().resetColumns), Le = c.derived(() => P().openChooseColumns), Re = c.derived(() => P().sortColumnFromMenu), ze = c.derived(() => P().clearColumnSort), Be = c.derived(() => P().groupByColumnFromMenu), Ve = c.derived(() => P().clearGroupingFromMenu), Y = c.derived(() => P().columnMenuFacetValues), He = c.derived(() => P().columnMenuVisibleFacets), Ue = c.derived(function() {
+	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() {
 		if (typeof window > "u") return 7;
-		let e = (c.get(z) ? c.get(B).y : c.get(R).y) || 0, t = window.innerHeight - e - 320;
+		let e = (c.get(L) ? c.get(R).y : c.get(I).y) || 0, t = window.innerHeight - e - 320;
 		return Math.max(7, Math.min(16, Math.floor(t / 24)));
 	}), X = c.state(null), Z = c.state(null);
 	c.user_effect(() => {
-		let e = c.get(z) ?? c.get(L);
+		let e = c.get(L) ?? c.get(F);
 		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)));
@@ -265,12 +267,12 @@ function M(M, N) {
 		let t = e.target;
 		t?.closest(".sv-listbox") || t?.tagName === "BUTTON" || (e.preventDefault(), c.get(J)());
 	}
-	let Ke = c.derived(() => P().columnMenuFacetOptions), qe = c.derived(() => P().columnMenuSelectedFacets), Je = c.derived(() => P().setFacetSelection), Ye = c.derived(() => P().setFilterTokens), Xe = c.derived(() => P().inSuggestOptions), Ze = c.derived(() => P().openInSuggest), Qe = c.derived(() => P().closeInSuggest), $e = c.derived(() => P().isAllFacetsChecked), et = c.derived(() => P().toggleAllFacets), tt = 40;
+	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), P().inSuggestQuery = n(e.value);
+		c.get(Ze)(e, t), M().inSuggestQuery = n(e.value);
 	}
 	function rt(e, t) {
-		P().inSuggestQuery = n(e.value), P().inSuggestFor !== t && c.get(Ze)(e, t);
+		M().inSuggestQuery = n(e.value), M().inSuggestFor !== t && c.get(Ze)(e, t);
 	}
 	function it(e) {
 		return e.map((e) => ({
@@ -280,64 +282,64 @@ function M(M, N) {
 	}
 	function at(e) {
 		let t = /* @__PURE__ */ new Set();
-		for (let n of e) P().hiddenColumns[n.id] || t.add(n.id);
+		for (let n of e) M().hiddenColumns[n.id] || t.add(n.id);
 		return t;
 	}
 	function ot(e, t) {
-		let n = { ...P().hiddenColumns };
+		let n = { ...M().hiddenColumns };
 		for (let r of e) t.has(r.id) ? delete n[r.id] : n[r.id] = !0;
-		P().hiddenColumns = n;
+		M().hiddenColumns = n;
 	}
-	let st = c.derived(() => P().clearColumnFilter), ct = c.derived(() => P().contextMenuFor), lt = c.derived(() => P().contextMenuPos), ut = c.derived(() => P().contextMenuItems), Q = c.derived(() => P().closeContextMenu), $ = c.derived(() => P().commentEditFor), dt = c.derived(() => P().saveComment), ft = c.derived(() => P().removeComment), pt = c.derived(() => P().closeCommentEditor);
-	var mt = j(), ht = c.first_child(mt), gt = (e) => {
-		var t = re();
+	let 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) => {
+		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(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);
+			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);
 		}), c.append(e, t);
 	};
 	c.if(ht, (e) => {
-		c.get(I) && e(gt);
+		c.get(P) && e(gt);
 	});
 	var _t = c.sibling(ht, 2), vt = (e) => {
-		var t = b();
+		var t = x();
 		c.delegated("click", t, function(...e) {
 			c.get(J)?.apply(this, e);
 		}), c.append(e, t);
 	};
 	c.if(_t, (e) => {
-		(c.get(L) || c.get(z) || c.get(V) || c.get(H)) && e(vt);
+		(c.get(F) || c.get(L) || c.get(z) || c.get(V)) && e(vt);
 	});
 	var yt = c.sibling(_t, 2), bt = (t) => {
-		let n = c.derived(() => c.get(L)), r = c.derived(() => c.get(W).find((e) => e.id === c.get(n))), i = c.derived(() => c.get(r)?.getCanSort?.() ?? !1), a = c.derived(() => c.get(r)?.columnDef.field != null && c.get(r)?.columnDef.filterable !== !1), o = c.derived(() => P().columnMenuTab);
+		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 t = ie(), n = c.child(t);
+			var t = re(), n = c.child(t);
 			let r;
 			var i = c.sibling(n, 2), s = (e) => {
-				var t = x();
+				var t = S();
 				let n;
 				c.template_effect(() => {
 					n = c.set_class(t, 1, "sv-grid-menu-tab", null, n, { "is-active": c.get(o) === "filter" }), c.set_attribute(t, "aria-selected", c.get(o) === "filter");
-				}), c.delegated("click", t, () => P().columnMenuTab = "filter"), c.append(e, t);
+				}), c.delegated("click", t, () => M().columnMenuTab = "filter"), c.append(e, t);
 			};
 			c.if(i, (e) => {
-				c.get(a) && c.get(_e) && e(s);
+				c.get(a) && c.get(H) && e(s);
 			});
 			var l = c.sibling(i, 2);
 			let u;
 			c.reset(t), c.template_effect(() => {
 				r = c.set_class(n, 1, "sv-grid-menu-tab", null, r, { "is-active": c.get(o) === "general" }), c.set_attribute(n, "aria-selected", c.get(o) === "general"), u = c.set_class(l, 1, "sv-grid-menu-tab", null, u, { "is-active": c.get(o) === "columns" }), c.set_attribute(l, "aria-selected", c.get(o) === "columns");
-			}), c.delegated("click", n, () => P().columnMenuTab = "general"), c.delegated("click", l, () => P().columnMenuTab = "columns"), c.append(e, t);
+			}), c.delegated("click", n, () => M().columnMenuTab = "general"), c.delegated("click", l, () => M().columnMenuTab = "columns"), c.append(e, t);
 		};
 		c.if(l, (e) => {
 			c.get(U) && e(u);
 		});
 		var d = c.sibling(l, 2), f = (e) => {
-			me(e, () => c.get(n));
+			j(e, () => c.get(n));
 		}, p = (t) => {
 			let n = c.derived(() => c.get(ve).getAllColumns());
-			var r = ae(), i = c.sibling(c.first_child(r), 2);
+			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)));
 				e(i, {
@@ -363,24 +365,24 @@ function M(M, N) {
 			c.append(t, r);
 		}, m = (e) => {
 			var t = T(), r = c.first_child(t), a = (e) => {
-				var t = oe(), r = c.first_child(t), i = c.child(r), a = c.child(i);
-				c.snippet(a, () => N.icon, () => "sort-asc"), c.reset(i), c.next(), c.reset(r);
+				var 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);
 				var o = c.sibling(r, 2), s = c.child(o), l = c.child(s);
-				c.snippet(l, () => N.icon, () => "sort-desc"), c.reset(s), c.next(), c.reset(o);
+				c.snippet(l, () => A.icon, () => "sort-desc"), c.reset(s), c.next(), c.reset(o);
 				var u = c.sibling(o, 2), d = c.child(u), f = c.child(d);
-				c.snippet(f, () => N.icon, () => "x"), c.reset(d), c.next(), c.reset(u), c.template_effect(() => u.disabled = !c.get(Ce)[c.get(n)]), c.delegated("click", r, () => c.get(Re)(c.get(n), !1)), c.delegated("click", o, () => c.get(Re)(c.get(n), !0)), c.delegated("click", u, () => c.get(ze)(c.get(n))), c.append(e, t);
+				c.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.if(r, (e) => {
 				c.get(i) && e(a);
 			});
 			var o = c.sibling(r, 2), s = (e) => {
 				let t = c.derived(() => c.get(ye)(c.get(n)));
-				var r = se(), i = c.sibling(c.first_child(r), 2), a = c.child(i), o = c.child(a);
-				c.snippet(o, () => N.icon, () => "op-startsWith"), c.reset(a), c.next(), c.reset(i);
+				var 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);
 				var s = c.sibling(i, 2), l = c.child(s), u = c.child(l);
-				c.snippet(u, () => N.icon, () => "op-greaterThan"), c.reset(l), c.next(), c.reset(s);
+				c.snippet(u, () => A.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, () => N.icon, () => "x"), c.reset(f), c.next(), c.reset(d), c.template_effect(() => {
+				c.snippet(p, () => A.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);
 			};
@@ -388,68 +390,68 @@ function M(M, N) {
 				c.get(Te) || e(s);
 			});
 			var l = c.sibling(o, 4), u = (e) => {
-				var t = S(), r = c.child(t), i = c.child(r);
-				c.snippet(i, () => N.icon, () => "autosize"), c.reset(r), c.next(), c.reset(t), c.delegated("click", t, () => {
+				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.append(e, t);
-			}, d = c.derived(() => P().columnResizable(c.get(n)));
+			}, d = c.derived(() => M().columnResizable(c.get(n)));
 			c.if(l, (e) => {
 				c.get(d) && e(u);
 			});
 			var f = c.sibling(l, 2), p = c.child(f), m = c.child(p);
-			c.snippet(m, () => N.icon, () => "autosize"), c.reset(p), c.next(), c.reset(f);
-			var ee = c.sibling(f, 2), te = (e) => {
+			c.snippet(m, () => A.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, () => N.icon, () => "group"), c.reset(i), c.next(), c.reset(r);
+				c.snippet(a, () => A.icon, () => "group"), c.reset(i), c.next(), c.reset(r);
 				var o = c.sibling(r, 2), s = c.child(o), l = c.child(s);
-				c.snippet(l, () => N.icon, () => "x"), c.reset(s), c.next(), c.reset(o), c.template_effect((e, t) => {
+				c.snippet(l, () => A.icon, () => "x"), c.reset(s), c.next(), c.reset(o), c.template_effect((e, t) => {
 					r.disabled = e, o.disabled = t;
 				}, [() => c.get(we).includes(c.get(n)), () => !c.get(we).includes(c.get(n))]), c.delegated("click", r, () => c.get(Be)(c.get(n))), c.delegated("click", o, () => c.get(Ve)(c.get(n))), c.append(e, t);
 			};
 			c.if(ee, (e) => {
-				c.get(he) && e(te);
+				c.get(_e) && e(h);
 			});
-			var h = c.sibling(ee, 4), g = (e) => {
+			var g = c.sibling(ee, 4), _ = (e) => {
 				var t = w();
 				let n;
 				var r = c.child(t), i = c.child(r);
-				c.snippet(i, () => N.icon, () => "columns"), c.reset(r);
+				c.snippet(i, () => A.icon, () => "columns"), c.reset(r);
 				var a = c.sibling(r, 2), o = c.child(a);
-				c.snippet(o, () => N.icon, () => "chevron-down"), c.reset(a), c.reset(t), c.template_effect(() => {
-					n = c.set_class(t, 1, "sv-grid-menu-item", null, n, { "is-open": c.get(H) !== null }), c.set_attribute(t, "aria-expanded", c.get(H) !== null);
+				c.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.if(h, (e) => {
-				c.get(U) || e(g);
+			c.if(g, (e) => {
+				c.get(U) || e(_);
 			});
-			var _ = c.sibling(h, 2), v = c.child(_), y = c.child(v);
-			c.snippet(y, () => N.icon, () => "reset"), c.reset(v), c.next(), c.reset(_), c.delegated("click", f, () => {
+			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.delegated("click", _, () => {
+			}), c.delegated("click", v, () => {
 				c.get(Ie)(), c.get(J)();
 			}), c.append(e, t);
 		};
 		c.if(d, (e) => {
-			c.get(U) && c.get(o) === "filter" && c.get(a) && c.get(_e) ? e(f) : c.get(U) && c.get(o) === "columns" ? e(p, 1) : e(m, -1);
+			c.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.reset(s), c.template_effect(() => {
-			c.set_attribute(s, "data-svgrid-menu", P().gridDomId), c.set_style(s, `left: ${c.get(R).x}px; top: ${c.get(R).y}px; max-height: calc(100vh - ${c.get(R).y}px - 12px);`);
+			c.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.append(t, s);
 	};
 	c.if(yt, (e) => {
-		c.get(L) && e(bt);
+		c.get(F) && e(bt);
 	});
 	var xt = c.sibling(yt, 2), St = (e) => {
 		var t = E(), n = c.child(t);
-		me(n, () => c.get(z)), c.reset(t), c.action(t, (e) => We?.(e)), c.template_effect(() => {
-			c.set_attribute(t, "data-svgrid-menu", P().gridDomId), c.set_style(t, `left: ${c.get(B).x}px; top: ${c.get(B).y}px; max-height: calc(100vh - ${c.get(B).y}px - 12px);`);
+		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);
 	};
 	c.if(xt, (e) => {
-		c.get(z) && c.get(_e) && e(St);
+		c.get(L) && c.get(H) && e(St);
 	});
 	var Ct = c.sibling(xt, 2), wt = (t) => {
 		let n = c.derived(() => c.get(ve).getAllColumns());
-		var r = D(), i = c.sibling(c.child(r), 2);
+		var r = le(), i = c.sibling(c.child(r), 2);
 		{
 			let t = c.derived(() => c.get(n).length > 40), r = c.derived(() => it(c.get(n))), a = c.derived(() => at(c.get(n)));
 			e(i, {
@@ -473,18 +475,18 @@ function M(M, N) {
 			});
 		}
 		c.reset(r), c.template_effect(() => {
-			c.set_attribute(r, "data-svgrid-menu", P().gridDomId), c.set_style(r, `left: ${c.get(H).x}px; top: ${c.get(H).y}px;`);
+			c.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.append(t, r);
 	};
 	c.if(Ct, (e) => {
-		c.get(H) && e(wt);
+		c.get(V) && e(wt);
 	});
 	var Tt = c.sibling(Ct, 2), Et = (e) => {
-		let t = c.derived(() => c.get(V)), n = c.derived(() => c.get(W).find((e) => e.id === c.get(t))), r = c.derived(() => c.get(ke)(c.get(n))), i = c.derived(() => c.get(F)[c.get(t)]?.operator ?? c.get(G)(c.get(n)));
-		var a = ue();
+		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 a = de();
 		c.each(a, 21, () => c.get(r), (e) => e.value, (e, r) => {
-			var a = le(), o = c.child(a), s = c.child(o);
-			c.snippet(s, () => N.icon, () => c.get(r).iconName), c.reset(o);
+			var a = ue(), o = c.child(a), s = c.child(o);
+			c.snippet(s, () => A.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 ?? ""}`);
@@ -492,15 +494,15 @@ function M(M, N) {
 				c.get(Ee)(c.get(t), c.get(r).value), c.get(J)();
 			}), c.append(e, a);
 		}), c.reset(a), c.template_effect(() => {
-			c.set_attribute(a, "data-svgrid-menu", P().gridDomId), c.set_style(a, `left: ${c.get(ge).x}px; top: ${c.get(ge).y}px;`);
+			c.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.append(e, a);
 	};
 	c.if(Tt, (e) => {
-		c.get(V) && e(Et);
+		c.get(z) && e(Et);
 	});
 	var Dt = c.sibling(Tt, 2), Ot = (r) => {
 		let i = c.derived(() => c.get(je)), a = c.derived(() => new Set(t(c.get(Ae)[c.get(i)] ?? "")));
-		var o = de(), s = c.child(o), l = (t) => {
+		var o = fe(), s = c.child(o), l = (t) => {
 			{
 				let r = c.derived(() => c.get(Xe).length > 40);
 				e(t, {
@@ -522,31 +524,31 @@ function M(M, N) {
 					},
 					onChange: (e) => {
 						let t = new Set(e), r = n(c.get(Ae)[c.get(i)] ?? "");
-						r && t.delete(r), c.get(Ye)(c.get(i), [...t]), P().inSuggestQuery = "";
+						r && t.delete(r), c.get(Ye)(c.get(i), [...t]), M().inSuggestQuery = "";
 					}
 				});
 			}
 		}, u = (e) => {
-			var t = O();
+			var t = D();
 			c.append(e, t);
 		};
 		c.if(s, (e) => {
 			c.get(Xe).length ? e(l) : e(u, -1);
 		}), c.reset(o), c.template_effect(() => {
-			c.set_attribute(o, "data-svgrid-menu", P().gridDomId), c.set_style(o, `left: ${c.get(Me).x}px; top: ${c.get(Me).y}px;`);
+			c.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.delegated("mousedown", o, (e) => e.preventDefault()), c.append(r, o);
 	};
 	c.if(Dt, (e) => {
 		c.get(je) && e(Ot);
 	});
 	var kt = c.sibling(Dt, 2), At = (e) => {
-		var t = k(), n = c.first_child(t), r = c.sibling(n, 2);
+		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 t = fe();
+				var t = pe();
 				c.append(e, t);
 			}, a = (e) => {
-				var n = pe(), r = c.child(n, !0);
+				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, () => {
@@ -557,7 +559,7 @@ function M(M, N) {
 				c.get(t).separator ? e(i) : e(a, -1);
 			}), c.append(e, n);
 		}), c.reset(r), c.template_effect(() => {
-			c.set_attribute(r, "data-svgrid-menu", P().gridDomId), c.set_style(r, `left: ${c.get(lt).x}px; top: ${c.get(lt).y}px;`);
+			c.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) => {
 			e.preventDefault(), c.get(Q)();
 		}), c.delegated("click", n, function(...e) {
@@ -568,16 +570,16 @@ function M(M, N) {
 		c.get(ct) && e(At);
 	});
 	var jt = c.sibling(kt, 2), Mt = (e) => {
-		var t = A(), n = c.first_child(t), r = c.sibling(n, 2), i = c.child(r);
+		var t = he(), n = c.first_child(t), r = c.sibling(n, 2), i = c.child(r);
 		c.remove_textarea_child(i), c.autofocus(i, !0);
 		var a = c.sibling(i, 2), o = c.child(a), s = c.sibling(o, 4), l = c.sibling(s, 2);
 		c.reset(a), c.reset(r), c.template_effect(() => {
-			c.set_attribute(r, "data-svgrid-menu", P().gridDomId), c.set_style(r, `left: ${c.get($).x}px; top: ${c.get($).y}px;`);
+			c.set_attribute(r, "data-svgrid-menu", M().gridDomId), c.set_style(r, `left: ${c.get($).x}px; top: ${c.get($).y}px;`);
 		}), c.delegated("click", n, function(...e) {
 			c.get(pt)?.apply(this, e);
 		}), c.delegated("keydown", i, (e) => {
 			e.stopPropagation(), e.key === "Escape" && (e.preventDefault(), c.get(pt)()), e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), c.get(dt)());
-		}), c.bind_value(i, () => P().commentDraft, (e) => P().commentDraft = e), c.delegated("click", o, function(...e) {
+		}), c.bind_value(i, () => M().commentDraft, (e) => M().commentDraft = e), c.delegated("click", o, function(...e) {
 			c.get(ft)?.apply(this, e);
 		}), c.delegated("click", s, function(...e) {
 			c.get(pt)?.apply(this, e);
@@ -587,7 +589,7 @@ function M(M, N) {
 	};
 	c.if(jt, (e) => {
 		c.get($) && e(Mt);
-	}), c.append(M, mt), c.pop();
+	}), c.append(k, mt), c.pop();
 }
 c.delegate([
 	"change",
@@ -598,4 +600,4 @@ c.delegate([
 	"contextmenu"
 ]);
 //#endregion
-export { M as default };
+export { k as default };