@svgrid/grid-wc 2.7.0 → 3.0.0

package/dist/shadow/SvDateRangeInput-u4ibte8S.js

@@ -0,0 +1,196 @@
+import { $ as e, E as t, F as n, H as r, I as i, J as a, K as o, R as s, V as c, X as l, Y as u, Z as d, a as f, d as p, et as m, f as h, h as g, j as _, k as v, n as y, q as ee, rt as b, tt as x, u as te, v as ne, x as S, y as C } from "./client-DjwUji8D.js";
+import { a as w, i as T, t as re } from "./editor-contract-peBDxir_.js";
+import { i as E, o as D, r as ie, t as O } from "./date-format-CPHqTHN6.js";
+import { n as ae, r as oe, t as se } from "./popover-WsGlvtQv.js";
+import { t as k } from "./SvField-ChCI-O2O.js";
+//#region ../grid/dist/SvDateRangeInput.svelte
+var ce = _("<button type=\"button\" class=\"sv-dri__clear svelte-1yf2bzw\">&times;</button>"), le = _("<div class=\"sv-dri__panel\" role=\"dialog\"><!></div>"), A = _("<input type=\"hidden\"/> <input type=\"hidden\"/>", 1), ue = _("<div><div><svg class=\"sv-dri__icon svelte-1yf2bzw\" 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(n, _) {
+	x(_, !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 = T("sv-daterange"), B = e(() => _.id ?? be), V = e(() => w(j, _.messages)), H = e(() => _.dir === "ltr" || _.dir === "rtl" ? _.dir : void 0), U = e(() => !L() && !_e()), W = (e) => O(e, de(), N()), xe = e(() => {
+		if (!M()) return "";
+		let [e, t] = M();
+		return e && t ? `${W(e)} ${s(V).to} ${W(t)}` : e ? W(e) : "";
+	}), Se = e(() => M() ? E(M()[0], M()[1]) : null), G = d(!1);
+	function K() {
+		s(U) && !s(G) && l(G, !0);
+	}
+	function q() {
+		l(G, !1);
+	}
+	function J() {
+		s(G) ? q() : K();
+	}
+	function Ce() {
+		_.onChange?.(null);
+	}
+	function we(e) {
+		if (!e.length) return;
+		let t = e[0], n = e[e.length - 1];
+		_.onChange?.([D(t), D(n)]), e.length >= 1 && t !== n && q();
+	}
+	let Y = d(null), X = d(null), Z = d(null), Q = d(u({
+		top: 0,
+		left: 0,
+		width: 0,
+		openUpward: !1,
+		maxHeight: 0,
+		availHeight: 0
+	}));
+	function $() {
+		s(Y) && l(Q, se(s(Y).getBoundingClientRect(), {
+			estimatedHeight: 360,
+			minWidth: 300
+		}), !0);
+	}
+	r(() => {
+		if (!s(G)) return;
+		$();
+		let e = () => $();
+		window.addEventListener("scroll", e, !0), window.addEventListener("resize", e);
+		let t = (e) => {
+			let t = e.target;
+			t && (s(Y)?.contains(t) || s(Z)?.contains(t) || q());
+		};
+		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" ? q() : e.key === "ArrowDown" && (e.altKey || !M()) && (e.preventDefault(), K());
+	}
+	function Ee(e) {
+		I() && (e.focus(), K());
+	}
+	k(n, {
+		get id() {
+			return s(B);
+		},
+		get label() {
+			return _.label;
+		},
+		get hint() {
+			return _.hint;
+		},
+		get error() {
+			return _.error;
+		},
+		get required() {
+			return z();
+		},
+		get dir() {
+			return _.dir;
+		},
+		children: (e, n) => {
+			var r = ue();
+			let u;
+			var d = o(r);
+			let m;
+			var y = a(o(d), 2);
+			te(y, (e) => ({
+				id: s(B),
+				class: "sv-dri__input",
+				type: "text",
+				readonly: !0,
+				placeholder: P(),
+				value: s(xe),
+				disabled: L(),
+				...e,
+				"aria-haspopup": "dialog",
+				"aria-expanded": s(G),
+				onkeydown: Te
+			}), [() => re({
+				id: s(B),
+				invalid: R(),
+				required: z(),
+				error: _.error,
+				hint: _.hint,
+				ariaLabel: _.ariaLabel
+			})], void 0, void 0, "svelte-1yf2bzw", !0), f(y, (e) => l(X, e), () => s(X)), S(y, (e) => Ee?.(e));
+			var x = a(y, 2), w = (e) => {
+				var t = ce();
+				c(() => h(t, "aria-label", s(V).clear)), i("click", t, (e) => {
+					e.stopPropagation(), Ce();
+				}), v(e, t);
+			};
+			t(x, (e) => {
+				M() && s(U) && e(w);
+			}), b(d), f(d, (e) => l(Y, e), () => s(Y));
+			var T = a(d, 2), E = (e) => {
+				var t = le();
+				let n;
+				var r = o(t);
+				ie(r, {
+					get value() {
+						return s(Se);
+					},
+					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 s(H);
+					},
+					onChange: we
+				}), b(t), f(t, (e) => l(Z, e), () => s(Z)), S(t, (e) => oe?.(e)), S(t, (e, t) => ae?.(e, t), () => ({ up: s(Q).openUpward })), c(() => {
+					h(t, "aria-label", s(V).dialog), h(t, "dir", s(H)), n = ne(t, "", n, {
+						position: "fixed",
+						top: `${s(Q).top}px`,
+						left: `${s(Q).left}px`
+					}), t.dir = t.dir;
+				}), v(e, t);
+			};
+			t(T, (e) => {
+				s(G) && e(E);
+			});
+			var D = a(T, 2), O = (e) => {
+				var t = A(), n = ee(t);
+				p(n);
+				var r = a(n, 2);
+				p(r), c((e, t) => {
+					h(n, "name", `${_.name}_start`), g(n, e), h(r, "name", `${_.name}_end`), g(r, t);
+				}, [() => M()?.[0] ? M()[0].toISOString() : "", () => M()?.[1] ? M()[1].toISOString() : ""]), v(e, t);
+			};
+			t(D, (e) => {
+				_.name && e(O);
+			}), b(r), c(() => {
+				u = C(r, 1, "sv-dri svelte-1yf2bzw", null, u, {
+					"is-block": ye(),
+					"sv-dri--disabled": L()
+				}), m = C(d, 1, `sv-dri__field sv-dri__field--${ve() ?? ""}`, "svelte-1yf2bzw", m, { "is-invalid": R() }), h(d, "dir", s(H)), d.dir = d.dir;
+			}), i("click", d, () => {
+				s(U) && (s(X)?.focus(), J());
+			}), v(e, r);
+		},
+		$$slots: { default: !0 }
+	}), m();
+}
+n(["click"]);
+//#endregion
+export { j as default };