@svgrid/grid 2.6.20 → 2.6.22

package/dist/cdn/GridMenus-n4llxoOI.js

@@ -0,0 +1,494 @@
+import { Gn as e, oo as t, so as n } from "./src-D1lXwq1l.js";
+import { b as r } from "./editor-registry-CiI0xlKg.js";
+import { l as i } from "./SvDateTimePicker-CHnUkWcH.js";
+import * as a from "svelte/internal/client";
+import "svelte/internal/disclose-version";
+//#region src/GridMenus.svelte
+var o = a.from_html("<option> </option>"), s = a.from_html("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), c = a.from_html("<option> </option>"), l = a.from_html("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), u = a.from_html("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), d = a.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), f = a.from_html("<button type=\"button\" class=\"sv-grid-menu-add-cond\">+ Add condition</button>"), p = a.from_html("<input class=\"sv-grid-menu-condition-value\"/> <!> <!>", 1), m = a.from_html("<div class=\"sv-grid-facet-empty\">No values</div>"), h = a.from_html("<div class=\"sv-grid-facet-note\"> </div>"), g = a.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\">(Select all)</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>"), _ = a.from_html("<div role=\"tooltip\"> </div>"), v = a.from_html("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div>"), y = a.from_html("<button type=\"button\" role=\"tab\">Filter</button>"), b = a.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>"), x = a.from_html("<div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!>", 1), S = a.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), ee = a.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), C = a.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n          this column</button>"), w = a.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), T = a.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>"), te = a.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), E = a.from_html("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), D = a.from_html("<div class=\"sv-grid-menu sv-grid-filter-menu\" role=\"menu\"><!></div>"), O = a.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>"), k = a.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitemradio\"><span class=\"sv-grid-header-icon\"><!></span> </button>"), ne = a.from_html("<div class=\"sv-grid-menu sv-grid-operator-menu\" role=\"menu\"></div>"), re = a.from_html("<div class=\"sv-grid-facet-empty\">No values</div>"), ie = a.from_html("<div class=\"sv-grid-menu sv-grid-in-suggest\"><!></div>"), ae = a.from_html("<div class=\"sv-grid-menu-sep\"></div>"), A = a.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"> </button>"), j = a.from_html("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-context-menu\" role=\"menu\"></div>", 1), oe = a.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), se = a.from_html("<!> <!>  <!> <!> <!> <!> <!> <!> <!>", 1);
+function ce(ce, M) {
+	a.push(M, !0);
+	let le = (t, n = a.noop) => {
+		let i = a.derived(() => a.get(W).find((e) => e.id === n())), _ = a.derived(() => a.get(Ce)(a.get(i))), v = a.derived(() => a.get(P)[n()]?.operator ?? a.get(G)(a.get(i))), y = a.derived(() => r(a.get(i)?.columnDef.editorType ?? "text"));
+		var b = g(), x = a.child(b), S = a.child(x), ee = a.child(S);
+		a.snippet(ee, () => M.icon, () => "filter"), a.reset(S), a.next(), a.reset(x);
+		var C = a.sibling(x, 2);
+		a.each(C, 21, () => a.get(_), (e) => e.value, (e, t) => {
+			var n = o(), r = a.child(n, !0);
+			a.reset(n);
+			var s = {};
+			a.template_effect((e) => {
+				a.set_text(r, e), s !== (s = a.get(t).value) && (n.value = (n.__value = a.get(t).value) ?? "");
+			}, [() => a.get(K)(a.get(t), a.get(i))]), a.append(e, n);
+		}), a.reset(C);
+		var w;
+		a.init_select(C);
+		var T = a.sibling(C, 2), te = (e) => {
+			let t = a.derived(() => a.get(v) === "in" || a.get(v) === "notIn"), r = a.derived(() => a.get(P)[n()]);
+			var o = p(), m = a.first_child(o);
+			a.remove_input_defaults(m);
+			var h = a.sibling(m, 2), g = (e) => {
+				var t = s();
+				a.remove_input_defaults(t), a.template_effect(() => {
+					a.set_attribute(t, "type", a.get(y)), a.set_value(t, a.get(P)[n()]?.valueTo ?? "");
+				}), a.delegated("input", t, (e) => a.get(Se)(n(), e.currentTarget.value)), a.append(e, t);
+			};
+			a.if(h, (e) => {
+				a.get(v) === "between" && e(g);
+			});
+			var b = a.sibling(h, 2), x = (e) => {
+				let t = a.derived(() => a.get(r).operator2 ?? a.get(G)(a.get(i)));
+				var o = d(), s = a.first_child(o), f = a.child(s);
+				let p;
+				var m = a.sibling(f, 2);
+				let h;
+				var g = a.sibling(m, 2);
+				a.reset(s);
+				var v = a.sibling(s, 2);
+				a.each(v, 21, () => a.get(_), (e) => e.value, (e, t) => {
+					var n = c(), r = a.child(n, !0);
+					a.reset(n);
+					var o = {};
+					a.template_effect((e) => {
+						a.set_text(r, e), o !== (o = a.get(t).value) && (n.value = (n.__value = a.get(t).value) ?? "");
+					}, [() => a.get(K)(a.get(t), a.get(i))]), a.append(e, n);
+				}), a.reset(v);
+				var b;
+				a.init_select(v);
+				var x = a.sibling(v, 2), S = (e) => {
+					var i = u(), o = a.first_child(i);
+					a.remove_input_defaults(o);
+					var s = a.sibling(o, 2), c = (e) => {
+						var t = l();
+						a.remove_input_defaults(t), a.template_effect(() => {
+							a.set_attribute(t, "type", a.get(y)), a.set_value(t, a.get(r).valueTo2 ?? "");
+						}), a.delegated("input", t, (e) => q(n(), { valueTo2: e.currentTarget.value })), a.append(e, t);
+					};
+					a.if(s, (e) => {
+						a.get(t) === "between" && e(c);
+					}), a.template_effect(() => {
+						a.set_attribute(o, "type", a.get(y)), a.set_value(o, a.get(r).value2 ?? ""), a.set_attribute(o, "placeholder", a.get(t) === "between" ? "From" : "Filter value...");
+					}), a.delegated("input", o, (e) => q(n(), { value2: e.currentTarget.value })), a.append(e, i);
+				};
+				a.if(x, (e) => {
+					a.get(t) !== "isBlank" && e(S);
+				}), a.template_effect(() => {
+					p = a.set_class(f, 1, "", null, p, { "is-on": (a.get(r).join ?? "AND") === "AND" }), h = a.set_class(m, 1, "", null, h, { "is-on": a.get(r).join === "OR" }), b !== (b = a.get(t)) && (v.value = (v.__value = a.get(t)) ?? "", a.select_option(v, a.get(t)));
+				}), a.delegated("click", f, () => q(n(), { join: "AND" })), a.delegated("click", m, () => q(n(), { join: "OR" })), a.delegated("click", g, () => q(n(), {
+					operator2: void 0,
+					value2: void 0,
+					valueTo2: void 0,
+					join: void 0
+				})), a.delegated("change", v, (e) => q(n(), { operator2: e.currentTarget.value })), a.append(e, o);
+			}, S = (e) => {
+				var t = f();
+				a.delegated("click", t, () => q(n(), {
+					operator2: a.get(G)(a.get(i)),
+					value2: "",
+					join: "AND"
+				})), a.append(e, t);
+			};
+			a.if(b, (e) => {
+				a.get(r)?.operator2 ? e(x) : e(S, -1);
+			}), a.template_effect(() => {
+				a.set_attribute(m, "type", a.get(v) === "regex" ? "text" : a.get(y)), a.set_value(m, a.get(P)[n()]?.value ?? ""), a.set_attribute(m, "placeholder", a.get(v) === "between" ? "From" : a.get(t) ? "value, value..." : a.get(v) === "regex" ? "Pattern..." : "Filter value...");
+			}), a.event("focus", m, function(...e) {
+				(a.get(t) ? (e) => Ke(e.currentTarget, n()) : void 0)?.apply(this, e);
+			}), a.event("blur", m, function(...e) {
+				(a.get(t) ? () => a.get(He)() : void 0)?.apply(this, e);
+			}), a.delegated("input", m, (e) => {
+				let r = e.currentTarget;
+				a.get(xe)(n(), r.value), a.get(t) && qe(r, n());
+			}), a.append(e, o);
+		};
+		a.if(T, (e) => {
+			a.get(v) !== "isBlank" && a.get(v) !== "isNotBlank" && e(te);
+		});
+		var E = a.sibling(T, 6);
+		a.remove_input_defaults(E);
+		var D = a.sibling(E, 2), O = a.child(D);
+		a.remove_input_defaults(O), a.next(2), a.reset(D);
+		var k = a.sibling(D, 2), ne = (t) => {
+			{
+				let r = a.derived(() => a.get(Y).length > Ge);
+				e(t, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return a.get(r);
+					},
+					rows: 7,
+					rowHeight: 24,
+					size: "sm",
+					ariaLabel: "Filter values",
+					get options() {
+						return a.get(Y);
+					},
+					get value() {
+						return a.get(Re);
+					},
+					onChange: (e) => a.get(ze)(n(), e)
+				});
+			}
+		}, re = (e) => {
+			var t = m();
+			a.append(e, t);
+		};
+		a.if(k, (e) => {
+			a.get(Y).length ? e(ne) : e(re, -1);
+		});
+		var ie = a.sibling(k, 2), ae = (e) => {
+			var t = h(), n = a.child(t);
+			a.reset(t), a.template_effect(() => a.set_text(n, `Showing ${a.get(Le).length ?? ""} of ${a.get(Ie).length ?? ""}`)), a.append(e, t);
+		};
+		a.if(ie, (e) => {
+			a.get(Ie).length > a.get(Le).length && e(ae);
+		});
+		var A = a.sibling(ie, 2), j = a.child(A), oe = a.sibling(j, 2);
+		a.reset(A), a.reset(b), a.template_effect((e, t) => {
+			w !== (w = a.get(v)) && (C.value = (C.__value = a.get(v)) ?? "", a.select_option(C, a.get(v))), a.set_checked(O, e), j.disabled = t;
+		}, [() => a.get(Ue)(n()), () => !a.get(De)(n())]), a.delegated("change", C, (e) => a.get(be)(n(), e.currentTarget.value)), a.bind_value(E, () => N().columnMenuSearch, (e) => N().columnMenuSearch = e), a.delegated("change", O, () => a.get(We)(n())), a.delegated("click", j, () => a.get(Ze)(n())), a.delegated("click", oe, function(...e) {
+			a.get(J)?.apply(this, e);
+		}), a.append(t, b);
+	}, N = a.prop(M, "ctrl", 7), ue = a.derived(() => N().groupingControlsEnabled), P = a.derived(() => N().filterMenuValues), F = a.derived(() => N().tooltip), I = a.derived(() => N().columnMenuFor), L = a.derived(() => N().columnMenuPos), R = a.derived(() => N().filterMenuFor), z = a.derived(() => N().filterMenuPos), B = a.derived(() => N().operatorMenuFor), de = a.derived(() => N().operatorMenuPos), V = a.derived(() => N().chooseColumnsPos), H = a.derived(() => N().showColumnFiltersEffective), U = a.derived(() => N().props.columnMenuTabs === !0), fe = a.derived(() => N().grid), W = a.derived(() => N().allColumns), pe = a.derived(() => N().isColumnPinned), me = a.derived(() => N().pinColumnLeft), he = a.derived(() => N().pinColumnRight), ge = a.derived(() => N().unpinColumn), _e = a.derived(() => N().sortDirectionByColumn), ve = a.derived(() => N().groupingColumns), ye = a.derived(() => N().columnVirtualizationEnabled), be = a.derived(() => N().updateFilterOperator), xe = a.derived(() => N().updateFilterMenuValue), Se = a.derived(() => N().updateFilterMenuValueTo), Ce = a.derived(() => N().operatorsForColumn), G = a.derived(() => N().defaultOperatorFor), K = a.derived(() => N().operatorLabelFor), we = a.derived(() => N().filterRowValues), Te = a.derived(() => N().inSuggestFor), Ee = a.derived(() => N().inSuggestPos);
+	function q(e, t) {
+		let n = a.get(W).find((t) => t.id === e), r = N().filterMenuValues[e] ?? {
+			operator: a.get(G)(n),
+			value: ""
+		};
+		N().filterMenuValues = {
+			...N().filterMenuValues,
+			[e]: {
+				...r,
+				...t
+			}
+		};
+	}
+	let De = a.derived(() => N().isColumnFiltered), J = a.derived(() => N().closeMenus);
+	a.user_effect(() => {
+		if (!(a.get(I) || a.get(R) || a.get(B) || a.get(V))) return;
+		let e = () => a.get(J)(), t = i(() => Array.from(document.querySelectorAll(".sv-grid-menu")), e);
+		return window.addEventListener("resize", e), () => {
+			t(), window.removeEventListener("resize", e);
+		};
+	});
+	let Oe = a.derived(() => N().autosizeColumn), ke = a.derived(() => N().autosizeAllColumns), Ae = a.derived(() => N().resetColumns), je = a.derived(() => N().openChooseColumns), Me = a.derived(() => N().sortColumnFromMenu), Ne = a.derived(() => N().clearColumnSort), Pe = a.derived(() => N().groupByColumnFromMenu), Fe = a.derived(() => N().clearGroupingFromMenu), Ie = a.derived(() => N().columnMenuFacetValues), Le = a.derived(() => N().columnMenuVisibleFacets), Y = a.derived(() => N().columnMenuFacetOptions), Re = a.derived(() => N().columnMenuSelectedFacets), ze = a.derived(() => N().setFacetSelection), Be = a.derived(() => N().setFilterTokens), X = a.derived(() => N().inSuggestOptions), Ve = a.derived(() => N().openInSuggest), He = a.derived(() => N().closeInSuggest), Ue = a.derived(() => N().isAllFacetsChecked), We = a.derived(() => N().toggleAllFacets), Ge = 40;
+	function Ke(e, t) {
+		a.get(Ve)(e, t), N().inSuggestQuery = n(e.value);
+	}
+	function qe(e, t) {
+		N().inSuggestQuery = n(e.value), N().inSuggestFor !== t && a.get(Ve)(e, t);
+	}
+	function Je(e) {
+		return e.map((e) => ({
+			value: e.id,
+			label: typeof e.columnDef.header == "string" ? e.columnDef.header : e.id
+		}));
+	}
+	function Ye(e) {
+		let t = /* @__PURE__ */ new Set();
+		for (let n of e) N().hiddenColumns[n.id] || t.add(n.id);
+		return t;
+	}
+	function Xe(e, t) {
+		let n = { ...N().hiddenColumns };
+		for (let r of e) t.has(r.id) ? delete n[r.id] : n[r.id] = !0;
+		N().hiddenColumns = n;
+	}
+	let Ze = a.derived(() => N().clearColumnFilter), Qe = a.derived(() => N().contextMenuFor), $e = a.derived(() => N().contextMenuPos), et = a.derived(() => N().contextMenuItems), Z = a.derived(() => N().closeContextMenu), Q = a.derived(() => N().commentEditFor), tt = a.derived(() => N().saveComment), nt = a.derived(() => N().removeComment), $ = a.derived(() => N().closeCommentEditor);
+	var rt = se(), it = a.first_child(rt), at = (e) => {
+		var t = _();
+		let n;
+		var r = a.child(t, !0);
+		a.reset(t), a.template_effect(() => {
+			n = a.set_class(t, 1, "sv-grid-tooltip", null, n, { "sv-grid-tooltip-above": !a.get(F).below }), a.set_style(t, `left: ${a.get(F).x}px; top: ${a.get(F).y}px; ${a.get(F).below ? "" : "transform: translateY(-100%);"}`), a.set_text(r, a.get(F).text);
+		}), a.append(e, t);
+	};
+	a.if(it, (e) => {
+		a.get(F) && e(at);
+	});
+	var ot = a.sibling(it, 2), st = (e) => {
+		var t = v();
+		a.delegated("click", t, function(...e) {
+			a.get(J)?.apply(this, e);
+		}), a.append(e, t);
+	};
+	a.if(ot, (e) => {
+		(a.get(I) || a.get(R) || a.get(B) || a.get(V)) && e(st);
+	});
+	var ct = a.sibling(ot, 2), lt = (t) => {
+		let n = a.derived(() => a.get(I)), r = a.derived(() => a.get(W).find((e) => e.id === a.get(n))), i = a.derived(() => a.get(r)?.getCanSort?.() ?? !1), o = a.derived(() => a.get(r)?.columnDef.field != null && a.get(r)?.columnDef.filterable !== !1), s = a.derived(() => N().columnMenuTab);
+		var c = E(), l = a.child(c), u = (e) => {
+			var t = b(), n = a.child(t);
+			let r;
+			var i = a.sibling(n, 2), c = (e) => {
+				var t = y();
+				let n;
+				a.template_effect(() => {
+					n = a.set_class(t, 1, "sv-grid-menu-tab", null, n, { "is-active": a.get(s) === "filter" }), a.set_attribute(t, "aria-selected", a.get(s) === "filter");
+				}), a.delegated("click", t, () => N().columnMenuTab = "filter"), a.append(e, t);
+			};
+			a.if(i, (e) => {
+				a.get(o) && a.get(H) && e(c);
+			});
+			var l = a.sibling(i, 2);
+			let u;
+			a.reset(t), a.template_effect(() => {
+				r = a.set_class(n, 1, "sv-grid-menu-tab", null, r, { "is-active": a.get(s) === "general" }), a.set_attribute(n, "aria-selected", a.get(s) === "general"), u = a.set_class(l, 1, "sv-grid-menu-tab", null, u, { "is-active": a.get(s) === "columns" }), a.set_attribute(l, "aria-selected", a.get(s) === "columns");
+			}), a.delegated("click", n, () => N().columnMenuTab = "general"), a.delegated("click", l, () => N().columnMenuTab = "columns"), a.append(e, t);
+		};
+		a.if(l, (e) => {
+			a.get(U) && e(u);
+		});
+		var d = a.sibling(l, 2), f = (e) => {
+			le(e, () => a.get(n));
+		}, p = (t) => {
+			let n = a.derived(() => a.get(fe).getAllColumns());
+			var r = x(), i = a.sibling(a.first_child(r), 2);
+			{
+				let t = a.derived(() => a.get(n).length > 40), r = a.derived(() => Je(a.get(n))), o = a.derived(() => Ye(a.get(n)));
+				e(i, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return a.get(t);
+					},
+					rows: 9,
+					rowHeight: 24,
+					size: "sm",
+					ariaLabel: "Visible columns",
+					get options() {
+						return a.get(r);
+					},
+					get value() {
+						return a.get(o);
+					},
+					onChange: (e) => Xe(a.get(n), e)
+				});
+			}
+			a.append(t, r);
+		}, m = (e) => {
+			var t = te(), r = a.first_child(t), o = (e) => {
+				var t = S(), r = a.first_child(t), i = a.child(r), o = a.child(i);
+				a.snippet(o, () => M.icon, () => "sort-asc"), a.reset(i), a.next(), a.reset(r);
+				var s = a.sibling(r, 2), c = a.child(s), l = a.child(c);
+				a.snippet(l, () => M.icon, () => "sort-desc"), a.reset(c), a.next(), a.reset(s);
+				var u = a.sibling(s, 2), d = a.child(u), f = a.child(d);
+				a.snippet(f, () => M.icon, () => "x"), a.reset(d), a.next(), a.reset(u), a.template_effect(() => u.disabled = !a.get(_e)[a.get(n)]), a.delegated("click", r, () => a.get(Me)(a.get(n), !1)), a.delegated("click", s, () => a.get(Me)(a.get(n), !0)), a.delegated("click", u, () => a.get(Ne)(a.get(n))), a.append(e, t);
+			};
+			a.if(r, (e) => {
+				a.get(i) && e(o);
+			});
+			var s = a.sibling(r, 2), c = (e) => {
+				let t = a.derived(() => a.get(pe)(a.get(n)));
+				var r = ee(), i = a.sibling(a.first_child(r), 2), o = a.child(i), s = a.child(o);
+				a.snippet(s, () => M.icon, () => "op-startsWith"), a.reset(o), a.next(), a.reset(i);
+				var c = a.sibling(i, 2), l = a.child(c), u = a.child(l);
+				a.snippet(u, () => M.icon, () => "op-greaterThan"), a.reset(l), a.next(), a.reset(c);
+				var d = a.sibling(c, 2), f = a.child(d), p = a.child(f);
+				a.snippet(p, () => M.icon, () => "x"), a.reset(f), a.next(), a.reset(d), a.template_effect(() => {
+					i.disabled = a.get(t) === "left", c.disabled = a.get(t) === "right", d.disabled = !a.get(t);
+				}), a.delegated("click", i, () => a.get(me)(a.get(n))), a.delegated("click", c, () => a.get(he)(a.get(n))), a.delegated("click", d, () => a.get(ge)(a.get(n))), a.append(e, r);
+			};
+			a.if(s, (e) => {
+				a.get(ye) || e(c);
+			});
+			var l = a.sibling(s, 4), u = (e) => {
+				var t = C(), r = a.child(t), i = a.child(r);
+				a.snippet(i, () => M.icon, () => "autosize"), a.reset(r), a.next(), a.reset(t), a.delegated("click", t, () => {
+					a.get(Oe)(a.get(n)), a.get(J)();
+				}), a.append(e, t);
+			}, d = a.derived(() => N().columnResizable(a.get(n)));
+			a.if(l, (e) => {
+				a.get(d) && e(u);
+			});
+			var f = a.sibling(l, 2), p = a.child(f), m = a.child(p);
+			a.snippet(m, () => M.icon, () => "autosize"), a.reset(p), a.next(), a.reset(f);
+			var h = a.sibling(f, 2), g = (e) => {
+				var t = w(), r = a.sibling(a.first_child(t), 2), i = a.child(r), o = a.child(i);
+				a.snippet(o, () => M.icon, () => "group"), a.reset(i), a.next(), a.reset(r);
+				var s = a.sibling(r, 2), c = a.child(s), l = a.child(c);
+				a.snippet(l, () => M.icon, () => "x"), a.reset(c), a.next(), a.reset(s), a.template_effect((e, t) => {
+					r.disabled = e, s.disabled = t;
+				}, [() => a.get(ve).includes(a.get(n)), () => !a.get(ve).includes(a.get(n))]), a.delegated("click", r, () => a.get(Pe)(a.get(n))), a.delegated("click", s, () => a.get(Fe)(a.get(n))), a.append(e, t);
+			};
+			a.if(h, (e) => {
+				a.get(ue) && e(g);
+			});
+			var _ = a.sibling(h, 4), v = (e) => {
+				var t = T();
+				let n;
+				var r = a.child(t), i = a.child(r);
+				a.snippet(i, () => M.icon, () => "columns"), a.reset(r);
+				var o = a.sibling(r, 2), s = a.child(o);
+				a.snippet(s, () => M.icon, () => "chevron-down"), a.reset(o), a.reset(t), a.template_effect(() => {
+					n = a.set_class(t, 1, "sv-grid-menu-item", null, n, { "is-open": a.get(V) !== null }), a.set_attribute(t, "aria-expanded", a.get(V) !== null);
+				}), a.delegated("click", t, (e) => a.get(je)(e)), a.append(e, t);
+			};
+			a.if(_, (e) => {
+				a.get(U) || e(v);
+			});
+			var y = a.sibling(_, 2), b = a.child(y), x = a.child(b);
+			a.snippet(x, () => M.icon, () => "reset"), a.reset(b), a.next(), a.reset(y), a.delegated("click", f, () => {
+				a.get(ke)(), a.get(J)();
+			}), a.delegated("click", y, () => {
+				a.get(Ae)(), a.get(J)();
+			}), a.append(e, t);
+		};
+		a.if(d, (e) => {
+			a.get(U) && a.get(s) === "filter" && a.get(o) && a.get(H) ? e(f) : a.get(U) && a.get(s) === "columns" ? e(p, 1) : e(m, -1);
+		}), a.reset(c), a.template_effect(() => a.set_style(c, `left: ${a.get(L).x}px; top: ${a.get(L).y}px; max-height: calc(100vh - ${a.get(L).y}px - 12px);`)), a.append(t, c);
+	};
+	a.if(ct, (e) => {
+		a.get(I) && e(lt);
+	});
+	var ut = a.sibling(ct, 2), dt = (e) => {
+		var t = D(), n = a.child(t);
+		le(n, () => a.get(R)), a.reset(t), a.template_effect(() => a.set_style(t, `left: ${a.get(z).x}px; top: ${a.get(z).y}px; max-height: calc(100vh - ${a.get(z).y}px - 12px);`)), a.append(e, t);
+	};
+	a.if(ut, (e) => {
+		a.get(R) && a.get(H) && e(dt);
+	});
+	var ft = a.sibling(ut, 2), pt = (t) => {
+		let n = a.derived(() => a.get(fe).getAllColumns());
+		var r = O(), i = a.sibling(a.child(r), 2);
+		{
+			let t = a.derived(() => a.get(n).length > 40), r = a.derived(() => Je(a.get(n))), o = a.derived(() => Ye(a.get(n)));
+			e(i, {
+				block: !0,
+				checkbox: !0,
+				multiple: !0,
+				get virtual() {
+					return a.get(t);
+				},
+				rows: 11,
+				rowHeight: 24,
+				size: "sm",
+				ariaLabel: "Visible columns",
+				get options() {
+					return a.get(r);
+				},
+				get value() {
+					return a.get(o);
+				},
+				onChange: (e) => Xe(a.get(n), e)
+			});
+		}
+		a.reset(r), a.template_effect(() => a.set_style(r, `left: ${a.get(V).x}px; top: ${a.get(V).y}px;`)), a.append(t, r);
+	};
+	a.if(ft, (e) => {
+		a.get(V) && e(pt);
+	});
+	var mt = a.sibling(ft, 2), ht = (e) => {
+		let t = a.derived(() => a.get(B)), n = a.derived(() => a.get(W).find((e) => e.id === a.get(t))), r = a.derived(() => a.get(Ce)(a.get(n))), i = a.derived(() => a.get(P)[a.get(t)]?.operator ?? a.get(G)(a.get(n)));
+		var o = ne();
+		a.each(o, 21, () => a.get(r), (e) => e.value, (e, r) => {
+			var o = k(), s = a.child(o), c = a.child(s);
+			a.snippet(c, () => M.icon, () => a.get(r).iconName), a.reset(s);
+			var l = a.sibling(s);
+			a.reset(o), a.template_effect((e) => {
+				a.set_attribute(o, "aria-checked", a.get(i) === a.get(r).value), a.set_text(l, ` ${e ?? ""}`);
+			}, [() => a.get(K)(a.get(r), a.get(n))]), a.delegated("click", o, () => {
+				a.get(be)(a.get(t), a.get(r).value), a.get(J)();
+			}), a.append(e, o);
+		}), a.reset(o), a.template_effect(() => a.set_style(o, `left: ${a.get(de).x}px; top: ${a.get(de).y}px;`)), a.append(e, o);
+	};
+	a.if(mt, (e) => {
+		a.get(B) && e(ht);
+	});
+	var gt = a.sibling(mt, 2), _t = (r) => {
+		let i = a.derived(() => a.get(Te)), o = a.derived(() => new Set(t(a.get(we)[a.get(i)] ?? "")));
+		var s = ie(), c = a.child(s), l = (t) => {
+			{
+				let r = a.derived(() => a.get(X).length > 40);
+				e(t, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return a.get(r);
+					},
+					rows: 8,
+					rowHeight: 26,
+					size: "sm",
+					ariaLabel: "Filter values",
+					get options() {
+						return a.get(X);
+					},
+					get value() {
+						return a.get(o);
+					},
+					onChange: (e) => {
+						let t = new Set(e), r = n(a.get(we)[a.get(i)] ?? "");
+						r && t.delete(r), a.get(Be)(a.get(i), [...t]), N().inSuggestQuery = "";
+					}
+				});
+			}
+		}, u = (e) => {
+			var t = re();
+			a.append(e, t);
+		};
+		a.if(c, (e) => {
+			a.get(X).length ? e(l) : e(u, -1);
+		}), a.reset(s), a.template_effect(() => a.set_style(s, `left: ${a.get(Ee).x}px; top: ${a.get(Ee).y}px;`)), a.delegated("mousedown", s, (e) => e.preventDefault()), a.append(r, s);
+	};
+	a.if(gt, (e) => {
+		a.get(Te) && e(_t);
+	});
+	var vt = a.sibling(gt, 2), yt = (e) => {
+		var t = j(), n = a.first_child(t), r = a.sibling(n, 2);
+		a.each(r, 21, () => a.get(et)(), (e) => e.key, (e, t) => {
+			var n = a.comment(), r = a.first_child(n), i = (e) => {
+				var t = ae();
+				a.append(e, t);
+			}, o = (e) => {
+				var n = A(), r = a.child(n, !0);
+				a.reset(n), a.template_effect(() => {
+					n.disabled = a.get(t).disabled, a.set_text(r, a.get(t).label);
+				}), a.delegated("click", n, () => {
+					a.get(t).run?.(), a.get(Z)();
+				}), a.append(e, n);
+			};
+			a.if(r, (e) => {
+				a.get(t).separator ? e(i) : e(o, -1);
+			}), a.append(e, n);
+		}), a.reset(r), a.template_effect(() => a.set_style(r, `left: ${a.get($e).x}px; top: ${a.get($e).y}px;`)), a.delegated("contextmenu", n, (e) => {
+			e.preventDefault(), a.get(Z)();
+		}), a.delegated("click", n, function(...e) {
+			a.get(Z)?.apply(this, e);
+		}), a.append(e, t);
+	};
+	a.if(vt, (e) => {
+		a.get(Qe) && e(yt);
+	});
+	var bt = a.sibling(vt, 2), xt = (e) => {
+		var t = oe(), n = a.first_child(t), r = a.sibling(n, 2), i = a.child(r);
+		a.remove_textarea_child(i), a.autofocus(i, !0);
+		var o = a.sibling(i, 2), s = a.child(o), c = a.sibling(s, 4), l = a.sibling(c, 2);
+		a.reset(o), a.reset(r), a.template_effect(() => a.set_style(r, `left: ${a.get(Q).x}px; top: ${a.get(Q).y}px;`)), a.delegated("click", n, function(...e) {
+			a.get($)?.apply(this, e);
+		}), a.delegated("keydown", i, (e) => {
+			e.stopPropagation(), e.key === "Escape" && (e.preventDefault(), a.get($)()), e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), a.get(tt)());
+		}), a.bind_value(i, () => N().commentDraft, (e) => N().commentDraft = e), a.delegated("click", s, function(...e) {
+			a.get(nt)?.apply(this, e);
+		}), a.delegated("click", c, function(...e) {
+			a.get($)?.apply(this, e);
+		}), a.delegated("click", l, function(...e) {
+			a.get(tt)?.apply(this, e);
+		}), a.append(e, t);
+	};
+	a.if(bt, (e) => {
+		a.get(Q) && e(xt);
+	}), a.append(ce, rt), a.pop();
+}
+a.delegate([
+	"change",
+	"input",
+	"click",
+	"mousedown",
+	"contextmenu",
+	"keydown"
+]);
+//#endregion
+export { ce as default };

