@svgrid/grid-wc 2.6.2 → 3.0.0

package/dist/GridMenus-DpmS1pzo.js

@@ -0,0 +1,1121 @@
+import { $ as e, A as t, C as n, D as r, E as i, F as a, H as o, I as s, J as c, K as l, L as u, O as d, R as f, U as p, V as m, W as h, X as g, Z as _, _ as v, a as y, c as b, d as x, et as S, f as C, g as w, h as T, it as E, j as D, k as O, l as k, n as A, nt as j, o as M, p as ee, q as N, rt as P, s as te, tt as ne, u as F, v as I, w as L, x as re, y as R, z } from "./client-DjwUji8D.js";
+import { c as B, s as V, t as H } from "./svelte-virtualizer.svelte-DZ9UcyfT.js";
+import { S as ie, h as ae, u as oe, w as se } from "./SvGrid.helpers-BdVDtjUm.js";
+import { i as U, t as W } from "./editor-contract-peBDxir_.js";
+import { t as ce } from "./SvField-ChCI-O2O.js";
+import { n as le } from "./dismissable-DvhBKm3q.js";
+//#region ../grid/dist/list-option.js
+function ue(e) {
+	return e ? e.map((e) => {
+		if (typeof e == "object" && e) {
+			let t = e, n = t.value ?? t.label ?? "";
+			return {
+				...t,
+				value: n,
+				label: t.label ?? String(n)
+			};
+		}
+		return {
+			value: e,
+			label: String(e)
+		};
+	}) : [];
+}
+function G(e) {
+	let t = [], n = /* @__PURE__ */ new Map();
+	return e.forEach((e, r) => {
+		let i = e.group ?? null, a = n.get(i);
+		a || (a = {
+			group: i,
+			options: []
+		}, n.set(i, a), t.push(a)), a.options.push({
+			...e,
+			index: r
+		});
+	}), t;
+}
+function de(e, t) {
+	let n = Math.max(1, t.groupHeaderHeight ?? 28), r = t.rowHeight, i = (e) => Math.max(1, typeof r == "function" ? r(e, e.index) : r), a = [], o = Array(e.length), s = !1;
+	for (let t of G(e)) {
+		t.group != null && (s = !0, a.push({
+			type: "group",
+			label: t.group,
+			size: n
+		}));
+		for (let e of t.options) o[e.index] = a.length, a.push({
+			type: "option",
+			opt: e,
+			size: i(e)
+		});
+	}
+	return {
+		entries: a,
+		hasGroups: s,
+		sizeAt: (e) => a[e]?.size ?? 0,
+		optionFlatIndex: o
+	};
+}
+function K(e, t, n) {
+	let r = t.trim().toLowerCase();
+	if (!r || !e.length) return -1;
+	let i = e.length;
+	for (let t = 1; t <= i; t++) {
+		let a = (n + t) % i, o = e[a];
+		if (o && !o.disabled && o.label.toLowerCase().startsWith(r)) return a;
+	}
+	return -1;
+}
+function q(e = 600) {
+	let t = "", n;
+	return {
+		get value() {
+			return t;
+		},
+		push(r) {
+			return t += r, n && clearTimeout(n), n = setTimeout(() => {
+				t = "";
+			}, e), t;
+		},
+		clear() {
+			t = "", n && clearTimeout(n);
+		}
+	};
+}
+function J(e) {
+	return e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && e.key !== " ";
+}
+//#endregion
+//#region ../grid/dist/createListbox.svelte.js
+var fe = 0;
+function Y(e, t) {
+	if (e == null) return [];
+	if (e instanceof Set || Array.isArray(e)) {
+		let n = [...e];
+		return t ? n : n.slice(0, 1);
+	}
+	return [e];
+}
+function pe(e, t) {
+	return e instanceof Set ? e : new Set(Y(e, t));
+}
+function me(t) {
+	let n = `sv-lb-${fe++}`, r = () => t.options(), i = () => t.multiple?.() ?? !1, a = () => t.disabled?.() ?? !1, s = _(0), c = e(() => pe(t.value(), i())), l = e(() => Y(t.value(), i())), u = e(() => r().map((e, t) => e.disabled ? -1 : t).filter((e) => e >= 0));
+	o(() => {
+		let e = r()[f(s)];
+		(!e || e.disabled) && g(s, f(u)[0] ?? 0, !0);
+	});
+	let d = (e) => f(c).has(e), p = (e) => e === f(s), m = (e) => `${n}-opt-${e}`;
+	function h(e) {
+		let t = r()[e];
+		t && !t.disabled && g(s, e, !0);
+	}
+	function v(e) {
+		let n = r()[e];
+		if (!(!n || n.disabled || a())) {
+			if (g(s, e, !0), i()) {
+				let e = new Set(f(c));
+				e.has(n.value) ? e.delete(n.value) : e.add(n.value), t.onChange?.(t.value() instanceof Set ? e : [...e]);
+			} else t.onChange?.(n.value);
+		}
+	}
+	function y(e) {
+		let t = f(u);
+		if (!t.length) return;
+		let n = t[(t.indexOf(f(s)) + e + t.length) % t.length];
+		n != null && g(s, n, !0);
+	}
+	let b = () => {
+		g(s, f(u)[0] ?? 0, !0);
+	}, x = () => {
+		g(s, f(u).at(-1) ?? 0, !0);
+	}, S = q();
+	function C(e) {
+		let t = S.push(e.toLowerCase()), n = K(r(), t, f(s));
+		n >= 0 && g(s, n, !0);
+	}
+	function w(e) {
+		if (!a()) switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), y(1);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), y(-1);
+				break;
+			case "Home":
+				e.preventDefault(), b();
+				break;
+			case "End":
+				e.preventDefault(), x();
+				break;
+			case " ":
+			case "Enter":
+				e.preventDefault(), v(f(s));
+				break;
+			default: J(e) && C(e.key);
+		}
+	}
+	let T = () => ({
+		id: t.id?.(),
+		invalid: t.invalid?.(),
+		required: t.required?.(),
+		error: t.error?.(),
+		hint: t.hint?.(),
+		ariaLabel: t.ariaLabel?.()
+	});
+	return {
+		get activeIndex() {
+			return f(s);
+		},
+		get selectedValues() {
+			return f(l);
+		},
+		isSelected: d,
+		isActive: p,
+		setActive: h,
+		pick: v,
+		move: y,
+		first: b,
+		last: x,
+		onKeydown: w,
+		rootProps: () => ({
+			role: "listbox",
+			id: t.id?.(),
+			"aria-multiselectable": i(),
+			"aria-disabled": a(),
+			"aria-activedescendant": r()[f(s)] ? m(f(s)) : void 0,
+			...W(T()),
+			tabindex: a() ? -1 : 0,
+			onkeydown: w
+		}),
+		optionProps: (e) => {
+			let t = r()[e];
+			return {
+				role: "option",
+				id: m(e),
+				"aria-selected": t ? d(t.value) : !1,
+				"aria-disabled": t?.disabled,
+				"data-idx": e,
+				"data-active": p(e) ? "" : void 0,
+				"data-selected": t && d(t.value) ? "" : void 0,
+				onclick: () => v(e),
+				onpointermove: () => h(e)
+			};
+		}
+	};
+}
+//#endregion
+//#region ../grid/dist/js-scroller.svelte.js
+function he(t) {
+	let n = _(0), r = e(() => Math.max(0, t.totalSize() - t.viewport()));
+	o(() => {
+		let e = f(n);
+		z(() => t.virtualizer.setScrollOffset(e));
+	}), o(() => {
+		let e = f(r);
+		z(() => f(n)) > e && g(n, e, !0);
+	});
+	function i(e) {
+		g(n, Math.max(0, Math.min(f(r), e)), !0);
+	}
+	function a(e) {
+		i(f(n) + e);
+	}
+	function s(e) {
+		if (f(r) <= 0) return;
+		let i = e.deltaMode === 1 ? e.deltaY * t.lineStep() : e.deltaMode === 2 ? e.deltaY * t.viewport() : e.deltaY, o = f(n);
+		a(i), f(n) !== o && e.preventDefault();
+	}
+	let c = e(() => f(r) > 0 && t.totalSize() > 0 ? Math.max(24, Math.min(t.viewport(), t.viewport() / t.totalSize() * t.viewport())) : 0), l = e(() => Math.max(0, t.viewport() - f(c))), u = e(() => f(r) > 0 ? f(n) / f(r) * f(l) : 0), d = _(!1), p = 0, m = 0;
+	function h(e) {
+		e.stopPropagation(), e.preventDefault(), g(d, !0), p = e.clientY, m = f(n), e.currentTarget.setPointerCapture(e.pointerId);
+	}
+	function v(e) {
+		if (!f(d)) return;
+		let t = e.clientY - p;
+		i(m + (f(l) > 0 ? t / f(l) * f(r) : 0));
+	}
+	function y(e) {
+		g(d, !1), D(e);
+	}
+	function b(e) {
+		let n = e.currentTarget.getBoundingClientRect();
+		a(e.clientY - n.top < f(u) ? -t.viewport() : t.viewport());
+	}
+	let x = !1, S = 0, C = 0;
+	function w(e) {
+		e.pointerType === "touch" && (x = !0, S = e.clientY, C = f(n), e.currentTarget.setPointerCapture(e.pointerId));
+	}
+	function T(e) {
+		x && i(C - (e.clientY - S));
+	}
+	function E(e) {
+		x && (x = !1, D(e));
+	}
+	function D(e) {
+		try {
+			e.currentTarget.releasePointerCapture(e.pointerId);
+		} catch {}
+	}
+	function O(e, r) {
+		e < f(n) ? i(e) : e + r > f(n) + t.viewport() && i(e + r - t.viewport());
+	}
+	function k(e) {
+		O(t.virtualizer.getOffsetForIndex(e), t.virtualizer.getSizeForIndex(e));
+	}
+	return {
+		get scrollOffset() {
+			return f(n);
+		},
+		get maxOffset() {
+			return f(r);
+		},
+		get thumbH() {
+			return f(c);
+		},
+		get thumbTop() {
+			return f(u);
+		},
+		get dragging() {
+			return f(d);
+		},
+		scrollTo: i,
+		scrollByPx: a,
+		ensureVisible: O,
+		ensureIndexVisible: k,
+		onWheel: s,
+		onThumbDown: h,
+		onThumbMove: v,
+		onThumbUp: y,
+		onTrackDown: b,
+		onContentDown: w,
+		onContentMove: T,
+		onContentUp: E
+	};
+}
+//#endregion
+//#region ../grid/dist/SvListBox.svelte
+var ge = D("<span aria-hidden=\"true\"></span>"), _e = D("<span class=\"sv-listbox__check svelte-wftsyc\" aria-hidden=\"true\"> </span>"), ve = D("<span class=\"sv-listbox__label svelte-wftsyc\"> </span>"), ye = D("<span class=\"sv-listbox__hint svelte-wftsyc\" aria-hidden=\"true\"> </span>"), be = D("<!> <!> <!>", 1), xe = D("<div><!></div>"), Se = D("<div class=\"sv-listbox__group svelte-wftsyc\" role=\"presentation\"> </div>"), Ce = D("<div class=\"sv-listbox__sb svelte-wftsyc\" aria-hidden=\"true\"><div></div></div>"), we = D("<div class=\"sv-listbox__vp svelte-wftsyc\"></div> <!>", 1), Te = D("<div class=\"sv-listbox__group svelte-wftsyc\" role=\"presentation\"> </div>"), Ee = D("<!> <!>", 1), X = D("<input type=\"hidden\"/>"), De = D("<div><!></div> <!>", 1);
+function Oe(n, a) {
+	ne(a, !0);
+	let p = (e, n = E) => {
+		var o = be(), s = N(o), u = (e) => {
+			var t = ge();
+			let r;
+			m((e) => r = R(t, 1, "sv-listbox__box svelte-wftsyc", null, r, e), [() => ({ "is-on": q(n()) })]), O(e, t);
+		}, f = (e) => {
+			var t = _e(), r = l(t, !0);
+			P(t), m((e) => d(r, e), [() => q(n()) ? "✓" : ""]), O(e, t);
+		};
+		i(s, (e) => {
+			D() ? e(u) : w() && e(f, 1);
+		});
+		var p = c(s, 2), h = (e) => {
+			var i = t(), o = N(i);
+			r(o, () => a.item ?? a.itemTemplate, n), O(e, i);
+		}, g = (e) => {
+			var t = ve(), r = l(t, !0);
+			P(t), m(() => d(r, n().label)), O(e, t);
+		};
+		i(p, (e) => {
+			a.item ?? a.itemTemplate ? e(h) : e(g, -1);
+		});
+		var _ = c(p, 2), v = (e) => {
+			var t = ye(), r = l(t, !0);
+			P(t), m(() => d(r, n().hint)), O(e, t);
+		};
+		i(_, (e) => {
+			n().hint && !(a.item ?? a.itemTemplate) && e(v);
+		}), O(e, o);
+	}, h = (e, t = E, n = E, r = E, i = E) => {
+		var a = xe();
+		F(a, (e, t, n) => ({
+			class: "sv-listbox__opt",
+			...e,
+			[b]: t,
+			[k]: n
+		}), [
+			() => K.optionProps(n()),
+			() => ({
+				"is-selected": q(t()),
+				"is-active": K.isActive(n()),
+				"is-disabled": t().disabled
+			}),
+			() => ({
+				height: `${r() ?? fe(t())}px`,
+				transform: i() == null ? void 0 : `translateY(${i()}px)`
+			})
+		], void 0, void 0, "svelte-wftsyc");
+		var o = l(a);
+		p(o, t), P(a), O(e, a);
+	}, v = A(a, "value", 3, null), w = A(a, "multiple", 3, !1), D = A(a, "checkbox", 3, !1), j = A(a, "block", 3, !1), ee = A(a, "disabled", 3, !1), te = A(a, "size", 3, "md"), re = A(a, "rows", 3, 7), B = A(a, "virtual", 3, !1), V = A(a, "rowHeight", 3, 32), ie = A(a, "groupHeaderHeight", 3, 28), ae = A(a, "invalid", 3, !1), oe = A(a, "required", 3, !1), se = U("sv-lb"), W = e(() => a.id ?? se), le = e(() => ue(a.options)), K = me({
+		options: () => f(le),
+		value: () => v(),
+		onChange: (e) => a.onChange?.(e),
+		multiple: () => w(),
+		disabled: () => ee(),
+		ariaLabel: () => a.ariaLabel,
+		id: () => f(W),
+		invalid: () => ae(),
+		required: () => oe(),
+		error: () => a.error,
+		hint: () => a.hint
+	}), q = (e) => K.isSelected(e.value), J = e(() => typeof V() == "number" ? V() : 32), fe = (e) => typeof V() == "function" ? V()(e, e.index) : V(), Y = e(B), pe = _(null), Oe = _(0), ke = e(() => de(f(le), {
+		rowHeight: V(),
+		groupHeaderHeight: ie()
+	})), Ae = e(() => !f(ke).hasGroups && typeof V() == "number"), je = e(() => f(Ae) ? f(J) : (e) => f(ke).sizeAt(e)), Me = e(() => f(Oe) > 0 ? f(Oe) : Math.max(1, re() * f(J))), Z = H(z(() => ({
+		count: f(ke).entries.length,
+		estimateSize: f(je),
+		overscan: 6,
+		viewportHeight: f(Me)
+	})));
+	o(() => {
+		let e = f(ke).entries.length, t = f(je);
+		z(() => Z.setOptions({
+			count: e,
+			estimateSize: t
+		}));
+	}), o(() => {
+		let e = f(Me);
+		z(() => Z.setViewportHeight(e));
+	});
+	let Ne = e(() => (Z.version, Z.getVirtualItems())), Pe = e(() => (Z.version, Z.getTotalSize())), Q = he({
+		virtualizer: Z,
+		totalSize: () => f(Pe),
+		viewport: () => f(Me),
+		lineStep: () => f(J)
+	});
+	o(() => {
+		let e = K.activeIndex;
+		if (f(Y)) {
+			let t = f(ke).optionFlatIndex[e];
+			if (t == null) return;
+			z(() => Q.ensureIndexVisible(t));
+		} else queueMicrotask(() => f(pe)?.querySelector(`[data-idx="${e}"]`)?.scrollIntoView({ block: "nearest" }));
+	}), ce(n, {
+		get id() {
+			return f(W);
+		},
+		get label() {
+			return a.label;
+		},
+		get hint() {
+			return a.hint;
+		},
+		get error() {
+			return a.error;
+		},
+		get required() {
+			return oe();
+		},
+		get dir() {
+			return a.dir;
+		},
+		get block() {
+			return j();
+		},
+		children: (n, r) => {
+			var o = De(), p = N(o);
+			F(p, (e) => ({
+				class: `sv-listbox sv-listbox--${te() ?? ""}`,
+				onwheel: f(Y) ? Q.onWheel : void 0,
+				...e,
+				[b]: {
+					"is-invalid": ae(),
+					"is-virtual": f(Y),
+					"is-checkbox": D(),
+					"is-block": j()
+				},
+				[k]: {
+					"--sv-rows": re(),
+					"--sv-row-h": `${f(J)}px`
+				}
+			}), [() => K.rootProps()], void 0, void 0, "svelte-wftsyc");
+			var _ = l(p), v = (n) => {
+				var r = we(), a = N(r);
+				L(a, 21, () => f(Ne), (e) => e.key, (n, r) => {
+					let a = e(() => f(ke).entries[f(r).index]);
+					var o = t(), s = N(o), c = (e) => {
+						var t = Se();
+						let n;
+						var i = l(t, !0);
+						P(t), m(() => {
+							n = I(t, "", n, {
+								height: `${f(r).size}px`,
+								transform: `translateY(${f(r).start - Q.scrollOffset}px)`
+							}), d(i, f(a).label);
+						}), O(e, t);
+					}, u = (e) => {
+						h(e, () => f(a).opt, () => f(a).opt.index, () => f(r).size, () => f(r).start - Q.scrollOffset);
+					};
+					i(s, (e) => {
+						f(a)?.type === "group" ? e(c) : f(a) && e(u, 1);
+					}), O(n, o);
+				}), P(a);
+				var o = c(a, 2), p = (e) => {
+					var t = Ce(), n = l(t);
+					let r, i;
+					P(t), m(() => {
+						r = R(n, 1, "sv-listbox__thumb svelte-wftsyc", null, r, { "is-dragging": Q.dragging }), i = I(n, "", i, {
+							height: `${Q.thumbH}px`,
+							transform: `translateY(${Q.thumbTop}px)`
+						});
+					}), s("pointerdown", t, function(...e) {
+						Q.onTrackDown?.apply(this, e);
+					}), s("pointerdown", n, function(...e) {
+						Q.onThumbDown?.apply(this, e);
+					}), s("pointermove", n, function(...e) {
+						Q.onThumbMove?.apply(this, e);
+					}), s("pointerup", n, function(...e) {
+						Q.onThumbUp?.apply(this, e);
+					}), u("pointercancel", n, function(...e) {
+						Q.onThumbUp?.apply(this, e);
+					}), O(e, t);
+				};
+				i(o, (e) => {
+					Q.maxOffset > 0 && e(p);
+				}), s("pointerdown", a, function(...e) {
+					Q.onContentDown?.apply(this, e);
+				}), s("pointermove", a, function(...e) {
+					Q.onContentMove?.apply(this, e);
+				}), s("pointerup", a, function(...e) {
+					Q.onContentUp?.apply(this, e);
+				}), u("pointercancel", a, function(...e) {
+					Q.onContentUp?.apply(this, e);
+				}), M(a, "clientHeight", (e) => g(Oe, e)), O(n, r);
+			}, S = (e) => {
+				var n = t(), r = N(n);
+				L(r, 17, () => G(f(le)), (e) => e.group ?? " ", (e, t) => {
+					var n = Ee(), r = N(n), a = (e) => {
+						var n = Te(), r = l(n, !0);
+						P(n), m(() => d(r, f(t).group)), O(e, n);
+					};
+					i(r, (e) => {
+						f(t).group != null && e(a);
+					});
+					var o = c(r, 2);
+					L(o, 17, () => f(t).options, (e) => e.index, (e, t) => {
+						h(e, () => f(t), () => f(t).index);
+					}), O(e, n);
+				}), O(e, n);
+			};
+			i(_, (e) => {
+				f(Y) ? e(v) : e(S, -1);
+			}), P(p), y(p, (e) => g(pe, e), () => f(pe));
+			var w = c(p, 2), E = (e) => {
+				var n = t(), r = N(n);
+				L(r, 16, () => K.selectedValues, (e) => e, (e, t) => {
+					var n = X();
+					x(n), m(() => {
+						C(n, "name", a.name), T(n, t);
+					}), O(e, n);
+				}), O(e, n);
+			};
+			i(w, (e) => {
+				a.name && e(E);
+			}), O(n, o);
+		},
+		$$slots: { default: !0 }
+	}), S();
+}
+a([
+	"pointerdown",
+	"pointermove",
+	"pointerup"
+]);
+//#endregion
+//#region ../grid/dist/GridMenus.svelte
+var ke = D("<option> </option>"), Ae = D("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), je = D("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), Me = D("<option> </option>"), Z = D("<input class=\"sv-grid-menu-condition-value\" placeholder=\"To\"/>"), Ne = D("<input class=\"sv-grid-menu-condition-value\"/> <!>", 1), Pe = D("<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), Q = D("<button type=\"button\" class=\"sv-grid-menu-add-cond\">+ Add condition</button>"), Fe = D("<!>  <!>", 1), Ie = D("<span class=\"sv-grid-menu-head-note\">and the condition above</span>"), Le = D("<span class=\"sv-grid-menu-head-note\"> </span>"), Re = D("<div class=\"sv-grid-facet-empty\">No values</div>"), ze = D("<div class=\"sv-grid-facet-note\"> </div>"), Be = D("<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>"), Ve = D("<div role=\"tooltip\"> </div>"), He = D("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div>"), Ue = D("<button type=\"button\" role=\"tab\">Filter</button>"), We = D("<div class=\"sv-grid-menu-tabs\" role=\"tablist\"><button type=\"button\" role=\"tab\">General</button> <!> <button type=\"button\" role=\"tab\">Columns</button></div>"), Ge = D("<div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!>", 1), Ke = D("<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), qe = D("<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), Je = D("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n          this column</button>"), Ye = D("<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), Xe = D("<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>"), Ze = D("<!> <!> <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), Qe = D("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), $e = D("<div class=\"sv-grid-menu sv-grid-filter-menu\" role=\"menu\" tabindex=\"-1\"><!></div>"), et = D("<div class=\"sv-grid-menu sv-grid-choose-columns-menu\" role=\"menu\"><div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!></div>"), tt = D("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitemradio\"><span class=\"sv-grid-header-icon\"><!></span> </button>"), nt = D("<div class=\"sv-grid-menu sv-grid-operator-menu\" role=\"menu\"></div>"), rt = D("<div class=\"sv-grid-facet-empty\">No values</div>"), it = D("<div class=\"sv-grid-menu sv-grid-in-suggest\"><!></div>"), at = D("<div class=\"sv-grid-menu-sep\"></div>"), ot = D("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"> </button>"), st = D("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-context-menu\" role=\"menu\"></div>", 1), ct = D("<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), lt = D("<!> <!>  <!> <!> <!> <!> <!> <!> <!>", 1);
+function $(a, y) {
+	ne(y, !0);
+	let b = (a, o = E) => {
+		let p = e(() => f(J).find((e) => e.id === o())), h = e(() => f(xe)(f(p))), g = e(() => f(M)[o()]?.operator ?? f(Se)(f(p))), _ = e(() => ae(f(p)?.columnDef.editorType ?? "text")), b = e(() => se(f(p)?.columnDef.editorType) && f(g) !== "isBlank" && f(g) !== "isNotBlank" && f(g) !== "regex" && f(g) !== "in" && f(g) !== "notIn"), S = e(() => f(yt).length !== f(vt).length), k = e(() => f(g) === "isBlank" || f(g) === "isNotBlank" || (f(M)[o()]?.value ?? "").trim().length > 0), A = e(() => f(Et).size), ne = e(() => f(vt).length);
+		var F = Be(), I = l(F), re = l(I), z = l(re);
+		r(z, () => y.icon, () => "filter"), P(re), j(), P(I);
+		var B = c(I, 2);
+		L(B, 21, () => f(h), (e) => e.value, (e, t) => {
+			var n = ke(), r = l(n, !0);
+			P(n);
+			var i = {};
+			m((e) => {
+				d(r, e), i !== (i = f(t).value) && (n.value = (n.__value = f(t).value) ?? "");
+			}, [() => f(Ce)(f(t), f(p))]), O(e, n);
+		}), P(B);
+		var V;
+		w(B);
+		var H = c(B, 2), U = (r) => {
+			let a = e(() => f(M)[o()]);
+			var y = Fe(), S = N(y), E = (r) => {
+				var a = t(), s = N(a), c = (r) => {
+					var a = t(), s = N(a), c = (r) => {
+						let i = e(() => f(St)), a = e(() => oe(f(M)[o()]?.value)), s = e(() => oe(f(M)[o()]?.valueTo));
+						var c = t(), l = N(c);
+						{
+							let t = e(() => f(a) && f(s) ? [f(a), f(s)] : null);
+							n(l, () => f(i), (e, n) => {
+								n(e, {
+									get value() {
+										return f(t);
+									},
+									formatString: "yyyy-MM-dd",
+									block: !0,
+									placeholder: "Pick a range...",
+									onChange: (e) => {
+										f(ye)(o(), e ? ie(e[0]) : ""), f(be)(o(), e ? ie(e[1]) : "");
+									}
+								});
+							});
+						}
+						O(r, c);
+					};
+					i(s, (e) => {
+						f(St) && e(c);
+					}), O(r, a);
+				}, l = (r) => {
+					let i = e(() => f(xt));
+					var a = t(), s = N(a);
+					{
+						let t = e(() => (f(M)[o()]?.value ?? "") || null);
+						n(s, () => f(i), (e, n) => {
+							n(e, {
+								get value() {
+									return f(t);
+								},
+								formatString: "yyyy-MM-dd",
+								dropDownDisplayMode: "calendar",
+								block: !0,
+								nullable: !0,
+								placeholder: "Filter value...",
+								onChange: (e) => f(ye)(o(), ie(e))
+							});
+						});
+					}
+					O(r, a);
+				};
+				i(s, (e) => {
+					f(g) === "between" ? e(c) : f(xt) && e(l, 1);
+				}), O(r, a);
+			}, D = (t) => {
+				let n = e(() => f(g) === "in" || f(g) === "notIn");
+				var r = je(), a = N(r);
+				x(a);
+				var l = c(a, 2), d = (e) => {
+					var t = Ae();
+					x(t), m(() => {
+						C(t, "type", f(_)), T(t, f(M)[o()]?.valueTo ?? "");
+					}), s("input", t, (e) => f(be)(o(), e.currentTarget.value)), O(e, t);
+				};
+				i(l, (e) => {
+					f(g) === "between" && e(d);
+				}), m(() => {
+					C(a, "type", f(g) === "regex" ? "text" : f(_)), T(a, f(M)[o()]?.value ?? ""), C(a, "placeholder", f(g) === "between" ? "From" : f(n) ? "value, value..." : f(g) === "regex" ? "Pattern..." : "Filter value...");
+				}), u("focus", a, function(...e) {
+					(f(n) ? (e) => Ft(e.currentTarget, o()) : void 0)?.apply(this, e);
+				}), u("blur", a, function(...e) {
+					(f(n) ? () => f(jt)() : void 0)?.apply(this, e);
+				}), s("input", a, (e) => {
+					let t = e.currentTarget;
+					f(ye)(o(), t.value), f(n) && It(t, o());
+				}), O(t, r);
+			};
+			i(S, (e) => {
+				f(b) ? e(E) : e(D, -1);
+			});
+			var k = c(S, 2), A = (t) => {
+				let n = e(() => f(a).operator2 ?? f(Se)(f(p)));
+				var r = Pe(), u = N(r), g = l(u);
+				let y;
+				var b = c(g, 2);
+				let S;
+				var E = c(b, 2);
+				P(u);
+				var D = c(u, 2);
+				L(D, 21, () => f(h), (e) => e.value, (e, t) => {
+					var n = Me(), r = l(n, !0);
+					P(n);
+					var i = {};
+					m((e) => {
+						d(r, e), i !== (i = f(t).value) && (n.value = (n.__value = f(t).value) ?? "");
+					}, [() => f(Ce)(f(t), f(p))]), O(e, n);
+				}), P(D);
+				var k;
+				w(D);
+				var A = c(D, 2), j = (e) => {
+					var t = Ne(), r = N(t);
+					x(r);
+					var l = c(r, 2), u = (e) => {
+						var t = Z();
+						x(t), m(() => {
+							C(t, "type", f(_)), T(t, f(a).valueTo2 ?? "");
+						}), s("input", t, (e) => X(o(), { valueTo2: e.currentTarget.value })), O(e, t);
+					};
+					i(l, (e) => {
+						f(n) === "between" && e(u);
+					}), m(() => {
+						C(r, "type", f(_)), T(r, f(a).value2 ?? ""), C(r, "placeholder", f(n) === "between" ? "From" : "Filter value...");
+					}), s("input", r, (e) => X(o(), { value2: e.currentTarget.value })), O(e, t);
+				};
+				i(A, (e) => {
+					f(n) !== "isBlank" && e(j);
+				}), m(() => {
+					y = R(g, 1, "", null, y, { "is-on": (f(a).join ?? "AND") === "AND" }), S = R(b, 1, "", null, S, { "is-on": f(a).join === "OR" }), k !== (k = f(n)) && (D.value = (D.__value = f(n)) ?? "", v(D, f(n)));
+				}), s("click", g, () => X(o(), { join: "AND" })), s("click", b, () => X(o(), { join: "OR" })), s("click", E, () => X(o(), {
+					operator2: void 0,
+					value2: void 0,
+					valueTo2: void 0,
+					join: void 0
+				})), s("change", D, (e) => X(o(), { operator2: e.currentTarget.value })), O(t, r);
+			}, j = (e) => {
+				var t = Q();
+				s("click", t, () => X(o(), {
+					operator2: f(Se)(f(p)),
+					value2: "",
+					join: "AND"
+				})), O(e, t);
+			};
+			i(k, (e) => {
+				f(a)?.operator2 ? e(A) : e(j, -1);
+			}), O(r, y);
+		};
+		i(H, (e) => {
+			f(g) !== "isBlank" && f(g) !== "isNotBlank" && e(U);
+		});
+		var W = c(H, 4), ce = c(l(W)), le = (e) => {
+			var t = Ie();
+			O(e, t);
+		}, ue = (e) => {
+			var t = Le(), n = l(t);
+			P(t), m(() => d(n, `${f(A) ?? ""} of ${f(ne) ?? ""}`)), O(e, t);
+		};
+		i(ce, (e) => {
+			f(k) ? e(le) : f(A) < f(ne) && e(ue, 1);
+		}), P(W);
+		var G = c(W, 2);
+		x(G);
+		var de = c(G, 2), K = l(de);
+		x(K);
+		var q = c(K, 2), fe = l(q, !0);
+		P(q), P(de);
+		var Y = c(de, 2), pe = (t) => {
+			{
+				let n = e(() => f(Tt).length > Pt);
+				Oe(t, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return f(n);
+					},
+					get rows() {
+						return f(bt);
+					},
+					rowHeight: 24,
+					size: "sm",
+					ariaLabel: "Filter values",
+					get options() {
+						return f(Tt);
+					},
+					get value() {
+						return f(Et);
+					},
+					onChange: (e) => f(Dt)(o(), e)
+				});
+			}
+		}, me = (e) => {
+			var t = Re();
+			O(e, t);
+		};
+		i(Y, (e) => {
+			f(Tt).length ? e(pe) : e(me, -1);
+		});
+		var he = c(Y, 2), ge = (e) => {
+			var t = ze(), n = l(t);
+			P(t), m(() => d(n, `Showing ${f(yt).length ?? ""} of ${f(vt).length ?? ""}`)), O(e, t);
+		};
+		i(he, (e) => {
+			f(vt).length > f(yt).length && e(ge);
+		});
+		var _e = c(he, 2), we = l(_e), Te = c(we, 2);
+		P(_e), P(F), m((e, t) => {
+			V !== (V = f(g)) && (B.value = (B.__value = f(g)) ?? "", v(B, f(g))), ee(K, e), d(fe, f(S) ? "(Select all results)" : "(Select all)"), we.disabled = t;
+		}, [() => f(Mt)(o()), () => !f(De)(o())]), s("change", B, (e) => f(ve)(o(), e.currentTarget.value)), te(G, () => D().columnMenuSearch, (e) => D().columnMenuSearch = e), s("change", K, () => f(Nt)(o())), s("click", we, () => f(Bt)(o())), s("click", Te, function(...e) {
+			f($)?.apply(this, e);
+		}), O(a, F);
+	}, D = A(y, "ctrl", 7), k = e(() => D().groupingControlsEnabled), M = e(() => D().filterMenuValues), F = e(() => D().tooltip), z = e(() => D().columnMenuFor), H = e(() => D().columnMenuPos), U = e(() => D().filterMenuFor), W = e(() => D().filterMenuPos), ce = e(() => D().operatorMenuFor), ue = e(() => D().operatorMenuPos), G = e(() => D().chooseColumnsPos), de = e(() => D().showColumnFiltersEffective), K = e(() => D().props.columnMenuTabs === !0), q = e(() => D().grid), J = e(() => D().allColumns), fe = e(() => D().isColumnPinned), Y = e(() => D().pinColumnLeft), pe = e(() => D().pinColumnRight), me = e(() => D().unpinColumn), he = e(() => D().sortDirectionByColumn), ge = e(() => D().groupingColumns), _e = e(() => D().columnVirtualizationEnabled), ve = e(() => D().updateFilterOperator), ye = e(() => D().updateFilterMenuValue), be = e(() => D().updateFilterMenuValueTo), xe = e(() => D().operatorsForColumn), Se = e(() => D().defaultOperatorFor), Ce = e(() => D().operatorLabelFor), we = e(() => D().filterRowValues), Te = e(() => D().inSuggestFor), Ee = e(() => D().inSuggestPos);
+	function X(e, t) {
+		let n = f(J).find((t) => t.id === e), r = D().filterMenuValues[e] ?? {
+			operator: f(Se)(n),
+			value: ""
+		};
+		D().filterMenuValues = {
+			...D().filterMenuValues,
+			[e]: {
+				...r,
+				...t
+			}
+		};
+	}
+	let De = e(() => D().isColumnFiltered), $ = e(() => D().closeMenus);
+	o(() => {
+		if (!(f(z) || f(U) || f(ce) || f(G) || f(Vt) || f(Gt))) return;
+		let e = () => {
+			f($)(), f(Wt)(), D().commentEditFor && f(Kt)();
+		}, t = le(() => Array.from(document.querySelectorAll(`.sv-grid-menu[data-svgrid-menu="${D().gridDomId}"]`)), e);
+		return window.addEventListener("resize", e), () => {
+			t(), window.removeEventListener("resize", e);
+		};
+	});
+	let ut = e(() => D().autosizeColumn), dt = e(() => D().autosizeAllColumns), ft = e(() => D().resetColumns), pt = e(() => D().openChooseColumns), mt = e(() => D().sortColumnFromMenu), ht = e(() => D().clearColumnSort), gt = e(() => D().groupByColumnFromMenu), _t = e(() => D().clearGroupingFromMenu), vt = e(() => D().columnMenuFacetValues), yt = e(() => D().columnMenuVisibleFacets), bt = e(function() {
+		if (typeof window > "u") return 7;
+		let e = (f(U) ? f(W).y : f(H).y) || 0, t = window.innerHeight - e - 320;
+		return Math.max(7, Math.min(16, Math.floor(t / 24)));
+	}), xt = _(null), St = _(null);
+	o(() => {
+		let e = f(U) ?? f(z);
+		if (!e) return;
+		let t = f(J).find((t) => t.id === e);
+		se(t?.columnDef.editorType) && (f(xt) || import("./SvDateTimePicker-DVFiDxUq.js").then((e) => g(xt, e.default, !0)), f(St) || import("./SvDateRangeInput-u4ibte8S.js").then((e) => g(St, e.default, !0)));
+	});
+	function Ct(e) {
+		requestAnimationFrame(() => {
+			e.querySelector(".sv-grid-menu-condition-value, .sv-dtp__input, .sv-dri__input, .sv-grid-menu-search")?.focus({ preventScroll: !0 });
+		});
+	}
+	function wt(e) {
+		if (e.key !== "Enter" || e.shiftKey) return;
+		let t = e.target;
+		t?.closest(".sv-listbox") || t?.tagName === "BUTTON" || (e.preventDefault(), f($)());
+	}
+	let Tt = e(() => D().columnMenuFacetOptions), Et = e(() => D().columnMenuSelectedFacets), Dt = e(() => D().setFacetSelection), Ot = e(() => D().setFilterTokens), kt = e(() => D().inSuggestOptions), At = e(() => D().openInSuggest), jt = e(() => D().closeInSuggest), Mt = e(() => D().isAllFacetsChecked), Nt = e(() => D().toggleAllFacets), Pt = 40;
+	function Ft(e, t) {
+		f(At)(e, t), D().inSuggestQuery = B(e.value);
+	}
+	function It(e, t) {
+		D().inSuggestQuery = B(e.value), D().inSuggestFor !== t && f(At)(e, t);
+	}
+	function Lt(e) {
+		return e.map((e) => ({
+			value: e.id,
+			label: typeof e.columnDef.header == "string" ? e.columnDef.header : e.id
+		}));
+	}
+	function Rt(e) {
+		let t = /* @__PURE__ */ new Set();
+		for (let n of e) D().hiddenColumns[n.id] || t.add(n.id);
+		return t;
+	}
+	function zt(e, t) {
+		let n = { ...D().hiddenColumns };
+		for (let r of e) t.has(r.id) ? delete n[r.id] : n[r.id] = !0;
+		D().hiddenColumns = n;
+	}
+	let Bt = e(() => D().clearColumnFilter), Vt = e(() => D().contextMenuFor), Ht = e(() => D().contextMenuPos), Ut = e(() => D().contextMenuItems), Wt = e(() => D().closeContextMenu), Gt = e(() => D().commentEditFor), Kt = e(() => D().saveComment), qt = e(() => D().removeComment), Jt = e(() => D().closeCommentEditor);
+	var Yt = lt(), Xt = N(Yt), Zt = (e) => {
+		var t = Ve();
+		let n;
+		var r = l(t, !0);
+		P(t), m(() => {
+			n = R(t, 1, "sv-grid-tooltip", null, n, { "sv-grid-tooltip-above": !f(F).below }), I(t, `left: ${f(F).x}px; top: ${f(F).y}px; ${f(F).below ? "" : "transform: translateY(-100%);"}`), d(r, f(F).text);
+		}), O(e, t);
+	};
+	i(Xt, (e) => {
+		f(F) && e(Zt);
+	});
+	var Qt = c(Xt, 2), $t = (e) => {
+		var t = He();
+		s("click", t, function(...e) {
+			f($)?.apply(this, e);
+		}), O(e, t);
+	};
+	i(Qt, (e) => {
+		(f(z) || f(U) || f(ce) || f(G)) && e($t);
+	});
+	var en = c(Qt, 2), tn = (t) => {
+		let n = e(() => f(z)), a = e(() => f(J).find((e) => e.id === f(n))), o = e(() => f(a)?.getCanSort?.() ?? !1), u = e(() => f(a)?.columnDef.field != null && f(a)?.columnDef.filterable !== !1), d = e(() => D().columnMenuTab);
+		var p = Qe(), h = l(p), g = (e) => {
+			var t = We(), n = l(t);
+			let r;
+			var a = c(n, 2), o = (e) => {
+				var t = Ue();
+				let n;
+				m(() => {
+					n = R(t, 1, "sv-grid-menu-tab", null, n, { "is-active": f(d) === "filter" }), C(t, "aria-selected", f(d) === "filter");
+				}), s("click", t, () => D().columnMenuTab = "filter"), O(e, t);
+			};
+			i(a, (e) => {
+				f(u) && f(de) && e(o);
+			});
+			var p = c(a, 2);
+			let h;
+			P(t), m(() => {
+				r = R(n, 1, "sv-grid-menu-tab", null, r, { "is-active": f(d) === "general" }), C(n, "aria-selected", f(d) === "general"), h = R(p, 1, "sv-grid-menu-tab", null, h, { "is-active": f(d) === "columns" }), C(p, "aria-selected", f(d) === "columns");
+			}), s("click", n, () => D().columnMenuTab = "general"), s("click", p, () => D().columnMenuTab = "columns"), O(e, t);
+		};
+		i(h, (e) => {
+			f(K) && e(g);
+		});
+		var _ = c(h, 2), v = (e) => {
+			b(e, () => f(n));
+		}, x = (t) => {
+			let n = e(() => f(q).getAllColumns());
+			var r = Ge(), i = c(N(r), 2);
+			{
+				let t = e(() => f(n).length > 40), r = e(() => Lt(f(n))), a = e(() => Rt(f(n)));
+				Oe(i, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return f(t);
+					},
+					rows: 9,
+					rowHeight: 24,
+					size: "sm",
+					ariaLabel: "Visible columns",
+					get options() {
+						return f(r);
+					},
+					get value() {
+						return f(a);
+					},
+					onChange: (e) => zt(f(n), e)
+				});
+			}
+			O(t, r);
+		}, S = (t) => {
+			var a = Ze(), u = N(a), d = (e) => {
+				var t = Ke(), i = N(t), a = l(i), o = l(a);
+				r(o, () => y.icon, () => "sort-asc"), P(a), j(), P(i);
+				var u = c(i, 2), d = l(u), p = l(d);
+				r(p, () => y.icon, () => "sort-desc"), P(d), j(), P(u);
+				var h = c(u, 2), g = l(h), _ = l(g);
+				r(_, () => y.icon, () => "x"), P(g), j(), P(h), m(() => h.disabled = !f(he)[f(n)]), s("click", i, () => f(mt)(f(n), !1)), s("click", u, () => f(mt)(f(n), !0)), s("click", h, () => f(ht)(f(n))), O(e, t);
+			};
+			i(u, (e) => {
+				f(o) && e(d);
+			});
+			var p = c(u, 2), h = (t) => {
+				let i = e(() => f(fe)(f(n)));
+				var a = qe(), o = c(N(a), 2), u = l(o), d = l(u);
+				r(d, () => y.icon, () => "op-startsWith"), P(u), j(), P(o);
+				var p = c(o, 2), h = l(p), g = l(h);
+				r(g, () => y.icon, () => "op-greaterThan"), P(h), j(), P(p);
+				var _ = c(p, 2), v = l(_), b = l(v);
+				r(b, () => y.icon, () => "x"), P(v), j(), P(_), m(() => {
+					o.disabled = f(i) === "left", p.disabled = f(i) === "right", _.disabled = !f(i);
+				}), s("click", o, () => f(Y)(f(n))), s("click", p, () => f(pe)(f(n))), s("click", _, () => f(me)(f(n))), O(t, a);
+			};
+			i(p, (e) => {
+				f(_e) || e(h);
+			});
+			var g = c(p, 4), _ = (e) => {
+				var t = Je(), i = l(t), a = l(i);
+				r(a, () => y.icon, () => "autosize"), P(i), j(), P(t), s("click", t, () => {
+					f(ut)(f(n)), f($)();
+				}), O(e, t);
+			}, v = e(() => D().columnResizable(f(n)));
+			i(g, (e) => {
+				f(v) && e(_);
+			});
+			var b = c(g, 2), x = l(b), S = l(x);
+			r(S, () => y.icon, () => "autosize"), P(x), j(), P(b);
+			var w = c(b, 2), T = (e) => {
+				var t = Ye(), i = c(N(t), 2), a = l(i), o = l(a);
+				r(o, () => y.icon, () => "group"), P(a), j(), P(i);
+				var u = c(i, 2), d = l(u), p = l(d);
+				r(p, () => y.icon, () => "x"), P(d), j(), P(u), m((e, t) => {
+					i.disabled = e, u.disabled = t;
+				}, [() => f(ge).includes(f(n)), () => !f(ge).includes(f(n))]), s("click", i, () => f(gt)(f(n))), s("click", u, () => f(_t)(f(n))), O(e, t);
+			};
+			i(w, (e) => {
+				f(k) && e(T);
+			});
+			var E = c(w, 4), A = (e) => {
+				var t = Xe();
+				let n;
+				var i = l(t), a = l(i);
+				r(a, () => y.icon, () => "columns"), P(i);
+				var o = c(i, 2), u = l(o);
+				r(u, () => y.icon, () => "chevron-down"), P(o), P(t), m(() => {
+					n = R(t, 1, "sv-grid-menu-item", null, n, { "is-open": f(G) !== null }), C(t, "aria-expanded", f(G) !== null);
+				}), s("click", t, (e) => f(pt)(e)), O(e, t);
+			};
+			i(E, (e) => {
+				f(K) || e(A);
+			});
+			var M = c(E, 2), ee = l(M), te = l(ee);
+			r(te, () => y.icon, () => "reset"), P(ee), j(), P(M), s("click", b, () => {
+				f(dt)(), f($)();
+			}), s("click", M, () => {
+				f(ft)(), f($)();
+			}), O(t, a);
+		};
+		i(_, (e) => {
+			f(K) && f(d) === "filter" && f(u) && f(de) ? e(v) : f(K) && f(d) === "columns" ? e(x, 1) : e(S, -1);
+		}), P(p), m(() => {
+			C(p, "data-svgrid-menu", D().gridDomId), I(p, `left: ${f(H).x}px; top: ${f(H).y}px; max-height: calc(100vh - ${f(H).y}px - 12px);`);
+		}), O(t, p);
+	};
+	i(en, (e) => {
+		f(z) && e(tn);
+	});
+	var nn = c(en, 2), rn = (e) => {
+		var t = $e(), n = l(t);
+		b(n, () => f(U)), P(t), re(t, (e) => Ct?.(e)), m(() => {
+			C(t, "data-svgrid-menu", D().gridDomId), I(t, `left: ${f(W).x}px; top: ${f(W).y}px; max-height: calc(100vh - ${f(W).y}px - 12px);`);
+		}), s("keydown", t, wt), O(e, t);
+	};
+	i(nn, (e) => {
+		f(U) && f(de) && e(rn);
+	});
+	var an = c(nn, 2), on = (t) => {
+		let n = e(() => f(q).getAllColumns());
+		var r = et(), i = c(l(r), 2);
+		{
+			let t = e(() => f(n).length > 40), r = e(() => Lt(f(n))), a = e(() => Rt(f(n)));
+			Oe(i, {
+				block: !0,
+				checkbox: !0,
+				multiple: !0,
+				get virtual() {
+					return f(t);
+				},
+				rows: 11,
+				rowHeight: 24,
+				size: "sm",
+				ariaLabel: "Visible columns",
+				get options() {
+					return f(r);
+				},
+				get value() {
+					return f(a);
+				},
+				onChange: (e) => zt(f(n), e)
+			});
+		}
+		P(r), m(() => {
+			C(r, "data-svgrid-menu", D().gridDomId), I(r, `left: ${f(G).x}px; top: ${f(G).y}px;`);
+		}), O(t, r);
+	};
+	i(an, (e) => {
+		f(G) && e(on);
+	});
+	var sn = c(an, 2), cn = (t) => {
+		let n = e(() => f(ce)), i = e(() => f(J).find((e) => e.id === f(n))), a = e(() => f(xe)(f(i))), o = e(() => f(M)[f(n)]?.operator ?? f(Se)(f(i)));
+		var u = nt();
+		L(u, 21, () => f(a), (e) => e.value, (e, t) => {
+			var a = tt(), u = l(a), p = l(u);
+			r(p, () => y.icon, () => f(t).iconName), P(u);
+			var h = c(u);
+			P(a), m((e) => {
+				C(a, "aria-checked", f(o) === f(t).value), d(h, ` ${e ?? ""}`);
+			}, [() => f(Ce)(f(t), f(i))]), s("click", a, () => {
+				f(ve)(f(n), f(t).value), f($)();
+			}), O(e, a);
+		}), P(u), m(() => {
+			C(u, "data-svgrid-menu", D().gridDomId), I(u, `left: ${f(ue).x}px; top: ${f(ue).y}px;`);
+		}), O(t, u);
+	};
+	i(sn, (e) => {
+		f(ce) && e(cn);
+	});
+	var ln = c(sn, 2), un = (t) => {
+		let n = e(() => f(Te)), r = e(() => new Set(V(f(we)[f(n)] ?? "")));
+		var a = it(), o = l(a), c = (t) => {
+			{
+				let i = e(() => f(kt).length > 40);
+				Oe(t, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return f(i);
+					},
+					rows: 8,
+					rowHeight: 26,
+					size: "sm",
+					ariaLabel: "Filter values",
+					get options() {
+						return f(kt);
+					},
+					get value() {
+						return f(r);
+					},
+					onChange: (e) => {
+						let t = new Set(e), r = B(f(we)[f(n)] ?? "");
+						r && t.delete(r), f(Ot)(f(n), [...t]), D().inSuggestQuery = "";
+					}
+				});
+			}
+		}, u = (e) => {
+			var t = rt();
+			O(e, t);
+		};
+		i(o, (e) => {
+			f(kt).length ? e(c) : e(u, -1);
+		}), P(a), m(() => {
+			C(a, "data-svgrid-menu", D().gridDomId), I(a, `left: ${f(Ee).x}px; top: ${f(Ee).y}px;`);
+		}), s("mousedown", a, (e) => e.preventDefault()), O(t, a);
+	};
+	i(ln, (e) => {
+		f(Te) && e(un);
+	});
+	var dn = c(ln, 2), fn = (e) => {
+		var n = st(), r = N(n), a = c(r, 2);
+		L(a, 21, () => f(Ut)(), (e) => e.key, (e, n) => {
+			var r = t(), a = N(r), o = (e) => {
+				var t = at();
+				O(e, t);
+			}, c = (e) => {
+				var t = ot(), r = l(t, !0);
+				P(t), m(() => {
+					t.disabled = f(n).disabled, d(r, f(n).label);
+				}), s("click", t, () => {
+					f(n).run?.(), f(Wt)();
+				}), O(e, t);
+			};
+			i(a, (e) => {
+				f(n).separator ? e(o) : e(c, -1);
+			}), O(e, r);
+		}), P(a), m(() => {
+			C(a, "data-svgrid-menu", D().gridDomId), I(a, `left: ${f(Ht).x}px; top: ${f(Ht).y}px;`);
+		}), s("contextmenu", r, (e) => {
+			e.preventDefault(), f(Wt)();
+		}), s("click", r, function(...e) {
+			f(Wt)?.apply(this, e);
+		}), O(e, n);
+	};
+	i(dn, (e) => {
+		f(Vt) && e(fn);
+	});
+	var pn = c(dn, 2), mn = (e) => {
+		var t = ct(), n = N(t), r = c(n, 2), i = l(r);
+		h(i), p(i, !0);
+		var a = c(i, 2), o = l(a), u = c(o, 4), d = c(u, 2);
+		P(a), P(r), m(() => {
+			C(r, "data-svgrid-menu", D().gridDomId), I(r, `left: ${f(Gt).x}px; top: ${f(Gt).y}px;`);
+		}), s("click", n, function(...e) {
+			f(Jt)?.apply(this, e);
+		}), s("keydown", i, (e) => {
+			e.stopPropagation(), e.key === "Escape" && (e.preventDefault(), f(Jt)()), e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), f(Kt)());
+		}), te(i, () => D().commentDraft, (e) => D().commentDraft = e), s("click", o, function(...e) {
+			f(qt)?.apply(this, e);
+		}), s("click", u, function(...e) {
+			f(Jt)?.apply(this, e);
+		}), s("click", d, function(...e) {
+			f(Kt)?.apply(this, e);
+		}), O(e, t);
+	};
+	i(pn, (e) => {
+		f(Gt) && e(mn);
+	}), O(a, Yt), S();
+}
+a([
+	"change",
+	"input",
+	"click",
+	"keydown",
+	"mousedown",
+	"contextmenu"
+]);
+//#endregion
+export { $ as default };