@svgrid/grid-wc 3.0.8 → 3.0.9

package/dist/SvDateTimePicker-Czin1Ead.js

@@ -1,766 +0,0 @@
-(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-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(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 };