package/dist/cdn/column-resize-DsfNXMom.js

@@ -0,0 +1,102 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+//#region src/column-resize.ts
+var t = /* @__PURE__ */ e({ columnResize: () => r }), n = "sv-grid-resize-handle";
+function r(e, t) {
+	let r = t, i = null, a = null, o = 0, s = () => r.min ?? 40;
+	function c(e) {
+		return e.closest("[data-svgrid-header-col]")?.dataset.svgridHeaderCol ?? null;
+	}
+	function l() {
+		i && r.onResize(i.columnId, o);
+	}
+	function u(e) {
+		i && (o = Math.max(s(), i.startWidth + (e.clientX - i.startX)), a === null && (a = requestAnimationFrame(() => {
+			a = null, l();
+		})));
+	}
+	function d(e) {
+		if (i) {
+			a !== null && (cancelAnimationFrame(a), a = null), o = Math.max(s(), i.startWidth + (e.clientX - i.startX)), l(), i.handle.classList.remove("is-resizing"), m(i.handle, i.columnId);
+			try {
+				i.handle.releasePointerCapture(e.pointerId);
+			} catch {}
+			i = null, window.removeEventListener("pointermove", u), window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", d), document.body.style.cursor = "";
+		}
+	}
+	function f(e) {
+		if (r.disabled) return;
+		let t = e.target;
+		if (!t?.classList.contains(n)) return;
+		let a = c(t);
+		if (!(!a || r.canResize?.(a) === !1)) {
+			e.preventDefault(), e.stopPropagation(), t.classList.add("is-resizing"), o = r.getWidth(a), i = {
+				columnId: a,
+				startX: e.clientX,
+				startWidth: o,
+				handle: t
+			};
+			try {
+				t.setPointerCapture(e.pointerId);
+			} catch {}
+			document.body.style.cursor = "col-resize", window.addEventListener("pointermove", u), window.addEventListener("pointerup", d), window.addEventListener("pointercancel", d);
+		}
+	}
+	function p(e) {
+		if (r.disabled) return;
+		let t = e.target;
+		if (!t?.classList.contains(n)) return;
+		let i = e.shiftKey ? 1 : 10, a = 0;
+		if (e.key === "ArrowLeft") a = -i;
+		else if (e.key === "ArrowRight") a = i;
+		else return;
+		let o = c(t);
+		if (!o || r.canResize?.(o) === !1) return;
+		e.preventDefault(), e.stopPropagation();
+		let l = Math.max(s(), Math.round(r.getWidth(o) + a));
+		r.onResize(o, l), m(t, o);
+	}
+	function m(e, t) {
+		let n = Math.round(r.getWidth(t));
+		e.setAttribute("aria-valuenow", String(n)), e.setAttribute("aria-valuemin", String(s())), e.setAttribute("aria-valuetext", `${n} pixels`);
+	}
+	function h() {
+		if (r.disabled) {
+			g();
+			return;
+		}
+		let t = e.querySelectorAll("th.sv-grid-column[data-svgrid-header-col]");
+		for (let e of t) {
+			if (e.classList.contains("sv-grid-column-spacer")) continue;
+			let t = e.dataset.svgridHeaderCol;
+			if (!t) continue;
+			if (r.canResize?.(t) === !1) {
+				e.querySelector(`:scope > .${n}`)?.remove();
+				continue;
+			}
+			if (e.querySelector(`:scope > .${n}`)) continue;
+			let i = document.createElement("div");
+			i.className = n, i.setAttribute("role", "separator"), i.setAttribute("aria-orientation", "vertical"), i.setAttribute("aria-label", `Resize ${r.label?.(t) ?? t}`), i.tabIndex = 0, m(i, t), i.addEventListener("dblclick", (e) => {
+				e.stopPropagation(), e.preventDefault(), !r.disabled && (r.onAutosize?.(t), m(i, t));
+			}), e.appendChild(i);
+		}
+	}
+	function g() {
+		e.querySelectorAll(`.${n}`).forEach((e) => e.remove());
+	}
+	e.addEventListener("pointerdown", f, { capture: !0 }), e.addEventListener("keydown", p, { capture: !0 });
+	let _ = new MutationObserver(() => h());
+	return _.observe(e, {
+		childList: !0,
+		subtree: !0
+	}), h(), {
+		update(e) {
+			let t = r.disabled;
+			r = e, t !== r.disabled && h();
+		},
+		destroy() {
+			e.removeEventListener("pointerdown", f, { capture: !0 }), e.removeEventListener("keydown", p, { capture: !0 }), window.removeEventListener("pointermove", u), window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", d), a !== null && cancelAnimationFrame(a), _.disconnect(), g();
+		}
+	};
+}
+//#endregion
+export { t as n, r as t };