@svgrid/grid-wc 3.0.1 → 3.0.2

package/dist/shadow/SvChartMenu-CBMKm7Xb.js

@@ -0,0 +1,413 @@
+(function(){try{var c=".sv-menu__list.svelte-tumeci{flex-direction:column;min-width:180px;padding:4px;display:flex}.sv-menu__sep.svelte-tumeci{background:var(--sg-border,#e2e8f0);height:1px;margin:4px 6px}.sv-menu__itemwrap.svelte-tumeci{position:relative}.sv-menu__item.svelte-tumeci{box-sizing:border-box;cursor:pointer;width:100%;font:inherit;color:var(--sg-fg,#0f172a);text-align:start;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;padding:7px 10px;font-size:13px;transition:background .1s;display:flex}.sv-menu__item.is-active.svelte-tumeci:not([disabled]),.sv-menu__item.svelte-tumeci:hover:not([disabled]){background:var(--sg-row-hover-bg,#f1f5f9)}.sv-menu__item.svelte-tumeci:focus-visible{outline:2px solid var(--sg-focus-ring,var(--sg-accent,#2563eb));outline-offset:-2px}.sv-menu__item[disabled].svelte-tumeci{opacity:.45;cursor:default}.sv-menu__icon.svelte-tumeci{width:16px;color:var(--sg-muted,#64748b);flex:none;display:inline-flex}.sv-menu__icon.svelte-tumeci:empty{width:0}.sv-menu__label.svelte-tumeci{white-space:nowrap;flex:1}.sv-menu__shortcut.svelte-tumeci{color:var(--sg-muted,#94a3b8);margin-inline-start:12px;font-size:11.5px}.sv-menu__chev.svelte-tumeci{color:var(--sg-muted,#94a3b8);flex:none}.sv-menu[dir=rtl].svelte-tumeci .sv-menu__chev:where(.svelte-tumeci),.sv-menu__list.is-submenu.svelte-tumeci .sv-menu__chev:where(.svelte-tumeci){transform:scaleX(-1)}.sv-menu__flyout.svelte-tumeci{z-index:1;background:var(--sg-bg,#fff);border:1px solid var(--sg-border,#e2e8f0);border-radius:10px;position:absolute;top:-5px;left:100%;box-shadow:0 16px 40px -12px #0f172a52}.sv-grid-chart-menu{z-index:2147483646;background:var(--sg-bg,#fff);min-width:220px;color:var(--sg-fg,#0f172a);border:1px solid var(--sg-border,#e2e8f0);border-radius:10px;font-size:13px;box-shadow:0 16px 48px -12px #0f172a59}\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="SvChartMenu"]'))return;var s=document.createElement('style');s.setAttribute('data-svgrid-grid-wc-chunk',"SvChartMenu");s.textContent=c;document.head.appendChild(s);}catch(e){}})();
+import { A as e, D as t, E as n, H as r, J as i, M as a, O as o, Q as s, R as c, T as l, U as u, Y as d, Z as f, a as p, c as m, et as h, f as g, it as _, j as v, k as y, n as b, nt as x, q as S, tt as C, u as w, v as T, w as E, x as D } from "./client-DEF0GRjE.js";
+import { n as O, r as k } from "./popover-WsGlvtQv.js";
+import { n as A, t as j } from "./dismissable-DvhBKm3q.js";
+import { t as M } from "./focus-trap-DvlOlOGM.js";
+import { i as N, t as P } from "./list-option-DrRyivWp.js";
+//#region ../grid/dist/list-nav.js
+function F(e, t) {
+	let n = [];
+	for (let r = 0; r < e; r++) t?.(r) || n.push(r);
+	return n;
+}
+function I(e, t, n) {
+	let r = e.length;
+	return r === 0 ? -1 : e[(e.indexOf(t) + n + r) % r];
+}
+//#endregion
+//#region ../grid/dist/createMenu.svelte.js
+function L(e) {
+	let t = () => e.items(), n = () => e.submenu?.() ?? !1, r = () => (e.dir?.() ?? "ltr") === "rtl", i = s(-1), a = s(-1), o = P();
+	function l(e) {
+		let n = e.trim().toLowerCase();
+		if (!n) return -1;
+		let r = t(), a = r.length;
+		for (let e = 1; e <= a; e++) {
+			let t = (c(i) + e + a) % a, o = r[t];
+			if (o && !o.disabled && !o.separator && (o.label ?? "").toLowerCase().startsWith(n)) return t;
+		}
+		return -1;
+	}
+	let u = h(() => F(t().length, (e) => {
+		let n = t()[e];
+		return !n || n.separator === !0 || n.disabled === !0;
+	}));
+	function d(t) {
+		f(i, t, !0), f(a, -1), e.focusItem?.(t);
+	}
+	function p(e) {
+		let t = I(c(u), c(i), e);
+		t >= 0 && d(t);
+	}
+	function m() {
+		let e = c(u)[0];
+		e != null && d(e);
+	}
+	function g() {
+		let e = c(u).at(-1);
+		e != null && d(e);
+	}
+	function _(e) {
+		let n = t()[e];
+		!n || n.disabled || n.separator || (f(i, e, !0), f(a, n.children?.length ? e : -1, !0));
+	}
+	function v(n) {
+		if (!(n.disabled || n.separator)) {
+			if (n.children?.length) {
+				f(a, t().indexOf(n), !0);
+				return;
+			}
+			n.onSelect?.(), e.onSelect(n), e.onClose();
+		}
+	}
+	function y(i, s) {
+		let c = t()[s], u = () => {
+			c?.children?.length && (i.preventDefault(), f(a, s, !0));
+		}, h = () => {
+			n() && (i.preventDefault(), e.onCollapse?.());
+		};
+		switch (i.key) {
+			case "ArrowDown":
+				i.preventDefault(), p(1);
+				break;
+			case "ArrowUp":
+				i.preventDefault(), p(-1);
+				break;
+			case "Home":
+				i.preventDefault(), m();
+				break;
+			case "End":
+				i.preventDefault(), g();
+				break;
+			case "ArrowRight":
+				(r() ? h : u)();
+				break;
+			case "ArrowLeft":
+				(r() ? u : h)();
+				break;
+			case "Enter":
+			case " ":
+				i.preventDefault(), c && v(c);
+				break;
+			case "Escape":
+				i.preventDefault(), e.onClose();
+				break;
+			case "Tab":
+				e.onClose();
+				break;
+			default: if (N(i)) {
+				let e = l(o.push(i.key));
+				e >= 0 && (i.preventDefault(), d(e));
+			}
+		}
+	}
+	function b(e) {
+		return c(i) === e || c(i) === -1 && e === c(u)[0] ? 0 : -1;
+	}
+	return {
+		get active() {
+			return c(i);
+		},
+		get openSub() {
+			return c(a);
+		},
+		get focusables() {
+			return c(u);
+		},
+		isActive: (e) => e === c(i),
+		isSubOpen: (e) => e === c(a),
+		itemTabIndex: b,
+		move: p,
+		first: m,
+		last: g,
+		focus: d,
+		hover: _,
+		choose: v,
+		onItemKeydown: y,
+		listProps: () => ({ role: "menu" }),
+		itemProps: (e) => {
+			let n = t()[e], r = !!n?.children?.length;
+			return {
+				role: "menuitem",
+				"data-mi": e,
+				tabindex: b(e),
+				"aria-haspopup": r ? "menu" : void 0,
+				"aria-expanded": r ? c(a) === e : void 0,
+				"aria-disabled": n?.disabled ? !0 : void 0,
+				disabled: n?.disabled,
+				onkeydown: (t) => y(t, e),
+				onpointerenter: () => _(e),
+				onclick: () => {
+					n && v(n);
+				}
+			};
+		}
+	};
+}
+//#endregion
+//#region ../grid/dist/positioning.js
+var R = {
+	top: "bottom",
+	bottom: "top",
+	left: "right",
+	right: "left"
+};
+function z(e) {
+	let [t, n] = e.split("-");
+	return {
+		side: t,
+		align: n ?? "center"
+	};
+}
+function B(e) {
+	let { side: t, align: n } = z(e);
+	return n === "center" ? R[t] : `${R[t]}-${n}`;
+}
+function V(e, t, n) {
+	return n < t || e < t ? t : e > n ? n : e;
+}
+function H(e, t, n, r, i) {
+	if (e === "top" || e === "bottom") {
+		let a = e === "top" ? n.y - r.height - i : n.y + n.height + i;
+		return {
+			x: t === "start" ? n.x : t === "end" ? n.x + n.width - r.width : n.x + n.width / 2 - r.width / 2,
+			y: a
+		};
+	}
+	return {
+		x: e === "left" ? n.x - r.width - i : n.x + n.width + i,
+		y: t === "start" ? n.y : t === "end" ? n.y + n.height - r.height : n.y + n.height / 2 - r.height / 2
+	};
+}
+function U(e, t, n, r, i, a) {
+	switch (e) {
+		case "top": return a - n;
+		case "bottom": return n + r.height - (i.height - a);
+		case "left": return a - t;
+		default: return t + r.width - (i.width - a);
+	}
+}
+function W(e) {
+	return e || (typeof window < "u" ? {
+		width: window.innerWidth,
+		height: window.innerHeight
+	} : {
+		width: 0,
+		height: 0
+	});
+}
+function G(e, t, n = {}) {
+	let r = n.offset ?? 6, i = n.padding ?? 8, a = n.flip !== !1, o = n.shift !== !1, s = W(n.viewport), c = n.placement ?? "bottom-start", l = [c];
+	if (a) {
+		l.push(B(c));
+		for (let e of n.fallbackPlacements ?? []) l.push(e);
+	}
+	let u = c, d = Infinity;
+	for (let n of l) {
+		let { side: a, align: o } = z(n), { x: c, y: l } = H(a, o, e, t, r), f = U(a, c, l, t, s, i);
+		if (f <= 0) {
+			u = n, d = f;
+			break;
+		}
+		f < d && (d = f, u = n);
+	}
+	let { side: f, align: p } = z(u), { x: m, y: h } = H(f, p, e, t, r);
+	o && (f === "top" || f === "bottom" ? m = V(m, i, s.width - i - t.width) : h = V(h, i, s.height - i - t.height));
+	let g = n.minMainAxis ?? 0, _, v;
+	if (f === "top" || f === "bottom") {
+		let t = f === "top" ? e.y - r - i : s.height - i - (e.y + e.height + r);
+		v = Math.max(g, Math.floor(t)), _ = Math.max(0, s.width - 2 * i);
+	} else {
+		let t = f === "left" ? e.x - r - i : s.width - i - (e.x + e.width + r);
+		_ = Math.max(g, Math.floor(t)), v = Math.max(0, s.height - 2 * i);
+	}
+	let y = {
+		x: m,
+		y: h,
+		placement: u,
+		side: f,
+		align: p,
+		maxWidth: _,
+		maxHeight: v
+	};
+	if (n.arrow) {
+		let r = n.arrow.size;
+		y.arrow = f === "top" || f === "bottom" ? { x: V(e.x + e.width / 2 - m - r / 2, i, t.width - r - i) } : { y: V(e.y + e.height / 2 - h - r / 2, i, t.height - r - i) };
+	}
+	return y;
+}
+function K(e) {
+	let t = [], n = e.parentElement;
+	for (; n;) {
+		let e = getComputedStyle(n);
+		/(auto|scroll|overlay|hidden)/.test(e.overflow + e.overflowY + e.overflowX) && t.push(n), n = n.parentElement;
+	}
+	return t;
+}
+function q(e, t, n) {
+	if (typeof window > "u") return () => {};
+	let r = K(e);
+	for (let e of r) e.addEventListener("scroll", n, { passive: !0 });
+	window.addEventListener("scroll", n, { passive: !0 }), window.addEventListener("resize", n);
+	let i;
+	return typeof ResizeObserver == "function" && (i = new ResizeObserver(n), i.observe(e), i.observe(t)), n(), () => {
+		for (let e of r) e.removeEventListener("scroll", n);
+		window.removeEventListener("scroll", n), window.removeEventListener("resize", n), i?.disconnect();
+	};
+}
+//#endregion
+//#region ../grid/dist/SvMenuList.svelte
+var J = v("<div class=\"sv-menu__sep svelte-tumeci\" role=\"separator\"></div>"), Y = v("<span class=\"sv-menu__shortcut svelte-tumeci\"> </span>"), X = a("<svg class=\"sv-menu__chev svelte-tumeci\" viewBox=\"0 0 24 24\" width=\"13\" height=\"13\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"></path></svg>"), Z = v("<div class=\"sv-menu__flyout svelte-tumeci\"><!></div>"), Q = v("<div class=\"sv-menu__itemwrap svelte-tumeci\"><button><span class=\"sv-menu__icon svelte-tumeci\"><!></span> <span class=\"sv-menu__label svelte-tumeci\"> </span> <!> <!></button> <!></div>"), ee = v("<div></div>");
+function $(a, u) {
+	x(u, !0);
+	let g = b(u, "submenu", 3, !1), v = s(null), T = L({
+		items: () => u.items,
+		onSelect: (e) => u.onselect(e),
+		onClose: () => u.onclose(),
+		submenu: () => g(),
+		onCollapse: () => u.oncollapse?.(),
+		dir: () => u.dir,
+		focusItem: (e) => queueMicrotask(() => c(v)?.querySelector(`[data-mi="${e}"]`)?.focus())
+	}), O = u.dir === "rtl" ? "left-start" : "right-start";
+	function k(e) {
+		let t = e.parentElement, n = t?.querySelector(":scope > .sv-menu__item") ?? null, r = () => {
+			if (!n || !t) return;
+			let r = n.getBoundingClientRect(), i = t.getBoundingClientRect(), a = {
+				width: e.offsetWidth || 200,
+				height: e.offsetHeight || 120
+			}, o = G({
+				x: r.left,
+				y: r.top,
+				width: r.width,
+				height: r.height
+			}, a, {
+				placement: O,
+				offset: 2,
+				padding: 8
+			});
+			e.style.left = `${o.x - i.left}px`, e.style.top = `${o.y - i.top}px`;
+		};
+		if (!n) return r(), {};
+		let i = q(n, e, r);
+		return { destroy() {
+			i();
+		} };
+	}
+	var A = ee();
+	w(A, (e) => ({
+		class: "sv-menu__list",
+		...e,
+		[m]: { "is-submenu": g() }
+	}), [() => T.listProps()], void 0, void 0, "svelte-tumeci"), E(A, 21, () => u.items, l, (a, s, l) => {
+		var f = e(), p = i(f), g = (e) => {
+			var t = J();
+			y(e, t);
+		}, v = (a) => {
+			var f = Q(), p = S(f);
+			w(p, (e, t) => ({
+				type: "button",
+				class: "sv-menu__item",
+				...e,
+				[m]: t
+			}), [() => T.itemProps(l), () => ({ "is-active": T.isActive(l) })], void 0, void 0, "svelte-tumeci");
+			var g = S(p), v = S(g), b = (n) => {
+				var r = e(), a = i(r);
+				t(a, () => c(s).icon), y(n, r);
+			};
+			n(v, (e) => {
+				c(s).icon && e(b);
+			}), _(g);
+			var x = d(g, 2), C = S(x, !0);
+			_(x);
+			var E = d(x, 2), O = (e) => {
+				var t = Y(), n = S(t, !0);
+				_(t), r(() => o(n, c(s).shortcut)), y(e, t);
+			};
+			n(E, (e) => {
+				c(s).shortcut && e(O);
+			});
+			var A = d(E, 2), j = (e) => {
+				var t = X();
+				y(e, t);
+			};
+			n(A, (e) => {
+				c(s).children?.length && e(j);
+			}), _(p);
+			var M = d(p, 2), N = (e) => {
+				var t = Z();
+				$(S(t), {
+					get items() {
+						return c(s).children;
+					},
+					get onclose() {
+						return u.onclose;
+					},
+					get onselect() {
+						return u.onselect;
+					},
+					oncollapse: () => T.focus(l),
+					get dir() {
+						return u.dir;
+					},
+					submenu: !0
+				}), _(t), D(t, (e) => k?.(e)), y(e, t);
+			}, P = h(() => c(s).children?.length && T.isSubOpen(l));
+			n(M, (e) => {
+				c(P) && e(N);
+			}), _(f), r(() => o(C, c(s).label)), y(a, f);
+		};
+		n(p, (e) => {
+			c(s).separator ? e(g) : e(v, -1);
+		}), y(a, f);
+	}), _(A), p(A, (e) => f(v, e), () => c(v)), y(a, A), C();
+}
+//#endregion
+//#region ../grid/dist/SvChartMenu.svelte
+var te = v("<div class=\"sv-ctx sv-grid-chart-menu\"><!></div>");
+function ne(e, t) {
+	x(t, !0);
+	let n = b(t, "ariaLabel", 3, "Chart menu"), i = s(null), a = h(() => {
+		if (typeof window > "u") return {
+			x: t.x,
+			y: t.y
+		};
+		let e = Math.min(t.items.length, 12) * 34 + 8;
+		return {
+			x: Math.max(6, Math.min(t.x, window.innerWidth - 220 - 6)),
+			y: Math.max(6, Math.min(t.y, window.innerHeight - e - 6))
+		};
+	});
+	u(() => {
+		if (!c(i)) return;
+		let e = M(c(i), { initialFocus: () => c(i)?.querySelector("[role=\"menuitem\"]:not([disabled])") ?? null });
+		e.activate();
+		let n = j({
+			element: () => c(i),
+			onDismiss: t.onClose
+		});
+		n.activate();
+		let r = A(() => c(i), t.onClose);
+		return () => {
+			n.release(), e.release(), r();
+		};
+	});
+	var o = te();
+	let l;
+	$(S(o), {
+		get items() {
+			return t.items;
+		},
+		get onclose() {
+			return t.onClose;
+		},
+		onselect: () => t.onClose()
+	}), _(o), p(o, (e) => f(i, e), () => c(i)), D(o, (e) => k?.(e)), D(o, (e, t) => O?.(e, t), () => ({})), r(() => {
+		g(o, "aria-label", n()), l = T(o, "", l, {
+			position: "fixed",
+			top: `${c(a).y}px`,
+			left: `${c(a).x}px`
+		});
+	}), y(e, o), C();
+}
+//#endregion
+export { ne as default };

package/dist/shadow/SvDateRangeInput-BrYTQEMM.js

@@ -0,0 +1,197 @@
+(function(){try{var c=".sv-dri.svelte-1rb3yee{--_accent:var(--sg-accent,#2563eb);--_border:var(--sg-input-border,var(--sg-border,#cbd5e1));--_radius:var(--sg-radius,8px);color:var(--sg-fg,#0f172a);display:inline-block;position:relative}.sv-dri--disabled.svelte-1rb3yee{opacity:.6}.sv-dri__field.svelte-1rb3yee{background:var(--sg-input-bg,#fff);border:1px solid var(--_border);border-radius:var(--_radius);align-items:center;gap:6px;width:260px;padding-inline:10px 4px;display:flex}.sv-dri__field.svelte-1rb3yee:focus-within{border-color:var(--_accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--_accent) 22%, transparent)}.sv-dri__field.is-invalid.svelte-1rb3yee{border-color:var(--sg-danger,#dc2626)}.sv-dri__field.is-invalid.svelte-1rb3yee:focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--sg-danger,#dc2626) 22%, transparent)}.sv-dri__field--sm.svelte-1rb3yee{height:28px;font-size:12px}.sv-dri__field--md.svelte-1rb3yee{height:34px;font-size:13px}.sv-dri__field--lg.svelte-1rb3yee{height:40px;font-size:15px}.sv-dri__icon.svelte-1rb3yee{color:var(--sg-muted,#64748b);flex:none}.sv-dri__input.svelte-1rb3yee{min-width:0;color:inherit;font:inherit;cursor:pointer;text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:1}.sv-dri__input.svelte-1rb3yee::placeholder{color:var(--sg-muted,#94a3b8)}.sv-dri__clear.svelte-1rb3yee{width:24px;height:24px;color:var(--sg-muted,#64748b);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;font-size:17px;line-height:1;display:grid}.sv-dri__clear.svelte-1rb3yee:hover{color:var(--_accent);background:color-mix(in srgb, var(--_accent) 10%, transparent)}.sv-dri__panel{z-index:2147483647;background:var(--sg-bg,#fff);border:1px solid var(--sg-border,#e2e8f0);border-radius:12px;box-shadow:0 16px 48px -12px #0f172a59}.sv-dri.is-block.svelte-1rb3yee,.sv-dri.is-block.svelte-1rb3yee .sv-dri__field:where(.svelte-1rb3yee){width:100%;max-width:100%}\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="SvDateRangeInput"]'))return;var s=document.createElement('style');s.setAttribute('data-svgrid-grid-wc-chunk',"SvDateRangeInput");s.textContent=c;document.head.appendChild(s);}catch(e){}})();
+import { E as e, F as t, H as n, I as r, J as i, Q as a, R as o, U as s, X as c, Y as l, Z as u, a as d, d as f, et as p, f as m, h, it as g, j as _, k as v, n as y, nt as b, q as x, tt as S, u as ee, v as te, x as C, y as w } from "./client-DEF0GRjE.js";
+import { a as T, i as E, t as ne } from "./editor-contract-peBDxir_.js";
+import { i as D, o as O, r as k, t as A } from "./date-format-DMTwV8NC.js";
+import { n as re, r as ie, t as ae } from "./popover-WsGlvtQv.js";
+import { t as oe } from "./SvField-Bmzp3ObZ.js";
+//#region ../grid/dist/SvDateRangeInput.svelte
+var se = _("<button type=\"button\" class=\"sv-dri__clear svelte-1rb3yee\">&times;</button>"), ce = _("<div class=\"sv-dri__panel\" role=\"dialog\"><!></div>"), le = _("<input type=\"hidden\"/> <input type=\"hidden\"/>", 1), ue = _("<div><div><svg class=\"sv-dri__icon svelte-1rb3yee\" viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"></rect><path d=\"M16 2v4M8 2v4M3 10h18\"></path></svg> <input/> <!></div> <!> <!></div>");
+function j(t, _) {
+	b(_, !0);
+	let j = {
+		dialog: "Choose a date range",
+		clear: "Clear",
+		open: "Open calendar",
+		to: "to"
+	}, M = y(_, "value", 3, null), de = y(_, "formatString", 3, "yyyy-MM-dd"), fe = y(_, "min", 3, null), pe = y(_, "max", 3, null), me = y(_, "months", 3, 2), he = y(_, "firstDayOfWeek", 3, 0), ge = y(_, "weekNumbers", 3, !1), N = y(_, "locale", 19, () => typeof navigator < "u" ? navigator.language : "en-US"), P = y(_, "placeholder", 3, "Select date range"), F = y(_, "animate", 3, !1), I = y(_, "autoOpen", 3, !1), L = y(_, "disabled", 3, !1), _e = y(_, "readonly", 3, !1), ve = y(_, "size", 3, "md"), R = y(_, "invalid", 3, !1), ye = y(_, "block", 3, !1), z = y(_, "required", 3, !1), be = E("sv-daterange"), B = p(() => _.id ?? be), V = p(() => T(j, _.messages)), H = p(() => _.dir === "ltr" || _.dir === "rtl" ? _.dir : void 0), U = p(() => !L() && !_e()), W = (e) => A(e, de(), N()), xe = p(() => {
+		if (!M()) return "";
+		let [e, t] = M();
+		return e && t ? `${W(e)} ${o(V).to} ${W(t)}` : e ? W(e) : "";
+	}), G = p(() => M() ? D(M()[0], M()[1]) : null), K = a(!1);
+	function q() {
+		o(U) && !o(K) && u(K, !0);
+	}
+	function J() {
+		u(K, !1);
+	}
+	function Se() {
+		o(K) ? J() : q();
+	}
+	function Ce() {
+		_.onChange?.(null);
+	}
+	function we(e) {
+		if (!e.length) return;
+		let t = e[0], n = e[e.length - 1];
+		_.onChange?.([O(t), O(n)]), e.length >= 1 && t !== n && J();
+	}
+	let Y = a(null), X = a(null), Z = a(null), Q = a(c({
+		top: 0,
+		left: 0,
+		width: 0,
+		openUpward: !1,
+		maxHeight: 0,
+		availHeight: 0
+	}));
+	function $() {
+		o(Y) && u(Q, ae(o(Y).getBoundingClientRect(), {
+			estimatedHeight: 360,
+			minWidth: 300
+		}), !0);
+	}
+	s(() => {
+		if (!o(K)) return;
+		$();
+		let e = () => $();
+		window.addEventListener("scroll", e, !0), window.addEventListener("resize", e);
+		let t = (e) => {
+			let t = e.target;
+			t && (o(Y)?.contains(t) || o(Z)?.contains(t) || J());
+		};
+		return document.addEventListener("pointerdown", t, !0), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e), document.removeEventListener("pointerdown", t, !0);
+		};
+	});
+	function Te(e) {
+		e.key === "Escape" ? J() : e.key === "ArrowDown" && (e.altKey || !M()) && (e.preventDefault(), q());
+	}
+	function Ee(e) {
+		I() && (e.focus(), q());
+	}
+	oe(t, {
+		get id() {
+			return o(B);
+		},
+		get label() {
+			return _.label;
+		},
+		get hint() {
+			return _.hint;
+		},
+		get error() {
+			return _.error;
+		},
+		get required() {
+			return z();
+		},
+		get dir() {
+			return _.dir;
+		},
+		children: (t, a) => {
+			var s = ue();
+			let c;
+			var p = x(s);
+			let y;
+			var b = l(x(p), 2);
+			ee(b, (e) => ({
+				id: o(B),
+				class: "sv-dri__input",
+				type: "text",
+				readonly: !0,
+				placeholder: P(),
+				value: o(xe),
+				disabled: L(),
+				...e,
+				"aria-haspopup": "dialog",
+				"aria-expanded": o(K),
+				onkeydown: Te
+			}), [() => ne({
+				id: o(B),
+				invalid: R(),
+				required: z(),
+				error: _.error,
+				hint: _.hint,
+				ariaLabel: _.ariaLabel
+			})], void 0, void 0, "svelte-1rb3yee", !0), d(b, (e) => u(X, e), () => o(X)), C(b, (e) => Ee?.(e));
+			var S = l(b, 2), T = (e) => {
+				var t = se();
+				n(() => m(t, "aria-label", o(V).clear)), r("click", t, (e) => {
+					e.stopPropagation(), Ce();
+				}), v(e, t);
+			};
+			e(S, (e) => {
+				M() && o(U) && e(T);
+			}), g(p), d(p, (e) => u(Y, e), () => o(Y));
+			var E = l(p, 2), D = (e) => {
+				var t = ce();
+				let r;
+				var i = x(t);
+				k(i, {
+					get value() {
+						return o(G);
+					},
+					selectionMode: "range",
+					get min() {
+						return fe();
+					},
+					get max() {
+						return pe();
+					},
+					get months() {
+						return me();
+					},
+					get firstDayOfWeek() {
+						return he();
+					},
+					get weekNumbers() {
+						return ge();
+					},
+					get locale() {
+						return N();
+					},
+					get presets() {
+						return _.presets;
+					},
+					get animate() {
+						return F();
+					},
+					get dir() {
+						return o(H);
+					},
+					onChange: we
+				}), g(t), d(t, (e) => u(Z, e), () => o(Z)), C(t, (e) => ie?.(e)), C(t, (e, t) => re?.(e, t), () => ({ up: o(Q).openUpward })), n(() => {
+					m(t, "aria-label", o(V).dialog), m(t, "dir", o(H)), r = te(t, "", r, {
+						position: "fixed",
+						top: `${o(Q).top}px`,
+						left: `${o(Q).left}px`
+					}), t.dir = t.dir;
+				}), v(e, t);
+			};
+			e(E, (e) => {
+				o(K) && e(D);
+			});
+			var O = l(E, 2), A = (e) => {
+				var t = le(), r = i(t);
+				f(r);
+				var a = l(r, 2);
+				f(a), n((e, t) => {
+					m(r, "name", `${_.name}_start`), h(r, e), m(a, "name", `${_.name}_end`), h(a, t);
+				}, [() => M()?.[0] ? M()[0].toISOString() : "", () => M()?.[1] ? M()[1].toISOString() : ""]), v(e, t);
+			};
+			e(O, (e) => {
+				_.name && e(A);
+			}), g(s), n(() => {
+				c = w(s, 1, "sv-dri svelte-1rb3yee", null, c, {
+					"is-block": ye(),
+					"sv-dri--disabled": L()
+				}), y = w(p, 1, `sv-dri__field sv-dri__field--${ve() ?? ""}`, "svelte-1rb3yee", y, { "is-invalid": R() }), m(p, "dir", o(H)), p.dir = p.dir;
+			}), r("click", p, () => {
+				o(U) && (o(X)?.focus(), Se());
+			}), v(t, s);
+		},
+		$$slots: { default: !0 }
+	}), S();
+}
+t(["click"]);
+//#endregion
+export { j as default };