@svgrid/grid 2.6.22 → 2.7.0

package/dist/cdn/SvDateRangeInput-Bh0A0JkF.js

@@ -0,0 +1,199 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { F as t, R as n, g as r, i, k as a, m as o, t as s, z as c } from "./date-format-CcP1tafP.js";
+import { i as ee, n as l, r as u } from "./popover-P-9P2YYn.js";
+import * as d from "svelte/internal/client";
+import "svelte/internal/disclose-version";
+//#region src/SvDateRangeInput.svelte
+var f = /* @__PURE__ */ e({ default: () => v }), p = d.from_html("<button type=\"button\" class=\"sv-dri__clear svelte-6hjfap\">&times;</button>"), m = d.from_html("<div class=\"sv-dri__panel\" role=\"dialog\"><!></div>"), h = d.from_html("<input type=\"hidden\"/> <input type=\"hidden\"/>", 1), g = d.from_html("<div><div><svg class=\"sv-dri__icon svelte-6hjfap\" 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>"), _ = {
+	hash: "svelte-6hjfap",
+	code: ".sv-dri.svelte-6hjfap {--_accent: var(--sg-accent, #2563eb);--_border: var(--sg-input-border, var(--sg-border, #cbd5e1));--_radius: var(--sg-radius, 8px);display:inline-block;position:relative;color:var(--sg-fg, #0f172a);}.sv-dri--disabled.svelte-6hjfap {opacity:0.6;}.sv-dri__field.svelte-6hjfap {display:flex;align-items:center;gap:6px;width:260px;background:var(--sg-input-bg, #fff);border:1px solid var(--_border);border-radius:var(--_radius);padding-inline:10px 4px;}.sv-dri__field.svelte-6hjfap: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-6hjfap {border-color:var(--sg-danger, #dc2626);}.sv-dri__field.is-invalid.svelte-6hjfap:focus-within {box-shadow:0 0 0 2px color-mix(in srgb, var(--sg-danger, #dc2626) 22%, transparent);}.sv-dri__field--sm.svelte-6hjfap {height:28px;font-size:12px;}.sv-dri__field--md.svelte-6hjfap {height:34px;font-size:13px;}.sv-dri__field--lg.svelte-6hjfap {height:40px;font-size:15px;}.sv-dri__icon.svelte-6hjfap {color:var(--sg-muted, #64748b);flex:none;}.sv-dri__input.svelte-6hjfap {flex:1;min-width:0;border:0;background:none;outline:none;color:inherit;font:inherit;cursor:pointer;text-overflow:ellipsis;}.sv-dri__input.svelte-6hjfap::placeholder {color:var(--sg-muted, #94a3b8);}.sv-dri__clear.svelte-6hjfap {display:grid;place-items:center;width:24px;height:24px;flex:none;background:none;border:0;color:var(--sg-muted, #64748b);cursor:pointer;border-radius:6px;font-size:17px;line-height:1;}.sv-dri__clear.svelte-6hjfap: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 rgba(15, 23, 42, 0.35);}\n  /* Fill the container - see `block` in SvEditorProps. */.sv-dri.is-block.svelte-6hjfap, .sv-dri.is-block.svelte-6hjfap .sv-dri__field:where(.svelte-6hjfap) {width:100%;max-width:100%;}"
+};
+function v(e, f) {
+	d.push(f, !0), d.append_styles(e, _);
+	let v = {
+		dialog: "Choose a date range",
+		clear: "Clear",
+		open: "Open calendar",
+		to: "to"
+	}, y = d.prop(f, "value", 3, null), b = d.prop(f, "formatString", 3, "yyyy-MM-dd"), x = d.prop(f, "min", 3, null), S = d.prop(f, "max", 3, null), C = d.prop(f, "months", 3, 2), w = d.prop(f, "firstDayOfWeek", 3, 0), T = d.prop(f, "weekNumbers", 3, !1), E = d.prop(f, "locale", 19, () => typeof navigator < "u" ? navigator.language : "en-US"), D = d.prop(f, "placeholder", 3, "Select date range"), O = d.prop(f, "animate", 3, !1), k = d.prop(f, "autoOpen", 3, !1), A = d.prop(f, "disabled", 3, !1), j = d.prop(f, "readonly", 3, !1), te = d.prop(f, "size", 3, "md"), M = d.prop(f, "invalid", 3, !1), N = d.prop(f, "block", 3, !1), P = d.prop(f, "required", 3, !1), F = n("sv-daterange"), I = d.derived(() => f.id ?? F), L = d.derived(() => c(v, f.messages)), R = d.derived(() => f.dir === "ltr" || f.dir === "rtl" ? f.dir : void 0), z = d.derived(() => !A() && !j()), B = (e) => s(e, b(), E()), V = d.derived(() => {
+		if (!y()) return "";
+		let [e, t] = y();
+		return e && t ? `${B(e)} ${d.get(L).to} ${B(t)}` : e ? B(e) : "";
+	}), H = d.derived(() => y() ? o(y()[0], y()[1]) : null), U = d.state(!1);
+	function W() {
+		d.get(z) && !d.get(U) && d.set(U, !0);
+	}
+	function G() {
+		d.set(U, !1);
+	}
+	function K() {
+		d.get(U) ? G() : W();
+	}
+	function q() {
+		f.onChange?.(null);
+	}
+	function J(e) {
+		if (!e.length) return;
+		let t = e[0], n = e[e.length - 1];
+		f.onChange?.([a(t), a(n)]), e.length >= 1 && t !== n && G();
+	}
+	let Y = d.state(null), X = d.state(null), Z = d.state(null), Q = d.state(d.proxy({
+		top: 0,
+		left: 0,
+		width: 0,
+		openUpward: !1,
+		maxHeight: 0,
+		availHeight: 0
+	}));
+	function $() {
+		d.get(Y) && d.set(Q, l(d.get(Y).getBoundingClientRect(), {
+			estimatedHeight: 360,
+			minWidth: 300
+		}), !0);
+	}
+	d.user_effect(() => {
+		if (!d.get(U)) return;
+		$();
+		let e = () => $();
+		window.addEventListener("scroll", e, !0), window.addEventListener("resize", e);
+		let t = (e) => {
+			let t = e.target;
+			t && (d.get(Y)?.contains(t) || d.get(Z)?.contains(t) || G());
+		};
+		return document.addEventListener("pointerdown", t, !0), () => {
+			window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e), document.removeEventListener("pointerdown", t, !0);
+		};
+	});
+	function ne(e) {
+		e.key === "Escape" ? G() : e.key === "ArrowDown" && (e.altKey || !y()) && (e.preventDefault(), W());
+	}
+	function re(e) {
+		k() && (e.focus(), W());
+	}
+	r(e, {
+		get id() {
+			return d.get(I);
+		},
+		get label() {
+			return f.label;
+		},
+		get hint() {
+			return f.hint;
+		},
+		get error() {
+			return f.error;
+		},
+		get required() {
+			return P();
+		},
+		get dir() {
+			return f.dir;
+		},
+		children: (e, n) => {
+			var r = g();
+			let a;
+			var o = d.child(r);
+			let s;
+			var c = d.sibling(d.child(o), 2);
+			d.attribute_effect(c, (e) => ({
+				id: d.get(I),
+				class: "sv-dri__input",
+				type: "text",
+				readonly: !0,
+				placeholder: D(),
+				value: d.get(V),
+				disabled: A(),
+				...e,
+				"aria-haspopup": "dialog",
+				"aria-expanded": d.get(U),
+				onkeydown: ne
+			}), [() => t({
+				id: d.get(I),
+				invalid: M(),
+				required: P(),
+				error: f.error,
+				hint: f.hint,
+				ariaLabel: f.ariaLabel
+			})], void 0, void 0, "svelte-6hjfap", !0), d.bind_this(c, (e) => d.set(X, e), () => d.get(X)), d.action(c, (e) => re?.(e));
+			var l = d.sibling(c, 2), _ = (e) => {
+				var t = p();
+				d.template_effect(() => d.set_attribute(t, "aria-label", d.get(L).clear)), d.delegated("click", t, (e) => {
+					e.stopPropagation(), q();
+				}), d.append(e, t);
+			};
+			d.if(l, (e) => {
+				y() && d.get(z) && e(_);
+			}), d.reset(o), d.bind_this(o, (e) => d.set(Y, e), () => d.get(Y));
+			var v = d.sibling(o, 2), b = (e) => {
+				var t = m();
+				let n;
+				var r = d.child(t);
+				i(r, {
+					get value() {
+						return d.get(H);
+					},
+					selectionMode: "range",
+					get min() {
+						return x();
+					},
+					get max() {
+						return S();
+					},
+					get months() {
+						return C();
+					},
+					get firstDayOfWeek() {
+						return w();
+					},
+					get weekNumbers() {
+						return T();
+					},
+					get locale() {
+						return E();
+					},
+					get presets() {
+						return f.presets;
+					},
+					get animate() {
+						return O();
+					},
+					get dir() {
+						return d.get(R);
+					},
+					onChange: J
+				}), d.reset(t), d.bind_this(t, (e) => d.set(Z, e), () => d.get(Z)), d.action(t, (e) => ee?.(e)), d.action(t, (e, t) => u?.(e, t), () => ({ up: d.get(Q).openUpward })), d.template_effect(() => {
+					d.set_attribute(t, "aria-label", d.get(L).dialog), d.set_attribute(t, "dir", d.get(R)), n = d.set_style(t, "", n, {
+						position: "fixed",
+						top: `${d.get(Q).top}px`,
+						left: `${d.get(Q).left}px`
+					}), t.dir = t.dir;
+				}), d.append(e, t);
+			};
+			d.if(v, (e) => {
+				d.get(U) && e(b);
+			});
+			var k = d.sibling(v, 2), j = (e) => {
+				var t = h(), n = d.first_child(t);
+				d.remove_input_defaults(n);
+				var r = d.sibling(n, 2);
+				d.remove_input_defaults(r), d.template_effect((e, t) => {
+					d.set_attribute(n, "name", `${f.name}_start`), d.set_value(n, e), d.set_attribute(r, "name", `${f.name}_end`), d.set_value(r, t);
+				}, [() => y()?.[0] ? y()[0].toISOString() : "", () => y()?.[1] ? y()[1].toISOString() : ""]), d.append(e, t);
+			};
+			d.if(k, (e) => {
+				f.name && e(j);
+			}), d.reset(r), d.template_effect(() => {
+				a = d.set_class(r, 1, "sv-dri svelte-6hjfap", null, a, {
+					"is-block": N(),
+					"sv-dri--disabled": A()
+				}), s = d.set_class(o, 1, `sv-dri__field sv-dri__field--${te() ?? ""}`, "svelte-6hjfap", s, { "is-invalid": M() }), d.set_attribute(o, "dir", d.get(R)), o.dir = o.dir;
+			}), d.delegated("click", o, () => {
+				d.get(z) && (d.get(X)?.focus(), K());
+			}), d.append(e, r);
+		},
+		$$slots: { default: !0 }
+	}), d.pop();
+}
+d.delegate(["click"]);
+//#endregion
+export { f as n, v as t };

