@svgrid/grid 3.0.2 → 3.0.4

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

@@ -1,14 +1,16 @@
 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-BNii4zeD.js";
+import { a as I, i as ee, t as te } from "./editor-contract-LXgQJAgd.js";
+import { C as ne, M as L, P as R, g as re, i as z, k as B, n as V, t as H } from "./date-format-D6KFzU_W.js";
 import { i as U, n as ie, r as ae } from "./popover-P-9P2YYn.js";
+import { t as oe } from "./dismissable-DAHetSNk.js";
 //#region src/createTimePicker.svelte.ts
-var oe = 240, W = oe / 2, G = 98, K = 62;
-function q(e, t) {
+var W = 240, G = W / 2, K = 98, q = 62;
+function J(e, t) {
 	let n = (e - 90) * Math.PI / 180;
 	return {
-		x: W + t * Math.cos(n),
-		y: W + t * Math.sin(n)
+		x: G + t * Math.cos(n),
+		y: G + t * Math.sin(n)
 	};
 }
 function se(e) {
@@ -51,7 +53,7 @@ function ce(e) {
 	let g = k(() => r(s) ? r(l) % 12 == 0 ? 12 : r(l) % 12 : r(l)), _ = k(() => r(l) >= 12), v = k(() => String(r(u)).padStart(2, "0")), b = k(() => {
 		let e = [];
 		if (r(s)) for (let t = 0; t < 12; t++) {
-			let n = t === 0 ? 12 : t, r = q(t * 30, G);
+			let n = t === 0 ? 12 : t, r = J(t * 30, K);
 			e.push({
 				label: String(n),
 				x: r.x,
@@ -61,7 +63,7 @@ function ce(e) {
 			});
 		}
 		else for (let t = 0; t < 12; t++) {
-			let n = q(t * 30, G), r = q(t * 30, K), i = t + 12, a = t;
+			let n = J(t * 30, K), r = J(t * 30, q), i = t + 12, a = t;
 			e.push({
 				label: String(i).padStart(2, "0"),
 				x: n.x,
@@ -78,7 +80,7 @@ function ce(e) {
 		}
 		return e;
 	}), x = k(() => Array.from({ length: 12 }, (e, t) => {
-		let n = t * 5, r = q(t * 30, G);
+		let n = t * 5, r = J(t * 30, K);
 		return {
 			label: String(n).padStart(2, "0"),
 			x: r.x,
@@ -86,7 +88,7 @@ function ce(e) {
 			value: n,
 			ring: "outer"
 		};
-	})), S = k(() => r(f) === "hour" ? r(s) ? r(g) % 12 * 30 : r(l) % 12 * 30 : r(u) * 6), C = k(() => r(f) === "hour" && !r(s) && r(l) % 12 === r(l) && r(l) < 12 ? K : G), w = k(() => q(r(S), r(C)));
+	})), S = k(() => r(f) === "hour" ? r(s) ? r(g) % 12 * 30 : r(l) % 12 * 30 : r(u) * 6), C = k(() => r(f) === "hour" && !r(s) && r(l) % 12 === r(l) && r(l) < 12 ? q : K), w = k(() => J(r(S), r(C)));
 	function T() {
 		let t = /* @__PURE__ */ new Date();
 		t.setHours(r(l), r(u), 0, 0), e.onChange?.(t);
@@ -132,8 +134,8 @@ function ce(e) {
 		return r(s) ? e.value === r(g) : e.value === r(l);
 	}
 	return {
-		SIZE: oe,
-		C: W,
+		SIZE: W,
+		C: G,
 		get hours() {
 			return r(l);
 		},
@@ -211,122 +213,122 @@ function ce(e) {
 }
 //#endregion
 //#region src/SvTimePicker.svelte
-var le = s("<div class=\"sv-tp__ampm svelte-1r061pp\"><button> </button> <button> </button></div>"), ue = l("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), de = l("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), fe = s("<div class=\"sv-tp__footer svelte-1r061pp\"><button> </button></div>"), pe = s("<input type=\"hidden\"/>"), J = s("<div role=\"group\"><div class=\"sv-tp__head svelte-1r061pp\"><button> </button> <span class=\"sv-tp__colon svelte-1r061pp\">:</span> <button> </button> <!></div> <svg><circle class=\"sv-tp__face svelte-1r061pp\"></circle><line class=\"sv-tp__hand svelte-1r061pp\"></line><circle class=\"sv-tp__hub svelte-1r061pp\" r=\"3\"></circle><circle class=\"sv-tp__knob svelte-1r061pp\" r=\"15\"></circle><!></svg> <!> <!></div>"), Y = {
+var le = s("<div class=\"sv-tp__ampm svelte-1r061pp\"><button> </button> <button> </button></div>"), ue = l("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), de = l("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), fe = s("<div class=\"sv-tp__footer svelte-1r061pp\"><button> </button></div>"), pe = s("<input type=\"hidden\"/>"), Y = s("<div role=\"group\"><div class=\"sv-tp__head svelte-1r061pp\"><button> </button> <span class=\"sv-tp__colon svelte-1r061pp\">:</span> <button> </button> <!></div> <svg><circle class=\"sv-tp__face svelte-1r061pp\"></circle><line class=\"sv-tp__hand svelte-1r061pp\"></line><circle class=\"sv-tp__hub svelte-1r061pp\" r=\"3\"></circle><circle class=\"sv-tp__knob svelte-1r061pp\" r=\"15\"></circle><!></svg> <!> <!></div>"), X = {
 	hash: "svelte-1r061pp",
 	code: ".sv-tp.svelte-1r061pp {--_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);--_face: var(--sg-header-bg, #f1f5f9);--_radius: var(--sg-radius, 8px);display:inline-flex;flex-direction:column;gap:10px;align-items:center;width:260px;padding:12px;background:var(--_bg);color:var(--_fg);border:1px solid var(--_border);border-radius:calc(var(--_radius) + 4px);user-select:none;}.sv-tp--invalid.svelte-1r061pp {border-color:var(--sg-danger, #dc2626);}.sv-tp--disabled.svelte-1r061pp {opacity:0.55;pointer-events:none;}.sv-tp__head.svelte-1r061pp {display:flex;align-items:center;gap:2px;font-variant-numeric:tabular-nums;}.sv-tp__seg.svelte-1r061pp {font-size:30px;font-weight:700;line-height:1;background:none;border:0;color:var(--_muted);cursor:pointer;padding:2px 6px;border-radius:var(--_radius);}.sv-tp__seg.is-active.svelte-1r061pp {color:var(--_accent);background:color-mix(in srgb, var(--_accent) 12%, transparent);}.sv-tp__colon.svelte-1r061pp {font-size:28px;font-weight:700;color:var(--_muted);}.sv-tp__ampm.svelte-1r061pp {display:flex;flex-direction:column;margin-inline-start:8px;gap:2px;}.sv-tp__ampm.svelte-1r061pp button:where(.svelte-1r061pp) {font-size:11px;font-weight:700;padding:3px 8px;background:none;border:1px solid var(--_border);border-radius:6px;color:var(--_muted);cursor:pointer;}.sv-tp__ampm.svelte-1r061pp button.is-active:where(.svelte-1r061pp) {background:var(--_accent);color:var(--sg-on-accent, #fff);border-color:var(--_accent);}.sv-tp__dial.svelte-1r061pp {touch-action:none;cursor:pointer;outline:none;display:block;width:100%;height:auto;aspect-ratio:1;}.sv-tp__dial.svelte-1r061pp:focus-visible {outline:2px solid var(--sg-focus-ring, var(--_accent));outline-offset:2px;border-radius:50%;}.sv-tp__face.svelte-1r061pp {fill:var(--_face);}.sv-tp__hand.svelte-1r061pp {stroke:var(--_accent);stroke-width:2;}.sv-tp__hub.svelte-1r061pp {fill:var(--_accent);}.sv-tp__knob.svelte-1r061pp {fill:var(--_accent);opacity:0.9;}.sv-tp__num.svelte-1r061pp {font-size:13px;fill:var(--_fg);pointer-events:none;font-family:inherit;}.sv-tp__num.is-inner.svelte-1r061pp {font-size:11px;fill:var(--_muted);}.sv-tp__num.is-active.svelte-1r061pp {fill:var(--sg-on-accent, #fff);font-weight:700;}.sv-tp__footer.svelte-1r061pp {width:100%;display:flex;justify-content:center;border-top:1px solid var(--_border);padding-top:8px;}.sv-tp__now.svelte-1r061pp {padding:5px 14px;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-tp__now.svelte-1r061pp:hover {background:color-mix(in srgb, var(--_accent) 10%, transparent);}"
 };
 function me(e, i) {
-	N(i, !0), F(e, Y);
+	N(i, !0), F(e, X);
 	let o = (e) => {
-		var o = J();
+		var o = Y();
 		let s;
 		var l = _(o), u = _(l);
 		x(u, (e) => ({
 			class: "sv-tp__seg",
 			...e,
-			[O]: { "is-active": B.selection === "hour" }
-		}), [() => B.segProps("hour")], void 0, void 0, "svelte-1r061pp");
+			[O]: { "is-active": V.selection === "hour" }
+		}), [() => V.segProps("hour")], void 0, void 0, "svelte-1r061pp");
 		var d = _(u, !0);
 		E(u);
 		var p = w(u, 4);
 		x(p, (e) => ({
 			class: "sv-tp__seg",
 			...e,
-			[O]: { "is-active": B.selection === "minute" }
-		}), [() => B.segProps("minute")], void 0, void 0, "svelte-1r061pp");
+			[O]: { "is-active": V.selection === "minute" }
+		}), [() => V.segProps("minute")], void 0, void 0, "svelte-1r061pp");
 		var y = _(p, !0);
 		E(p);
 		var S = w(p, 2), T = (e) => {
 			var t = le(), i = _(t);
 			x(i, (e) => ({
 				...e,
-				[O]: { "is-active": !B.isPm }
-			}), [() => B.ampmProps(!1)], void 0, void 0, "svelte-1r061pp");
+				[O]: { "is-active": !V.isPm }
+			}), [() => V.ampmProps(!1)], void 0, void 0, "svelte-1r061pp");
 			var a = _(i, !0);
 			E(i);
 			var o = w(i, 2);
 			x(o, (e) => ({
 				...e,
-				[O]: { "is-active": B.isPm }
-			}), [() => B.ampmProps(!0)], void 0, void 0, "svelte-1r061pp");
+				[O]: { "is-active": V.isPm }
+			}), [() => V.ampmProps(!0)], void 0, void 0, "svelte-1r061pp");
 			var s = _(o, !0);
 			E(o), E(t), f(() => {
 				c(a, r(z).am), c(s, r(z).pm);
 			}), n(e, t);
 		};
 		b(S, (e) => {
-			B.is12 && e(T);
+			V.is12 && e(T);
 		}), E(l);
 		var D = w(l, 2);
 		x(D, (e) => ({
 			class: "sv-tp__dial",
-			viewBox: `0 0 ${B.SIZE} ${B.SIZE}`,
+			viewBox: `0 0 ${V.SIZE} ${V.SIZE}`,
 			width: "100%",
 			...e,
 			onpointerdown: ae,
 			onpointermove: oe,
 			onpointerup: W,
 			onpointercancel: W
-		}), [() => B.dialProps()], void 0, void 0, "svelte-1r061pp");
-		var k = _(D), A = w(k), N = w(A), F = w(N), te = w(F), L = (e) => {
+		}), [() => V.dialProps()], void 0, void 0, "svelte-1r061pp");
+		var k = _(D), A = w(k), N = w(A), F = w(N), I = w(F), ee = (e) => {
 			var i = a(), o = j(i);
-			t(o, 17, () => B.hourTicks, (e) => e.ring + "-" + e.value, (e, t) => {
+			t(o, 17, () => V.hourTicks, (e) => e.ring + "-" + e.value, (e, t) => {
 				var i = ue();
 				let a;
 				var o = _(i, !0);
 				E(i), f((e) => {
 					a = P(i, 0, "sv-tp__num svelte-1r061pp", null, a, e), g(i, "x", r(t).x), g(i, "y", r(t).y), c(o, r(t).label);
 				}, [() => ({
-					"is-active": B.isActiveHour(r(t)),
+					"is-active": V.isActiveHour(r(t)),
 					"is-inner": r(t).ring === "inner"
 				})]), n(e, i);
 			}), n(e, i);
 		}, ne = (e) => {
 			var i = a(), o = j(i);
-			t(o, 17, () => B.minuteTicks, (e) => e.value, (e, t) => {
+			t(o, 17, () => V.minuteTicks, (e) => e.value, (e, t) => {
 				var i = de();
 				let a;
 				var o = _(i, !0);
 				E(i), f(() => {
-					a = P(i, 0, "sv-tp__num svelte-1r061pp", null, a, { "is-active": r(t).value === B.minutes }), g(i, "x", r(t).x), g(i, "y", r(t).y), c(o, r(t).label);
+					a = P(i, 0, "sv-tp__num svelte-1r061pp", null, a, { "is-active": r(t).value === V.minutes }), g(i, "x", r(t).x), g(i, "y", r(t).y), c(o, r(t).label);
 				}), n(e, i);
 			}), n(e, i);
 		};
-		b(te, (e) => {
-			B.selection === "hour" ? e(L) : e(ne, -1);
-		}), E(D), v(D, (e) => V = e, () => V);
-		var R = w(D, 2), H = (e) => {
+		b(I, (e) => {
+			V.selection === "hour" ? e(ee) : e(ne, -1);
+		}), E(D), v(D, (e) => H = e, () => H);
+		var R = w(D, 2), re = (e) => {
 			var t = fe(), i = _(t);
 			x(i, (e) => ({
 				class: "sv-tp__now",
 				...e
-			}), [() => B.nowProps()], void 0, void 0, "svelte-1r061pp");
+			}), [() => V.nowProps()], void 0, void 0, "svelte-1r061pp");
 			var a = _(i, !0);
 			E(i), E(t), f(() => c(a, r(z).now)), n(e, t);
 		};
 		b(R, (e) => {
-			m() && e(H);
+			m() && e(re);
 		});
 		var U = w(R, 2), ie = (e) => {
 			var t = pe();
 			M(t), f((e) => {
 				g(t, "name", i.name), C(t, e);
-			}, [() => `${String(B.hours).padStart(2, "0")}:${B.mm}`]), n(e, t);
+			}, [() => `${String(V.hours).padStart(2, "0")}:${V.mm}`]), n(e, t);
 		};
 		b(U, (e) => {
 			i.name && e(ie);
 		}), E(o), f((e) => {
 			s = P(o, 1, "sv-tp svelte-1r061pp", null, s, {
 				"sv-tp--disabled": h(),
-				"sv-tp--invalid": ee()
-			}), g(o, "id", r(I)), g(o, "aria-label", i.label ?? r(z).label), g(o, "dir", r(re)), c(d, e), c(y, B.mm), g(k, "cx", B.C), g(k, "cy", B.C), g(k, "r", B.C - 4), g(A, "x1", B.C), g(A, "y1", B.C), g(A, "x2", B.handEnd.x), g(A, "y2", B.handEnd.y), g(N, "cx", B.C), g(N, "cy", B.C), g(F, "cx", B.handEnd.x), g(F, "cy", B.handEnd.y), o.dir = o.dir;
-		}, [() => String(B.displayHour).padStart(2, "0")]), n(e, o);
+				"sv-tp--invalid": te()
+			}), g(o, "id", r(L)), g(o, "aria-label", i.label ?? r(z).label), g(o, "dir", r(B)), c(d, e), c(y, V.mm), g(k, "cx", V.C), g(k, "cy", V.C), g(k, "r", V.C - 4), g(A, "x1", V.C), g(A, "y1", V.C), g(A, "x2", V.handEnd.x), g(A, "y2", V.handEnd.y), g(N, "cx", V.C), g(N, "cy", V.C), g(F, "cx", V.handEnd.x), g(F, "cy", V.handEnd.y), o.dir = o.dir;
+		}, [() => String(V.displayHour).padStart(2, "0")]), n(e, o);
 	}, s = {
 		label: "Time picker",
 		am: "AM",
 		pm: "PM",
 		now: "Now"
-	}, l = A(i, "value", 3, null), u = A(i, "format", 3, "24-hour"), d = A(i, "minuteInterval", 3, 1), p = A(i, "autoSwitchToMinutes", 3, !0), m = A(i, "footer", 3, !1), h = A(i, "disabled", 3, !1), y = A(i, "readonly", 3, !1), T = A(i, "selection", 3, "hour"), D = A(i, "required", 3, !1), ee = A(i, "invalid", 3, !1), te = ne("sv-tp"), I = k(() => i.id ?? te), L = k(() => !!(i.label || i.hint || i.error)), z = k(() => H(s, i.messages)), re = k(() => i.dir === "ltr" || i.dir === "rtl" ? i.dir : void 0), B = ce({
+	}, l = A(i, "value", 3, null), u = A(i, "format", 3, "24-hour"), d = A(i, "minuteInterval", 3, 1), p = A(i, "autoSwitchToMinutes", 3, !0), m = A(i, "footer", 3, !1), h = A(i, "disabled", 3, !1), y = A(i, "readonly", 3, !1), T = A(i, "selection", 3, "hour"), D = A(i, "required", 3, !1), te = A(i, "invalid", 3, !1), ne = ee("sv-tp"), L = k(() => i.id ?? ne), R = k(() => !!(i.label || i.hint || i.error)), z = k(() => I(s, i.messages)), B = k(() => i.dir === "ltr" || i.dir === "rtl" ? i.dir : void 0), V = ce({
 		value: () => l(),
 		onChange: (e) => i.onChange?.(e),
 		format: () => u(),
@@ -335,32 +337,32 @@ function me(e, i) {
 		disabled: () => h(),
 		readonly: () => y(),
 		selection: () => T()
-	}), V = null, U = !1;
+	}), H = null, U = !1;
 	function ie(e) {
-		let t = V.getBoundingClientRect(), n = B.SIZE / t.width, r = (e.clientX - t.left) * n - B.C, i = (e.clientY - t.top) * n - B.C, a = Math.atan2(i, r) * 180 / Math.PI + 90;
+		let t = H.getBoundingClientRect(), n = V.SIZE / t.width, r = (e.clientX - t.left) * n - V.C, i = (e.clientY - t.top) * n - V.C, a = Math.atan2(i, r) * 180 / Math.PI + 90;
 		return a < 0 && (a += 360), {
 			angle: a,
 			dist: Math.hypot(r, i)
 		};
 	}
 	function ae(e) {
-		if (!B.isInteractive) return;
-		U = !0, V?.setPointerCapture(e.pointerId);
+		if (!V.isInteractive) return;
+		U = !0, H?.setPointerCapture(e.pointerId);
 		let { angle: t, dist: n } = ie(e);
-		B.pointerSelect(t, n);
+		V.pointerSelect(t, n);
 	}
 	function oe(e) {
 		if (!U) return;
 		let { angle: t, dist: n } = ie(e);
-		B.pointerSelect(t, n);
+		V.pointerSelect(t, n);
 	}
 	function W(e) {
-		U && (U = !1, V?.releasePointerCapture(e.pointerId), B.endPointer());
+		U && (U = !1, H?.releasePointerCapture(e.pointerId), V.endPointer());
 	}
 	var G = a(), K = j(G), q = (e) => {
-		R(e, {
+		re(e, {
 			get id() {
-				return r(I);
+				return r(L);
 			},
 			get label() {
 				return i.label;
@@ -382,78 +384,35 @@ function me(e, i) {
 			},
 			$$slots: { default: !0 }
 		});
-	}, se = (e) => {
+	}, J = (e) => {
 		o(e);
 	};
 	b(K, (e) => {
-		r(L) ? e(q) : e(se, -1);
+		r(R) ? e(q) : e(J, -1);
 	}), n(e, G), S();
 }
 //#endregion
-//#region src/a11y/dismissable.ts
-function X(e, t) {
-	return t ? (Array.isArray(e) ? e : [e]).some((e) => e != null && e.contains(t)) : !1;
-}
-var Z = [], Q = !1;
-function $() {
-	Q || typeof document > "u" || (Q = !0, document.addEventListener("keydown", (e) => {
-		if (e.key !== "Escape") return;
-		let t = Z[Z.length - 1];
-		t?.closeOnEscape && (e.stopPropagation(), t.onDismiss("escape"));
-	}, !0), document.addEventListener("pointerdown", (e) => {
-		let t = Z[Z.length - 1];
-		t?.closeOnOutside && (X(t.element(), e.target) || t.onDismiss("outside"));
-	}, !0));
-}
-function he(e) {
-	let t = {
-		element: e.element,
-		onDismiss: e.onDismiss,
-		closeOnEscape: e.closeOnEscape ?? !0,
-		closeOnOutside: e.closeOnOutside ?? !0
-	};
-	return {
-		activate() {
-			$(), Z.includes(t) || Z.push(t);
-		},
-		release() {
-			let e = Z.indexOf(t);
-			e >= 0 && Z.splice(e, 1);
-		}
-	};
-}
-function ge() {
-	return Z.length;
-}
-function _e(e, t) {
-	if (typeof window > "u") return () => {};
-	let n = (n) => {
-		X(e(), n.target) || t();
-	};
-	return window.addEventListener("scroll", n, !0), () => window.removeEventListener("scroll", n, !0);
-}
-//#endregion
 //#region src/createDateTimePicker.svelte.ts
-var ve = () => typeof navigator < "u" ? navigator.language : "en-US";
-function ye(e) {
-	let t = () => e.formatString?.() ?? "yyyy-MM-dd HH:mm", n = () => e.nullable?.() ?? !0, i = () => e.locale?.() ?? ve(), a = () => e.dropDownDisplayMode?.() ?? "both", o = () => e.spinButtons?.() ?? !1, s = () => e.stepMinutes?.() ?? 1, c = () => e.disabled?.() ?? !1, l = () => e.readonly?.() ?? !1, u = k(() => !c() && !l()), f = k(() => I(e.min?.() ?? null)), p = k(() => I(e.max?.() ?? null)), h = m(null), g = m(""), _ = "￿";
+var Z = () => typeof navigator < "u" ? navigator.language : "en-US";
+function he(e) {
+	let t = () => e.formatString?.() ?? "yyyy-MM-dd HH:mm", n = () => e.nullable?.() ?? !0, i = () => e.locale?.() ?? Z(), a = () => e.dropDownDisplayMode?.() ?? "both", o = () => e.spinButtons?.() ?? !1, s = () => e.stepMinutes?.() ?? 1, c = () => e.disabled?.() ?? !1, l = () => e.readonly?.() ?? !1, u = k(() => !c() && !l()), f = k(() => L(e.min?.() ?? null)), p = k(() => L(e.max?.() ?? null)), h = m(null), g = m(""), _ = "￿";
 	d(() => {
-		let n = I(e.value()), r = n ? String(n.getTime()) : "null";
-		r !== _ && (_ = r, y(h, n, !0), y(g, n ? V(n, t(), i()) : "", !0));
+		let n = L(e.value()), r = n ? String(n.getTime()) : "null";
+		r !== _ && (_ = r, y(h, n, !0), y(g, n ? H(n, t(), i()) : "", !0));
 	});
 	let v = m(!1), b = m("date"), x = k(() => a() !== "time"), S = k(() => a() !== "calendar");
 	function C(n) {
-		let a = n ? ee(n, r(f), r(p)) : null;
-		y(h, a, !0), _ = a ? String(a.getTime()) : "null", y(g, a ? V(a, t(), i()) : "", !0), e.onChange?.(a);
+		let a = n ? ne(n, r(f), r(p)) : null;
+		y(h, a, !0), _ = a ? String(a.getTime()) : "null", y(g, a ? H(a, t(), i()) : "", !0), e.onChange?.(a);
 	}
 	function w() {
 		let e = r(g).trim();
 		if (!e) {
-			n() ? C(null) : y(g, r(h) ? V(r(h), t(), i()) : "", !0);
+			n() ? C(null) : y(g, r(h) ? H(r(h), t(), i()) : "", !0);
 			return;
 		}
-		let a = B(e, t(), i(), 2029, r(h) ?? /* @__PURE__ */ new Date());
-		a ? C(a) : y(g, r(h) ? V(r(h), t(), i()) : "", !0);
+		let a = V(e, t(), i(), 2029, r(h) ?? /* @__PURE__ */ new Date());
+		a ? C(a) : y(g, r(h) ? H(r(h), t(), i()) : "", !0);
 	}
 	function T(e) {
 		let t = r(h) ?? /* @__PURE__ */ new Date();
@@ -461,11 +420,11 @@ function ye(e) {
 	}
 	function E(t) {
 		let n = t[0];
-		n && (C(L(n, r(h) ?? re(n))), a() === "calendar" ? (y(v, !1), e.onCommit?.(r(h))) : a() === "both" && y(b, "time"));
+		n && (C(R(n, r(h) ?? B(n))), a() === "calendar" ? (y(v, !1), e.onCommit?.(r(h))) : a() === "both" && y(b, "time"));
 	}
 	function D(e) {
 		let t = r(h) ?? /* @__PURE__ */ new Date();
-		C(L(t, e));
+		C(R(t, e));
 	}
 	function O() {
 		!r(u) || r(v) || (y(b, a() === "time" ? "time" : "date", !0), y(v, !0));
@@ -574,19 +533,19 @@ function ye(e) {
 }
 //#endregion
 //#region src/SvDateTimePicker.svelte
-var be = /* @__PURE__ */ e({ default: () => Oe }), xe = s("<div class=\"sv-dtp__spin svelte-pd5igp\"><button>▲</button> <button>▼</button></div>"), Se = s("<button>&times;</button>"), Ce = s("<div class=\"sv-dtp__tabs\" role=\"tablist\"><button> </button> <button> </button></div>"), we = s("<div class=\"sv-dtp__panel\" role=\"dialog\"><!> <div class=\"sv-dtp__body\"><!></div></div>"), Te = s("<input type=\"hidden\"/>"), Ee = s("<div><div><!> <input/> <!> <button><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"></rect><path d=\"M16 2v4M8 2v4M3 10h18\"></path></svg></button></div> <!> <!></div>"), De = {
+var Q = /* @__PURE__ */ e({ default: () => $ }), ge = s("<div class=\"sv-dtp__spin svelte-pd5igp\"><button>▲</button> <button>▼</button></div>"), _e = s("<button>&times;</button>"), ve = s("<div class=\"sv-dtp__tabs\" role=\"tablist\"><button> </button> <button> </button></div>"), ye = s("<div class=\"sv-dtp__panel\" role=\"dialog\"><!> <div class=\"sv-dtp__body\"><!></div></div>"), be = s("<input type=\"hidden\"/>"), xe = s("<div><div><!> <input/> <!> <button><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"></rect><path d=\"M16 2v4M8 2v4M3 10h18\"></path></svg></button></div> <!> <!></div>"), Se = {
 	hash: "svelte-pd5igp",
 	code: ".sv-dtp.svelte-pd5igp {--_accent: var(--sg-accent, #2563eb);--_bg: var(--sg-input-bg, var(--sg-bg, #fff));--_fg: var(--sg-fg, #0f172a);--_muted: var(--sg-muted, #64748b);--_border: var(--sg-input-border, var(--sg-border, #cbd5e1));--_radius: var(--sg-radius, 8px);display:inline-block;position:relative;width:240px;color:var(--_fg);}\n  /* Fill the container (grid cell editor) instead of the fixed default width. */.sv-dtp--block.svelte-pd5igp {display:block;width:100%;}.sv-dtp--disabled.svelte-pd5igp {opacity:0.6;}.sv-dtp__field.svelte-pd5igp {display:flex;align-items:center;gap:2px;background:var(--_bg);border:1px solid var(--_border);border-radius:var(--_radius);padding-block:0;padding-inline:0 4px;height:34px;}.sv-dtp__field.svelte-pd5igp:focus-within {border-color:var(--_accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--_accent) 22%, transparent);}.sv-dtp__field.is-invalid.svelte-pd5igp {border-color:var(--sg-danger, #dc2626);}.sv-dtp__field.is-invalid.svelte-pd5igp:focus-within {box-shadow:0 0 0 2px color-mix(in srgb, var(--sg-danger, #dc2626) 22%, transparent);}.sv-dtp__input.svelte-pd5igp {flex:1;min-width:0;border:0;background:none;outline:none;color:inherit;font:inherit;font-size:13px;padding:0 8px;height:100%;}.sv-dtp__spin.svelte-pd5igp {display:flex;flex-direction:column;border-inline-end:1px solid var(--_border);}.sv-dtp__spin.svelte-pd5igp button:where(.svelte-pd5igp) {flex:1;width:20px;border:0;background:none;color:var(--_muted);cursor:pointer;font-size:7px;line-height:1;padding:0;}.sv-dtp__spin.svelte-pd5igp button:where(.svelte-pd5igp):hover:not(:disabled) {color:var(--_accent);}.sv-dtp__clear.svelte-pd5igp, .sv-dtp__toggle.svelte-pd5igp {display:grid;place-items:center;width:26px;height:26px;flex:none;background:none;border:0;color:var(--_muted);cursor:pointer;border-radius:6px;}.sv-dtp__clear.svelte-pd5igp {font-size:17px;line-height:1;}.sv-dtp__clear.svelte-pd5igp:hover, .sv-dtp__toggle.svelte-pd5igp:hover {color:var(--_accent);background:color-mix(in srgb, var(--_accent) 10%, transparent);}\n\n  /* Portalled panel - lives under <body>, styled globally. */.sv-dtp__panel {z-index:2147483647;background:var(--sg-bg, #fff);border:1px solid var(--sg-border, #e2e8f0);border-radius:12px;box-shadow:0 16px 48px -12px rgba(15, 23, 42, 0.35);overflow:hidden;}.sv-dtp__tabs {display:flex;border-bottom:1px solid var(--sg-border, #e2e8f0);}.sv-dtp__tabs button {flex:1;padding:9px;font:inherit;font-size:11px;font-weight:700;letter-spacing:0.04em;background:none;border:0;color:var(--sg-muted, #64748b);cursor:pointer;border-bottom:2px solid transparent;}.sv-dtp__tabs button.is-active {color:var(--sg-accent, #2563eb);border-bottom-color:var(--sg-accent, #2563eb);}.sv-dtp__body {display:grid;place-items:center;padding:8px;}"
 };
-function Oe(e, t) {
-	N(t, !0), F(e, De);
+function $(e, t) {
+	N(t, !0), F(e, Se);
 	let a = {
 		dialog: "Choose date and time",
 		date: "DATE",
 		time: "TIME",
 		clear: "Clear",
 		open: "Open picker"
-	}, s = A(t, "value", 3, null), l = A(t, "formatString", 3, "yyyy-MM-dd HH:mm"), u = A(t, "min", 3, null), j = A(t, "max", 3, null), ee = A(t, "nullable", 3, !0), te = A(t, "placeholder", 3, "Select date & time"), I = A(t, "disabled", 3, !1), L = A(t, "readonly", 3, !1), re = A(t, "locale", 19, () => typeof navigator < "u" ? navigator.language : "en-US"), B = A(t, "firstDayOfWeek", 3, 0), V = A(t, "weekNumbers", 3, !1), oe = A(t, "hourFormat", 3, "24-hour"), W = A(t, "minuteInterval", 3, 1), G = A(t, "dropDownDisplayMode", 3, "both"), K = A(t, "spinButtons", 3, !1), q = A(t, "stepMinutes", 3, 1), se = A(t, "autoOpen", 3, !1), ce = A(t, "block", 3, !1), le = A(t, "animate", 3, !1), ue = A(t, "invalid", 3, !1), de = A(t, "required", 3, !1), fe = ne("sv-dtp"), pe = k(() => t.id ?? fe), J = k(() => H(a, t.messages)), Y = k(() => t.dir === "ltr" || t.dir === "rtl" ? t.dir : void 0), X = ye({
+	}, s = A(t, "value", 3, null), l = A(t, "formatString", 3, "yyyy-MM-dd HH:mm"), u = A(t, "min", 3, null), j = A(t, "max", 3, null), te = A(t, "nullable", 3, !0), ne = A(t, "placeholder", 3, "Select date & time"), L = A(t, "disabled", 3, !1), R = A(t, "readonly", 3, !1), B = A(t, "locale", 19, () => typeof navigator < "u" ? navigator.language : "en-US"), V = A(t, "firstDayOfWeek", 3, 0), H = A(t, "weekNumbers", 3, !1), W = A(t, "hourFormat", 3, "24-hour"), G = A(t, "minuteInterval", 3, 1), K = A(t, "dropDownDisplayMode", 3, "both"), q = A(t, "spinButtons", 3, !1), J = A(t, "stepMinutes", 3, 1), se = A(t, "autoOpen", 3, !1), ce = A(t, "block", 3, !1), le = A(t, "animate", 3, !1), ue = A(t, "invalid", 3, !1), de = A(t, "required", 3, !1), fe = ee("sv-dtp"), pe = k(() => t.id ?? fe), Y = k(() => I(a, t.messages)), X = k(() => t.dir === "ltr" || t.dir === "rtl" ? t.dir : void 0), Z = he({
 		value: () => s(),
 		onChange: (e) => t.onChange?.(e),
 		onCommit: (e) => t.onCommit?.(e),
@@ -594,22 +553,22 @@ function Oe(e, t) {
 		formatString: () => l(),
 		min: () => u(),
 		max: () => j(),
-		nullable: () => ee(),
-		locale: () => re(),
-		dropDownDisplayMode: () => G(),
-		spinButtons: () => K(),
-		stepMinutes: () => q(),
-		disabled: () => I(),
-		readonly: () => L(),
-		toggleLabel: () => r(J).open,
-		clearLabel: () => r(J).clear,
+		nullable: () => te(),
+		locale: () => B(),
+		dropDownDisplayMode: () => K(),
+		spinButtons: () => q(),
+		stepMinutes: () => J(),
+		disabled: () => L(),
+		readonly: () => R(),
+		toggleLabel: () => r(Y).open,
+		clearLabel: () => r(Y).clear,
 		id: () => r(pe),
 		invalid: () => ue(),
 		required: () => de(),
 		error: () => t.error,
 		hint: () => t.hint,
 		ariaLabel: () => t.ariaLabel
-	}), Z = m(null), Q = m(null), $ = m(D({
+	}), Q = m(null), $ = m(null), Ce = m(D({
 		top: 0,
 		left: 0,
 		width: 0,
@@ -617,34 +576,34 @@ function Oe(e, t) {
 		maxHeight: 0,
 		availHeight: 0
 	}));
-	function ge() {
-		r(Z) && y($, ie(r(Z).getBoundingClientRect(), {
+	function we() {
+		r(Q) && y(Ce, ie(r(Q).getBoundingClientRect(), {
 			estimatedHeight: 360,
 			minWidth: 300
 		}), !0);
 	}
 	d(() => {
-		if (!X.open) return;
-		ge();
-		let e = () => ge();
+		if (!Z.open) return;
+		we();
+		let e = () => we();
 		window.addEventListener("scroll", e, !0), window.addEventListener("resize", e);
-		let t = he({
-			element: () => [r(Z), r(Q)],
-			onDismiss: () => X.closePanel(),
+		let t = oe({
+			element: () => [r(Q), r($)],
+			onDismiss: () => Z.closePanel(),
 			closeOnEscape: !1
 		});
 		return t.activate(), () => {
 			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e), t.release();
 		};
 	});
-	function _e(e) {
-		se() && (e.focus(), X.openPanel());
+	function Te(e) {
+		se() && (e.focus(), Z.openPanel());
 	}
-	function ve(e) {
+	function Ee(e) {
 		let n = e.relatedTarget;
-		n && (r(Z)?.contains(n) || r(Q)?.contains(n)) || t.onCommit?.(X.current);
+		n && (r(Q)?.contains(n) || r($)?.contains(n)) || t.onCommit?.(Z.current);
 	}
-	R(e, {
+	re(e, {
 		get id() {
 			return r(pe);
 		},
@@ -667,68 +626,68 @@ function Oe(e, t) {
 			return ce();
 		},
 		children: (e, a) => {
-			var s = Ee();
+			var s = xe();
 			let l;
 			var d = _(s);
 			let m;
 			var S = _(d), D = (e) => {
-				var t = xe(), r = _(t);
-				x(r, (e) => ({ ...e }), [() => X.spinProps(1)], void 0, void 0, "svelte-pd5igp");
+				var t = ge(), r = _(t);
+				x(r, (e) => ({ ...e }), [() => Z.spinProps(1)], void 0, void 0, "svelte-pd5igp");
 				var i = w(r, 2);
-				x(i, (e) => ({ ...e }), [() => X.spinProps(-1)], void 0, void 0, "svelte-pd5igp"), E(t), n(e, t);
+				x(i, (e) => ({ ...e }), [() => Z.spinProps(-1)], void 0, void 0, "svelte-pd5igp"), E(t), n(e, t);
 			};
 			b(S, (e) => {
-				K() && e(D);
+				q() && e(D);
 			});
 			var k = w(S, 2);
 			x(k, (e) => ({
 				class: "sv-dtp__input",
-				placeholder: te(),
+				placeholder: ne(),
 				...e
-			}), [() => X.inputProps()], void 0, void 0, "svelte-pd5igp", !0), o(() => T(k, () => X.text, (e) => X.text = e)), h(k, (e) => _e?.(e));
+			}), [() => Z.inputProps()], void 0, void 0, "svelte-pd5igp", !0), o(() => T(k, () => Z.text, (e) => Z.text = e)), h(k, (e) => Te?.(e));
 			var A = w(k, 2), N = (e) => {
-				var t = Se();
+				var t = _e();
 				x(t, (e) => ({
 					class: "sv-dtp__clear",
 					...e
-				}), [() => X.clearProps()], void 0, void 0, "svelte-pd5igp"), n(e, t);
+				}), [() => Z.clearProps()], void 0, void 0, "svelte-pd5igp"), n(e, t);
 			};
 			b(A, (e) => {
-				ee() && X.current && X.isInteractive && e(N);
+				te() && Z.current && Z.isInteractive && e(N);
 			});
 			var F = w(A, 2);
 			x(F, (e) => ({
 				class: "sv-dtp__toggle",
 				...e
-			}), [() => X.toggleProps()], void 0, void 0, "svelte-pd5igp"), E(d), v(d, (e) => y(Z, e), () => r(Z));
-			var L = w(d, 2), ne = (e) => {
-				var t = we();
+			}), [() => Z.toggleProps()], void 0, void 0, "svelte-pd5igp"), E(d), v(d, (e) => y(Q, e), () => r(Q));
+			var I = w(d, 2), ee = (e) => {
+				var t = ye();
 				let i;
 				var a = _(t), o = (e) => {
-					var t = Ce(), i = _(t);
+					var t = ve(), i = _(t);
 					x(i, (e) => ({
 						...e,
-						[O]: { "is-active": X.tab === "date" }
-					}), [() => X.tabProps("date")], void 0, void 0, "svelte-pd5igp");
+						[O]: { "is-active": Z.tab === "date" }
+					}), [() => Z.tabProps("date")], void 0, void 0, "svelte-pd5igp");
 					var a = _(i, !0);
 					E(i);
 					var o = w(i, 2);
 					x(o, (e) => ({
 						...e,
-						[O]: { "is-active": X.tab === "time" }
-					}), [() => X.tabProps("time")], void 0, void 0, "svelte-pd5igp");
+						[O]: { "is-active": Z.tab === "time" }
+					}), [() => Z.tabProps("time")], void 0, void 0, "svelte-pd5igp");
 					var s = _(o, !0);
 					E(o), E(t), f(() => {
-						c(a, r(J).date), c(s, r(J).time);
+						c(a, r(Y).date), c(s, r(Y).time);
 					}), n(e, t);
 				};
 				b(a, (e) => {
-					X.showDateTab && X.showTimeTab && e(o);
+					Z.showDateTab && Z.showTimeTab && e(o);
 				});
 				var s = w(a, 2), l = _(s), d = (e) => {
 					z(e, {
 						get value() {
-							return X.current;
+							return Z.current;
 						},
 						selectionMode: "one",
 						get min() {
@@ -738,75 +697,75 @@ function Oe(e, t) {
 							return j();
 						},
 						get firstDayOfWeek() {
-							return B();
+							return V();
 						},
 						get weekNumbers() {
-							return V();
+							return H();
 						},
 						get locale() {
-							return re();
+							return B();
 						},
 						get animate() {
 							return le();
 						},
 						get dir() {
-							return r(Y);
+							return r(X);
 						},
 						get onChange() {
-							return X.onCalendarChange;
+							return Z.onCalendarChange;
 						}
 					});
 				}, m = (e) => {
 					me(e, {
 						get value() {
-							return X.current;
+							return Z.current;
 						},
 						get format() {
-							return oe();
+							return W();
 						},
 						get minuteInterval() {
-							return W();
+							return G();
 						},
 						footer: !0,
 						get dir() {
-							return r(Y);
+							return r(X);
 						},
 						get onChange() {
-							return X.onTimeChange;
+							return Z.onTimeChange;
 						}
 					});
 				};
 				b(l, (e) => {
-					X.tab === "date" && X.showDateTab ? e(d) : X.showTimeTab && e(m, 1);
-				}), E(s), E(t), v(t, (e) => y(Q, e), () => r(Q)), h(t, (e) => U?.(e)), h(t, (e, t) => ae?.(e, t), () => ({ up: r($).openUpward })), f(() => {
-					g(t, "aria-label", r(J).dialog), g(t, "dir", r(Y)), i = p(t, "", i, {
+					Z.tab === "date" && Z.showDateTab ? e(d) : Z.showTimeTab && e(m, 1);
+				}), E(s), E(t), v(t, (e) => y($, e), () => r($)), h(t, (e) => U?.(e)), h(t, (e, t) => ae?.(e, t), () => ({ up: r(Ce).openUpward })), f(() => {
+					g(t, "aria-label", r(Y).dialog), g(t, "dir", r(X)), i = p(t, "", i, {
 						position: "fixed",
-						top: `${r($).top}px`,
-						left: `${r($).left}px`
+						top: `${r(Ce).top}px`,
+						left: `${r(Ce).left}px`
 					}), t.dir = t.dir;
 				}), n(e, t);
 			};
-			b(L, (e) => {
-				X.open && e(ne);
+			b(I, (e) => {
+				Z.open && e(ee);
 			});
-			var R = w(L, 2), H = (e) => {
-				var r = Te();
+			var R = w(I, 2), re = (e) => {
+				var r = be();
 				M(r), f((e) => {
 					g(r, "name", t.name), C(r, e);
-				}, [() => X.current ? X.current.toISOString() : ""]), n(e, r);
+				}, [() => Z.current ? Z.current.toISOString() : ""]), n(e, r);
 			};
 			b(R, (e) => {
-				t.name && e(H);
+				t.name && e(re);
 			}), E(s), f(() => {
 				l = P(s, 1, "sv-dtp svelte-pd5igp", null, l, {
-					"sv-dtp--disabled": I(),
+					"sv-dtp--disabled": L(),
 					"sv-dtp--block": ce()
-				}), g(s, "dir", r(Y)), m = P(d, 1, "sv-dtp__field svelte-pd5igp", null, m, { "is-invalid": ue() }), s.dir = s.dir;
-			}), i("focusout", s, ve), n(e, s);
+				}), g(s, "dir", r(X)), m = P(d, 1, "sv-dtp__field svelte-pd5igp", null, m, { "is-invalid": ue() }), s.dir = s.dir;
+			}), i("focusout", s, Ee), n(e, s);
 		},
 		$$slots: { default: !0 }
 	}), S();
 }
 u(["focusout"]);
 //#endregion
-export { ge as a, ce as c, he as i, se as l, be as n, _e as o, ye as r, me as s, Oe as t };
+export { ce as a, me as i, Q as n, se as o, he as r, $ as t };