@svgrid/grid 3.0.0 → 3.0.2

package/dist/cdn/GridMenus-M2XP9t0_.js

@@ -0,0 +1,603 @@
+import { Gn as e, fo as t, po as n } from "./src-DNbz94Ct.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), h = c.from_html("<button type=\"button\" class=\"sv-grid-menu-add-cond\">+ Add condition</button>"), g = c.from_html("<!>  <!>", 1), _ = c.from_html("<span class=\"sv-grid-menu-head-note\">and the condition above</span>"), v = c.from_html("<span class=\"sv-grid-menu-head-note\"> </span>"), y = c.from_html("<div class=\"sv-grid-facet-empty\">No values</div>"), b = c.from_html("<div class=\"sv-grid-facet-note\"> </div>"), te = c.from_html("<div class=\"sv-grid-menu-filter\"><div class=\"sv-grid-menu-filter-head\"><span class=\"sv-grid-header-icon\"><!></span> Filter\n        condition</div> <select class=\"sv-grid-menu-operator-select\" aria-label=\"Filter condition\"></select> <!> <div class=\"sv-grid-menu-sep\"></div> <div class=\"sv-grid-menu-filter-head\">Values <!></div> <span class=\"sv-grid-menu-search-wrap\"><!> <input class=\"sv-grid-menu-search\" placeholder=\"Search values...\"/></span> <label class=\"sv-grid-facet sv-grid-facet-all\"><input type=\"checkbox\"/> <span class=\"sv-grid-facet-label\"> </span></label> <!> <!> <div class=\"sv-grid-menu-actions\"><button type=\"button\" class=\"sv-grid-menu-btn\">Clear filter</button> <button type=\"button\" class=\"sv-grid-menu-btn sv-grid-menu-btn-primary\">Done</button></div></div>"), ne = c.from_html("<div role=\"tooltip\"> </div>"), x = c.from_html("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div>"), S = c.from_html("<button type=\"button\" role=\"tab\">Filter</button>"), re = c.from_html("<div class=\"sv-grid-menu-tabs\" role=\"tablist\"><button type=\"button\" role=\"tab\">General</button> <!> <button type=\"button\" role=\"tab\">Columns</button></div>"), ie = c.from_html("<div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!>", 1), ae = c.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Sort\n          ascending</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Sort\n          descending</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Remove sort</button>", 1), oe = c.from_html("<div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Pin to left</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Pin to right</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Unpin column</button>", 1), se = c.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n          this column</button>"), C = c.from_html("<div class=\"sv-grid-menu-sep\"></div> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Group\n          by this column</button> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Remove grouping</button>", 1), w = c.from_html("<button type=\"button\" role=\"menuitem\" aria-haspopup=\"menu\"><span class=\"sv-grid-header-icon\"><!></span> Choose columns <span class=\"sv-grid-header-icon sv-grid-menu-item-chevron\"><!></span></button>"), T = c.from_html("<!> <!> <div class=\"sv-grid-menu-sep\"></div> <!> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Autosize\n        all columns</button> <!> <div class=\"sv-grid-menu-sep\"></div> <!> <button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"><span class=\"sv-grid-header-icon\"><!></span> Reset columns</button>", 1), ce = c.from_html("<div class=\"sv-grid-menu sv-grid-column-menu\" role=\"menu\"><!> <!></div>"), E = c.from_html("<div class=\"sv-grid-menu sv-grid-filter-menu\" role=\"menu\" tabindex=\"-1\"><!></div>"), le = c.from_html("<div class=\"sv-grid-menu sv-grid-choose-columns-menu\" role=\"menu\"><div class=\"sv-grid-menu-filter-head\">Visible columns</div> <!></div>"), ue = c.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitemradio\"><span class=\"sv-grid-header-icon\"><!></span> </button>"), de = c.from_html("<div class=\"sv-grid-menu sv-grid-operator-menu\" role=\"menu\"></div>"), D = c.from_html("<div class=\"sv-grid-facet-empty\">No values</div>"), fe = c.from_html("<div class=\"sv-grid-menu sv-grid-in-suggest\"><!></div>"), pe = c.from_html("<div class=\"sv-grid-menu-sep\"></div>"), me = c.from_html("<button type=\"button\" class=\"sv-grid-menu-item\" role=\"menuitem\"> </button>"), O = c.from_html("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-context-menu\" role=\"menu\"></div>", 1), he = c.from_html("<div class=\"sv-grid-menu-backdrop\" role=\"presentation\"></div> <div class=\"sv-grid-menu sv-grid-comment-editor\" role=\"dialog\" aria-label=\"Edit comment\"><textarea class=\"sv-grid-comment-textarea\" rows=\"3\" placeholder=\"Add a comment…\"></textarea> <div class=\"sv-grid-comment-actions\"><button type=\"button\" class=\"sv-grid-comment-remove\">Remove</button> <span class=\"sv-grid-comment-spacer\"></span> <button type=\"button\" class=\"sv-grid-comment-cancel\">Cancel</button> <button type=\"button\" class=\"sv-grid-comment-save\">Save</button></div></div>", 1), ge = c.from_html("<!> <!>  <!> <!> <!> <!> <!> <!> <!>", 1);
+function k(k, A) {
+	c.push(A, !0);
+	let j = (t, n = c.noop) => {
+		let s = c.derived(() => c.get(W).find((e) => e.id === n())), ne = c.derived(() => c.get(ke)(c.get(s))), x = c.derived(() => c.get(N)[n()]?.operator ?? c.get(G)(c.get(s))), S = c.derived(() => r(c.get(s)?.columnDef.editorType ?? "text")), re = c.derived(() => a(c.get(s)?.columnDef.editorType) && c.get(x) !== "isBlank" && c.get(x) !== "isNotBlank" && c.get(x) !== "regex" && c.get(x) !== "in" && c.get(x) !== "notIn"), ie = c.derived(() => c.get(He).length !== c.get(Y).length), ae = c.derived(() => c.get(x) === "isBlank" || c.get(x) === "isNotBlank" || (c.get(N)[n()]?.value ?? "").trim().length > 0), oe = c.derived(() => c.get(qe).size), se = c.derived(() => c.get(Y).length);
+		var C = te(), w = c.child(C), T = c.child(w), ce = c.child(T);
+		c.snippet(ce, () => A.icon, () => "filter"), c.reset(T), c.next(), c.reset(w);
+		var E = c.sibling(w, 2);
+		c.each(E, 21, () => c.get(ne), (e) => e.value, (e, t) => {
+			var n = l(), r = c.child(n, !0);
+			c.reset(n);
+			var i = {};
+			c.template_effect((e) => {
+				c.set_text(r, e), i !== (i = c.get(t).value) && (n.value = (n.__value = c.get(t).value) ?? "");
+			}, [() => c.get(K)(c.get(t), c.get(s))]), c.append(e, n);
+		}), c.reset(E);
+		var le;
+		c.init_select(E);
+		var ue = c.sibling(E, 2), de = (e) => {
+			let t = c.derived(() => c.get(N)[n()]);
+			var r = g(), a = c.first_child(r), l = (e) => {
+				var t = c.comment(), r = c.first_child(t), a = (e) => {
+					var t = c.comment(), r = c.first_child(t), a = (e) => {
+						let t = c.derived(() => c.get(Z)), r = c.derived(() => i(c.get(N)[n()]?.value)), a = c.derived(() => i(c.get(N)[n()]?.valueTo));
+						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);
+							c.component(l, () => c.get(t), (t, r) => {
+								r(t, {
+									get value() {
+										return c.get(e);
+									},
+									formatString: "yyyy-MM-dd",
+									block: !0,
+									placeholder: "Pick a range...",
+									onChange: (e) => {
+										c.get(De)(n(), e ? o(e[0]) : ""), c.get(Oe)(n(), e ? o(e[1]) : "");
+									}
+								});
+							});
+						}
+						c.append(e, s);
+					};
+					c.if(r, (e) => {
+						c.get(Z) && e(a);
+					}), c.append(e, t);
+				}, s = (e) => {
+					let t = c.derived(() => c.get(X));
+					var r = c.comment(), i = c.first_child(r);
+					{
+						let e = c.derived(() => (c.get(N)[n()]?.value ?? "") || null);
+						c.component(i, () => c.get(t), (t, r) => {
+							r(t, {
+								get value() {
+									return c.get(e);
+								},
+								formatString: "yyyy-MM-dd",
+								dropDownDisplayMode: "calendar",
+								block: !0,
+								nullable: !0,
+								placeholder: "Filter value...",
+								onChange: (e) => c.get(De)(n(), o(e))
+							});
+						});
+					}
+					c.append(e, r);
+				};
+				c.if(r, (e) => {
+					c.get(x) === "between" ? e(a) : c.get(X) && e(s, 1);
+				}), c.append(e, t);
+			}, _ = (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(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(x) === "between" && e(o);
+				}), c.template_effect(() => {
+					c.set_attribute(i, "type", c.get(x) === "regex" ? "text" : c.get(S)), c.set_value(i, c.get(N)[n()]?.value ?? ""), c.set_attribute(i, "placeholder", c.get(x) === "between" ? "From" : c.get(t) ? "value, value..." : c.get(x) === "regex" ? "Pattern..." : "Filter value...");
+				}), c.event("focus", i, function(...e) {
+					(c.get(t) ? (e) => nt(e.currentTarget, n()) : void 0)?.apply(this, e);
+				}), c.event("blur", i, function(...e) {
+					(c.get(t) ? () => c.get(Qe)() : void 0)?.apply(this, e);
+				}), c.delegated("input", i, (e) => {
+					let r = e.currentTarget;
+					c.get(De)(n(), r.value), c.get(t) && rt(r, n());
+				}), c.append(e, r);
+			};
+			c.if(a, (e) => {
+				c.get(re) ? e(l) : e(_, -1);
+			});
+			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 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(_);
+				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(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(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(y, (e) => {
+					c.get(r) !== "isBlank" && e(b);
+				}), c.template_effect(() => {
+					l = c.set_class(o, 1, "", null, l, { "is-on": (c.get(t).join ?? "AND") === "AND" }), d = c.set_class(u, 1, "", null, d, { "is-on": c.get(t).join === "OR" }), v !== (v = c.get(r)) && (_.value = (_.__value = c.get(r)) ?? "", c.select_option(_, c.get(r)));
+				}), c.delegated("click", o, () => q(n(), { join: "AND" })), c.delegated("click", u, () => q(n(), { join: "OR" })), c.delegated("click", h, () => q(n(), {
+					operator2: void 0,
+					value2: void 0,
+					valueTo2: void 0,
+					join: void 0
+				})), c.delegated("change", _, (e) => q(n(), { operator2: e.currentTarget.value })), c.append(e, i);
+			}, 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(v, (e) => {
+				c.get(t)?.operator2 ? e(y) : e(b, -1);
+			}), c.append(e, r);
+		};
+		c.if(ue, (e) => {
+			c.get(x) !== "isBlank" && c.get(x) !== "isNotBlank" && e(de);
+		});
+		var D = c.sibling(ue, 4), fe = c.sibling(c.child(D)), pe = (e) => {
+			var t = _();
+			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(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 _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, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return c.get(r);
+					},
+					get rows() {
+						return c.get(Ue);
+					},
+					rowHeight: 24,
+					size: "sm",
+					ariaLabel: "Filter values",
+					get options() {
+						return c.get(Ke);
+					},
+					get value() {
+						return c.get(qe);
+					},
+					onChange: (e) => c.get(Je)(n(), e)
+				});
+			}
+		}, L = (e) => {
+			var t = y();
+			c.append(e, t);
+		};
+		c.if(F, (e) => {
+			c.get(Ke).length ? e(I) : e(L, -1);
+		});
+		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), H = c.sibling(V, 2);
+		c.reset(B), c.reset(C), c.template_effect((e, t) => {
+			le !== (le = c.get(x)) && (E.value = (E.__value = c.get(x)) ?? "", c.select_option(E, c.get(x))), c.set_checked(j, e), c.set_text(P, c.get(ie) ? "(Select all results)" : "(Select all)"), V.disabled = t;
+		}, [() => c.get($e)(n()), () => !c.get(Ne)(n())]), c.delegated("change", E, (e) => c.get(Ee)(n(), e.currentTarget.value)), c.bind_value(ge, () => M().columnMenuSearch, (e) => M().columnMenuSearch = e), c.delegated("change", j, () => c.get(et)(n())), c.delegated("click", V, () => c.get(st)(n())), c.delegated("click", H, function(...e) {
+			c.get(J)?.apply(this, e);
+		}), c.append(t, C);
+	}, M = c.prop(A, "ctrl", 7), _e = c.derived(() => M().groupingControlsEnabled), N = c.derived(() => M().filterMenuValues), P = c.derived(() => M().tooltip), F = c.derived(() => M().columnMenuFor), I = c.derived(() => M().columnMenuPos), L = c.derived(() => M().filterMenuFor), R = c.derived(() => M().filterMenuPos), z = c.derived(() => M().operatorMenuFor), B = c.derived(() => M().operatorMenuPos), V = c.derived(() => M().chooseColumnsPos), H = c.derived(() => M().showColumnFiltersEffective), U = c.derived(() => M().props.columnMenuTabs === !0), ve = c.derived(() => M().grid), W = c.derived(() => M().allColumns), ye = c.derived(() => M().isColumnPinned), be = c.derived(() => M().pinColumnLeft), xe = c.derived(() => M().pinColumnRight), Se = c.derived(() => M().unpinColumn), Ce = c.derived(() => M().sortDirectionByColumn), we = c.derived(() => M().groupingColumns), Te = c.derived(() => M().columnVirtualizationEnabled), Ee = c.derived(() => M().updateFilterOperator), De = c.derived(() => M().updateFilterMenuValue), Oe = c.derived(() => M().updateFilterMenuValueTo), ke = c.derived(() => M().operatorsForColumn), G = c.derived(() => M().defaultOperatorFor), K = c.derived(() => M().operatorLabelFor), Ae = c.derived(() => M().filterRowValues), je = c.derived(() => M().inSuggestFor), Me = c.derived(() => M().inSuggestPos);
+	function q(e, t) {
+		let n = c.get(W).find((t) => t.id === e), r = M().filterMenuValues[e] ?? {
+			operator: c.get(G)(n),
+			value: ""
+		};
+		M().filterMenuValues = {
+			...M().filterMenuValues,
+			[e]: {
+				...r,
+				...t
+			}
+		};
+	}
+	let Ne = c.derived(() => M().isColumnFiltered), J = c.derived(() => M().closeMenus);
+	c.user_effect(() => {
+		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)(), 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(() => 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(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(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)));
+	});
+	function We(e) {
+		requestAnimationFrame(() => {
+			e.querySelector(".sv-grid-menu-condition-value, .sv-dtp__input, .sv-dri__input, .sv-grid-menu-search")?.focus({ preventScroll: !0 });
+		});
+	}
+	function Ge(e) {
+		if (e.key !== "Enter" || e.shiftKey) return;
+		let t = e.target;
+		t?.closest(".sv-listbox") || t?.tagName === "BUTTON" || (e.preventDefault(), c.get(J)());
+	}
+	let Ke = c.derived(() => M().columnMenuFacetOptions), qe = c.derived(() => M().columnMenuSelectedFacets), Je = c.derived(() => M().setFacetSelection), Ye = c.derived(() => M().setFilterTokens), Xe = c.derived(() => M().inSuggestOptions), Ze = c.derived(() => M().openInSuggest), Qe = c.derived(() => M().closeInSuggest), $e = c.derived(() => M().isAllFacetsChecked), et = c.derived(() => M().toggleAllFacets), tt = 40;
+	function nt(e, t) {
+		c.get(Ze)(e, t), M().inSuggestQuery = n(e.value);
+	}
+	function rt(e, t) {
+		M().inSuggestQuery = n(e.value), M().inSuggestFor !== t && c.get(Ze)(e, t);
+	}
+	function it(e) {
+		return e.map((e) => ({
+			value: e.id,
+			label: typeof e.columnDef.header == "string" ? e.columnDef.header : e.id
+		}));
+	}
+	function at(e) {
+		let t = /* @__PURE__ */ new Set();
+		for (let n of e) M().hiddenColumns[n.id] || t.add(n.id);
+		return t;
+	}
+	function ot(e, t) {
+		let n = { ...M().hiddenColumns };
+		for (let r of e) t.has(r.id) ? delete n[r.id] : n[r.id] = !0;
+		M().hiddenColumns = n;
+	}
+	let st = c.derived(() => M().clearColumnFilter), ct = c.derived(() => M().contextMenuFor), lt = c.derived(() => M().contextMenuPos), ut = c.derived(() => M().contextMenuItems), Q = c.derived(() => M().closeContextMenu), $ = c.derived(() => M().commentEditFor), dt = c.derived(() => M().saveComment), ft = c.derived(() => M().removeComment), pt = c.derived(() => M().closeCommentEditor);
+	var mt = ge(), ht = c.first_child(mt), gt = (e) => {
+		var t = ne();
+		let n;
+		var r = c.child(t, !0);
+		c.reset(t), c.template_effect(() => {
+			n = c.set_class(t, 1, "sv-grid-tooltip", null, n, { "sv-grid-tooltip-above": !c.get(P).below }), c.set_style(t, `left: ${c.get(P).x}px; top: ${c.get(P).y}px; ${c.get(P).below ? "" : "transform: translateY(-100%);"}`), c.set_text(r, c.get(P).text);
+		}), c.append(e, t);
+	};
+	c.if(ht, (e) => {
+		c.get(P) && e(gt);
+	});
+	var _t = c.sibling(ht, 2), vt = (e) => {
+		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(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(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 = re(), n = c.child(t);
+			let r;
+			var i = c.sibling(n, 2), s = (e) => {
+				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, () => M().columnMenuTab = "filter"), c.append(e, t);
+			};
+			c.if(i, (e) => {
+				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, () => 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) => {
+			j(e, () => c.get(n));
+		}, p = (t) => {
+			let n = c.derived(() => c.get(ve).getAllColumns());
+			var r = ie(), i = c.sibling(c.first_child(r), 2);
+			{
+				let t = c.derived(() => c.get(n).length > 40), r = c.derived(() => it(c.get(n))), a = c.derived(() => at(c.get(n)));
+				e(i, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return c.get(t);
+					},
+					rows: 9,
+					rowHeight: 24,
+					size: "sm",
+					ariaLabel: "Visible columns",
+					get options() {
+						return c.get(r);
+					},
+					get value() {
+						return c.get(a);
+					},
+					onChange: (e) => ot(c.get(n), e)
+				});
+			}
+			c.append(t, r);
+		}, m = (e) => {
+			var t = T(), r = c.first_child(t), a = (e) => {
+				var t = ae(), r = c.first_child(t), i = c.child(r), a = c.child(i);
+				c.snippet(a, () => A.icon, () => "sort-asc"), c.reset(i), c.next(), c.reset(r);
+				var o = c.sibling(r, 2), s = c.child(o), l = c.child(s);
+				c.snippet(l, () => A.icon, () => "sort-desc"), c.reset(s), c.next(), c.reset(o);
+				var u = c.sibling(o, 2), d = c.child(u), f = c.child(d);
+				c.snippet(f, () => A.icon, () => "x"), c.reset(d), c.next(), c.reset(u), c.template_effect(() => u.disabled = !c.get(Ce)[c.get(n)]), c.delegated("click", r, () => c.get(Re)(c.get(n), !1)), c.delegated("click", o, () => c.get(Re)(c.get(n), !0)), c.delegated("click", u, () => c.get(ze)(c.get(n))), c.append(e, t);
+			};
+			c.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 = 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, () => 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, () => 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);
+			};
+			c.if(o, (e) => {
+				c.get(Te) || e(s);
+			});
+			var l = c.sibling(o, 4), u = (e) => {
+				var t = se(), r = c.child(t), i = c.child(r);
+				c.snippet(i, () => A.icon, () => "autosize"), c.reset(r), c.next(), c.reset(t), c.delegated("click", t, () => {
+					c.get(Pe)(c.get(n)), c.get(J)();
+				}), c.append(e, t);
+			}, 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, () => 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, () => 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, () => 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(_e) && e(h);
+			});
+			var g = c.sibling(ee, 4), _ = (e) => {
+				var t = w();
+				let n;
+				var r = c.child(t), i = c.child(r);
+				c.snippet(i, () => A.icon, () => "columns"), c.reset(r);
+				var a = c.sibling(r, 2), o = c.child(a);
+				c.snippet(o, () => A.icon, () => "chevron-down"), c.reset(a), c.reset(t), c.template_effect(() => {
+					n = c.set_class(t, 1, "sv-grid-menu-item", null, n, { "is-open": c.get(V) !== null }), c.set_attribute(t, "aria-expanded", c.get(V) !== null);
+				}), c.delegated("click", t, (e) => c.get(Le)(e)), c.append(e, t);
+			};
+			c.if(g, (e) => {
+				c.get(U) || e(_);
+			});
+			var v = c.sibling(g, 2), y = c.child(v), b = c.child(y);
+			c.snippet(b, () => A.icon, () => "reset"), c.reset(y), c.next(), c.reset(v), c.delegated("click", f, () => {
+				c.get(Fe)(), c.get(J)();
+			}), c.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(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", 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(F) && e(bt);
+	});
+	var xt = c.sibling(yt, 2), St = (e) => {
+		var t = E(), n = c.child(t);
+		j(n, () => c.get(L)), c.reset(t), c.action(t, (e) => We?.(e)), c.template_effect(() => {
+			c.set_attribute(t, "data-svgrid-menu", M().gridDomId), c.set_style(t, `left: ${c.get(R).x}px; top: ${c.get(R).y}px; max-height: calc(100vh - ${c.get(R).y}px - 12px);`);
+		}), c.delegated("keydown", t, Ge), c.append(e, t);
+	};
+	c.if(xt, (e) => {
+		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 = 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, {
+				block: !0,
+				checkbox: !0,
+				multiple: !0,
+				get virtual() {
+					return c.get(t);
+				},
+				rows: 11,
+				rowHeight: 24,
+				size: "sm",
+				ariaLabel: "Visible columns",
+				get options() {
+					return c.get(r);
+				},
+				get value() {
+					return c.get(a);
+				},
+				onChange: (e) => ot(c.get(n), e)
+			});
+		}
+		c.reset(r), c.template_effect(() => {
+			c.set_attribute(r, "data-svgrid-menu", M().gridDomId), c.set_style(r, `left: ${c.get(V).x}px; top: ${c.get(V).y}px;`);
+		}), c.append(t, r);
+	};
+	c.if(Ct, (e) => {
+		c.get(V) && e(wt);
+	});
+	var Tt = c.sibling(Ct, 2), Et = (e) => {
+		let t = c.derived(() => c.get(z)), n = c.derived(() => c.get(W).find((e) => e.id === c.get(t))), r = c.derived(() => c.get(ke)(c.get(n))), i = c.derived(() => c.get(N)[c.get(t)]?.operator ?? c.get(G)(c.get(n)));
+		var a = de();
+		c.each(a, 21, () => c.get(r), (e) => e.value, (e, r) => {
+			var a = ue(), o = c.child(a), s = c.child(o);
+			c.snippet(s, () => A.icon, () => c.get(r).iconName), c.reset(o);
+			var l = c.sibling(o);
+			c.reset(a), c.template_effect((e) => {
+				c.set_attribute(a, "aria-checked", c.get(i) === c.get(r).value), c.set_text(l, ` ${e ?? ""}`);
+			}, [() => c.get(K)(c.get(r), c.get(n))]), c.delegated("click", a, () => {
+				c.get(Ee)(c.get(t), c.get(r).value), c.get(J)();
+			}), c.append(e, a);
+		}), c.reset(a), c.template_effect(() => {
+			c.set_attribute(a, "data-svgrid-menu", M().gridDomId), c.set_style(a, `left: ${c.get(B).x}px; top: ${c.get(B).y}px;`);
+		}), c.append(e, a);
+	};
+	c.if(Tt, (e) => {
+		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 = fe(), s = c.child(o), l = (t) => {
+			{
+				let r = c.derived(() => c.get(Xe).length > 40);
+				e(t, {
+					block: !0,
+					checkbox: !0,
+					multiple: !0,
+					get virtual() {
+						return c.get(r);
+					},
+					rows: 8,
+					rowHeight: 26,
+					size: "sm",
+					ariaLabel: "Filter values",
+					get options() {
+						return c.get(Xe);
+					},
+					get value() {
+						return c.get(a);
+					},
+					onChange: (e) => {
+						let t = new Set(e), r = n(c.get(Ae)[c.get(i)] ?? "");
+						r && t.delete(r), c.get(Ye)(c.get(i), [...t]), M().inSuggestQuery = "";
+					}
+				});
+			}
+		}, u = (e) => {
+			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", 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 = 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 = pe();
+				c.append(e, t);
+			}, a = (e) => {
+				var n = me(), r = c.child(n, !0);
+				c.reset(n), c.template_effect(() => {
+					n.disabled = c.get(t).disabled, c.set_text(r, c.get(t).label);
+				}), c.delegated("click", n, () => {
+					c.get(t).run?.(), c.get(Q)();
+				}), c.append(e, n);
+			};
+			c.if(r, (e) => {
+				c.get(t).separator ? e(i) : e(a, -1);
+			}), c.append(e, n);
+		}), c.reset(r), c.template_effect(() => {
+			c.set_attribute(r, "data-svgrid-menu", M().gridDomId), c.set_style(r, `left: ${c.get(lt).x}px; top: ${c.get(lt).y}px;`);
+		}), c.delegated("contextmenu", n, (e) => {
+			e.preventDefault(), c.get(Q)();
+		}), c.delegated("click", n, function(...e) {
+			c.get(Q)?.apply(this, e);
+		}), c.append(e, t);
+	};
+	c.if(kt, (e) => {
+		c.get(ct) && e(At);
+	});
+	var jt = c.sibling(kt, 2), Mt = (e) => {
+		var t = he(), n = c.first_child(t), r = c.sibling(n, 2), i = c.child(r);
+		c.remove_textarea_child(i), c.autofocus(i, !0);
+		var a = c.sibling(i, 2), o = c.child(a), s = c.sibling(o, 4), l = c.sibling(s, 2);
+		c.reset(a), c.reset(r), c.template_effect(() => {
+			c.set_attribute(r, "data-svgrid-menu", M().gridDomId), c.set_style(r, `left: ${c.get($).x}px; top: ${c.get($).y}px;`);
+		}), c.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, () => 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);
+		}), c.delegated("click", l, function(...e) {
+			c.get(dt)?.apply(this, e);
+		}), c.append(e, t);
+	};
+	c.if(jt, (e) => {
+		c.get($) && e(Mt);
+	}), c.append(k, mt), c.pop();
+}
+c.delegate([
+	"change",
+	"input",
+	"click",
+	"keydown",
+	"mousedown",
+	"contextmenu"
+]);
+//#endregion
+export { k as default };