package/dist/cdn/SvDateRangeInput-DflbiP7N.js

@@ -0,0 +1,198 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { F as t, G as n, H as r, L as i, V as a, X as o, Y as s, _ as ee, at as c, b as l, d as u, et as d, i as f, it as p, k as m, l as h, lt as g, m as _, nt as v, pt as y, rt as b, st as x, t as S, tt as C, u as w, ut as T, v as E, x as D } from "./disclose-version-Dr7rEVv-.js";
+import { F as te, R as O, g as k, i as ne, k as A, m as re, t as ie, z as ae } from "./date-format-DZT7T1wf.js";
+import { i as oe, n as se, r as ce } from "./popover-P-9P2YYn.js";
+//#region src/SvDateRangeInput.svelte
+var j = /* @__PURE__ */ e({ default: () => M }), le = i("<button type=\"button\" class=\"sv-dri__clear svelte-6hjfap\">&times;</button>"), ue = i("<div class=\"sv-dri__panel\" role=\"dialog\"><!></div>"), de = i("<input type=\"hidden\"/> <input type=\"hidden\"/>", 1), fe = i("<div><div><svg class=\"sv-dri__icon svelte-6hjfap\" 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>"), pe = {
+	hash: "svelte-6hjfap",
+	code: ".sv-dri.svelte-6hjfap {--_accent: var(--sg-accent, #2563eb);--_border: var(--sg-input-border, var(--sg-border, #cbd5e1));--_radius: var(--sg-radius, 8px);display:inline-block;position:relative;color:var(--sg-fg, #0f172a);}.sv-dri--disabled.svelte-6hjfap {opacity:0.6;}.sv-dri__field.svelte-6hjfap {display:flex;align-items:center;gap:6px;width:260px;background:var(--sg-input-bg, #fff);border:1px solid var(--_border);border-radius:var(--_radius);padding-inline:10px 4px;}.sv-dri__field.svelte-6hjfap: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-6hjfap {border-color:var(--sg-danger, #dc2626);}.sv-dri__field.is-invalid.svelte-6hjfap:focus-within {box-shadow:0 0 0 2px color-mix(in srgb, var(--sg-danger, #dc2626) 22%, transparent);}.sv-dri__field--sm.svelte-6hjfap {height:28px;font-size:12px;}.sv-dri__field--md.svelte-6hjfap {height:34px;font-size:13px;}.sv-dri__field--lg.svelte-6hjfap {height:40px;font-size:15px;}.sv-dri__icon.svelte-6hjfap {color:var(--sg-muted, #64748b);flex:none;}.sv-dri__input.svelte-6hjfap {flex:1;min-width:0;border:0;background:none;outline:none;color:inherit;font:inherit;cursor:pointer;text-overflow:ellipsis;}.sv-dri__input.svelte-6hjfap::placeholder {color:var(--sg-muted, #94a3b8);}.sv-dri__clear.svelte-6hjfap {display:grid;place-items:center;width:24px;height:24px;flex:none;background:none;border:0;color:var(--sg-muted, #64748b);cursor:pointer;border-radius:6px;font-size:17px;line-height:1;}.sv-dri__clear.svelte-6hjfap: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 rgba(15, 23, 42, 0.35);}\n  /* Fill the container - see `block` in SvEditorProps. */.sv-dri.is-block.svelte-6hjfap, .sv-dri.is-block.svelte-6hjfap .sv-dri__field:where(.svelte-6hjfap) {width:100%;max-width:100%;}"
+};
+function M(e, i) {
+	T(i, !0), D(e, pe);
+	let a = {
+		dialog: "Choose a date range",
+		clear: "Clear",
+		open: "Open calendar",
+		to: "to"
+	}, j = S(i, "value", 3, null), M = S(i, "formatString", 3, "yyyy-MM-dd"), me = S(i, "min", 3, null), he = S(i, "max", 3, null), ge = S(i, "months", 3, 2), N = S(i, "firstDayOfWeek", 3, 0), P = S(i, "weekNumbers", 3, !1), F = S(i, "locale", 19, () => typeof navigator < "u" ? navigator.language : "en-US"), I = S(i, "placeholder", 3, "Select date range"), L = S(i, "animate", 3, !1), _e = S(i, "autoOpen", 3, !1), R = S(i, "disabled", 3, !1), ve = S(i, "readonly", 3, !1), ye = S(i, "size", 3, "md"), z = S(i, "invalid", 3, !1), be = S(i, "block", 3, !1), B = S(i, "required", 3, !1), xe = O("sv-daterange"), V = x(() => i.id ?? xe), H = x(() => ae(a, i.messages)), U = x(() => i.dir === "ltr" || i.dir === "rtl" ? i.dir : void 0), W = x(() => !R() && !ve()), G = (e) => ie(e, M(), F()), Se = x(() => {
+		if (!j()) return "";
+		let [e, t] = j();
+		return e && t ? `${G(e)} ${n(H).to} ${G(t)}` : e ? G(e) : "";
+	}), Ce = x(() => j() ? re(j()[0], j()[1]) : null), K = c(!1);
+	function q() {
+		n(W) && !n(K) && p(K, !0);
+	}
+	function J() {
+		p(K, !1);
+	}
+	function we() {
+		n(K) ? J() : q();
+	}
+	function Te() {
+		i.onChange?.(null);
+	}
+	function Ee(e) {
+		if (!e.length) return;
+		let t = e[0], n = e[e.length - 1];
+		i.onChange?.([A(t), A(n)]), e.length >= 1 && t !== n && J();
+	}
+	let Y = c(null), X = c(null), Z = c(null), Q = c(b({
+		top: 0,
+		left: 0,
+		width: 0,
+		openUpward: !1,
+		maxHeight: 0,
+		availHeight: 0
+	}));
+	function $() {
+		n(Y) && p(Q, se(n(Y).getBoundingClientRect(), {
+			estimatedHeight: 360,
+			minWidth: 300
+		}), !0);
+	}
+	o(() => {
+		if (!n(K)) return;
+		$();
+		let e = () => $();
+		window.addEventListener("scroll", e, !0), window.addEventListener("resize", e);
+		let t = (e) => {
+			let t = e.target;
+			t && (n(Y)?.contains(t) || n(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 De(e) {
+		e.key === "Escape" ? J() : e.key === "ArrowDown" && (e.altKey || !j()) && (e.preventDefault(), q());
+	}
+	function Oe(e) {
+		_e() && (e.focus(), q());
+	}
+	k(e, {
+		get id() {
+			return n(V);
+		},
+		get label() {
+			return i.label;
+		},
+		get hint() {
+			return i.hint;
+		},
+		get error() {
+			return i.error;
+		},
+		get required() {
+			return B();
+		},
+		get dir() {
+			return i.dir;
+		},
+		children: (e, a) => {
+			var o = fe();
+			let c;
+			var g = d(o);
+			let b;
+			var x = v(d(g), 2);
+			h(x, (e) => ({
+				id: n(V),
+				class: "sv-dri__input",
+				type: "text",
+				readonly: !0,
+				placeholder: I(),
+				value: n(Se),
+				disabled: R(),
+				...e,
+				"aria-haspopup": "dialog",
+				"aria-expanded": n(K),
+				onkeydown: De
+			}), [() => te({
+				id: n(V),
+				invalid: z(),
+				required: B(),
+				error: i.error,
+				hint: i.hint,
+				ariaLabel: i.ariaLabel
+			})], void 0, void 0, "svelte-6hjfap", !0), f(x, (e) => p(X, e), () => n(X)), l(x, (e) => Oe?.(e));
+			var S = v(x, 2), T = (e) => {
+				var i = le();
+				s(() => u(i, "aria-label", n(H).clear)), r("click", i, (e) => {
+					e.stopPropagation(), Te();
+				}), t(e, i);
+			};
+			m(S, (e) => {
+				j() && n(W) && e(T);
+			}), y(g), f(g, (e) => p(Y, e), () => n(Y));
+			var D = v(g, 2), O = (e) => {
+				var r = ue();
+				let a;
+				var o = d(r);
+				ne(o, {
+					get value() {
+						return n(Ce);
+					},
+					selectionMode: "range",
+					get min() {
+						return me();
+					},
+					get max() {
+						return he();
+					},
+					get months() {
+						return ge();
+					},
+					get firstDayOfWeek() {
+						return N();
+					},
+					get weekNumbers() {
+						return P();
+					},
+					get locale() {
+						return F();
+					},
+					get presets() {
+						return i.presets;
+					},
+					get animate() {
+						return L();
+					},
+					get dir() {
+						return n(U);
+					},
+					onChange: Ee
+				}), y(r), f(r, (e) => p(Z, e), () => n(Z)), l(r, (e) => oe?.(e)), l(r, (e, t) => ce?.(e, t), () => ({ up: n(Q).openUpward })), s(() => {
+					u(r, "aria-label", n(H).dialog), u(r, "dir", n(U)), a = ee(r, "", a, {
+						position: "fixed",
+						top: `${n(Q).top}px`,
+						left: `${n(Q).left}px`
+					}), r.dir = r.dir;
+				}), t(e, r);
+			};
+			m(D, (e) => {
+				n(K) && e(O);
+			});
+			var k = v(D, 2), A = (e) => {
+				var n = de(), r = C(n);
+				w(r);
+				var a = v(r, 2);
+				w(a), s((e, t) => {
+					u(r, "name", `${i.name}_start`), _(r, e), u(a, "name", `${i.name}_end`), _(a, t);
+				}, [() => j()?.[0] ? j()[0].toISOString() : "", () => j()?.[1] ? j()[1].toISOString() : ""]), t(e, n);
+			};
+			m(k, (e) => {
+				i.name && e(A);
+			}), y(o), s(() => {
+				c = E(o, 1, "sv-dri svelte-6hjfap", null, c, {
+					"is-block": be(),
+					"sv-dri--disabled": R()
+				}), b = E(g, 1, `sv-dri__field sv-dri__field--${ye() ?? ""}`, "svelte-6hjfap", b, { "is-invalid": z() }), u(g, "dir", n(U)), g.dir = g.dir;
+			}), r("click", g, () => {
+				n(W) && (n(X)?.focus(), we());
+			}), t(e, o);
+		},
+		$$slots: { default: !0 }
+	}), g();
+}
+a(["click"]);
+//#endregion
+export { j as n, M as t };