@svgrid/grid-wc 3.0.0 → 3.0.2

package/dist/SvDateTimePicker-DVFiDxUq.js

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