@svgrid/grid-wc 3.0.0 → 3.0.2

package/dist/shadow/SvDateTimePicker-CnLlqNDQ.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 { A as e, E as t, F as n, H as r, I as i, J as a, M as o, O as s, Q as c, R as l, U as u, V as d, X as f, Y as p, Z as m, a as h, c as g, d as _, et as v, f as y, h as b, it as x, j as S, k as C, n as w, nt as T, q as E, s as D, tt as O, u as k, v as A, w as j, x as M, y as N } from "./client-DEF0GRjE.js";
+import { a as P, i as F, t as I } from "./editor-contract-peBDxir_.js";
+import { a as ee, c as L, n as R, o as z, r as B, s as V, t as H } from "./date-format-DMTwV8NC.js";
+import { n as U, r as W, t as G } from "./popover-WsGlvtQv.js";
+import { t as te } from "./SvField-Bmzp3ObZ.js";
+import { t as ne } from "./dismissable-DvhBKm3q.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(e) {
+	let t = () => e.format?.() ?? "24-hour", n = () => e.minuteInterval?.() ?? 1, r = () => e.autoSwitchToMinutes?.() ?? !0, i = () => e.disabled?.() ?? !1, a = () => e.readonly?.() ?? !1, o = v(() => t() === "12-hour"), s = v(() => !i() && !a()), d = c(0), f = c(0), p = c("hour"), h = !1, g = "￿";
+	u(() => {
+		let { h: t, m: n } = ae(e.value()), r = `${t}:${n}`;
+		r !== g && (g = r, m(d, t, !0), m(f, n, !0), h || (h = !0, m(p, e.selection?.() ?? "hour", !0)));
+	});
+	let _ = v(() => l(o) ? l(d) % 12 == 0 ? 12 : l(d) % 12 : l(d)), y = v(() => l(d) >= 12), b = v(() => String(l(f)).padStart(2, "0")), x = v(() => {
+		let e = [];
+		if (l(o)) 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;
+	}), S = v(() => 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"
+		};
+	})), C = v(() => l(p) === "hour" ? l(o) ? l(_) % 12 * 30 : l(d) % 12 * 30 : l(f) * 6), w = v(() => l(p) === "hour" && !l(o) && l(d) % 12 === l(d) && l(d) < 12 ? ie : q), T = v(() => J(l(C), l(w)));
+	function E() {
+		let t = /* @__PURE__ */ new Date();
+		t.setHours(l(d), l(f), 0, 0), e.onChange?.(t);
+	}
+	let D = (e) => {
+		let t = Math.max(1, Math.floor(n()));
+		return Math.round(e / t) * t % 60;
+	};
+	function O(e) {
+		m(p, e, !0);
+	}
+	function k(e) {
+		m(f, D(e), !0), g = `${l(d)}:${l(f)}`, E();
+	}
+	function A(e) {
+		e !== l(y) && (m(d, e ? l(d) % 12 + 12 : l(d) % 12, !0), g = `${l(d)}:${l(f)}`, E());
+	}
+	function j(e, t) {
+		if (l(s)) {
+			if (l(p) === "hour") {
+				let n = Math.round(e / 30) % 12;
+				if (l(o)) {
+					let e = (n === 0 ? 12 : n) % 12;
+					m(d, l(y) ? e + 12 : e, !0);
+				} else m(d, t < 80 ? n : n + 12, !0);
+				g = `${l(d)}:${l(f)}`, E();
+			} else k(Math.round(e / 6) % 60);
+		}
+	}
+	function M() {
+		l(p) === "hour" && r() && m(p, "minute");
+	}
+	function N(e) {
+		if (!l(s)) return;
+		let t = l(p) === "minute" ? Math.max(1, Math.floor(n())) : 1;
+		e.key === "ArrowUp" || e.key === "ArrowRight" ? (e.preventDefault(), l(p) === "hour" ? m(d, (l(d) + 1) % 24) : m(f, (l(f) + t) % 60), g = `${l(d)}:${l(f)}`, E()) : e.key === "ArrowDown" || e.key === "ArrowLeft" ? (e.preventDefault(), l(p) === "hour" ? m(d, (l(d) + 23) % 24) : m(f, (l(f) - t + 60) % 60), g = `${l(d)}:${l(f)}`, E()) : e.key === "Tab" && !e.shiftKey && l(p) === "hour" && m(p, "minute");
+	}
+	function P() {
+		let e = /* @__PURE__ */ new Date();
+		m(d, e.getHours(), !0), m(f, e.getMinutes(), !0), g = `${l(d)}:${l(f)}`, E();
+	}
+	function F(e) {
+		return l(o) ? e.value === l(_) : e.value === l(d);
+	}
+	return {
+		SIZE: re,
+		C: K,
+		get hours() {
+			return l(d);
+		},
+		get minutes() {
+			return l(f);
+		},
+		get selection() {
+			return l(p);
+		},
+		get is12() {
+			return l(o);
+		},
+		get isInteractive() {
+			return l(s);
+		},
+		get displayHour() {
+			return l(_);
+		},
+		get isPm() {
+			return l(y);
+		},
+		get mm() {
+			return l(b);
+		},
+		get hourTicks() {
+			return l(x);
+		},
+		get minuteTicks() {
+			return l(S);
+		},
+		get handEnd() {
+			return l(T);
+		},
+		isActiveHour: F,
+		setSelection: O,
+		setMinute: k,
+		setAmPm: A,
+		pointerSelect: j,
+		endPointer: M,
+		onKeydown: N,
+		now: P,
+		segProps(e) {
+			return {
+				type: "button",
+				disabled: i(),
+				onclick: () => O(e)
+			};
+		},
+		ampmProps(e) {
+			return {
+				type: "button",
+				disabled: i(),
+				onclick: () => A(e)
+			};
+		},
+		dialProps() {
+			return {
+				role: "slider",
+				tabindex: i() ? -1 : 0,
+				"aria-label": l(p) === "hour" ? "Hour" : "Minute",
+				"aria-valuenow": l(p) === "hour" ? l(d) : l(f),
+				"aria-valuemin": 0,
+				"aria-valuemax": l(p) === "hour" ? 23 : 59,
+				onkeydown: N
+			};
+		},
+		nowProps() {
+			return {
+				type: "button",
+				disabled: i(),
+				onclick: P
+			};
+		}
+	};
+}
+//#endregion
+//#region ../grid/dist/SvTimePicker.svelte
+var se = S("<div class=\"sv-tp__ampm svelte-sdu2r6\"><button> </button> <button> </button></div>"), ce = o("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), le = o("<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(n, i) {
+	T(i, !0);
+	let o = (n) => {
+		var o = fe();
+		let c;
+		var u = E(o), d = E(u);
+		k(d, (e) => ({
+			class: "sv-tp__seg",
+			...e,
+			[g]: { "is-active": H.selection === "hour" }
+		}), [() => H.segProps("hour")], void 0, void 0, "svelte-sdu2r6");
+		var f = E(d, !0);
+		x(d);
+		var m = p(d, 4);
+		k(m, (e) => ({
+			class: "sv-tp__seg",
+			...e,
+			[g]: { "is-active": H.selection === "minute" }
+		}), [() => H.segProps("minute")], void 0, void 0, "svelte-sdu2r6");
+		var v = E(m, !0);
+		x(m);
+		var w = p(m, 2), T = (e) => {
+			var t = se(), n = E(t);
+			k(n, (e) => ({
+				...e,
+				[g]: { "is-active": !H.isPm }
+			}), [() => H.ampmProps(!1)], void 0, void 0, "svelte-sdu2r6");
+			var i = E(n, !0);
+			x(n);
+			var a = p(n, 2);
+			k(a, (e) => ({
+				...e,
+				[g]: { "is-active": H.isPm }
+			}), [() => H.ampmProps(!0)], void 0, void 0, "svelte-sdu2r6");
+			var o = E(a, !0);
+			x(a), x(t), r(() => {
+				s(i, l(B).am), s(o, l(B).pm);
+			}), C(e, t);
+		};
+		t(w, (e) => {
+			H.is12 && e(T);
+		}), x(u);
+		var O = p(u, 2);
+		k(O, (e) => ({
+			class: "sv-tp__dial",
+			viewBox: `0 0 ${H.SIZE} ${H.SIZE}`,
+			width: "100%",
+			...e,
+			onpointerdown: ne,
+			onpointermove: re,
+			onpointerup: K,
+			onpointercancel: K
+		}), [() => H.dialProps()], void 0, void 0, "svelte-sdu2r6");
+		var A = E(O), M = p(A), P = p(M), F = p(P), I = p(F), L = (t) => {
+			var n = e(), i = a(n);
+			j(i, 17, () => H.hourTicks, (e) => e.ring + "-" + e.value, (e, t) => {
+				var n = ce();
+				let i;
+				var a = E(n, !0);
+				x(n), r((e) => {
+					i = N(n, 0, "sv-tp__num svelte-sdu2r6", null, i, e), y(n, "x", l(t).x), y(n, "y", l(t).y), s(a, l(t).label);
+				}, [() => ({
+					"is-active": H.isActiveHour(l(t)),
+					"is-inner": l(t).ring === "inner"
+				})]), C(e, n);
+			}), C(t, n);
+		}, z = (t) => {
+			var n = e(), i = a(n);
+			j(i, 17, () => H.minuteTicks, (e) => e.value, (e, t) => {
+				var n = le();
+				let i;
+				var a = E(n, !0);
+				x(n), r(() => {
+					i = N(n, 0, "sv-tp__num svelte-sdu2r6", null, i, { "is-active": l(t).value === H.minutes }), y(n, "x", l(t).x), y(n, "y", l(t).y), s(a, l(t).label);
+				}), C(e, n);
+			}), C(t, n);
+		};
+		t(I, (e) => {
+			H.selection === "hour" ? e(L) : e(z, -1);
+		}), x(O), h(O, (e) => U = e, () => U);
+		var W = p(O, 2), G = (e) => {
+			var t = ue(), n = E(t);
+			k(n, (e) => ({
+				class: "sv-tp__now",
+				...e
+			}), [() => H.nowProps()], void 0, void 0, "svelte-sdu2r6");
+			var i = E(n, !0);
+			x(n), x(t), r(() => s(i, l(B).now)), C(e, t);
+		};
+		t(W, (e) => {
+			S() && e(G);
+		});
+		var te = p(W, 2), q = (e) => {
+			var t = de();
+			_(t), r((e) => {
+				y(t, "name", i.name), b(t, e);
+			}, [() => `${String(H.hours).padStart(2, "0")}:${H.mm}`]), C(e, t);
+		};
+		t(te, (e) => {
+			i.name && e(q);
+		}), x(o), r((e) => {
+			c = N(o, 1, "sv-tp svelte-sdu2r6", null, c, {
+				"sv-tp--disabled": D(),
+				"sv-tp--invalid": ee()
+			}), y(o, "id", l(R)), y(o, "aria-label", i.label ?? l(B).label), y(o, "dir", l(V)), s(f, e), s(v, H.mm), y(A, "cx", H.C), y(A, "cy", H.C), y(A, "r", H.C - 4), y(M, "x1", H.C), y(M, "y1", H.C), y(M, "x2", H.handEnd.x), y(M, "y2", H.handEnd.y), y(P, "cx", H.C), y(P, "cy", H.C), y(F, "cx", H.handEnd.x), y(F, "cy", H.handEnd.y), o.dir = o.dir;
+		}, [() => String(H.displayHour).padStart(2, "0")]), C(n, o);
+	}, c = {
+		label: "Time picker",
+		am: "AM",
+		pm: "PM",
+		now: "Now"
+	}, u = w(i, "value", 3, null), d = w(i, "format", 3, "24-hour"), f = w(i, "minuteInterval", 3, 1), m = w(i, "autoSwitchToMinutes", 3, !0), S = w(i, "footer", 3, !1), D = w(i, "disabled", 3, !1), A = w(i, "readonly", 3, !1), M = w(i, "selection", 3, "hour"), I = w(i, "required", 3, !1), ee = w(i, "invalid", 3, !1), L = F("sv-tp"), R = v(() => i.id ?? L), z = v(() => !!(i.label || i.hint || i.error)), B = v(() => P(c, i.messages)), V = v(() => i.dir === "ltr" || i.dir === "rtl" ? i.dir : void 0), H = oe({
+		value: () => u(),
+		onChange: (e) => i.onChange?.(e),
+		format: () => d(),
+		minuteInterval: () => f(),
+		autoSwitchToMinutes: () => m(),
+		disabled: () => D(),
+		readonly: () => A(),
+		selection: () => M()
+	}), 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 ne(e) {
+		if (!H.isInteractive) return;
+		W = !0, U?.setPointerCapture(e.pointerId);
+		let { angle: t, dist: n } = G(e);
+		H.pointerSelect(t, n);
+	}
+	function re(e) {
+		if (!W) return;
+		let { angle: t, dist: n } = G(e);
+		H.pointerSelect(t, n);
+	}
+	function K(e) {
+		W && (W = !1, U?.releasePointerCapture(e.pointerId), H.endPointer());
+	}
+	var q = e(), ie = a(q), J = (e) => {
+		te(e, {
+			get id() {
+				return l(R);
+			},
+			get label() {
+				return i.label;
+			},
+			get hint() {
+				return i.hint;
+			},
+			get error() {
+				return i.error;
+			},
+			get required() {
+				return I();
+			},
+			get dir() {
+				return i.dir;
+			},
+			children: (e, t) => {
+				o(e);
+			},
+			$$slots: { default: !0 }
+		});
+	}, ae = (e) => {
+		o(e);
+	};
+	t(ie, (e) => {
+		l(z) ? e(J) : e(ae, -1);
+	}), C(n, q), O();
+}
+//#endregion
+//#region ../grid/dist/createDateTimePicker.svelte.js
+var Y = () => typeof navigator < "u" ? navigator.language : "en-US";
+function me(e) {
+	let t = () => e.formatString?.() ?? "yyyy-MM-dd HH:mm", n = () => e.nullable?.() ?? !0, r = () => e.locale?.() ?? Y(), i = () => e.dropDownDisplayMode?.() ?? "both", a = () => e.spinButtons?.() ?? !1, o = () => e.stepMinutes?.() ?? 1, s = () => e.disabled?.() ?? !1, d = () => e.readonly?.() ?? !1, f = v(() => !s() && !d()), p = v(() => V(e.min?.() ?? null)), h = v(() => V(e.max?.() ?? null)), g = c(null), _ = c(""), y = "￿";
+	u(() => {
+		let n = V(e.value()), i = n ? String(n.getTime()) : "null";
+		i !== y && (y = i, m(g, n, !0), m(_, n ? H(n, t(), r()) : "", !0));
+	});
+	let b = c(!1), x = c("date"), S = v(() => i() !== "time"), C = v(() => i() !== "calendar");
+	function w(n) {
+		let i = n ? ee(n, l(p), l(h)) : null;
+		m(g, i, !0), y = i ? String(i.getTime()) : "null", m(_, i ? H(i, t(), r()) : "", !0), e.onChange?.(i);
+	}
+	function T() {
+		let e = l(_).trim();
+		if (!e) {
+			n() ? w(null) : m(_, l(g) ? H(l(g), t(), r()) : "", !0);
+			return;
+		}
+		let i = R(e, t(), r(), 2029, l(g) ?? /* @__PURE__ */ new Date());
+		i ? w(i) : m(_, l(g) ? H(l(g), t(), r()) : "", !0);
+	}
+	function E(e) {
+		let t = l(g) ?? /* @__PURE__ */ new Date();
+		w(new Date(t.getTime() + e * 6e4));
+	}
+	function D(t) {
+		let n = t[0];
+		n && (w(L(n, l(g) ?? z(n))), i() === "calendar" ? (m(b, !1), e.onCommit?.(l(g))) : i() === "both" && m(x, "time"));
+	}
+	function O(e) {
+		let t = l(g) ?? /* @__PURE__ */ new Date();
+		w(L(t, e));
+	}
+	function k() {
+		!l(f) || l(b) || (m(x, i() === "time" ? "time" : "date", !0), m(b, !0));
+	}
+	function A() {
+		m(b, !1);
+	}
+	function j() {
+		(l(b) ? A : k)();
+	}
+	function M(e) {
+		m(x, e, !0);
+	}
+	function N(t) {
+		t.key === "Enter" ? (t.preventDefault(), T(), A(), e.onCommit?.(l(g))) : t.key === "Escape" ? (A(), e.onCancel?.()) : t.key === "ArrowDown" && (t.altKey || !l(_)) ? (t.preventDefault(), k()) : a() && t.key === "ArrowUp" ? (t.preventDefault(), E(o())) : a() && t.key === "ArrowDown" && (t.preventDefault(), E(-o()));
+	}
+	return {
+		get current() {
+			return l(g);
+		},
+		get text() {
+			return l(_);
+		},
+		set text(e) {
+			m(_, e, !0);
+		},
+		get open() {
+			return l(b);
+		},
+		get tab() {
+			return l(x);
+		},
+		get isInteractive() {
+			return l(f);
+		},
+		get showDateTab() {
+			return l(S);
+		},
+		get showTimeTab() {
+			return l(C);
+		},
+		commit: w,
+		commitFromText: T,
+		bump: E,
+		onCalendarChange: D,
+		onTimeChange: O,
+		openPanel: k,
+		closePanel: A,
+		toggle: j,
+		setTab: M,
+		onInputKeydown: N,
+		inputProps() {
+			return {
+				id: e.id?.(),
+				type: "text",
+				disabled: s(),
+				readonly: d(),
+				...I({
+					id: e.id?.(),
+					invalid: e.invalid?.(),
+					required: e.required?.(),
+					error: e.error?.(),
+					hint: e.hint?.(),
+					ariaLabel: e.ariaLabel?.()
+				}),
+				onblur: T,
+				onkeydown: N
+			};
+		},
+		toggleProps() {
+			return {
+				type: "button",
+				"aria-label": e.toggleLabel?.() ?? "Open picker",
+				"aria-haspopup": "dialog",
+				"aria-expanded": l(b),
+				disabled: !l(f),
+				tabindex: -1,
+				onclick: j
+			};
+		},
+		clearProps() {
+			return {
+				type: "button",
+				"aria-label": e.clearLabel?.() ?? "Clear",
+				onclick: () => w(null)
+			};
+		},
+		spinProps(e) {
+			return {
+				type: "button",
+				tabindex: -1,
+				"aria-label": e === 1 ? "Increment" : "Decrement",
+				disabled: !l(f),
+				onclick: () => E(e * o())
+			};
+		},
+		tabProps(e) {
+			return {
+				type: "button",
+				role: "tab",
+				"aria-selected": l(x) === e,
+				onclick: () => M(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(e, n) {
+	T(n, !0);
+	let a = {
+		dialog: "Choose date and time",
+		date: "DATE",
+		time: "TIME",
+		clear: "Clear",
+		open: "Open picker"
+	}, o = w(n, "value", 3, null), S = w(n, "formatString", 3, "yyyy-MM-dd HH:mm"), j = w(n, "min", 3, null), I = w(n, "max", 3, null), ee = w(n, "nullable", 3, !0), L = w(n, "placeholder", 3, "Select date & time"), R = w(n, "disabled", 3, !1), z = w(n, "readonly", 3, !1), V = w(n, "locale", 19, () => typeof navigator < "u" ? navigator.language : "en-US"), H = w(n, "firstDayOfWeek", 3, 0), re = w(n, "weekNumbers", 3, !1), K = w(n, "hourFormat", 3, "24-hour"), q = w(n, "minuteInterval", 3, 1), ie = w(n, "dropDownDisplayMode", 3, "both"), J = w(n, "spinButtons", 3, !1), ae = w(n, "stepMinutes", 3, 1), oe = w(n, "autoOpen", 3, !1), se = w(n, "block", 3, !1), ce = w(n, "animate", 3, !1), le = w(n, "invalid", 3, !1), ue = w(n, "required", 3, !1), de = F("sv-dtp"), fe = v(() => n.id ?? de), Y = v(() => P(a, n.messages)), X = v(() => n.dir === "ltr" || n.dir === "rtl" ? n.dir : void 0), Z = me({
+		value: () => o(),
+		onChange: (e) => n.onChange?.(e),
+		onCommit: (e) => n.onCommit?.(e),
+		onCancel: () => n.onCancel?.(),
+		formatString: () => S(),
+		min: () => j(),
+		max: () => I(),
+		nullable: () => ee(),
+		locale: () => V(),
+		dropDownDisplayMode: () => ie(),
+		spinButtons: () => J(),
+		stepMinutes: () => ae(),
+		disabled: () => R(),
+		readonly: () => z(),
+		toggleLabel: () => l(Y).open,
+		clearLabel: () => l(Y).clear,
+		id: () => l(fe),
+		invalid: () => le(),
+		required: () => ue(),
+		error: () => n.error,
+		hint: () => n.hint,
+		ariaLabel: () => n.ariaLabel
+	}), Q = c(null), $ = c(null), xe = c(f({
+		top: 0,
+		left: 0,
+		width: 0,
+		openUpward: !1,
+		maxHeight: 0,
+		availHeight: 0
+	}));
+	function Se() {
+		l(Q) && m(xe, G(l(Q).getBoundingClientRect(), {
+			estimatedHeight: 360,
+			minWidth: 300
+		}), !0);
+	}
+	u(() => {
+		if (!Z.open) return;
+		Se();
+		let e = () => Se();
+		window.addEventListener("scroll", e, !0), window.addEventListener("resize", e);
+		let t = ne({
+			element: () => [l(Q), l($)],
+			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 && (l(Q)?.contains(t) || l($)?.contains(t)) || n.onCommit?.(Z.current);
+	}
+	te(e, {
+		get id() {
+			return l(fe);
+		},
+		get label() {
+			return n.label;
+		},
+		get hint() {
+			return n.hint;
+		},
+		get error() {
+			return n.error;
+		},
+		get required() {
+			return ue();
+		},
+		get dir() {
+			return n.dir;
+		},
+		get block() {
+			return se();
+		},
+		children: (e, a) => {
+			var o = be();
+			let c;
+			var u = E(o);
+			let f;
+			var v = E(u), S = (e) => {
+				var t = he(), n = E(t);
+				k(n, (e) => ({ ...e }), [() => Z.spinProps(1)], void 0, void 0, "svelte-akogfy");
+				var r = p(n, 2);
+				k(r, (e) => ({ ...e }), [() => Z.spinProps(-1)], void 0, void 0, "svelte-akogfy"), x(t), C(e, t);
+			};
+			t(v, (e) => {
+				J() && e(S);
+			});
+			var w = p(v, 2);
+			k(w, (e) => ({
+				class: "sv-dtp__input",
+				placeholder: L(),
+				...e
+			}), [() => Z.inputProps()], void 0, void 0, "svelte-akogfy", !0), d(() => D(w, () => Z.text, (e) => Z.text = e)), M(w, (e) => Ce?.(e));
+			var T = p(w, 2), O = (e) => {
+				var t = ge();
+				k(t, (e) => ({
+					class: "sv-dtp__clear",
+					...e
+				}), [() => Z.clearProps()], void 0, void 0, "svelte-akogfy"), C(e, t);
+			};
+			t(T, (e) => {
+				ee() && Z.current && Z.isInteractive && e(O);
+			});
+			var P = p(T, 2);
+			k(P, (e) => ({
+				class: "sv-dtp__toggle",
+				...e
+			}), [() => Z.toggleProps()], void 0, void 0, "svelte-akogfy"), x(u), h(u, (e) => m(Q, e), () => l(Q));
+			var F = p(u, 2), z = (e) => {
+				var n = ve();
+				let i;
+				var a = E(n), o = (e) => {
+					var t = _e(), n = E(t);
+					k(n, (e) => ({
+						...e,
+						[g]: { "is-active": Z.tab === "date" }
+					}), [() => Z.tabProps("date")], void 0, void 0, "svelte-akogfy");
+					var i = E(n, !0);
+					x(n);
+					var a = p(n, 2);
+					k(a, (e) => ({
+						...e,
+						[g]: { "is-active": Z.tab === "time" }
+					}), [() => Z.tabProps("time")], void 0, void 0, "svelte-akogfy");
+					var o = E(a, !0);
+					x(a), x(t), r(() => {
+						s(i, l(Y).date), s(o, l(Y).time);
+					}), C(e, t);
+				};
+				t(a, (e) => {
+					Z.showDateTab && Z.showTimeTab && e(o);
+				});
+				var c = p(a, 2), u = E(c), d = (e) => {
+					B(e, {
+						get value() {
+							return Z.current;
+						},
+						selectionMode: "one",
+						get min() {
+							return j();
+						},
+						get max() {
+							return I();
+						},
+						get firstDayOfWeek() {
+							return H();
+						},
+						get weekNumbers() {
+							return re();
+						},
+						get locale() {
+							return V();
+						},
+						get animate() {
+							return ce();
+						},
+						get dir() {
+							return l(X);
+						},
+						get onChange() {
+							return Z.onCalendarChange;
+						}
+					});
+				}, f = (e) => {
+					pe(e, {
+						get value() {
+							return Z.current;
+						},
+						get format() {
+							return K();
+						},
+						get minuteInterval() {
+							return q();
+						},
+						footer: !0,
+						get dir() {
+							return l(X);
+						},
+						get onChange() {
+							return Z.onTimeChange;
+						}
+					});
+				};
+				t(u, (e) => {
+					Z.tab === "date" && Z.showDateTab ? e(d) : Z.showTimeTab && e(f, 1);
+				}), x(c), x(n), h(n, (e) => m($, e), () => l($)), M(n, (e) => W?.(e)), M(n, (e, t) => U?.(e, t), () => ({ up: l(xe).openUpward })), r(() => {
+					y(n, "aria-label", l(Y).dialog), y(n, "dir", l(X)), i = A(n, "", i, {
+						position: "fixed",
+						top: `${l(xe).top}px`,
+						left: `${l(xe).left}px`
+					}), n.dir = n.dir;
+				}), C(e, n);
+			};
+			t(F, (e) => {
+				Z.open && e(z);
+			});
+			var G = p(F, 2), te = (e) => {
+				var t = ye();
+				_(t), r((e) => {
+					y(t, "name", n.name), b(t, e);
+				}, [() => Z.current ? Z.current.toISOString() : ""]), C(e, t);
+			};
+			t(G, (e) => {
+				n.name && e(te);
+			}), x(o), r(() => {
+				c = N(o, 1, "sv-dtp svelte-akogfy", null, c, {
+					"sv-dtp--disabled": R(),
+					"sv-dtp--block": se()
+				}), y(o, "dir", l(X)), f = N(u, 1, "sv-dtp__field svelte-akogfy", null, f, { "is-invalid": le() }), o.dir = o.dir;
+			}), i("focusout", o, we), C(e, o);
+		},
+		$$slots: { default: !0 }
+	}), O();
+}
+n(["focusout"]);
+//#endregion
+export { X as default };