@svgrid/grid 2.6.6 → 2.6.8

package/dist/cdn/GridMenus-g9aHrUhs.js

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

package/dist/cdn/{SvDateTimePicker-CHnUkWcH.js → SvDateTimePicker-DSUhIta8.js}

@@ -250,7 +250,7 @@ function ee(e, t) {
 //#region src/SvField.svelte
 var te = i.from_html("<span class=\"sv-field__req svelte-1uhr4tm\" aria-hidden=\"true\">*</span>"), G = i.from_html("<label class=\"sv-field__label svelte-1uhr4tm\"> <!></label>"), K = i.from_html("<span class=\"sv-field__spinner svelte-1uhr4tm\" role=\"status\" aria-label=\"Loading\"></span>"), q = i.from_html("<span class=\"sv-field__labelrow svelte-1uhr4tm\"><!> <!></span>"), ne = i.from_html("<span class=\"sv-field__req svelte-1uhr4tm\" aria-hidden=\"true\">*</span>"), re = i.from_html("<label class=\"sv-field__float-label svelte-1uhr4tm\"> <!></label>"), ie = i.from_html("<span class=\"sv-field__adorn sv-field__adorn--lead svelte-1uhr4tm\"><!></span>"), ae = i.from_html("<span class=\"sv-field__affix sv-field__affix--pre svelte-1uhr4tm\"> </span>"), oe = i.from_html("<span class=\"sv-field__affix sv-field__affix--suf svelte-1uhr4tm\"> </span>"), se = i.from_html("<span class=\"sv-field__adorn sv-field__adorn--trail svelte-1uhr4tm\"><!></span>"), ce = i.from_html("<span class=\"sv-field__action-txt svelte-1uhr4tm\"> </span>"), le = i.from_html("<button class=\"sv-field__action svelte-1uhr4tm\" type=\"button\" tabindex=\"-1\"><!></button>"), ue = i.from_html("<button class=\"sv-field__clear svelte-1uhr4tm\" type=\"button\" tabindex=\"-1\">&times;</button>"), de = i.from_html("<div><!> <!> <!> <span class=\"sv-field__slot svelte-1uhr4tm\"><!></span> <!> <!> <!> <!></div>"), fe = i.from_html("<span class=\"sv-field__error svelte-1uhr4tm\" role=\"alert\"> </span>"), pe = i.from_html("<span class=\"sv-field__hint svelte-1uhr4tm\"> </span>"), me = i.from_html("<div><!> <!> <!></div>"), he = {
 	hash: "svelte-1uhr4tm",
-	code: ".sv-field.svelte-1uhr4tm {display:inline-flex;flex-direction:column;gap:3px;text-align:start;}.sv-field--block.svelte-1uhr4tm {display:flex;width:100%;}.sv-field__labelrow.svelte-1uhr4tm {display:inline-flex;align-items:center;gap:6px;}.sv-field__label.svelte-1uhr4tm {font-size:12.5px;font-weight:550;color:var(--sg-fg, #0f172a);line-height:1.3;}.sv-field__spinner.svelte-1uhr4tm {width:12px;height:12px;flex:none;border-radius:50%;border:2px solid color-mix(in srgb, var(--sg-accent, #2563eb) 30%, transparent);border-top-color:var(--sg-accent, #2563eb);\n    animation: svelte-1uhr4tm-sv-field-spin 0.6s linear infinite;}\n  @keyframes svelte-1uhr4tm-sv-field-spin { to { transform: rotate(360deg); } }\n  @media (prefers-reduced-motion: reduce) {.sv-field__spinner.svelte-1uhr4tm { animation: none;} }.sv-field__req.svelte-1uhr4tm {color:var(--sg-danger, #dc2626);margin-inline-start:2px;}.sv-field__hint.svelte-1uhr4tm {font-size:11.5px;color:var(--sg-muted, #64748b);line-height:1.35;}.sv-field__error.svelte-1uhr4tm {font-size:11.5px;font-weight:500;color:var(--sg-danger, #dc2626);line-height:1.35;}\n\n  /* ---- Framed mode: the shared control box (opt-in via `frame`) ---- */.sv-field__control.svelte-1uhr4tm {--_accent: var(--sg-accent, #2563eb);display:flex;align-items:center;width:220px;background:var(--sg-input-bg, #fff);color:var(--sg-fg, #0f172a);border:1px solid var(--sg-input-border, var(--sg-border, #cbd5e1));border-radius:var(--sg-radius, 8px);}.sv-field--block.svelte-1uhr4tm .sv-field__control:where(.svelte-1uhr4tm) {width:100%;}.sv-field__control.svelte-1uhr4tm:focus-within {border-color:var(--_accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--_accent) 22%, transparent);}.sv-field__control.is-invalid.svelte-1uhr4tm {border-color:var(--sg-danger, #dc2626);}.sv-field__control.is-invalid.svelte-1uhr4tm:focus-within {box-shadow:0 0 0 2px color-mix(in srgb, var(--sg-danger, #dc2626) 22%, transparent);}.sv-field__control.is-disabled.svelte-1uhr4tm {opacity:0.6;}.sv-field__control.is-readonly.svelte-1uhr4tm {background:var(--sg-muted-bg, color-mix(in srgb, var(--sg-fg, #0f172a) 4%, var(--sg-input-bg, #fff)));}\n\n  /* ---- Floating label ---- */.sv-field--floating.svelte-1uhr4tm .sv-field__control:where(.svelte-1uhr4tm) {position:relative;}.sv-field__float-label.svelte-1uhr4tm {position:absolute;inset-inline-start:11px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--sg-muted, #64748b);pointer-events:none;background:var(--sg-input-bg, #fff);padding:0 4px;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1;transition:top 0.14s ease, font-size 0.14s ease, color 0.14s ease;}.sv-field__control.svelte-1uhr4tm:focus-within .sv-field__float-label:where(.svelte-1uhr4tm),\n  .sv-field__control.is-filled.svelte-1uhr4tm .sv-field__float-label:where(.svelte-1uhr4tm) {top:0;font-size:10.5px;color:var(--_accent, var(--sg-accent, #2563eb));}.sv-field__control.is-invalid.svelte-1uhr4tm .sv-field__float-label:where(.svelte-1uhr4tm) {color:var(--sg-danger, #dc2626);}\n  @media (prefers-reduced-motion: reduce) {.sv-field__float-label.svelte-1uhr4tm {transition:none;} }.sv-field__slot.svelte-1uhr4tm {display:flex;flex:1;min-width:0;}\n  /* Bare form controls passed as children inherit borderless chrome so editors\n     no longer re-implement the box. Scoped to the framed control only. */.sv-field__slot.svelte-1uhr4tm input,\n  .sv-field__slot.svelte-1uhr4tm textarea,\n  .sv-field__slot.svelte-1uhr4tm select {flex:1;min-width:0;width:100%;border:0;background:none;outline:none;color:inherit;font:inherit;padding:0 10px;}.sv-field__adorn.svelte-1uhr4tm {display:inline-flex;align-items:center;color:var(--sg-muted, #64748b);}.sv-field__adorn--lead.svelte-1uhr4tm {padding-inline-start:10px;}.sv-field__adorn--trail.svelte-1uhr4tm {padding-inline-end:10px;}.sv-field__affix.svelte-1uhr4tm {display:inline-flex;align-items:center;color:var(--sg-muted, #64748b);white-space:nowrap;}.sv-field__affix--pre.svelte-1uhr4tm {padding-inline-start:10px;}.sv-field__affix--suf.svelte-1uhr4tm {padding-inline-end:10px;}\n  /* When an affix/adornment sits next to the control, drop the control's own\n     edge padding so text hugs the affix. */.sv-field__adorn--lead.svelte-1uhr4tm + .sv-field__slot:where(.svelte-1uhr4tm) input,\n  .sv-field__affix--pre.svelte-1uhr4tm + .sv-field__slot:where(.svelte-1uhr4tm) input {padding-inline-start:6px;}.sv-field__clear.svelte-1uhr4tm {display:grid;place-items:center;width:28px;align-self:stretch;background:none;border:0;color:var(--sg-muted, #64748b);cursor:pointer;font-size:17px;line-height:1;}.sv-field__clear.svelte-1uhr4tm:hover {color:var(--sg-fg, #0f172a);}.sv-field__action.svelte-1uhr4tm {display:inline-grid;place-items:center;align-self:center;flex:none;min-width:24px;height:24px;margin-inline-end:3px;padding:0 5px;background:none;border:0;border-radius:5px;color:var(--sg-muted, #64748b);cursor:pointer;font:inherit;font-size:12px;}.sv-field__action.svelte-1uhr4tm:hover:not([disabled]) {background:var(--sg-row-hover-bg, #f1f5f9);color:var(--sg-accent, #2563eb);}.sv-field__action[disabled].svelte-1uhr4tm {opacity:0.5;cursor:default;}.sv-field__action-txt.svelte-1uhr4tm {font-weight:600;white-space:nowrap;}\n  .sv-field__control.sv-field--sm.svelte-1uhr4tm {height:28px;font-size:12px;}\n  .sv-field__control.sv-field--md.svelte-1uhr4tm {height:34px;font-size:13px;}\n  .sv-field__control.sv-field--lg.svelte-1uhr4tm {height:40px;font-size:15px;}"
+	code: ".sv-field.svelte-1uhr4tm {display:inline-flex;flex-direction:column;gap:3px;text-align:start;}.sv-field--block.svelte-1uhr4tm {display:flex;width:100%;}.sv-field__labelrow.svelte-1uhr4tm {display:inline-flex;align-items:center;gap:6px;}.sv-field__label.svelte-1uhr4tm {font-size:12.5px;font-weight:550;color:var(--sg-fg, #0f172a);line-height:1.3;}.sv-field__spinner.svelte-1uhr4tm {width:12px;height:12px;flex:none;border-radius:50%;border:2px solid color-mix(in srgb, var(--sg-accent, #2563eb) 30%, transparent);border-top-color:var(--sg-accent, #2563eb);\r\n    animation: svelte-1uhr4tm-sv-field-spin 0.6s linear infinite;}\r\n  @keyframes svelte-1uhr4tm-sv-field-spin { to { transform: rotate(360deg); } }\r\n  @media (prefers-reduced-motion: reduce) {.sv-field__spinner.svelte-1uhr4tm { animation: none;} }.sv-field__req.svelte-1uhr4tm {color:var(--sg-danger, #dc2626);margin-inline-start:2px;}.sv-field__hint.svelte-1uhr4tm {font-size:11.5px;color:var(--sg-muted, #64748b);line-height:1.35;}.sv-field__error.svelte-1uhr4tm {font-size:11.5px;font-weight:500;color:var(--sg-danger, #dc2626);line-height:1.35;}\r\n\r\n  /* ---- Framed mode: the shared control box (opt-in via `frame`) ---- */.sv-field__control.svelte-1uhr4tm {--_accent: var(--sg-accent, #2563eb);display:flex;align-items:center;width:220px;background:var(--sg-input-bg, #fff);color:var(--sg-fg, #0f172a);border:1px solid var(--sg-input-border, var(--sg-border, #cbd5e1));border-radius:var(--sg-radius, 8px);}.sv-field--block.svelte-1uhr4tm .sv-field__control:where(.svelte-1uhr4tm) {width:100%;}.sv-field__control.svelte-1uhr4tm:focus-within {border-color:var(--_accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--_accent) 22%, transparent);}.sv-field__control.is-invalid.svelte-1uhr4tm {border-color:var(--sg-danger, #dc2626);}.sv-field__control.is-invalid.svelte-1uhr4tm:focus-within {box-shadow:0 0 0 2px color-mix(in srgb, var(--sg-danger, #dc2626) 22%, transparent);}.sv-field__control.is-disabled.svelte-1uhr4tm {opacity:0.6;}.sv-field__control.is-readonly.svelte-1uhr4tm {background:var(--sg-muted-bg, color-mix(in srgb, var(--sg-fg, #0f172a) 4%, var(--sg-input-bg, #fff)));}\r\n\r\n  /* ---- Floating label ---- */.sv-field--floating.svelte-1uhr4tm .sv-field__control:where(.svelte-1uhr4tm) {position:relative;}.sv-field__float-label.svelte-1uhr4tm {position:absolute;inset-inline-start:11px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--sg-muted, #64748b);pointer-events:none;background:var(--sg-input-bg, #fff);padding:0 4px;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1;transition:top 0.14s ease, font-size 0.14s ease, color 0.14s ease;}.sv-field__control.svelte-1uhr4tm:focus-within .sv-field__float-label:where(.svelte-1uhr4tm),\r\n  .sv-field__control.is-filled.svelte-1uhr4tm .sv-field__float-label:where(.svelte-1uhr4tm) {top:0;font-size:10.5px;color:var(--_accent, var(--sg-accent, #2563eb));}.sv-field__control.is-invalid.svelte-1uhr4tm .sv-field__float-label:where(.svelte-1uhr4tm) {color:var(--sg-danger, #dc2626);}\r\n  @media (prefers-reduced-motion: reduce) {.sv-field__float-label.svelte-1uhr4tm {transition:none;} }.sv-field__slot.svelte-1uhr4tm {display:flex;flex:1;min-width:0;}\r\n  /* Bare form controls passed as children inherit borderless chrome so editors\r\n     no longer re-implement the box. Scoped to the framed control only. */.sv-field__slot.svelte-1uhr4tm input,\r\n  .sv-field__slot.svelte-1uhr4tm textarea,\r\n  .sv-field__slot.svelte-1uhr4tm select {flex:1;min-width:0;width:100%;border:0;background:none;outline:none;color:inherit;font:inherit;padding:0 10px;}.sv-field__adorn.svelte-1uhr4tm {display:inline-flex;align-items:center;color:var(--sg-muted, #64748b);}.sv-field__adorn--lead.svelte-1uhr4tm {padding-inline-start:10px;}.sv-field__adorn--trail.svelte-1uhr4tm {padding-inline-end:10px;}.sv-field__affix.svelte-1uhr4tm {display:inline-flex;align-items:center;color:var(--sg-muted, #64748b);white-space:nowrap;}.sv-field__affix--pre.svelte-1uhr4tm {padding-inline-start:10px;}.sv-field__affix--suf.svelte-1uhr4tm {padding-inline-end:10px;}\r\n  /* When an affix/adornment sits next to the control, drop the control's own\r\n     edge padding so text hugs the affix. */.sv-field__adorn--lead.svelte-1uhr4tm + .sv-field__slot:where(.svelte-1uhr4tm) input,\r\n  .sv-field__affix--pre.svelte-1uhr4tm + .sv-field__slot:where(.svelte-1uhr4tm) input {padding-inline-start:6px;}.sv-field__clear.svelte-1uhr4tm {display:grid;place-items:center;width:28px;align-self:stretch;background:none;border:0;color:var(--sg-muted, #64748b);cursor:pointer;font-size:17px;line-height:1;}.sv-field__clear.svelte-1uhr4tm:hover {color:var(--sg-fg, #0f172a);}.sv-field__action.svelte-1uhr4tm {display:inline-grid;place-items:center;align-self:center;flex:none;min-width:24px;height:24px;margin-inline-end:3px;padding:0 5px;background:none;border:0;border-radius:5px;color:var(--sg-muted, #64748b);cursor:pointer;font:inherit;font-size:12px;}.sv-field__action.svelte-1uhr4tm:hover:not([disabled]) {background:var(--sg-row-hover-bg, #f1f5f9);color:var(--sg-accent, #2563eb);}.sv-field__action[disabled].svelte-1uhr4tm {opacity:0.5;cursor:default;}.sv-field__action-txt.svelte-1uhr4tm {font-weight:600;white-space:nowrap;}\r\n  .sv-field__control.sv-field--sm.svelte-1uhr4tm {height:28px;font-size:12px;}\r\n  .sv-field__control.sv-field--md.svelte-1uhr4tm {height:34px;font-size:13px;}\r\n  .sv-field__control.sv-field--lg.svelte-1uhr4tm {height:40px;font-size:15px;}"
 };
 function ge(e, t) {
 	i.push(t, !0), i.append_styles(e, he);
@@ -798,7 +798,7 @@ function Ae(e) {
 //#region src/SvCalendar.svelte
 var je = i.from_html("<button> </button>"), Me = i.from_html("<div class=\"sv-cal__presets svelte-md3oew\" role=\"group\"></div>"), Ne = i.from_html("<div class=\"sv-cal__panel-title svelte-md3oew\"> </div>"), Pe = i.from_html("<span class=\"sv-cal__wk-head svelte-md3oew\" aria-hidden=\"true\">#</span>"), Fe = i.from_html("<span class=\"sv-cal__weekday svelte-md3oew\" role=\"columnheader\"> </span>"), Ie = i.from_html("<div class=\"sv-cal__weekdays svelte-md3oew\" role=\"row\"><!> <!></div>"), Le = i.from_html("<span class=\"sv-cal__wk svelte-md3oew\" aria-hidden=\"true\"> </span>"), Re = i.from_html("<span class=\"sv-cal__day sv-cal__day--empty svelte-md3oew\" role=\"gridcell\" aria-hidden=\"true\"></span>"), ze = i.from_html("<span class=\"sv-cal__daybody svelte-md3oew\"><!></span>"), Be = i.from_html("<button><span class=\"sv-cal__daynum svelte-md3oew\"> </span><!></button>"), Ve = i.from_html("<div class=\"sv-cal__week svelte-md3oew\" role=\"row\"><!> <!></div>"), He = i.from_html("<div class=\"sv-cal__panel\"><!> <!> <!></div>"), Ue = i.from_html("<div></div>"), We = i.from_html("<button> </button>"), Ge = i.from_html("<div></div>"), Ke = i.from_html("<button> </button>"), qe = i.from_html("<div></div>"), Je = i.from_html("<button type=\"button\" class=\"sv-cal__foot-btn svelte-md3oew\"> </button>"), Ye = i.from_html("<div class=\"sv-cal__footer svelte-md3oew\"><button type=\"button\" class=\"sv-cal__foot-btn svelte-md3oew\"> </button> <!></div>"), Xe = i.from_html("<input type=\"hidden\"/>"), Ze = i.from_html("<div role=\"group\"><!> <div class=\"sv-cal__main svelte-md3oew\"><div class=\"sv-cal__header svelte-md3oew\"><button><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-md3oew\"><path d=\"M15 18l-6-6 6-6\"></path></svg></button> <button> </button> <button><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"svelte-md3oew\"><path d=\"M9 18l6-6-6-6\"></path></svg></button></div> <div class=\"sv-cal__view svelte-md3oew\"><!></div> <!></div> <!></div>"), Qe = {
 	hash: "svelte-md3oew",
-	code: ".sv-cal.svelte-md3oew {--_accent: var(--sg-accent, #2563eb);--_bg: var(--sg-bg, #fff);--_fg: var(--sg-fg, #0f172a);--_muted: var(--sg-muted, #64748b);--_border: var(--sg-border, #e2e8f0);--_hover: var(--sg-row-hover-bg, rgba(37, 99, 235, 0.08));--_radius: var(--sg-radius, 8px);display:inline-flex;gap:10px;padding:10px;width:max-content;background:var(--_bg);color:var(--_fg);border:1px solid var(--_border);border-radius:calc(var(--_radius) + 4px);font-size:13px;user-select:none;}.sv-cal--disabled.svelte-md3oew {opacity:0.55;pointer-events:none;}.sv-cal--invalid.svelte-md3oew {border-color:var(--sg-danger, #dc2626);}.sv-cal__main.svelte-md3oew {display:flex;flex-direction:column;gap:6px;min-width:0;}\n  /* Clip so animated content slides in from the edge (not past the border). Day\n     focus outlines use outline-offset:-2px, so they stay inside and aren't clipped. */.sv-cal__view.svelte-md3oew {display:block;overflow:hidden;}\n  /* Quick-shortcut rail (Today / Last 7 days / ...) shown when `presets` is set. */.sv-cal__presets.svelte-md3oew {display:flex;flex-direction:column;gap:2px;padding-inline-end:10px;border-inline-end:1px solid var(--_border);min-width:118px;align-self:stretch;}.sv-cal__preset.svelte-md3oew {text-align:start;padding:6px 10px;font:inherit;font-size:12px;font-weight:550;background:none;border:0;border-radius:var(--_radius);color:inherit;cursor:pointer;white-space:nowrap;}\n  /* Under RTL the prev/next chevron glyphs must point the other way. */.sv-cal[dir='rtl'].svelte-md3oew .sv-cal__nav:where(.svelte-md3oew) svg:where(.svelte-md3oew) {transform:scaleX(-1);}.sv-cal__preset.svelte-md3oew:hover:not(:disabled) {background:var(--_hover);color:var(--_accent);}.sv-cal__preset.svelte-md3oew:disabled {opacity:0.5;cursor:default;}.sv-cal__header.svelte-md3oew {display:flex;align-items:center;gap:4px;}.sv-cal__title.svelte-md3oew {flex:1;text-align:center;font-weight:650;font-size:13.5px;background:none;border:0;color:inherit;cursor:pointer;padding:6px 8px;border-radius:var(--_radius);}.sv-cal__title.svelte-md3oew:hover:not(:disabled) {background:var(--_hover);}.sv-cal__title.svelte-md3oew:disabled {cursor:default;}.sv-cal__nav.svelte-md3oew {display:grid;place-items:center;width:30px;height:30px;background:none;border:0;color:var(--_muted);cursor:pointer;border-radius:var(--_radius);}.sv-cal__nav.svelte-md3oew:hover:not(:disabled) {background:var(--_hover);color:var(--_fg);}.sv-cal__nav.svelte-md3oew:disabled {opacity:0.4;cursor:default;}.sv-cal__panels.svelte-md3oew {display:flex;gap:14px;}.sv-cal__panel-title.svelte-md3oew {text-align:center;font-weight:600;font-size:12.5px;margin-bottom:4px;color:var(--_muted);}.sv-cal__weekdays.svelte-md3oew, .sv-cal__week.svelte-md3oew {display:grid;grid-template-columns:repeat(7, 34px);}.sv-cal__weekdays.svelte-md3oew:has(.sv-cal__wk-head:where(.svelte-md3oew)), .sv-cal__week.svelte-md3oew:has(.sv-cal__wk:where(.svelte-md3oew)) {grid-template-columns:26px repeat(7, 34px);}.sv-cal__weekday.svelte-md3oew, .sv-cal__wk-head.svelte-md3oew {display:grid;place-items:center;height:28px;font-size:11px;font-weight:600;color:var(--_muted);text-transform:uppercase;letter-spacing:0.02em;}.sv-cal__wk.svelte-md3oew {display:grid;place-items:center;height:34px;font-size:10.5px;color:var(--_muted);opacity:0.7;}.sv-cal__day.svelte-md3oew {display:grid;place-items:center;width:34px;height:34px;box-sizing:border-box;background:none;border:0;color:inherit;cursor:pointer;border-radius:var(--_radius);font-size:12.5px;position:relative;}.sv-cal__day--empty.svelte-md3oew {visibility:hidden;}\n  /* Hover only NON-selected days with the neutral hover fill; hovering a selected\n     day keeps the accent (a bare :hover would swap in the neutral bg while the\n     text stays --sg-on-accent -> invisible on themes like shadcn). */.sv-cal__day.svelte-md3oew:hover:not(:disabled):not(.is-selected) {background:var(--_hover);}.sv-cal__day.is-selected.svelte-md3oew:hover:not(:disabled) {background:color-mix(in srgb, var(--_accent) 86%, var(--_fg));}.sv-cal__day.is-outside.svelte-md3oew {color:var(--_muted);opacity:0.55;}.sv-cal__day.is-today.svelte-md3oew {font-weight:750;box-shadow:inset 0 0 0 1px var(--_accent);}.sv-cal__day.is-important.svelte-md3oew::after {content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--sg-danger, #dc2626);}\n  /* Repeat-pattern indicator: a small ring in the top-inline-end corner\n     (distinct from the is-important bottom dot). */.sv-cal__day.is-recurring.svelte-md3oew::before {content:'';position:absolute;top:4px;inset-inline-end:4px;width:5px;height:5px;border-radius:50%;pointer-events:none;border:1.5px solid color-mix(in srgb, var(--_accent) 75%, transparent);}.sv-cal.svelte-md3oew:not(.sv-cal--rich) .sv-cal__day.is-selected.is-recurring:where(.svelte-md3oew)::before {border-color:var(--sg-on-accent, #fff);}\n\n  /* --- Rich month grid: enabled by a `day` snippet. Cells fill the column width\n     and become taller / top-aligned so the snippet content (events, badges) has\n     room - turning the picker into an event-calendar surface. --- */.sv-cal--rich.svelte-md3oew .sv-cal__weekdays:where(.svelte-md3oew), .sv-cal--rich.svelte-md3oew .sv-cal__week:where(.svelte-md3oew) {grid-template-columns:repeat(7, minmax(0, 1fr));}.sv-cal--rich.svelte-md3oew .sv-cal__weekdays:where(.svelte-md3oew):has(.sv-cal__wk-head:where(.svelte-md3oew)), .sv-cal--rich.svelte-md3oew .sv-cal__week:where(.svelte-md3oew):has(.sv-cal__wk:where(.svelte-md3oew)) {grid-template-columns:26px repeat(7, minmax(0, 1fr));}.sv-cal--rich.svelte-md3oew .sv-cal__weekday:where(.svelte-md3oew) {justify-items:start;padding-inline-start:6px;}.sv-cal--rich.svelte-md3oew .sv-cal__day:where(.svelte-md3oew) {width:auto;height:auto;min-height:90px;display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:4px 5px 6px;text-align:start;border-radius:8px;}.sv-cal--rich.svelte-md3oew .sv-cal__day.is-today:where(.svelte-md3oew) {box-shadow:none;}.sv-cal--rich.svelte-md3oew .sv-cal__day.is-selected:where(.svelte-md3oew) {background:color-mix(in srgb, var(--_accent) 9%, transparent);color:inherit;}.sv-cal--rich.svelte-md3oew .sv-cal__daynum:where(.svelte-md3oew) {align-self:flex-start;flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:12.5px;font-weight:600;}.sv-cal--rich.svelte-md3oew .sv-cal__day.is-today:where(.svelte-md3oew) .sv-cal__daynum:where(.svelte-md3oew) {background:var(--_accent);color:var(--sg-on-accent, #fff);}.sv-cal--rich.svelte-md3oew .sv-cal__daybody:where(.svelte-md3oew) {flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;overflow:hidden;}.sv-cal--rich.svelte-md3oew .sv-cal__day.is-important:where(.svelte-md3oew)::after {display:none;}.sv-cal__day.is-preview.svelte-md3oew {background:color-mix(in srgb, var(--_accent) 16%, transparent);border-radius:0;}.sv-cal__day.is-selected.svelte-md3oew {background:var(--_accent);color:var(--sg-on-accent, #fff);font-weight:650;}\n  /* Discrete selection (single / many / ...): inset each selected pill so adjacent\n     picked days keep a visible gap. Range / week modes stay a connected band. */.sv-cal.svelte-md3oew:not(.sv-cal--band) .sv-cal__day.is-selected:where(.svelte-md3oew) {background-clip:content-box;padding:2px;}.sv-cal__day.is-selected.is-important.svelte-md3oew::after {background:var(--sg-on-accent, #fff);}.sv-cal__day.svelte-md3oew:disabled {color:var(--_muted);opacity:0.35;cursor:default;text-decoration:line-through;}.sv-cal__day.is-focused.svelte-md3oew:focus-visible,\n  .sv-cal__day.svelte-md3oew:focus-visible,\n  .sv-cal__cell.svelte-md3oew:focus-visible {outline:2px solid var(--sg-focus-ring, var(--_accent));outline-offset:-2px;}.sv-cal__grid-mode.svelte-md3oew {display:grid;grid-template-columns:repeat(3, 1fr);gap:4px;min-width:252px;}.sv-cal__cell.svelte-md3oew {height:44px;display:grid;place-items:center;background:none;border:0;color:inherit;cursor:pointer;border-radius:var(--_radius);font-size:12.5px;}.sv-cal__cell.svelte-md3oew:hover:not(:disabled):not(.is-selected) {background:var(--_hover);}.sv-cal__cell.is-selected.svelte-md3oew:hover:not(:disabled) {background:color-mix(in srgb, var(--_accent) 86%, var(--_fg));}.sv-cal__cell.is-outside.svelte-md3oew {color:var(--_muted);opacity:0.5;}.sv-cal__cell.is-today.svelte-md3oew {box-shadow:inset 0 0 0 1px var(--_accent);font-weight:700;}.sv-cal__cell.is-selected.svelte-md3oew {background:var(--_accent);color:var(--sg-on-accent, #fff);font-weight:650;}.sv-cal__footer.svelte-md3oew {display:flex;justify-content:center;gap:8px;border-top:1px solid var(--_border);padding-top:8px;margin-top:2px;}.sv-cal__foot-btn.svelte-md3oew {padding:5px 12px;font:inherit;font-size:12px;font-weight:600;background:none;border:1px solid var(--_border);border-radius:var(--_radius);color:var(--_accent);cursor:pointer;}.sv-cal__foot-btn.svelte-md3oew:hover:not(:disabled) {background:var(--_hover);}"
+	code: ".sv-cal.svelte-md3oew {--_accent: var(--sg-accent, #2563eb);--_bg: var(--sg-bg, #fff);--_fg: var(--sg-fg, #0f172a);--_muted: var(--sg-muted, #64748b);--_border: var(--sg-border, #e2e8f0);--_hover: var(--sg-row-hover-bg, rgba(37, 99, 235, 0.08));--_radius: var(--sg-radius, 8px);display:inline-flex;gap:10px;padding:10px;width:max-content;background:var(--_bg);color:var(--_fg);border:1px solid var(--_border);border-radius:calc(var(--_radius) + 4px);font-size:13px;user-select:none;}.sv-cal--disabled.svelte-md3oew {opacity:0.55;pointer-events:none;}.sv-cal--invalid.svelte-md3oew {border-color:var(--sg-danger, #dc2626);}.sv-cal__main.svelte-md3oew {display:flex;flex-direction:column;gap:6px;min-width:0;}\r\n  /* Clip so animated content slides in from the edge (not past the border). Day\r\n     focus outlines use outline-offset:-2px, so they stay inside and aren't clipped. */.sv-cal__view.svelte-md3oew {display:block;overflow:hidden;}\r\n  /* Quick-shortcut rail (Today / Last 7 days / ...) shown when `presets` is set. */.sv-cal__presets.svelte-md3oew {display:flex;flex-direction:column;gap:2px;padding-inline-end:10px;border-inline-end:1px solid var(--_border);min-width:118px;align-self:stretch;}.sv-cal__preset.svelte-md3oew {text-align:start;padding:6px 10px;font:inherit;font-size:12px;font-weight:550;background:none;border:0;border-radius:var(--_radius);color:inherit;cursor:pointer;white-space:nowrap;}\r\n  /* Under RTL the prev/next chevron glyphs must point the other way. */.sv-cal[dir='rtl'].svelte-md3oew .sv-cal__nav:where(.svelte-md3oew) svg:where(.svelte-md3oew) {transform:scaleX(-1);}.sv-cal__preset.svelte-md3oew:hover:not(:disabled) {background:var(--_hover);color:var(--_accent);}.sv-cal__preset.svelte-md3oew:disabled {opacity:0.5;cursor:default;}.sv-cal__header.svelte-md3oew {display:flex;align-items:center;gap:4px;}.sv-cal__title.svelte-md3oew {flex:1;text-align:center;font-weight:650;font-size:13.5px;background:none;border:0;color:inherit;cursor:pointer;padding:6px 8px;border-radius:var(--_radius);}.sv-cal__title.svelte-md3oew:hover:not(:disabled) {background:var(--_hover);}.sv-cal__title.svelte-md3oew:disabled {cursor:default;}.sv-cal__nav.svelte-md3oew {display:grid;place-items:center;width:30px;height:30px;background:none;border:0;color:var(--_muted);cursor:pointer;border-radius:var(--_radius);}.sv-cal__nav.svelte-md3oew:hover:not(:disabled) {background:var(--_hover);color:var(--_fg);}.sv-cal__nav.svelte-md3oew:disabled {opacity:0.4;cursor:default;}.sv-cal__panels.svelte-md3oew {display:flex;gap:14px;}.sv-cal__panel-title.svelte-md3oew {text-align:center;font-weight:600;font-size:12.5px;margin-bottom:4px;color:var(--_muted);}.sv-cal__weekdays.svelte-md3oew, .sv-cal__week.svelte-md3oew {display:grid;grid-template-columns:repeat(7, 34px);}.sv-cal__weekdays.svelte-md3oew:has(.sv-cal__wk-head:where(.svelte-md3oew)), .sv-cal__week.svelte-md3oew:has(.sv-cal__wk:where(.svelte-md3oew)) {grid-template-columns:26px repeat(7, 34px);}.sv-cal__weekday.svelte-md3oew, .sv-cal__wk-head.svelte-md3oew {display:grid;place-items:center;height:28px;font-size:11px;font-weight:600;color:var(--_muted);text-transform:uppercase;letter-spacing:0.02em;}.sv-cal__wk.svelte-md3oew {display:grid;place-items:center;height:34px;font-size:10.5px;color:var(--_muted);opacity:0.7;}.sv-cal__day.svelte-md3oew {display:grid;place-items:center;width:34px;height:34px;box-sizing:border-box;background:none;border:0;color:inherit;cursor:pointer;border-radius:var(--_radius);font-size:12.5px;position:relative;}.sv-cal__day--empty.svelte-md3oew {visibility:hidden;}\r\n  /* Hover only NON-selected days with the neutral hover fill; hovering a selected\r\n     day keeps the accent (a bare :hover would swap in the neutral bg while the\r\n     text stays --sg-on-accent -> invisible on themes like shadcn). */.sv-cal__day.svelte-md3oew:hover:not(:disabled):not(.is-selected) {background:var(--_hover);}.sv-cal__day.is-selected.svelte-md3oew:hover:not(:disabled) {background:color-mix(in srgb, var(--_accent) 86%, var(--_fg));}.sv-cal__day.is-outside.svelte-md3oew {color:var(--_muted);opacity:0.55;}.sv-cal__day.is-today.svelte-md3oew {font-weight:750;box-shadow:inset 0 0 0 1px var(--_accent);}.sv-cal__day.is-important.svelte-md3oew::after {content:'';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--sg-danger, #dc2626);}\r\n  /* Repeat-pattern indicator: a small ring in the top-inline-end corner\r\n     (distinct from the is-important bottom dot). */.sv-cal__day.is-recurring.svelte-md3oew::before {content:'';position:absolute;top:4px;inset-inline-end:4px;width:5px;height:5px;border-radius:50%;pointer-events:none;border:1.5px solid color-mix(in srgb, var(--_accent) 75%, transparent);}.sv-cal.svelte-md3oew:not(.sv-cal--rich) .sv-cal__day.is-selected.is-recurring:where(.svelte-md3oew)::before {border-color:var(--sg-on-accent, #fff);}\r\n\r\n  /* --- Rich month grid: enabled by a `day` snippet. Cells fill the column width\r\n     and become taller / top-aligned so the snippet content (events, badges) has\r\n     room - turning the picker into an event-calendar surface. --- */.sv-cal--rich.svelte-md3oew .sv-cal__weekdays:where(.svelte-md3oew), .sv-cal--rich.svelte-md3oew .sv-cal__week:where(.svelte-md3oew) {grid-template-columns:repeat(7, minmax(0, 1fr));}.sv-cal--rich.svelte-md3oew .sv-cal__weekdays:where(.svelte-md3oew):has(.sv-cal__wk-head:where(.svelte-md3oew)), .sv-cal--rich.svelte-md3oew .sv-cal__week:where(.svelte-md3oew):has(.sv-cal__wk:where(.svelte-md3oew)) {grid-template-columns:26px repeat(7, minmax(0, 1fr));}.sv-cal--rich.svelte-md3oew .sv-cal__weekday:where(.svelte-md3oew) {justify-items:start;padding-inline-start:6px;}.sv-cal--rich.svelte-md3oew .sv-cal__day:where(.svelte-md3oew) {width:auto;height:auto;min-height:90px;display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:4px 5px 6px;text-align:start;border-radius:8px;}.sv-cal--rich.svelte-md3oew .sv-cal__day.is-today:where(.svelte-md3oew) {box-shadow:none;}.sv-cal--rich.svelte-md3oew .sv-cal__day.is-selected:where(.svelte-md3oew) {background:color-mix(in srgb, var(--_accent) 9%, transparent);color:inherit;}.sv-cal--rich.svelte-md3oew .sv-cal__daynum:where(.svelte-md3oew) {align-self:flex-start;flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:12.5px;font-weight:600;}.sv-cal--rich.svelte-md3oew .sv-cal__day.is-today:where(.svelte-md3oew) .sv-cal__daynum:where(.svelte-md3oew) {background:var(--_accent);color:var(--sg-on-accent, #fff);}.sv-cal--rich.svelte-md3oew .sv-cal__daybody:where(.svelte-md3oew) {flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;overflow:hidden;}.sv-cal--rich.svelte-md3oew .sv-cal__day.is-important:where(.svelte-md3oew)::after {display:none;}.sv-cal__day.is-preview.svelte-md3oew {background:color-mix(in srgb, var(--_accent) 16%, transparent);border-radius:0;}.sv-cal__day.is-selected.svelte-md3oew {background:var(--_accent);color:var(--sg-on-accent, #fff);font-weight:650;}\r\n  /* Discrete selection (single / many / ...): inset each selected pill so adjacent\r\n     picked days keep a visible gap. Range / week modes stay a connected band. */.sv-cal.svelte-md3oew:not(.sv-cal--band) .sv-cal__day.is-selected:where(.svelte-md3oew) {background-clip:content-box;padding:2px;}.sv-cal__day.is-selected.is-important.svelte-md3oew::after {background:var(--sg-on-accent, #fff);}.sv-cal__day.svelte-md3oew:disabled {color:var(--_muted);opacity:0.35;cursor:default;text-decoration:line-through;}.sv-cal__day.is-focused.svelte-md3oew:focus-visible,\r\n  .sv-cal__day.svelte-md3oew:focus-visible,\r\n  .sv-cal__cell.svelte-md3oew:focus-visible {outline:2px solid var(--sg-focus-ring, var(--_accent));outline-offset:-2px;}.sv-cal__grid-mode.svelte-md3oew {display:grid;grid-template-columns:repeat(3, 1fr);gap:4px;min-width:252px;}.sv-cal__cell.svelte-md3oew {height:44px;display:grid;place-items:center;background:none;border:0;color:inherit;cursor:pointer;border-radius:var(--_radius);font-size:12.5px;}.sv-cal__cell.svelte-md3oew:hover:not(:disabled):not(.is-selected) {background:var(--_hover);}.sv-cal__cell.is-selected.svelte-md3oew:hover:not(:disabled) {background:color-mix(in srgb, var(--_accent) 86%, var(--_fg));}.sv-cal__cell.is-outside.svelte-md3oew {color:var(--_muted);opacity:0.5;}.sv-cal__cell.is-today.svelte-md3oew {box-shadow:inset 0 0 0 1px var(--_accent);font-weight:700;}.sv-cal__cell.is-selected.svelte-md3oew {background:var(--_accent);color:var(--sg-on-accent, #fff);font-weight:650;}.sv-cal__footer.svelte-md3oew {display:flex;justify-content:center;gap:8px;border-top:1px solid var(--_border);padding-top:8px;margin-top:2px;}.sv-cal__foot-btn.svelte-md3oew {padding:5px 12px;font:inherit;font-size:12px;font-weight:600;background:none;border:1px solid var(--_border);border-radius:var(--_radius);color:var(--_accent);cursor:pointer;}.sv-cal__foot-btn.svelte-md3oew:hover:not(:disabled) {background:var(--_hover);}"
 };
 function $e(e, t) {
 	i.push(t, !0), i.append_styles(e, Qe);