@svgrid/grid-wc 2.6.2 → 3.0.0

package/dist/SvDateTimePicker-DVFiDxUq.js

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