@svgrid/grid-wc 3.0.7 → 3.0.9

package/dist/{shadow/SvDateRangeInput-BrYTQEMM.js → SvDateRangeInput-DtKZ07aC.js}

@@ -1,41 +1,41 @@
 (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 { $ as e, A as t, D as n, I as r, J as i, L as a, M as o, Q as s, U as c, W as l, X as u, Y as d, Z as f, a as p, at as m, d as h, f as g, h as _, n as v, nt as y, rt as b, tt as x, u as ee, v as te, x as S, y as C, z as w } from "./client-wYhMjrKG.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";
+import { i as D, o as O, r as re, t as k } from "./date-format-SCGd8EWh.js";
+import { n as ie, r as ae, t as oe } from "./popover-WsGlvtQv.js";
+import { t as se } from "./SvField-CpglDJLn.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 = {
+var ce = o("<button type=\"button\" class=\"sv-dri__clear svelte-1rb3yee\">&times;</button>"), le = o("<div class=\"sv-dri__panel\" role=\"dialog\"><!></div>"), ue = o("<input type=\"hidden\"/> <input type=\"hidden\"/>", 1), de = o("<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 A(r, o) {
+	b(o, !0);
+	let A = {
 		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);
+	}, j = v(o, "value", 3, null), fe = v(o, "formatString", 3, "yyyy-MM-dd"), pe = v(o, "min", 3, null), me = v(o, "max", 3, null), he = v(o, "months", 3, 2), ge = v(o, "firstDayOfWeek", 3, 0), M = v(o, "weekNumbers", 3, !1), N = v(o, "locale", 19, () => typeof navigator < "u" ? navigator.language : "en-US"), P = v(o, "placeholder", 3, "Select date range"), F = v(o, "animate", 3, !1), I = v(o, "autoOpen", 3, !1), L = v(o, "disabled", 3, !1), _e = v(o, "readonly", 3, !1), ve = v(o, "size", 3, "md"), R = v(o, "invalid", 3, !1), ye = v(o, "block", 3, !1), z = v(o, "required", 3, !1), be = E("sv-daterange"), B = x(() => o.id ?? be), V = x(() => T(A, o.messages)), H = x(() => o.dir === "ltr" || o.dir === "rtl" ? o.dir : void 0), U = x(() => !L() && !_e()), W = (e) => k(e, fe(), N()), xe = x(() => {
+		if (!j()) return "";
+		let [e, t] = j();
+		return e && t ? `${W(e)} ${w(V).to} ${W(t)}` : e ? W(e) : "";
+	}), G = x(() => j() ? D(j()[0], j()[1]) : null), K = e(!1);
 	function q() {
-		o(U) && !o(K) && u(K, !0);
+		w(U) && !w(K) && s(K, !0);
 	}
 	function J() {
-		u(K, !1);
+		s(K, !1);
 	}
 	function Se() {
-		o(K) ? J() : q();
+		w(K) ? J() : q();
 	}
 	function Ce() {
-		_.onChange?.(null);
+		o.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();
+		o.onChange?.([O(t), O(n)]), e.length >= 1 && t !== n && J();
 	}
-	let Y = a(null), X = a(null), Z = a(null), Q = a(c({
+	let Y = e(null), X = e(null), Z = e(null), Q = e(f({
 		top: 0,
 		left: 0,
 		width: 0,
@@ -44,154 +44,154 @@ function j(t, _) {
 		availHeight: 0
 	}));
 	function $() {
-		o(Y) && u(Q, ae(o(Y).getBoundingClientRect(), {
+		w(Y) && s(Q, oe(w(Y).getBoundingClientRect(), {
 			estimatedHeight: 360,
 			minWidth: 300
 		}), !0);
 	}
-	s(() => {
-		if (!o(K)) return;
+	l(() => {
+		if (!w(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());
+			t && (w(Y)?.contains(t) || w(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());
+		e.key === "Escape" ? J() : e.key === "ArrowDown" && (e.altKey || !j()) && (e.preventDefault(), q());
 	}
 	function Ee(e) {
 		I() && (e.focus(), q());
 	}
-	oe(t, {
+	se(r, {
 		get id() {
-			return o(B);
+			return w(B);
 		},
 		get label() {
-			return _.label;
+			return o.label;
 		},
 		get hint() {
-			return _.hint;
+			return o.hint;
 		},
 		get error() {
-			return _.error;
+			return o.error;
 		},
 		get required() {
 			return z();
 		},
 		get dir() {
-			return _.dir;
+			return o.dir;
 		},
-		children: (t, a) => {
-			var s = ue();
-			let c;
-			var p = x(s);
+		children: (e, r) => {
+			var l = de();
+			let f;
+			var v = i(l);
 			let y;
-			var b = l(x(p), 2);
+			var b = u(i(v), 2);
 			ee(b, (e) => ({
-				id: o(B),
+				id: w(B),
 				class: "sv-dri__input",
 				type: "text",
 				readonly: !0,
 				placeholder: P(),
-				value: o(xe),
+				value: w(xe),
 				disabled: L(),
 				...e,
 				"aria-haspopup": "dialog",
-				"aria-expanded": o(K),
+				"aria-expanded": w(K),
 				onkeydown: Te
 			}), [() => ne({
-				id: o(B),
+				id: w(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) => {
+				error: o.error,
+				hint: o.hint,
+				ariaLabel: o.ariaLabel
+			})], void 0, void 0, "svelte-1rb3yee", !0), p(b, (e) => s(X, e), () => w(X)), S(b, (e) => Ee?.(e));
+			var x = u(b, 2), T = (e) => {
+				var n = ce();
+				c(() => g(n, "aria-label", w(V).clear)), a("click", n, (e) => {
 					e.stopPropagation(), Ce();
-				}), v(e, t);
+				}), t(e, n);
 			};
-			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();
+			n(x, (e) => {
+				j() && w(U) && e(T);
+			}), m(v), p(v, (e) => s(Y, e), () => w(Y));
+			var E = u(v, 2), D = (e) => {
+				var n = le();
 				let r;
-				var i = x(t);
-				k(i, {
+				var a = i(n);
+				re(a, {
 					get value() {
-						return o(G);
+						return w(G);
 					},
 					selectionMode: "range",
 					get min() {
-						return fe();
+						return pe();
 					},
 					get max() {
-						return pe();
+						return me();
 					},
 					get months() {
-						return me();
+						return he();
 					},
 					get firstDayOfWeek() {
-						return he();
+						return ge();
 					},
 					get weekNumbers() {
-						return ge();
+						return M();
 					},
 					get locale() {
 						return N();
 					},
 					get presets() {
-						return _.presets;
+						return o.presets;
 					},
 					get animate() {
 						return F();
 					},
 					get dir() {
-						return o(H);
+						return w(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, {
+				}), m(n), p(n, (e) => s(Z, e), () => w(Z)), S(n, (e) => ae?.(e)), S(n, (e, t) => ie?.(e, t), () => ({ up: w(Q).openUpward })), c(() => {
+					g(n, "aria-label", w(V).dialog), g(n, "dir", w(H)), r = te(n, "", r, {
 						position: "fixed",
-						top: `${o(Q).top}px`,
-						left: `${o(Q).left}px`
-					}), t.dir = t.dir;
-				}), v(e, t);
+						top: `${w(Q).top}px`,
+						left: `${w(Q).left}px`
+					}), n.dir = n.dir;
+				}), t(e, n);
 			};
-			e(E, (e) => {
-				o(K) && e(D);
+			n(E, (e) => {
+				w(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);
+			var O = u(E, 2), k = (e) => {
+				var n = ue(), r = d(n);
+				h(r);
+				var i = u(r, 2);
+				h(i), c((e, t) => {
+					g(r, "name", `${o.name}_start`), _(r, e), g(i, "name", `${o.name}_end`), _(i, t);
+				}, [() => j()?.[0] ? j()[0].toISOString() : "", () => j()?.[1] ? j()[1].toISOString() : ""]), t(e, n);
 			};
-			e(O, (e) => {
-				_.name && e(A);
-			}), g(s), n(() => {
-				c = w(s, 1, "sv-dri svelte-1rb3yee", null, c, {
+			n(O, (e) => {
+				o.name && e(k);
+			}), m(l), c(() => {
+				f = C(l, 1, "sv-dri svelte-1rb3yee", null, f, {
 					"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);
+				}), y = C(v, 1, `sv-dri__field sv-dri__field--${ve() ?? ""}`, "svelte-1rb3yee", y, { "is-invalid": R() }), g(v, "dir", w(H)), v.dir = v.dir;
+			}), a("click", v, () => {
+				w(U) && (w(X)?.focus(), Se());
+			}), t(e, l);
 		},
 		$$slots: { default: !0 }
-	}), S();
+	}), y();
 }
-t(["click"]);
+r(["click"]);
 //#endregion
-export { j as default };
+export { A as default };