@svgrid/grid 2.6.22 → 2.6.23

package/dist/cdn/SvDateTimePicker-sonaH0oh.js

@@ -0,0 +1,812 @@
+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 { 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;
+function q(e, t) {
+	let n = (e - 90) * Math.PI / 180;
+	return {
+		x: W + t * Math.cos(n),
+		y: W + t * Math.sin(n)
+	};
+}
+function se(e) {
+	if (e == null) {
+		let e = /* @__PURE__ */ new Date();
+		return {
+			h: e.getHours(),
+			m: e.getMinutes()
+		};
+	}
+	if (typeof e == "string") {
+		let t = e.match(/^(\d{1,2}):(\d{2})(?::(\d{2}))?/);
+		if (t) return {
+			h: Math.min(23, +t[1]),
+			m: Math.min(59, +t[2])
+		};
+		let n = new Date(e);
+		if (!isNaN(n.getTime())) return {
+			h: n.getHours(),
+			m: n.getMinutes()
+		};
+		let r = /* @__PURE__ */ new Date();
+		return {
+			h: r.getHours(),
+			m: r.getMinutes()
+		};
+	}
+	let t = new Date(e);
+	return {
+		h: t.getHours(),
+		m: t.getMinutes()
+	};
+}
+function ce(e) {
+	let t = () => e.format?.() ?? "24-hour", n = () => e.minuteInterval?.() ?? 1, i = () => e.autoSwitchToMinutes?.() ?? !0, a = () => e.disabled?.() ?? !1, o = () => e.readonly?.() ?? !1, s = k(() => t() === "12-hour"), c = k(() => !a() && !o()), l = m(0), u = m(0), f = m("hour"), p = !1, h = "￿";
+	d(() => {
+		let { h: t, m: n } = se(e.value()), r = `${t}:${n}`;
+		r !== h && (h = r, y(l, t, !0), y(u, n, !0), p || (p = !0, y(f, e.selection?.() ?? "hour", !0)));
+	});
+	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);
+			e.push({
+				label: String(n),
+				x: r.x,
+				y: r.y,
+				value: n,
+				ring: "outer"
+			});
+		}
+		else for (let t = 0; t < 12; t++) {
+			let n = q(t * 30, G), r = q(t * 30, K), i = t + 12, a = t;
+			e.push({
+				label: String(i).padStart(2, "0"),
+				x: n.x,
+				y: n.y,
+				value: i,
+				ring: "outer"
+			}), e.push({
+				label: a === 0 ? "00" : String(a).padStart(2, "0"),
+				x: r.x,
+				y: r.y,
+				value: a,
+				ring: "inner"
+			});
+		}
+		return e;
+	}), x = k(() => Array.from({ length: 12 }, (e, t) => {
+		let n = t * 5, r = q(t * 30, G);
+		return {
+			label: String(n).padStart(2, "0"),
+			x: r.x,
+			y: r.y,
+			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)));
+	function T() {
+		let t = /* @__PURE__ */ new Date();
+		t.setHours(r(l), r(u), 0, 0), e.onChange?.(t);
+	}
+	let E = (e) => {
+		let t = Math.max(1, Math.floor(n()));
+		return Math.round(e / t) * t % 60;
+	};
+	function D(e) {
+		y(f, e, !0);
+	}
+	function O(e) {
+		y(u, E(e), !0), h = `${r(l)}:${r(u)}`, T();
+	}
+	function A(e) {
+		e !== r(_) && (y(l, e ? r(l) % 12 + 12 : r(l) % 12, !0), h = `${r(l)}:${r(u)}`, T());
+	}
+	function j(e, t) {
+		if (r(c)) {
+			if (r(f) === "hour") {
+				let n = Math.round(e / 30) % 12;
+				if (r(s)) {
+					let e = (n === 0 ? 12 : n) % 12;
+					y(l, r(_) ? e + 12 : e, !0);
+				} else y(l, t < 80 ? n : n + 12, !0);
+				h = `${r(l)}:${r(u)}`, T();
+			} else O(Math.round(e / 6) % 60);
+		}
+	}
+	function M() {
+		r(f) === "hour" && i() && y(f, "minute");
+	}
+	function N(e) {
+		if (!r(c)) return;
+		let t = r(f) === "minute" ? Math.max(1, Math.floor(n())) : 1;
+		e.key === "ArrowUp" || e.key === "ArrowRight" ? (e.preventDefault(), r(f) === "hour" ? y(l, (r(l) + 1) % 24) : y(u, (r(u) + t) % 60), h = `${r(l)}:${r(u)}`, T()) : e.key === "ArrowDown" || e.key === "ArrowLeft" ? (e.preventDefault(), r(f) === "hour" ? y(l, (r(l) + 23) % 24) : y(u, (r(u) - t + 60) % 60), h = `${r(l)}:${r(u)}`, T()) : e.key === "Tab" && !e.shiftKey && r(f) === "hour" && y(f, "minute");
+	}
+	function P() {
+		let e = /* @__PURE__ */ new Date();
+		y(l, e.getHours(), !0), y(u, e.getMinutes(), !0), h = `${r(l)}:${r(u)}`, T();
+	}
+	function F(e) {
+		return r(s) ? e.value === r(g) : e.value === r(l);
+	}
+	return {
+		SIZE: oe,
+		C: W,
+		get hours() {
+			return r(l);
+		},
+		get minutes() {
+			return r(u);
+		},
+		get selection() {
+			return r(f);
+		},
+		get is12() {
+			return r(s);
+		},
+		get isInteractive() {
+			return r(c);
+		},
+		get displayHour() {
+			return r(g);
+		},
+		get isPm() {
+			return r(_);
+		},
+		get mm() {
+			return r(v);
+		},
+		get hourTicks() {
+			return r(b);
+		},
+		get minuteTicks() {
+			return r(x);
+		},
+		get handEnd() {
+			return r(w);
+		},
+		isActiveHour: F,
+		setSelection: D,
+		setMinute: O,
+		setAmPm: A,
+		pointerSelect: j,
+		endPointer: M,
+		onKeydown: N,
+		now: P,
+		segProps(e) {
+			return {
+				type: "button",
+				disabled: a(),
+				onclick: () => D(e)
+			};
+		},
+		ampmProps(e) {
+			return {
+				type: "button",
+				disabled: a(),
+				onclick: () => A(e)
+			};
+		},
+		dialProps() {
+			return {
+				role: "slider",
+				tabindex: a() ? -1 : 0,
+				"aria-label": r(f) === "hour" ? "Hour" : "Minute",
+				"aria-valuenow": r(f) === "hour" ? r(l) : r(u),
+				"aria-valuemin": 0,
+				"aria-valuemax": r(f) === "hour" ? 23 : 59,
+				onkeydown: N
+			};
+		},
+		nowProps() {
+			return {
+				type: "button",
+				disabled: a(),
+				onclick: P
+			};
+		}
+	};
+}
+//#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 = {
+	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);
+	let o = (e) => {
+		var o = J();
+		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");
+		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");
+		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");
+			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");
+			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);
+		}), E(l);
+		var D = w(l, 2);
+		x(D, (e) => ({
+			class: "sv-tp__dial",
+			viewBox: `0 0 ${B.SIZE} ${B.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) => {
+			var i = a(), o = j(i);
+			t(o, 17, () => B.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-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) => {
+				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);
+				}), 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) => {
+			var t = fe(), i = _(t);
+			x(i, (e) => ({
+				class: "sv-tp__now",
+				...e
+			}), [() => B.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);
+		});
+		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);
+		};
+		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);
+	}, 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({
+		value: () => l(),
+		onChange: (e) => i.onChange?.(e),
+		format: () => u(),
+		minuteInterval: () => d(),
+		autoSwitchToMinutes: () => p(),
+		disabled: () => h(),
+		readonly: () => y(),
+		selection: () => T()
+	}), V = 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;
+		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);
+		let { angle: t, dist: n } = ie(e);
+		B.pointerSelect(t, n);
+	}
+	function oe(e) {
+		if (!U) return;
+		let { angle: t, dist: n } = ie(e);
+		B.pointerSelect(t, n);
+	}
+	function W(e) {
+		U && (U = !1, V?.releasePointerCapture(e.pointerId), B.endPointer());
+	}
+	var G = a(), K = j(G), q = (e) => {
+		R(e, {
+			get id() {
+				return r(I);
+			},
+			get label() {
+				return i.label;
+			},
+			get hint() {
+				return i.hint;
+			},
+			get error() {
+				return i.error;
+			},
+			get required() {
+				return D();
+			},
+			get dir() {
+				return i.dir;
+			},
+			children: (e, t) => {
+				o(e);
+			},
+			$$slots: { default: !0 }
+		});
+	}, se = (e) => {
+		o(e);
+	};
+	b(K, (e) => {
+		r(L) ? e(q) : e(se, -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(""), _ = "￿";
+	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 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);
+	}
+	function w() {
+		let e = r(g).trim();
+		if (!e) {
+			n() ? C(null) : y(g, r(h) ? V(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);
+	}
+	function T(e) {
+		let t = r(h) ?? /* @__PURE__ */ new Date();
+		C(new Date(t.getTime() + e * 6e4));
+	}
+	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"));
+	}
+	function D(e) {
+		let t = r(h) ?? /* @__PURE__ */ new Date();
+		C(L(t, e));
+	}
+	function O() {
+		!r(u) || r(v) || (y(b, a() === "time" ? "time" : "date", !0), y(v, !0));
+	}
+	function A() {
+		y(v, !1);
+	}
+	function j() {
+		(r(v) ? A : O)();
+	}
+	function M(e) {
+		y(b, e, !0);
+	}
+	function N(t) {
+		t.key === "Enter" ? (t.preventDefault(), w(), A(), e.onCommit?.(r(h))) : t.key === "Escape" ? (A(), e.onCancel?.()) : t.key === "ArrowDown" && (t.altKey || !r(g)) ? (t.preventDefault(), O()) : o() && t.key === "ArrowUp" ? (t.preventDefault(), T(s())) : o() && t.key === "ArrowDown" && (t.preventDefault(), T(-s()));
+	}
+	return {
+		get current() {
+			return r(h);
+		},
+		get text() {
+			return r(g);
+		},
+		set text(e) {
+			y(g, e, !0);
+		},
+		get open() {
+			return r(v);
+		},
+		get tab() {
+			return r(b);
+		},
+		get isInteractive() {
+			return r(u);
+		},
+		get showDateTab() {
+			return r(x);
+		},
+		get showTimeTab() {
+			return r(S);
+		},
+		commit: C,
+		commitFromText: w,
+		bump: T,
+		onCalendarChange: E,
+		onTimeChange: D,
+		openPanel: O,
+		closePanel: A,
+		toggle: j,
+		setTab: M,
+		onInputKeydown: N,
+		inputProps() {
+			return {
+				id: e.id?.(),
+				type: "text",
+				disabled: c(),
+				readonly: l(),
+				...te({
+					id: e.id?.(),
+					invalid: e.invalid?.(),
+					required: e.required?.(),
+					error: e.error?.(),
+					hint: e.hint?.(),
+					ariaLabel: e.ariaLabel?.()
+				}),
+				onblur: w,
+				onkeydown: N
+			};
+		},
+		toggleProps() {
+			return {
+				type: "button",
+				"aria-label": e.toggleLabel?.() ?? "Open picker",
+				"aria-haspopup": "dialog",
+				"aria-expanded": r(v),
+				disabled: !r(u),
+				tabindex: -1,
+				onclick: j
+			};
+		},
+		clearProps() {
+			return {
+				type: "button",
+				"aria-label": e.clearLabel?.() ?? "Clear",
+				onclick: () => C(null)
+			};
+		},
+		spinProps(e) {
+			return {
+				type: "button",
+				tabindex: -1,
+				"aria-label": e === 1 ? "Increment" : "Decrement",
+				disabled: !r(u),
+				onclick: () => T(e * s())
+			};
+		},
+		tabProps(e) {
+			return {
+				type: "button",
+				role: "tab",
+				"aria-selected": r(b) === e,
+				onclick: () => M(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 = {
+	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);
+	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({
+		value: () => s(),
+		onChange: (e) => t.onChange?.(e),
+		onCommit: (e) => t.onCommit?.(e),
+		onCancel: () => t.onCancel?.(),
+		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,
+		id: () => r(pe),
+		invalid: () => ue(),
+		required: () => de(),
+		error: () => t.error,
+		hint: () => t.hint,
+		ariaLabel: () => t.ariaLabel
+	}), Z = m(null), Q = m(null), $ = m(D({
+		top: 0,
+		left: 0,
+		width: 0,
+		openUpward: !1,
+		maxHeight: 0,
+		availHeight: 0
+	}));
+	function ge() {
+		r(Z) && y($, ie(r(Z).getBoundingClientRect(), {
+			estimatedHeight: 360,
+			minWidth: 300
+		}), !0);
+	}
+	d(() => {
+		if (!X.open) return;
+		ge();
+		let e = () => ge();
+		window.addEventListener("scroll", e, !0), window.addEventListener("resize", e);
+		let t = he({
+			element: () => [r(Z), r(Q)],
+			onDismiss: () => X.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 ve(e) {
+		let n = e.relatedTarget;
+		n && (r(Z)?.contains(n) || r(Q)?.contains(n)) || t.onCommit?.(X.current);
+	}
+	R(e, {
+		get id() {
+			return r(pe);
+		},
+		get label() {
+			return t.label;
+		},
+		get hint() {
+			return t.hint;
+		},
+		get error() {
+			return t.error;
+		},
+		get required() {
+			return de();
+		},
+		get dir() {
+			return t.dir;
+		},
+		get block() {
+			return ce();
+		},
+		children: (e, a) => {
+			var s = Ee();
+			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 i = w(r, 2);
+				x(i, (e) => ({ ...e }), [() => X.spinProps(-1)], void 0, void 0, "svelte-pd5igp"), E(t), n(e, t);
+			};
+			b(S, (e) => {
+				K() && e(D);
+			});
+			var k = w(S, 2);
+			x(k, (e) => ({
+				class: "sv-dtp__input",
+				placeholder: te(),
+				...e
+			}), [() => X.inputProps()], void 0, void 0, "svelte-pd5igp", !0), o(() => T(k, () => X.text, (e) => X.text = e)), h(k, (e) => _e?.(e));
+			var A = w(k, 2), N = (e) => {
+				var t = Se();
+				x(t, (e) => ({
+					class: "sv-dtp__clear",
+					...e
+				}), [() => X.clearProps()], void 0, void 0, "svelte-pd5igp"), n(e, t);
+			};
+			b(A, (e) => {
+				ee() && X.current && X.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();
+				let i;
+				var a = _(t), o = (e) => {
+					var t = Ce(), i = _(t);
+					x(i, (e) => ({
+						...e,
+						[O]: { "is-active": X.tab === "date" }
+					}), [() => X.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");
+					var s = _(o, !0);
+					E(o), E(t), f(() => {
+						c(a, r(J).date), c(s, r(J).time);
+					}), n(e, t);
+				};
+				b(a, (e) => {
+					X.showDateTab && X.showTimeTab && e(o);
+				});
+				var s = w(a, 2), l = _(s), d = (e) => {
+					z(e, {
+						get value() {
+							return X.current;
+						},
+						selectionMode: "one",
+						get min() {
+							return u();
+						},
+						get max() {
+							return j();
+						},
+						get firstDayOfWeek() {
+							return B();
+						},
+						get weekNumbers() {
+							return V();
+						},
+						get locale() {
+							return re();
+						},
+						get animate() {
+							return le();
+						},
+						get dir() {
+							return r(Y);
+						},
+						get onChange() {
+							return X.onCalendarChange;
+						}
+					});
+				}, m = (e) => {
+					me(e, {
+						get value() {
+							return X.current;
+						},
+						get format() {
+							return oe();
+						},
+						get minuteInterval() {
+							return W();
+						},
+						footer: !0,
+						get dir() {
+							return r(Y);
+						},
+						get onChange() {
+							return X.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, {
+						position: "fixed",
+						top: `${r($).top}px`,
+						left: `${r($).left}px`
+					}), t.dir = t.dir;
+				}), n(e, t);
+			};
+			b(L, (e) => {
+				X.open && e(ne);
+			});
+			var R = w(L, 2), H = (e) => {
+				var r = Te();
+				M(r), f((e) => {
+					g(r, "name", t.name), C(r, e);
+				}, [() => X.current ? X.current.toISOString() : ""]), n(e, r);
+			};
+			b(R, (e) => {
+				t.name && e(H);
+			}), E(s), f(() => {
+				l = P(s, 1, "sv-dtp svelte-pd5igp", null, l, {
+					"sv-dtp--disabled": I(),
+					"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);
+		},
+		$$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 };