@svgrid/enterprise 3.0.2 → 3.0.3

package/dist/wc/SvDateTimePicker-D-vRnaMo.js

@@ -0,0 +1,771 @@
+import { G as e, H as t, I as n, J as r, L as i, O as a, P as o, R as s, S as c, T as l, U as u, X as d, Y as f, _ as p, a as m, at as h, dt as g, et as _, f as v, it as y, j as b, l as x, m as S, mt as C, n as w, nt as T, p as ee, rt as E, st as D, tt as O, u as k, ut as A, w as j, x as M, z as N } from "./client-DQIzjDBG.js";
+import { a as P, i as te, t as F } from "./editor-contract-peBDxir_.js";
+import { a as I, c as L, n as R, o as z, r as B, s as V, t as H } from "./date-format-DS-z_h9v.js";
+import { n as U, r as W, t as G } from "./popover-WsGlvtQv.js";
+import { t as ne } from "./SvField-B_kurx_P.js";
+import { t as re } from "./dismissable-CQ6XFXsk.js";
+//#region ../grid/dist/createTimePicker.svelte.js
+var K = 240, q = K / 2, J = 98, ie = 62;
+function Y(e, t) {
+	let n = (e - 90) * Math.PI / 180;
+	return {
+		x: q + t * Math.cos(n),
+		y: q + t * Math.sin(n)
+	};
+}
+function ae(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 oe(t) {
+	let n = () => t.format?.() ?? "24-hour", r = () => t.minuteInterval?.() ?? 1, i = () => t.autoSwitchToMinutes?.() ?? !0, a = () => t.disabled?.() ?? !1, o = () => t.readonly?.() ?? !1, s = D(() => n() === "12-hour"), c = D(() => !a() && !o()), l = h(0), u = h(0), f = h("hour"), p = !1, m = "￿";
+	d(() => {
+		let { h: e, m: n } = ae(t.value()), r = `${e}:${n}`;
+		r !== m && (m = r, y(l, e, !0), y(u, n, !0), p || (p = !0, y(f, t.selection?.() ?? "hour", !0)));
+	});
+	let g = D(() => e(s) ? e(l) % 12 == 0 ? 12 : e(l) % 12 : e(l)), _ = D(() => e(l) >= 12), v = D(() => String(e(u)).padStart(2, "0")), b = D(() => {
+		let t = [];
+		if (e(s)) for (let e = 0; e < 12; e++) {
+			let n = e === 0 ? 12 : e, r = Y(e * 30, J);
+			t.push({
+				label: String(n),
+				x: r.x,
+				y: r.y,
+				value: n,
+				ring: "outer"
+			});
+		}
+		else for (let e = 0; e < 12; e++) {
+			let n = Y(e * 30, J), r = Y(e * 30, ie), i = e + 12, a = e;
+			t.push({
+				label: String(i).padStart(2, "0"),
+				x: n.x,
+				y: n.y,
+				value: i,
+				ring: "outer"
+			}), t.push({
+				label: a === 0 ? "00" : String(a).padStart(2, "0"),
+				x: r.x,
+				y: r.y,
+				value: a,
+				ring: "inner"
+			});
+		}
+		return t;
+	}), x = D(() => Array.from({ length: 12 }, (e, t) => {
+		let n = t * 5, r = Y(t * 30, J);
+		return {
+			label: String(n).padStart(2, "0"),
+			x: r.x,
+			y: r.y,
+			value: n,
+			ring: "outer"
+		};
+	})), S = D(() => e(f) === "hour" ? e(s) ? e(g) % 12 * 30 : e(l) % 12 * 30 : e(u) * 6), C = D(() => e(f) === "hour" && !e(s) && e(l) % 12 === e(l) && e(l) < 12 ? ie : J), w = D(() => Y(e(S), e(C)));
+	function T() {
+		let n = /* @__PURE__ */ new Date();
+		n.setHours(e(l), e(u), 0, 0), t.onChange?.(n);
+	}
+	let ee = (e) => {
+		let t = Math.max(1, Math.floor(r()));
+		return Math.round(e / t) * t % 60;
+	};
+	function E(e) {
+		y(f, e, !0);
+	}
+	function O(t) {
+		y(u, ee(t), !0), m = `${e(l)}:${e(u)}`, T();
+	}
+	function k(t) {
+		t !== e(_) && (y(l, t ? e(l) % 12 + 12 : e(l) % 12, !0), m = `${e(l)}:${e(u)}`, T());
+	}
+	function A(t, n) {
+		if (e(c)) {
+			if (e(f) === "hour") {
+				let r = Math.round(t / 30) % 12;
+				if (e(s)) {
+					let t = (r === 0 ? 12 : r) % 12;
+					y(l, e(_) ? t + 12 : t, !0);
+				} else y(l, n < 80 ? r : r + 12, !0);
+				m = `${e(l)}:${e(u)}`, T();
+			} else O(Math.round(t / 6) % 60);
+		}
+	}
+	function j() {
+		e(f) === "hour" && i() && y(f, "minute");
+	}
+	function M(t) {
+		if (!e(c)) return;
+		let n = e(f) === "minute" ? Math.max(1, Math.floor(r())) : 1;
+		t.key === "ArrowUp" || t.key === "ArrowRight" ? (t.preventDefault(), e(f) === "hour" ? y(l, (e(l) + 1) % 24) : y(u, (e(u) + n) % 60), m = `${e(l)}:${e(u)}`, T()) : t.key === "ArrowDown" || t.key === "ArrowLeft" ? (t.preventDefault(), e(f) === "hour" ? y(l, (e(l) + 23) % 24) : y(u, (e(u) - n + 60) % 60), m = `${e(l)}:${e(u)}`, T()) : t.key === "Tab" && !t.shiftKey && e(f) === "hour" && y(f, "minute");
+	}
+	function N() {
+		let t = /* @__PURE__ */ new Date();
+		y(l, t.getHours(), !0), y(u, t.getMinutes(), !0), m = `${e(l)}:${e(u)}`, T();
+	}
+	function P(t) {
+		return e(s) ? t.value === e(g) : t.value === e(l);
+	}
+	return {
+		SIZE: K,
+		C: q,
+		get hours() {
+			return e(l);
+		},
+		get minutes() {
+			return e(u);
+		},
+		get selection() {
+			return e(f);
+		},
+		get is12() {
+			return e(s);
+		},
+		get isInteractive() {
+			return e(c);
+		},
+		get displayHour() {
+			return e(g);
+		},
+		get isPm() {
+			return e(_);
+		},
+		get mm() {
+			return e(v);
+		},
+		get hourTicks() {
+			return e(b);
+		},
+		get minuteTicks() {
+			return e(x);
+		},
+		get handEnd() {
+			return e(w);
+		},
+		isActiveHour: P,
+		setSelection: E,
+		setMinute: O,
+		setAmPm: k,
+		pointerSelect: A,
+		endPointer: j,
+		onKeydown: M,
+		now: N,
+		segProps(e) {
+			return {
+				type: "button",
+				disabled: a(),
+				onclick: () => E(e)
+			};
+		},
+		ampmProps(e) {
+			return {
+				type: "button",
+				disabled: a(),
+				onclick: () => k(e)
+			};
+		},
+		dialProps() {
+			return {
+				role: "slider",
+				tabindex: a() ? -1 : 0,
+				"aria-label": e(f) === "hour" ? "Hour" : "Minute",
+				"aria-valuenow": e(f) === "hour" ? e(l) : e(u),
+				"aria-valuemin": 0,
+				"aria-valuemax": e(f) === "hour" ? 23 : 59,
+				onkeydown: M
+			};
+		},
+		nowProps() {
+			return {
+				type: "button",
+				disabled: a(),
+				onclick: N
+			};
+		}
+	};
+}
+//#endregion
+//#region ../grid/dist/SvTimePicker.svelte
+var se = s("<div class=\"sv-tp__ampm svelte-sdu2r6\"><button> </button> <button> </button></div>"), ce = N("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), le = N("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), ue = s("<div class=\"sv-tp__footer svelte-sdu2r6\"><button> </button></div>"), de = s("<input type=\"hidden\"/>"), fe = s("<div role=\"group\"><div class=\"sv-tp__head svelte-sdu2r6\"><button> </button> <span class=\"sv-tp__colon svelte-sdu2r6\">:</span> <button> </button> <!></div> <svg><circle class=\"sv-tp__face svelte-sdu2r6\"></circle><line class=\"sv-tp__hand svelte-sdu2r6\"></line><circle class=\"sv-tp__hub svelte-sdu2r6\" r=\"3\"></circle><circle class=\"sv-tp__knob svelte-sdu2r6\" r=\"15\"></circle><!></svg> <!> <!></div>"), X = {
+	hash: "svelte-sdu2r6",
+	code: ".sv-tp.svelte-sdu2r6 {--_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-sdu2r6 {border-color:var(--sg-danger, #dc2626);}.sv-tp--disabled.svelte-sdu2r6 {opacity:0.55;pointer-events:none;}.sv-tp__head.svelte-sdu2r6 {display:flex;align-items:center;gap:2px;font-variant-numeric:tabular-nums;}.sv-tp__seg.svelte-sdu2r6 {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-sdu2r6 {color:var(--_accent);background:color-mix(in srgb, var(--_accent) 12%, transparent);}.sv-tp__colon.svelte-sdu2r6 {font-size:28px;font-weight:700;color:var(--_muted);}.sv-tp__ampm.svelte-sdu2r6 {display:flex;flex-direction:column;margin-inline-start:8px;gap:2px;}.sv-tp__ampm.svelte-sdu2r6 button:where(.svelte-sdu2r6) {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-sdu2r6 button.is-active:where(.svelte-sdu2r6) {background:var(--_accent);color:var(--sg-on-accent, #fff);border-color:var(--_accent);}.sv-tp__dial.svelte-sdu2r6 {touch-action:none;cursor:pointer;outline:none;display:block;width:100%;height:auto;aspect-ratio:1;}.sv-tp__dial.svelte-sdu2r6:focus-visible {outline:2px solid var(--sg-focus-ring, var(--_accent));outline-offset:2px;border-radius:50%;}.sv-tp__face.svelte-sdu2r6 {fill:var(--_face);}.sv-tp__hand.svelte-sdu2r6 {stroke:var(--_accent);stroke-width:2;}.sv-tp__hub.svelte-sdu2r6 {fill:var(--_accent);}.sv-tp__knob.svelte-sdu2r6 {fill:var(--_accent);opacity:0.9;}.sv-tp__num.svelte-sdu2r6 {font-size:13px;fill:var(--_fg);pointer-events:none;font-family:inherit;}.sv-tp__num.is-inner.svelte-sdu2r6 {font-size:11px;fill:var(--_muted);}.sv-tp__num.is-active.svelte-sdu2r6 {fill:var(--sg-on-accent, #fff);font-weight:700;}.sv-tp__footer.svelte-sdu2r6 {width:100%;display:flex;justify-content:center;border-top:1px solid var(--_border);padding-top:8px;}.sv-tp__now.svelte-sdu2r6 {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-sdu2r6:hover {background:color-mix(in srgb, var(--_accent) 10%, transparent);}"
+};
+function pe(t, r) {
+	g(r, !0), l(t, X);
+	let s = (t) => {
+		var s = fe();
+		let l;
+		var u = _(s), d = _(u);
+		v(d, (e) => ({
+			class: "sv-tp__seg",
+			...e,
+			[k]: { "is-active": H.selection === "hour" }
+		}), [() => H.segProps("hour")], void 0, void 0, "svelte-sdu2r6");
+		var h = _(d, !0);
+		C(d);
+		var g = T(d, 4);
+		v(g, (e) => ({
+			class: "sv-tp__seg",
+			...e,
+			[k]: { "is-active": H.selection === "minute" }
+		}), [() => H.segProps("minute")], void 0, void 0, "svelte-sdu2r6");
+		var y = _(g, !0);
+		C(g);
+		var x = T(g, 2), w = (t) => {
+			var r = se(), i = _(r);
+			v(i, (e) => ({
+				...e,
+				[k]: { "is-active": !H.isPm }
+			}), [() => H.ampmProps(!1)], void 0, void 0, "svelte-sdu2r6");
+			var a = _(i, !0);
+			C(i);
+			var s = T(i, 2);
+			v(s, (e) => ({
+				...e,
+				[k]: { "is-active": H.isPm }
+			}), [() => H.ampmProps(!0)], void 0, void 0, "svelte-sdu2r6");
+			var c = _(s, !0);
+			C(s), C(r), f(() => {
+				o(a, e(B).am), o(c, e(B).pm);
+			}), n(t, r);
+		};
+		b(x, (e) => {
+			H.is12 && e(w);
+		}), C(u);
+		var D = T(u, 2);
+		v(D, (e) => ({
+			class: "sv-tp__dial",
+			viewBox: `0 0 ${H.SIZE} ${H.SIZE}`,
+			width: "100%",
+			...e,
+			onpointerdown: re,
+			onpointermove: K,
+			onpointerup: q,
+			onpointercancel: q
+		}), [() => H.dialProps()], void 0, void 0, "svelte-sdu2r6");
+		var A = _(D), M = T(A), N = T(M), P = T(N), te = T(P), F = (t) => {
+			var r = i(), s = O(r);
+			a(s, 17, () => H.hourTicks, (e) => e.ring + "-" + e.value, (t, r) => {
+				var i = ce();
+				let a;
+				var s = _(i, !0);
+				C(i), f((t) => {
+					a = c(i, 0, "sv-tp__num svelte-sdu2r6", null, a, t), S(i, "x", e(r).x), S(i, "y", e(r).y), o(s, e(r).label);
+				}, [() => ({
+					"is-active": H.isActiveHour(e(r)),
+					"is-inner": e(r).ring === "inner"
+				})]), n(t, i);
+			}), n(t, r);
+		}, L = (t) => {
+			var r = i(), s = O(r);
+			a(s, 17, () => H.minuteTicks, (e) => e.value, (t, r) => {
+				var i = le();
+				let a;
+				var s = _(i, !0);
+				C(i), f(() => {
+					a = c(i, 0, "sv-tp__num svelte-sdu2r6", null, a, { "is-active": e(r).value === H.minutes }), S(i, "x", e(r).x), S(i, "y", e(r).y), o(s, e(r).label);
+				}), n(t, i);
+			}), n(t, r);
+		};
+		b(te, (e) => {
+			H.selection === "hour" ? e(F) : e(L, -1);
+		}), C(D), m(D, (e) => U = e, () => U);
+		var z = T(D, 2), W = (t) => {
+			var r = ue(), i = _(r);
+			v(i, (e) => ({
+				class: "sv-tp__now",
+				...e
+			}), [() => H.nowProps()], void 0, void 0, "svelte-sdu2r6");
+			var a = _(i, !0);
+			C(i), C(r), f(() => o(a, e(B).now)), n(t, r);
+		};
+		b(z, (e) => {
+			E() && e(W);
+		});
+		var G = T(z, 2), ne = (e) => {
+			var t = de();
+			ee(t), f((e) => {
+				S(t, "name", r.name), p(t, e);
+			}, [() => `${String(H.hours).padStart(2, "0")}:${H.mm}`]), n(e, t);
+		};
+		b(G, (e) => {
+			r.name && e(ne);
+		}), C(s), f((t) => {
+			l = c(s, 1, "sv-tp svelte-sdu2r6", null, l, {
+				"sv-tp--disabled": j(),
+				"sv-tp--invalid": I()
+			}), S(s, "id", e(R)), S(s, "aria-label", r.label ?? e(B).label), S(s, "dir", e(V)), o(h, t), o(y, H.mm), S(A, "cx", H.C), S(A, "cy", H.C), S(A, "r", H.C - 4), S(M, "x1", H.C), S(M, "y1", H.C), S(M, "x2", H.handEnd.x), S(M, "y2", H.handEnd.y), S(N, "cx", H.C), S(N, "cy", H.C), S(P, "cx", H.handEnd.x), S(P, "cy", H.handEnd.y), s.dir = s.dir;
+		}, [() => String(H.displayHour).padStart(2, "0")]), n(t, s);
+	}, u = {
+		label: "Time picker",
+		am: "AM",
+		pm: "PM",
+		now: "Now"
+	}, d = w(r, "value", 3, null), h = w(r, "format", 3, "24-hour"), y = w(r, "minuteInterval", 3, 1), x = w(r, "autoSwitchToMinutes", 3, !0), E = w(r, "footer", 3, !1), j = w(r, "disabled", 3, !1), M = w(r, "readonly", 3, !1), N = w(r, "selection", 3, "hour"), F = w(r, "required", 3, !1), I = w(r, "invalid", 3, !1), L = te("sv-tp"), R = D(() => r.id ?? L), z = D(() => !!(r.label || r.hint || r.error)), B = D(() => P(u, r.messages)), V = D(() => r.dir === "ltr" || r.dir === "rtl" ? r.dir : void 0), H = oe({
+		value: () => d(),
+		onChange: (e) => r.onChange?.(e),
+		format: () => h(),
+		minuteInterval: () => y(),
+		autoSwitchToMinutes: () => x(),
+		disabled: () => j(),
+		readonly: () => M(),
+		selection: () => N()
+	}), U = null, W = !1;
+	function G(e) {
+		let t = U.getBoundingClientRect(), n = H.SIZE / t.width, r = (e.clientX - t.left) * n - H.C, i = (e.clientY - t.top) * n - H.C, a = Math.atan2(i, r) * 180 / Math.PI + 90;
+		return a < 0 && (a += 360), {
+			angle: a,
+			dist: Math.hypot(r, i)
+		};
+	}
+	function re(e) {
+		if (!H.isInteractive) return;
+		W = !0, U?.setPointerCapture(e.pointerId);
+		let { angle: t, dist: n } = G(e);
+		H.pointerSelect(t, n);
+	}
+	function K(e) {
+		if (!W) return;
+		let { angle: t, dist: n } = G(e);
+		H.pointerSelect(t, n);
+	}
+	function q(e) {
+		W && (W = !1, U?.releasePointerCapture(e.pointerId), H.endPointer());
+	}
+	var J = i(), ie = O(J), Y = (t) => {
+		ne(t, {
+			get id() {
+				return e(R);
+			},
+			get label() {
+				return r.label;
+			},
+			get hint() {
+				return r.hint;
+			},
+			get error() {
+				return r.error;
+			},
+			get required() {
+				return F();
+			},
+			get dir() {
+				return r.dir;
+			},
+			children: (e, t) => {
+				s(e);
+			},
+			$$slots: { default: !0 }
+		});
+	}, ae = (e) => {
+		s(e);
+	};
+	b(ie, (t) => {
+		e(z) ? t(Y) : t(ae, -1);
+	}), n(t, J), A();
+}
+//#endregion
+//#region ../grid/dist/createDateTimePicker.svelte.js
+var Z = () => typeof navigator < "u" ? navigator.language : "en-US";
+function me(t) {
+	let n = () => t.formatString?.() ?? "yyyy-MM-dd HH:mm", r = () => t.nullable?.() ?? !0, i = () => t.locale?.() ?? Z(), a = () => t.dropDownDisplayMode?.() ?? "both", o = () => t.spinButtons?.() ?? !1, s = () => t.stepMinutes?.() ?? 1, c = () => t.disabled?.() ?? !1, l = () => t.readonly?.() ?? !1, u = D(() => !c() && !l()), f = D(() => V(t.min?.() ?? null)), p = D(() => V(t.max?.() ?? null)), m = h(null), g = h(""), _ = "￿";
+	d(() => {
+		let e = V(t.value()), r = e ? String(e.getTime()) : "null";
+		r !== _ && (_ = r, y(m, e, !0), y(g, e ? H(e, n(), i()) : "", !0));
+	});
+	let v = h(!1), b = h("date"), x = D(() => a() !== "time"), S = D(() => a() !== "calendar");
+	function C(r) {
+		let a = r ? I(r, e(f), e(p)) : null;
+		y(m, a, !0), _ = a ? String(a.getTime()) : "null", y(g, a ? H(a, n(), i()) : "", !0), t.onChange?.(a);
+	}
+	function w() {
+		let t = e(g).trim();
+		if (!t) {
+			r() ? C(null) : y(g, e(m) ? H(e(m), n(), i()) : "", !0);
+			return;
+		}
+		let a = R(t, n(), i(), 2029, e(m) ?? /* @__PURE__ */ new Date());
+		a ? C(a) : y(g, e(m) ? H(e(m), n(), i()) : "", !0);
+	}
+	function T(t) {
+		let n = e(m) ?? /* @__PURE__ */ new Date();
+		C(new Date(n.getTime() + t * 6e4));
+	}
+	function ee(n) {
+		let r = n[0];
+		r && (C(L(r, e(m) ?? z(r))), a() === "calendar" ? (y(v, !1), t.onCommit?.(e(m))) : a() === "both" && y(b, "time"));
+	}
+	function E(t) {
+		let n = e(m) ?? /* @__PURE__ */ new Date();
+		C(L(n, t));
+	}
+	function O() {
+		!e(u) || e(v) || (y(b, a() === "time" ? "time" : "date", !0), y(v, !0));
+	}
+	function k() {
+		y(v, !1);
+	}
+	function A() {
+		(e(v) ? k : O)();
+	}
+	function j(e) {
+		y(b, e, !0);
+	}
+	function M(n) {
+		n.key === "Enter" ? (n.preventDefault(), w(), k(), t.onCommit?.(e(m))) : n.key === "Escape" ? (k(), t.onCancel?.()) : n.key === "ArrowDown" && (n.altKey || !e(g)) ? (n.preventDefault(), O()) : o() && n.key === "ArrowUp" ? (n.preventDefault(), T(s())) : o() && n.key === "ArrowDown" && (n.preventDefault(), T(-s()));
+	}
+	return {
+		get current() {
+			return e(m);
+		},
+		get text() {
+			return e(g);
+		},
+		set text(e) {
+			y(g, e, !0);
+		},
+		get open() {
+			return e(v);
+		},
+		get tab() {
+			return e(b);
+		},
+		get isInteractive() {
+			return e(u);
+		},
+		get showDateTab() {
+			return e(x);
+		},
+		get showTimeTab() {
+			return e(S);
+		},
+		commit: C,
+		commitFromText: w,
+		bump: T,
+		onCalendarChange: ee,
+		onTimeChange: E,
+		openPanel: O,
+		closePanel: k,
+		toggle: A,
+		setTab: j,
+		onInputKeydown: M,
+		inputProps() {
+			return {
+				id: t.id?.(),
+				type: "text",
+				disabled: c(),
+				readonly: l(),
+				...F({
+					id: t.id?.(),
+					invalid: t.invalid?.(),
+					required: t.required?.(),
+					error: t.error?.(),
+					hint: t.hint?.(),
+					ariaLabel: t.ariaLabel?.()
+				}),
+				onblur: w,
+				onkeydown: M
+			};
+		},
+		toggleProps() {
+			return {
+				type: "button",
+				"aria-label": t.toggleLabel?.() ?? "Open picker",
+				"aria-haspopup": "dialog",
+				"aria-expanded": e(v),
+				disabled: !e(u),
+				tabindex: -1,
+				onclick: A
+			};
+		},
+		clearProps() {
+			return {
+				type: "button",
+				"aria-label": t.clearLabel?.() ?? "Clear",
+				onclick: () => C(null)
+			};
+		},
+		spinProps(t) {
+			return {
+				type: "button",
+				tabindex: -1,
+				"aria-label": t === 1 ? "Increment" : "Decrement",
+				disabled: !e(u),
+				onclick: () => T(t * s())
+			};
+		},
+		tabProps(t) {
+			return {
+				type: "button",
+				role: "tab",
+				"aria-selected": e(b) === t,
+				onclick: () => j(t)
+			};
+		}
+	};
+}
+//#endregion
+//#region ../grid/dist/SvDateTimePicker.svelte
+var he = s("<div class=\"sv-dtp__spin svelte-akogfy\"><button>▲</button> <button>▼</button></div>"), ge = s("<button>&times;</button>"), _e = s("<div class=\"sv-dtp__tabs\" role=\"tablist\"><button> </button> <button> </button></div>"), ve = s("<div class=\"sv-dtp__panel\" role=\"dialog\"><!> <div class=\"sv-dtp__body\"><!></div></div>"), ye = s("<input type=\"hidden\"/>"), be = 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>"), xe = {
+	hash: "svelte-akogfy",
+	code: ".sv-dtp.svelte-akogfy {--_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-akogfy {display:block;width:100%;}.sv-dtp--disabled.svelte-akogfy {opacity:0.6;}.sv-dtp__field.svelte-akogfy {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-akogfy: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-akogfy {border-color:var(--sg-danger, #dc2626);}.sv-dtp__field.is-invalid.svelte-akogfy:focus-within {box-shadow:0 0 0 2px color-mix(in srgb, var(--sg-danger, #dc2626) 22%, transparent);}.sv-dtp__input.svelte-akogfy {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-akogfy {display:flex;flex-direction:column;border-inline-end:1px solid var(--_border);}.sv-dtp__spin.svelte-akogfy button:where(.svelte-akogfy) {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-akogfy button:where(.svelte-akogfy):hover:not(:disabled) {color:var(--_accent);}.sv-dtp__clear.svelte-akogfy, .sv-dtp__toggle.svelte-akogfy {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-akogfy {font-size:17px;line-height:1;}.sv-dtp__clear.svelte-akogfy:hover, .sv-dtp__toggle.svelte-akogfy: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 Q(t, i) {
+	g(i, !0), l(t, xe);
+	let a = {
+		dialog: "Choose date and time",
+		date: "DATE",
+		time: "TIME",
+		clear: "Clear",
+		open: "Open picker"
+	}, s = w(i, "value", 3, null), O = w(i, "formatString", 3, "yyyy-MM-dd HH:mm"), N = w(i, "min", 3, null), F = w(i, "max", 3, null), I = w(i, "nullable", 3, !0), L = w(i, "placeholder", 3, "Select date & time"), R = w(i, "disabled", 3, !1), z = w(i, "readonly", 3, !1), V = w(i, "locale", 19, () => typeof navigator < "u" ? navigator.language : "en-US"), H = w(i, "firstDayOfWeek", 3, 0), K = w(i, "weekNumbers", 3, !1), q = w(i, "hourFormat", 3, "24-hour"), J = w(i, "minuteInterval", 3, 1), ie = w(i, "dropDownDisplayMode", 3, "both"), Y = w(i, "spinButtons", 3, !1), ae = w(i, "stepMinutes", 3, 1), oe = w(i, "autoOpen", 3, !1), se = w(i, "block", 3, !1), ce = w(i, "animate", 3, !1), le = w(i, "invalid", 3, !1), ue = w(i, "required", 3, !1), de = te("sv-dtp"), fe = D(() => i.id ?? de), X = D(() => P(a, i.messages)), Z = D(() => i.dir === "ltr" || i.dir === "rtl" ? i.dir : void 0), Q = me({
+		value: () => s(),
+		onChange: (e) => i.onChange?.(e),
+		onCommit: (e) => i.onCommit?.(e),
+		onCancel: () => i.onCancel?.(),
+		formatString: () => O(),
+		min: () => N(),
+		max: () => F(),
+		nullable: () => I(),
+		locale: () => V(),
+		dropDownDisplayMode: () => ie(),
+		spinButtons: () => Y(),
+		stepMinutes: () => ae(),
+		disabled: () => R(),
+		readonly: () => z(),
+		toggleLabel: () => e(X).open,
+		clearLabel: () => e(X).clear,
+		id: () => e(fe),
+		invalid: () => le(),
+		required: () => ue(),
+		error: () => i.error,
+		hint: () => i.hint,
+		ariaLabel: () => i.ariaLabel
+	}), $ = h(null), Se = h(null), Ce = h(E({
+		top: 0,
+		left: 0,
+		width: 0,
+		openUpward: !1,
+		maxHeight: 0,
+		availHeight: 0
+	}));
+	function we() {
+		e($) && y(Ce, G(e($).getBoundingClientRect(), {
+			estimatedHeight: 360,
+			minWidth: 300
+		}), !0);
+	}
+	d(() => {
+		if (!Q.open) return;
+		we();
+		let t = () => we();
+		window.addEventListener("scroll", t, !0), window.addEventListener("resize", t);
+		let n = re({
+			element: () => [e($), e(Se)],
+			onDismiss: () => Q.closePanel(),
+			closeOnEscape: !1
+		});
+		return n.activate(), () => {
+			window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", t), n.release();
+		};
+	});
+	function Te(e) {
+		oe() && (e.focus(), Q.openPanel());
+	}
+	function Ee(t) {
+		let n = t.relatedTarget;
+		n && (e($)?.contains(n) || e(Se)?.contains(n)) || i.onCommit?.(Q.current);
+	}
+	ne(t, {
+		get id() {
+			return e(fe);
+		},
+		get label() {
+			return i.label;
+		},
+		get hint() {
+			return i.hint;
+		},
+		get error() {
+			return i.error;
+		},
+		get required() {
+			return ue();
+		},
+		get dir() {
+			return i.dir;
+		},
+		get block() {
+			return se();
+		},
+		children: (t, a) => {
+			var s = be();
+			let l;
+			var d = _(s);
+			let h;
+			var g = _(d), w = (e) => {
+				var t = he(), r = _(t);
+				v(r, (e) => ({ ...e }), [() => Q.spinProps(1)], void 0, void 0, "svelte-akogfy");
+				var i = T(r, 2);
+				v(i, (e) => ({ ...e }), [() => Q.spinProps(-1)], void 0, void 0, "svelte-akogfy"), C(t), n(e, t);
+			};
+			b(g, (e) => {
+				Y() && e(w);
+			});
+			var E = T(g, 2);
+			v(E, (e) => ({
+				class: "sv-dtp__input",
+				placeholder: L(),
+				...e
+			}), [() => Q.inputProps()], void 0, void 0, "svelte-akogfy", !0), r(() => x(E, () => Q.text, (e) => Q.text = e)), j(E, (e) => Te?.(e));
+			var D = T(E, 2), O = (e) => {
+				var t = ge();
+				v(t, (e) => ({
+					class: "sv-dtp__clear",
+					...e
+				}), [() => Q.clearProps()], void 0, void 0, "svelte-akogfy"), n(e, t);
+			};
+			b(D, (e) => {
+				I() && Q.current && Q.isInteractive && e(O);
+			});
+			var A = T(D, 2);
+			v(A, (e) => ({
+				class: "sv-dtp__toggle",
+				...e
+			}), [() => Q.toggleProps()], void 0, void 0, "svelte-akogfy"), C(d), m(d, (e) => y($, e), () => e($));
+			var P = T(d, 2), te = (t) => {
+				var r = ve();
+				let i;
+				var a = _(r), s = (t) => {
+					var r = _e(), i = _(r);
+					v(i, (e) => ({
+						...e,
+						[k]: { "is-active": Q.tab === "date" }
+					}), [() => Q.tabProps("date")], void 0, void 0, "svelte-akogfy");
+					var a = _(i, !0);
+					C(i);
+					var s = T(i, 2);
+					v(s, (e) => ({
+						...e,
+						[k]: { "is-active": Q.tab === "time" }
+					}), [() => Q.tabProps("time")], void 0, void 0, "svelte-akogfy");
+					var c = _(s, !0);
+					C(s), C(r), f(() => {
+						o(a, e(X).date), o(c, e(X).time);
+					}), n(t, r);
+				};
+				b(a, (e) => {
+					Q.showDateTab && Q.showTimeTab && e(s);
+				});
+				var c = T(a, 2), l = _(c), u = (t) => {
+					B(t, {
+						get value() {
+							return Q.current;
+						},
+						selectionMode: "one",
+						get min() {
+							return N();
+						},
+						get max() {
+							return F();
+						},
+						get firstDayOfWeek() {
+							return H();
+						},
+						get weekNumbers() {
+							return K();
+						},
+						get locale() {
+							return V();
+						},
+						get animate() {
+							return ce();
+						},
+						get dir() {
+							return e(Z);
+						},
+						get onChange() {
+							return Q.onCalendarChange;
+						}
+					});
+				}, d = (t) => {
+					pe(t, {
+						get value() {
+							return Q.current;
+						},
+						get format() {
+							return q();
+						},
+						get minuteInterval() {
+							return J();
+						},
+						footer: !0,
+						get dir() {
+							return e(Z);
+						},
+						get onChange() {
+							return Q.onTimeChange;
+						}
+					});
+				};
+				b(l, (e) => {
+					Q.tab === "date" && Q.showDateTab ? e(u) : Q.showTimeTab && e(d, 1);
+				}), C(c), C(r), m(r, (e) => y(Se, e), () => e(Se)), j(r, (e) => W?.(e)), j(r, (e, t) => U?.(e, t), () => ({ up: e(Ce).openUpward })), f(() => {
+					S(r, "aria-label", e(X).dialog), S(r, "dir", e(Z)), i = M(r, "", i, {
+						position: "fixed",
+						top: `${e(Ce).top}px`,
+						left: `${e(Ce).left}px`
+					}), r.dir = r.dir;
+				}), n(t, r);
+			};
+			b(P, (e) => {
+				Q.open && e(te);
+			});
+			var z = T(P, 2), G = (e) => {
+				var t = ye();
+				ee(t), f((e) => {
+					S(t, "name", i.name), p(t, e);
+				}, [() => Q.current ? Q.current.toISOString() : ""]), n(e, t);
+			};
+			b(z, (e) => {
+				i.name && e(G);
+			}), C(s), f(() => {
+				l = c(s, 1, "sv-dtp svelte-akogfy", null, l, {
+					"sv-dtp--disabled": R(),
+					"sv-dtp--block": se()
+				}), S(s, "dir", e(Z)), h = c(d, 1, "sv-dtp__field svelte-akogfy", null, h, { "is-invalid": le() }), s.dir = s.dir;
+			}), u("focusout", s, Ee), n(t, s);
+		},
+		$$slots: { default: !0 }
+	}), A();
+}
+t(["focusout"]);
+//#endregion
+export { Q as default };