@svgrid/grid-wc 3.0.8 → 3.0.10

package/dist/shadow/SvDateTimePicker-C37mOYov.js

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