@svgrid/grid 2.6.22 → 2.6.23

package/dist/cdn/SvDateTimePicker-CCbDZNZB.js

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