package/dist/cdn/{SvDateRangeInput-DflbiP7N.js → SvDateRangeInput-CaOuMs8O.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { F as t, G as n, H as r, L as i, V as a, X as o, Y as s, _ as ee, at as c, b as l, d as u, et as d, i as f, it as p, k as m, l as h, lt as g, m as _, nt as v, pt as y, rt as b, st as x, t as S, tt as C, u as w, ut as T, v as E, x as D } from "./disclose-version-Dr7rEVv-.js";
-import { F as te, R as O, g as k, i as ne, k as A, m as re, t as ie, z as ae } from "./date-format-DZT7T1wf.js";
+import { F as te, R as O, g as k, i as ne, k as A, m as re, t as ie, z as ae } from "./date-format-BNii4zeD.js";
 import { i as oe, n as se, r as ce } from "./popover-P-9P2YYn.js";
 //#region src/SvDateRangeInput.svelte
 var j = /* @__PURE__ */ e({ default: () => M }), le = i("<button type=\"button\" class=\"sv-dri__clear svelte-6hjfap\">&times;</button>"), ue = i("<div class=\"sv-dri__panel\" role=\"dialog\"><!></div>"), de = i("<input type=\"hidden\"/> <input type=\"hidden\"/>", 1), fe = i("<div><div><svg class=\"sv-dri__icon svelte-6hjfap\" viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"></rect><path d=\"M16 2v4M8 2v4M3 10h18\"></path></svg> <input/> <!></div> <!> <!></div>"), pe = {

package/dist/cdn/{SvDateRangeInput-Bh0A0JkF.js → SvDateRangeInput-DMLKmGEc.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { F as t, R as n, g as r, i, k as a, m as o, t as s, z as c } from "./date-format-CcP1tafP.js";
+import { F as t, R as n, g as r, i, k as a, m as o, t as s, z as c } from "./date-format-BnnHlqGw.js";
 import { i as ee, n as l, r as u } from "./popover-P-9P2YYn.js";
 import * as d from "svelte/internal/client";
 import "svelte/internal/disclose-version";

package/dist/cdn/{SvDateTimePicker-Bivn8dAP.js → SvDateTimePicker-CCbDZNZB.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { C as t, F as n, M as r, P as i, R as a, g as o, i as s, k as c, n as l, t as u, z as d } from "./date-format-CcP1tafP.js";
+import { C as t, F as n, M as r, P as i, R as a, g as o, i as s, k as c, n as l, t as u, z as d } from "./date-format-BnnHlqGw.js";
 import { i as f, n as p, r as m } from "./popover-P-9P2YYn.js";
 import * as h from "svelte/internal/client";
 import "svelte/internal/disclose-version";

package/dist/cdn/{SvDateTimePicker-BWwpfB_o.js → SvDateTimePicker-sonaH0oh.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import { E as t, F as n, G as r, H as i, I as a, J as o, L as s, N as c, R as l, V as u, X as d, Y as f, _ as p, at as m, b as h, d as g, et as _, i as v, it as y, k as b, l as x, lt as S, m as C, nt as w, o as T, pt as E, rt as D, s as O, st as k, t as A, tt as j, u as M, ut as N, v as P, x as F } from "./disclose-version-Dr7rEVv-.js";
-import { C as ee, F as te, M as I, P as L, R as ne, g as R, i as z, k as re, n as B, t as V, z as H } from "./date-format-DZT7T1wf.js";
+import { C as ee, F as te, M as I, P as L, R as ne, g as R, i as z, k as re, n as B, t as V, z as H } from "./date-format-BNii4zeD.js";
 import { i as U, n as ie, r as ae } from "./popover-P-9P2YYn.js";
 //#region src/createTimePicker.svelte.ts
 var oe = 240, W = oe / 2, G = 98, K = 62;