@svgrid/grid 3.0.2 → 3.0.4

package/dist/cdn/SvDateTimePicker-vNU6bZ-q.js

@@ -0,0 +1,775 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { a as t, i as n, t as r } from "./editor-contract-LXgQJAgd.js";
+import { C as i, M as a, P as o, g as s, i as c, k as l, n as u, t as d } from "./date-format-CtquV-p3.js";
+import { i as f, n as p, r as m } from "./popover-P-9P2YYn.js";
+import { t as h } from "./dismissable-DAHetSNk.js";
+import * as g from "svelte/internal/client";
+import "svelte/internal/disclose-version";
+//#region src/createTimePicker.svelte.ts
+var _ = 240, v = _ / 2, y = 98, b = 62;
+function x(e, t) {
+	let n = (e - 90) * Math.PI / 180;
+	return {
+		x: v + t * Math.cos(n),
+		y: v + t * Math.sin(n)
+	};
+}
+function S(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 C(e) {
+	let t = () => e.format?.() ?? "24-hour", n = () => e.minuteInterval?.() ?? 1, r = () => e.autoSwitchToMinutes?.() ?? !0, i = () => e.disabled?.() ?? !1, a = () => e.readonly?.() ?? !1, o = g.derived(() => t() === "12-hour"), s = g.derived(() => !i() && !a()), c = g.state(0), l = g.state(0), u = g.state("hour"), d = !1, f = "￿";
+	g.user_effect(() => {
+		let { h: t, m: n } = S(e.value()), r = `${t}:${n}`;
+		r !== f && (f = r, g.set(c, t, !0), g.set(l, n, !0), d || (d = !0, g.set(u, e.selection?.() ?? "hour", !0)));
+	});
+	let p = g.derived(() => g.get(o) ? g.get(c) % 12 == 0 ? 12 : g.get(c) % 12 : g.get(c)), m = g.derived(() => g.get(c) >= 12), h = g.derived(() => String(g.get(l)).padStart(2, "0")), C = g.derived(() => {
+		let e = [];
+		if (g.get(o)) for (let t = 0; t < 12; t++) {
+			let n = t === 0 ? 12 : t, r = x(t * 30, y);
+			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 = x(t * 30, y), r = x(t * 30, b), 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;
+	}), w = g.derived(() => Array.from({ length: 12 }, (e, t) => {
+		let n = t * 5, r = x(t * 30, y);
+		return {
+			label: String(n).padStart(2, "0"),
+			x: r.x,
+			y: r.y,
+			value: n,
+			ring: "outer"
+		};
+	})), T = g.derived(() => g.get(u) === "hour" ? g.get(o) ? g.get(p) % 12 * 30 : g.get(c) % 12 * 30 : g.get(l) * 6), E = g.derived(() => g.get(u) === "hour" && !g.get(o) && g.get(c) % 12 === g.get(c) && g.get(c) < 12 ? b : y), D = g.derived(() => x(g.get(T), g.get(E)));
+	function O() {
+		let t = /* @__PURE__ */ new Date();
+		t.setHours(g.get(c), g.get(l), 0, 0), e.onChange?.(t);
+	}
+	let k = (e) => {
+		let t = Math.max(1, Math.floor(n()));
+		return Math.round(e / t) * t % 60;
+	};
+	function A(e) {
+		g.set(u, e, !0);
+	}
+	function j(e) {
+		g.set(l, k(e), !0), f = `${g.get(c)}:${g.get(l)}`, O();
+	}
+	function M(e) {
+		e !== g.get(m) && (g.set(c, e ? g.get(c) % 12 + 12 : g.get(c) % 12, !0), f = `${g.get(c)}:${g.get(l)}`, O());
+	}
+	function N(e, t) {
+		if (g.get(s)) {
+			if (g.get(u) === "hour") {
+				let n = Math.round(e / 30) % 12;
+				if (g.get(o)) {
+					let e = (n === 0 ? 12 : n) % 12;
+					g.set(c, g.get(m) ? e + 12 : e, !0);
+				} else {
+					let e = t < 80;
+					g.set(c, e ? n : n + 12, !0);
+				}
+				f = `${g.get(c)}:${g.get(l)}`, O();
+			} else j(Math.round(e / 6) % 60);
+		}
+	}
+	function P() {
+		g.get(u) === "hour" && r() && g.set(u, "minute");
+	}
+	function F(e) {
+		if (!g.get(s)) return;
+		let t = g.get(u) === "minute" ? Math.max(1, Math.floor(n())) : 1;
+		e.key === "ArrowUp" || e.key === "ArrowRight" ? (e.preventDefault(), g.get(u) === "hour" ? g.set(c, (g.get(c) + 1) % 24) : g.set(l, (g.get(l) + t) % 60), f = `${g.get(c)}:${g.get(l)}`, O()) : e.key === "ArrowDown" || e.key === "ArrowLeft" ? (e.preventDefault(), g.get(u) === "hour" ? g.set(c, (g.get(c) + 23) % 24) : g.set(l, (g.get(l) - t + 60) % 60), f = `${g.get(c)}:${g.get(l)}`, O()) : e.key === "Tab" && !e.shiftKey && g.get(u) === "hour" && g.set(u, "minute");
+	}
+	function I() {
+		let e = /* @__PURE__ */ new Date();
+		g.set(c, e.getHours(), !0), g.set(l, e.getMinutes(), !0), f = `${g.get(c)}:${g.get(l)}`, O();
+	}
+	function L(e) {
+		return g.get(o) ? e.value === g.get(p) : e.value === g.get(c);
+	}
+	return {
+		SIZE: _,
+		C: v,
+		get hours() {
+			return g.get(c);
+		},
+		get minutes() {
+			return g.get(l);
+		},
+		get selection() {
+			return g.get(u);
+		},
+		get is12() {
+			return g.get(o);
+		},
+		get isInteractive() {
+			return g.get(s);
+		},
+		get displayHour() {
+			return g.get(p);
+		},
+		get isPm() {
+			return g.get(m);
+		},
+		get mm() {
+			return g.get(h);
+		},
+		get hourTicks() {
+			return g.get(C);
+		},
+		get minuteTicks() {
+			return g.get(w);
+		},
+		get handEnd() {
+			return g.get(D);
+		},
+		isActiveHour: L,
+		setSelection: A,
+		setMinute: j,
+		setAmPm: M,
+		pointerSelect: N,
+		endPointer: P,
+		onKeydown: F,
+		now: I,
+		segProps(e) {
+			return {
+				type: "button",
+				disabled: i(),
+				onclick: () => A(e)
+			};
+		},
+		ampmProps(e) {
+			return {
+				type: "button",
+				disabled: i(),
+				onclick: () => M(e)
+			};
+		},
+		dialProps() {
+			return {
+				role: "slider",
+				tabindex: i() ? -1 : 0,
+				"aria-label": g.get(u) === "hour" ? "Hour" : "Minute",
+				"aria-valuenow": g.get(u) === "hour" ? g.get(c) : g.get(l),
+				"aria-valuemin": 0,
+				"aria-valuemax": g.get(u) === "hour" ? 23 : 59,
+				onkeydown: F
+			};
+		},
+		nowProps() {
+			return {
+				type: "button",
+				disabled: i(),
+				onclick: I
+			};
+		}
+	};
+}
+//#endregion
+//#region src/SvTimePicker.svelte
+var w = g.from_html("<div class=\"sv-tp__ampm svelte-1r061pp\"><button> </button> <button> </button></div>"), T = g.from_svg("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), E = g.from_svg("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), D = g.from_html("<div class=\"sv-tp__footer svelte-1r061pp\"><button> </button></div>"), O = g.from_html("<input type=\"hidden\"/>"), k = g.from_html("<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>"), A = {
+	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 j(e, r) {
+	g.push(r, !0), g.append_styles(e, A);
+	let i = (e) => {
+		var t = k();
+		let n;
+		var i = g.child(t), a = g.child(i);
+		g.attribute_effect(a, (e) => ({
+			class: "sv-tp__seg",
+			...e,
+			[g.CLASS]: { "is-active": j.selection === "hour" }
+		}), [() => j.segProps("hour")], void 0, void 0, "svelte-1r061pp");
+		var o = g.child(a, !0);
+		g.reset(a);
+		var s = g.sibling(a, 4);
+		g.attribute_effect(s, (e) => ({
+			class: "sv-tp__seg",
+			...e,
+			[g.CLASS]: { "is-active": j.selection === "minute" }
+		}), [() => j.segProps("minute")], void 0, void 0, "svelte-1r061pp");
+		var c = g.child(s, !0);
+		g.reset(s);
+		var l = g.sibling(s, 2), u = (e) => {
+			var t = w(), n = g.child(t);
+			g.attribute_effect(n, (e) => ({
+				...e,
+				[g.CLASS]: { "is-active": !j.isPm }
+			}), [() => j.ampmProps(!1)], void 0, void 0, "svelte-1r061pp");
+			var r = g.child(n, !0);
+			g.reset(n);
+			var i = g.sibling(n, 2);
+			g.attribute_effect(i, (e) => ({
+				...e,
+				[g.CLASS]: { "is-active": j.isPm }
+			}), [() => j.ampmProps(!0)], void 0, void 0, "svelte-1r061pp");
+			var a = g.child(i, !0);
+			g.reset(i), g.reset(t), g.template_effect(() => {
+				g.set_text(r, g.get(x).am), g.set_text(a, g.get(x).pm);
+			}), g.append(e, t);
+		};
+		g.if(l, (e) => {
+			j.is12 && e(u);
+		}), g.reset(i);
+		var p = g.sibling(i, 2);
+		g.attribute_effect(p, (e) => ({
+			class: "sv-tp__dial",
+			viewBox: `0 0 ${j.SIZE} ${j.SIZE}`,
+			width: "100%",
+			...e,
+			onpointerdown: F,
+			onpointermove: I,
+			onpointerup: L,
+			onpointercancel: L
+		}), [() => j.dialProps()], void 0, void 0, "svelte-1r061pp");
+		var m = g.child(p), h = g.sibling(m), v = g.sibling(h), b = g.sibling(v), C = g.sibling(b), A = (e) => {
+			var t = g.comment(), n = g.first_child(t);
+			g.each(n, 17, () => j.hourTicks, (e) => e.ring + "-" + e.value, (e, t) => {
+				var n = T();
+				let r;
+				var i = g.child(n, !0);
+				g.reset(n), g.template_effect((e) => {
+					r = g.set_class(n, 0, "sv-tp__num svelte-1r061pp", null, r, e), g.set_attribute(n, "x", g.get(t).x), g.set_attribute(n, "y", g.get(t).y), g.set_text(i, g.get(t).label);
+				}, [() => ({
+					"is-active": j.isActiveHour(g.get(t)),
+					"is-inner": g.get(t).ring === "inner"
+				})]), g.append(e, n);
+			}), g.append(e, t);
+		}, N = (e) => {
+			var t = g.comment(), n = g.first_child(t);
+			g.each(n, 17, () => j.minuteTicks, (e) => e.value, (e, t) => {
+				var n = E();
+				let r;
+				var i = g.child(n, !0);
+				g.reset(n), g.template_effect(() => {
+					r = g.set_class(n, 0, "sv-tp__num svelte-1r061pp", null, r, { "is-active": g.get(t).value === j.minutes }), g.set_attribute(n, "x", g.get(t).x), g.set_attribute(n, "y", g.get(t).y), g.set_text(i, g.get(t).label);
+				}), g.append(e, n);
+			}), g.append(e, t);
+		};
+		g.if(C, (e) => {
+			j.selection === "hour" ? e(A) : e(N, -1);
+		}), g.reset(p), g.bind_this(p, (e) => M = e, () => M);
+		var P = g.sibling(p, 2), R = (e) => {
+			var t = D(), n = g.child(t);
+			g.attribute_effect(n, (e) => ({
+				class: "sv-tp__now",
+				...e
+			}), [() => j.nowProps()], void 0, void 0, "svelte-1r061pp");
+			var r = g.child(n, !0);
+			g.reset(n), g.reset(t), g.template_effect(() => g.set_text(r, g.get(x).now)), g.append(e, t);
+		};
+		g.if(P, (e) => {
+			d() && e(R);
+		});
+		var z = g.sibling(P, 2), B = (e) => {
+			var t = O();
+			g.remove_input_defaults(t), g.template_effect((e) => {
+				g.set_attribute(t, "name", r.name), g.set_value(t, e);
+			}, [() => `${String(j.hours).padStart(2, "0")}:${j.mm}`]), g.append(e, t);
+		};
+		g.if(z, (e) => {
+			r.name && e(B);
+		}), g.reset(t), g.template_effect((e) => {
+			n = g.set_class(t, 1, "sv-tp svelte-1r061pp", null, n, {
+				"sv-tp--disabled": f(),
+				"sv-tp--invalid": _()
+			}), g.set_attribute(t, "id", g.get(y)), g.set_attribute(t, "aria-label", r.label ?? g.get(x).label), g.set_attribute(t, "dir", g.get(S)), g.set_text(o, e), g.set_text(c, j.mm), g.set_attribute(m, "cx", j.C), g.set_attribute(m, "cy", j.C), g.set_attribute(m, "r", j.C - 4), g.set_attribute(h, "x1", j.C), g.set_attribute(h, "y1", j.C), g.set_attribute(h, "x2", j.handEnd.x), g.set_attribute(h, "y2", j.handEnd.y), g.set_attribute(v, "cx", j.C), g.set_attribute(v, "cy", j.C), g.set_attribute(b, "cx", j.handEnd.x), g.set_attribute(b, "cy", j.handEnd.y), t.dir = t.dir;
+		}, [() => String(j.displayHour).padStart(2, "0")]), g.append(e, t);
+	}, a = {
+		label: "Time picker",
+		am: "AM",
+		pm: "PM",
+		now: "Now"
+	}, o = g.prop(r, "value", 3, null), c = g.prop(r, "format", 3, "24-hour"), l = g.prop(r, "minuteInterval", 3, 1), u = g.prop(r, "autoSwitchToMinutes", 3, !0), d = g.prop(r, "footer", 3, !1), f = g.prop(r, "disabled", 3, !1), p = g.prop(r, "readonly", 3, !1), m = g.prop(r, "selection", 3, "hour"), h = g.prop(r, "required", 3, !1), _ = g.prop(r, "invalid", 3, !1), v = n("sv-tp"), y = g.derived(() => r.id ?? v), b = g.derived(() => !!(r.label || r.hint || r.error)), x = g.derived(() => t(a, r.messages)), S = g.derived(() => r.dir === "ltr" || r.dir === "rtl" ? r.dir : void 0), j = C({
+		value: () => o(),
+		onChange: (e) => r.onChange?.(e),
+		format: () => c(),
+		minuteInterval: () => l(),
+		autoSwitchToMinutes: () => u(),
+		disabled: () => f(),
+		readonly: () => p(),
+		selection: () => m()
+	}), M = null, N = !1;
+	function P(e) {
+		let t = M.getBoundingClientRect(), n = j.SIZE / t.width, r = (e.clientX - t.left) * n - j.C, i = (e.clientY - t.top) * n - j.C, a = Math.atan2(i, r) * 180 / Math.PI + 90;
+		return a < 0 && (a += 360), {
+			angle: a,
+			dist: Math.hypot(r, i)
+		};
+	}
+	function F(e) {
+		if (!j.isInteractive) return;
+		N = !0, M?.setPointerCapture(e.pointerId);
+		let { angle: t, dist: n } = P(e);
+		j.pointerSelect(t, n);
+	}
+	function I(e) {
+		if (!N) return;
+		let { angle: t, dist: n } = P(e);
+		j.pointerSelect(t, n);
+	}
+	function L(e) {
+		N && (N = !1, M?.releasePointerCapture(e.pointerId), j.endPointer());
+	}
+	var R = g.comment(), z = g.first_child(R), B = (e) => {
+		s(e, {
+			get id() {
+				return g.get(y);
+			},
+			get label() {
+				return r.label;
+			},
+			get hint() {
+				return r.hint;
+			},
+			get error() {
+				return r.error;
+			},
+			get required() {
+				return h();
+			},
+			get dir() {
+				return r.dir;
+			},
+			children: (e, t) => {
+				i(e);
+			},
+			$$slots: { default: !0 }
+		});
+	}, V = (e) => {
+		i(e);
+	};
+	g.if(z, (e) => {
+		g.get(b) ? e(B) : e(V, -1);
+	}), g.append(e, R), g.pop();
+}
+//#endregion
+//#region src/createDateTimePicker.svelte.ts
+var M = () => typeof navigator < "u" ? navigator.language : "en-US";
+function N(e) {
+	let t = () => e.formatString?.() ?? "yyyy-MM-dd HH:mm", n = () => e.nullable?.() ?? !0, s = () => e.locale?.() ?? M(), c = () => e.dropDownDisplayMode?.() ?? "both", f = () => e.spinButtons?.() ?? !1, p = () => e.stepMinutes?.() ?? 1, m = () => e.disabled?.() ?? !1, h = () => e.readonly?.() ?? !1, _ = g.derived(() => !m() && !h()), v = g.derived(() => a(e.min?.() ?? null)), y = g.derived(() => a(e.max?.() ?? null)), b = g.state(null), x = g.state(""), S = "￿";
+	g.user_effect(() => {
+		let n = a(e.value()), r = n ? String(n.getTime()) : "null";
+		r !== S && (S = r, g.set(b, n, !0), g.set(x, n ? d(n, t(), s()) : "", !0));
+	});
+	let C = g.state(!1), w = g.state("date"), T = g.derived(() => c() !== "time"), E = g.derived(() => c() !== "calendar");
+	function D(n) {
+		let r = n ? i(n, g.get(v), g.get(y)) : null;
+		g.set(b, r, !0), S = r ? String(r.getTime()) : "null", g.set(x, r ? d(r, t(), s()) : "", !0), e.onChange?.(r);
+	}
+	function O() {
+		let e = g.get(x).trim();
+		if (!e) {
+			n() ? D(null) : g.set(x, g.get(b) ? d(g.get(b), t(), s()) : "", !0);
+			return;
+		}
+		let r = u(e, t(), s(), 2029, g.get(b) ?? /* @__PURE__ */ new Date());
+		r ? D(r) : g.set(x, g.get(b) ? d(g.get(b), t(), s()) : "", !0);
+	}
+	function k(e) {
+		let t = g.get(b) ?? /* @__PURE__ */ new Date();
+		D(new Date(t.getTime() + e * 6e4));
+	}
+	function A(t) {
+		let n = t[0];
+		n && (D(o(n, g.get(b) ?? l(n))), c() === "calendar" ? (g.set(C, !1), e.onCommit?.(g.get(b))) : c() === "both" && g.set(w, "time"));
+	}
+	function j(e) {
+		let t = g.get(b) ?? /* @__PURE__ */ new Date();
+		D(o(t, e));
+	}
+	function N() {
+		!g.get(_) || g.get(C) || (g.set(w, c() === "time" ? "time" : "date", !0), g.set(C, !0));
+	}
+	function P() {
+		g.set(C, !1);
+	}
+	function F() {
+		(g.get(C) ? P : N)();
+	}
+	function I(e) {
+		g.set(w, e, !0);
+	}
+	function L(t) {
+		t.key === "Enter" ? (t.preventDefault(), O(), P(), e.onCommit?.(g.get(b))) : t.key === "Escape" ? (P(), e.onCancel?.()) : t.key === "ArrowDown" && (t.altKey || !g.get(x)) ? (t.preventDefault(), N()) : f() && t.key === "ArrowUp" ? (t.preventDefault(), k(p())) : f() && t.key === "ArrowDown" && (t.preventDefault(), k(-p()));
+	}
+	return {
+		get current() {
+			return g.get(b);
+		},
+		get text() {
+			return g.get(x);
+		},
+		set text(e) {
+			g.set(x, e, !0);
+		},
+		get open() {
+			return g.get(C);
+		},
+		get tab() {
+			return g.get(w);
+		},
+		get isInteractive() {
+			return g.get(_);
+		},
+		get showDateTab() {
+			return g.get(T);
+		},
+		get showTimeTab() {
+			return g.get(E);
+		},
+		commit: D,
+		commitFromText: O,
+		bump: k,
+		onCalendarChange: A,
+		onTimeChange: j,
+		openPanel: N,
+		closePanel: P,
+		toggle: F,
+		setTab: I,
+		onInputKeydown: L,
+		inputProps() {
+			return {
+				id: e.id?.(),
+				type: "text",
+				disabled: m(),
+				readonly: h(),
+				...r({
+					id: e.id?.(),
+					invalid: e.invalid?.(),
+					required: e.required?.(),
+					error: e.error?.(),
+					hint: e.hint?.(),
+					ariaLabel: e.ariaLabel?.()
+				}),
+				onblur: O,
+				onkeydown: L
+			};
+		},
+		toggleProps() {
+			return {
+				type: "button",
+				"aria-label": e.toggleLabel?.() ?? "Open picker",
+				"aria-haspopup": "dialog",
+				"aria-expanded": g.get(C),
+				disabled: !g.get(_),
+				tabindex: -1,
+				onclick: F
+			};
+		},
+		clearProps() {
+			return {
+				type: "button",
+				"aria-label": e.clearLabel?.() ?? "Clear",
+				onclick: () => D(null)
+			};
+		},
+		spinProps(e) {
+			return {
+				type: "button",
+				tabindex: -1,
+				"aria-label": e === 1 ? "Increment" : "Decrement",
+				disabled: !g.get(_),
+				onclick: () => k(e * p())
+			};
+		},
+		tabProps(e) {
+			return {
+				type: "button",
+				role: "tab",
+				"aria-selected": g.get(w) === e,
+				onclick: () => I(e)
+			};
+		}
+	};
+}
+//#endregion
+//#region src/SvDateTimePicker.svelte
+var P = /* @__PURE__ */ e({ default: () => H }), F = g.from_html("<div class=\"sv-dtp__spin svelte-pd5igp\"><button>▲</button> <button>▼</button></div>"), I = g.from_html("<button>&times;</button>"), L = g.from_html("<div class=\"sv-dtp__tabs\" role=\"tablist\"><button> </button> <button> </button></div>"), R = g.from_html("<div class=\"sv-dtp__panel\" role=\"dialog\"><!> <div class=\"sv-dtp__body\"><!></div></div>"), z = g.from_html("<input type=\"hidden\"/>"), B = g.from_html("<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>"), V = {
+	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 H(e, r) {
+	g.push(r, !0), g.append_styles(e, V);
+	let i = {
+		dialog: "Choose date and time",
+		date: "DATE",
+		time: "TIME",
+		clear: "Clear",
+		open: "Open picker"
+	}, a = g.prop(r, "value", 3, null), o = g.prop(r, "formatString", 3, "yyyy-MM-dd HH:mm"), l = g.prop(r, "min", 3, null), u = g.prop(r, "max", 3, null), d = g.prop(r, "nullable", 3, !0), _ = g.prop(r, "placeholder", 3, "Select date & time"), v = g.prop(r, "disabled", 3, !1), y = g.prop(r, "readonly", 3, !1), b = g.prop(r, "locale", 19, () => typeof navigator < "u" ? navigator.language : "en-US"), x = g.prop(r, "firstDayOfWeek", 3, 0), S = g.prop(r, "weekNumbers", 3, !1), C = g.prop(r, "hourFormat", 3, "24-hour"), w = g.prop(r, "minuteInterval", 3, 1), T = g.prop(r, "dropDownDisplayMode", 3, "both"), E = g.prop(r, "spinButtons", 3, !1), D = g.prop(r, "stepMinutes", 3, 1), O = g.prop(r, "autoOpen", 3, !1), k = g.prop(r, "block", 3, !1), A = g.prop(r, "animate", 3, !1), M = g.prop(r, "invalid", 3, !1), P = g.prop(r, "required", 3, !1), H = n("sv-dtp"), U = g.derived(() => r.id ?? H), W = g.derived(() => t(i, r.messages)), G = g.derived(() => r.dir === "ltr" || r.dir === "rtl" ? r.dir : void 0), K = N({
+		value: () => a(),
+		onChange: (e) => r.onChange?.(e),
+		onCommit: (e) => r.onCommit?.(e),
+		onCancel: () => r.onCancel?.(),
+		formatString: () => o(),
+		min: () => l(),
+		max: () => u(),
+		nullable: () => d(),
+		locale: () => b(),
+		dropDownDisplayMode: () => T(),
+		spinButtons: () => E(),
+		stepMinutes: () => D(),
+		disabled: () => v(),
+		readonly: () => y(),
+		toggleLabel: () => g.get(W).open,
+		clearLabel: () => g.get(W).clear,
+		id: () => g.get(U),
+		invalid: () => M(),
+		required: () => P(),
+		error: () => r.error,
+		hint: () => r.hint,
+		ariaLabel: () => r.ariaLabel
+	}), q = g.state(null), J = g.state(null), Y = g.state(g.proxy({
+		top: 0,
+		left: 0,
+		width: 0,
+		openUpward: !1,
+		maxHeight: 0,
+		availHeight: 0
+	}));
+	function X() {
+		g.get(q) && g.set(Y, p(g.get(q).getBoundingClientRect(), {
+			estimatedHeight: 360,
+			minWidth: 300
+		}), !0);
+	}
+	g.user_effect(() => {
+		if (!K.open) return;
+		X();
+		let e = () => X();
+		window.addEventListener("scroll", e, !0), window.addEventListener("resize", e);
+		let t = h({
+			element: () => [g.get(q), g.get(J)],
+			onDismiss: () => K.closePanel(),
+			closeOnEscape: !1
+		});
+		return t.activate(), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e), t.release();
+		};
+	});
+	function Z(e) {
+		O() && (e.focus(), K.openPanel());
+	}
+	function Q(e) {
+		let t = e.relatedTarget;
+		t && (g.get(q)?.contains(t) || g.get(J)?.contains(t)) || r.onCommit?.(K.current);
+	}
+	s(e, {
+		get id() {
+			return g.get(U);
+		},
+		get label() {
+			return r.label;
+		},
+		get hint() {
+			return r.hint;
+		},
+		get error() {
+			return r.error;
+		},
+		get required() {
+			return P();
+		},
+		get dir() {
+			return r.dir;
+		},
+		get block() {
+			return k();
+		},
+		children: (e, t) => {
+			var n = B();
+			let i;
+			var a = g.child(n);
+			let o;
+			var s = g.child(a), p = (e) => {
+				var t = F(), n = g.child(t);
+				g.attribute_effect(n, (e) => ({ ...e }), [() => K.spinProps(1)], void 0, void 0, "svelte-pd5igp");
+				var r = g.sibling(n, 2);
+				g.attribute_effect(r, (e) => ({ ...e }), [() => K.spinProps(-1)], void 0, void 0, "svelte-pd5igp"), g.reset(t), g.append(e, t);
+			};
+			g.if(s, (e) => {
+				E() && e(p);
+			});
+			var h = g.sibling(s, 2);
+			g.attribute_effect(h, (e) => ({
+				class: "sv-dtp__input",
+				placeholder: _(),
+				...e
+			}), [() => K.inputProps()], void 0, void 0, "svelte-pd5igp", !0), g.effect(() => g.bind_value(h, () => K.text, (e) => K.text = e)), g.action(h, (e) => Z?.(e));
+			var y = g.sibling(h, 2), T = (e) => {
+				var t = I();
+				g.attribute_effect(t, (e) => ({
+					class: "sv-dtp__clear",
+					...e
+				}), [() => K.clearProps()], void 0, void 0, "svelte-pd5igp"), g.append(e, t);
+			};
+			g.if(y, (e) => {
+				d() && K.current && K.isInteractive && e(T);
+			});
+			var D = g.sibling(y, 2);
+			g.attribute_effect(D, (e) => ({
+				class: "sv-dtp__toggle",
+				...e
+			}), [() => K.toggleProps()], void 0, void 0, "svelte-pd5igp"), g.reset(a), g.bind_this(a, (e) => g.set(q, e), () => g.get(q));
+			var O = g.sibling(a, 2), N = (e) => {
+				var t = R();
+				let n;
+				var r = g.child(t), i = (e) => {
+					var t = L(), n = g.child(t);
+					g.attribute_effect(n, (e) => ({
+						...e,
+						[g.CLASS]: { "is-active": K.tab === "date" }
+					}), [() => K.tabProps("date")], void 0, void 0, "svelte-pd5igp");
+					var r = g.child(n, !0);
+					g.reset(n);
+					var i = g.sibling(n, 2);
+					g.attribute_effect(i, (e) => ({
+						...e,
+						[g.CLASS]: { "is-active": K.tab === "time" }
+					}), [() => K.tabProps("time")], void 0, void 0, "svelte-pd5igp");
+					var a = g.child(i, !0);
+					g.reset(i), g.reset(t), g.template_effect(() => {
+						g.set_text(r, g.get(W).date), g.set_text(a, g.get(W).time);
+					}), g.append(e, t);
+				};
+				g.if(r, (e) => {
+					K.showDateTab && K.showTimeTab && e(i);
+				});
+				var a = g.sibling(r, 2), o = g.child(a), s = (e) => {
+					c(e, {
+						get value() {
+							return K.current;
+						},
+						selectionMode: "one",
+						get min() {
+							return l();
+						},
+						get max() {
+							return u();
+						},
+						get firstDayOfWeek() {
+							return x();
+						},
+						get weekNumbers() {
+							return S();
+						},
+						get locale() {
+							return b();
+						},
+						get animate() {
+							return A();
+						},
+						get dir() {
+							return g.get(G);
+						},
+						get onChange() {
+							return K.onCalendarChange;
+						}
+					});
+				}, d = (e) => {
+					j(e, {
+						get value() {
+							return K.current;
+						},
+						get format() {
+							return C();
+						},
+						get minuteInterval() {
+							return w();
+						},
+						footer: !0,
+						get dir() {
+							return g.get(G);
+						},
+						get onChange() {
+							return K.onTimeChange;
+						}
+					});
+				};
+				g.if(o, (e) => {
+					K.tab === "date" && K.showDateTab ? e(s) : K.showTimeTab && e(d, 1);
+				}), g.reset(a), g.reset(t), g.bind_this(t, (e) => g.set(J, e), () => g.get(J)), g.action(t, (e) => f?.(e)), g.action(t, (e, t) => m?.(e, t), () => ({ up: g.get(Y).openUpward })), g.template_effect(() => {
+					g.set_attribute(t, "aria-label", g.get(W).dialog), g.set_attribute(t, "dir", g.get(G)), n = g.set_style(t, "", n, {
+						position: "fixed",
+						top: `${g.get(Y).top}px`,
+						left: `${g.get(Y).left}px`
+					}), t.dir = t.dir;
+				}), g.append(e, t);
+			};
+			g.if(O, (e) => {
+				K.open && e(N);
+			});
+			var P = g.sibling(O, 2), V = (e) => {
+				var t = z();
+				g.remove_input_defaults(t), g.template_effect((e) => {
+					g.set_attribute(t, "name", r.name), g.set_value(t, e);
+				}, [() => K.current ? K.current.toISOString() : ""]), g.append(e, t);
+			};
+			g.if(P, (e) => {
+				r.name && e(V);
+			}), g.reset(n), g.template_effect(() => {
+				i = g.set_class(n, 1, "sv-dtp svelte-pd5igp", null, i, {
+					"sv-dtp--disabled": v(),
+					"sv-dtp--block": k()
+				}), g.set_attribute(n, "dir", g.get(G)), o = g.set_class(a, 1, "sv-dtp__field svelte-pd5igp", null, o, { "is-invalid": M() }), n.dir = n.dir;
+			}), g.delegated("focusout", n, Q), g.append(e, n);
+		},
+		$$slots: { default: !0 }
+	}), g.pop();
+}
+g.delegate(["focusout"]);
+//#endregion
+export { C as a, j as i, P as n, S as o, N as r, H as t };