@svgrid/enterprise 3.1.9 → 3.1.11

package/dist/wc/{SvDateTimePicker-D-vRnaMo.js → SvDateTimePicker-Bq9N0Oiy.js}

@@ -213,12 +213,12 @@ function oe(t) {
 }
 //#endregion
 //#region ../grid/dist/SvTimePicker.svelte
-var se = s("<div class=\"sv-tp__ampm svelte-sdu2r6\"><button> </button> <button> </button></div>"), ce = N("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), le = N("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), ue = s("<div class=\"sv-tp__footer svelte-sdu2r6\"><button> </button></div>"), de = s("<input type=\"hidden\"/>"), fe = s("<div role=\"group\"><div class=\"sv-tp__head svelte-sdu2r6\"><button> </button> <span class=\"sv-tp__colon svelte-sdu2r6\">:</span> <button> </button> <!></div> <svg><circle class=\"sv-tp__face svelte-sdu2r6\"></circle><line class=\"sv-tp__hand svelte-sdu2r6\"></line><circle class=\"sv-tp__hub svelte-sdu2r6\" r=\"3\"></circle><circle class=\"sv-tp__knob svelte-sdu2r6\" r=\"15\"></circle><!></svg> <!> <!></div>"), X = {
+var se = s("<div class=\"sv-tp__ampm svelte-sdu2r6\"><button> </button> <button> </button></div>"), ce = N("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), le = N("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), ue = s("<div class=\"sv-tp__footer svelte-sdu2r6\"><button> </button></div>"), de = s("<input type=\"hidden\"/>"), fe = s("<div role=\"group\"><div class=\"sv-tp__head svelte-sdu2r6\"><button> </button> <span class=\"sv-tp__colon svelte-sdu2r6\">:</span> <button> </button> <!></div> <svg><circle class=\"sv-tp__face svelte-sdu2r6\"></circle><line class=\"sv-tp__hand svelte-sdu2r6\"></line><circle class=\"sv-tp__hub svelte-sdu2r6\" r=\"3\"></circle><circle class=\"sv-tp__knob svelte-sdu2r6\" r=\"15\"></circle><!></svg> <!> <!></div>"), pe = {
 	hash: "svelte-sdu2r6",
 	code: ".sv-tp.svelte-sdu2r6 {--_accent: var(--sg-accent, #2563eb);--_bg: var(--sg-bg, #fff);--_fg: var(--sg-fg, #0f172a);--_muted: var(--sg-muted, #64748b);--_border: var(--sg-border, #e2e8f0);--_face: var(--sg-header-bg, #f1f5f9);--_radius: var(--sg-radius, 8px);display:inline-flex;flex-direction:column;gap:10px;align-items:center;width:260px;padding:12px;background:var(--_bg);color:var(--_fg);border:1px solid var(--_border);border-radius:calc(var(--_radius) + 4px);user-select:none;}.sv-tp--invalid.svelte-sdu2r6 {border-color:var(--sg-danger, #dc2626);}.sv-tp--disabled.svelte-sdu2r6 {opacity:0.55;pointer-events:none;}.sv-tp__head.svelte-sdu2r6 {display:flex;align-items:center;gap:2px;font-variant-numeric:tabular-nums;}.sv-tp__seg.svelte-sdu2r6 {font-size:30px;font-weight:700;line-height:1;background:none;border:0;color:var(--_muted);cursor:pointer;padding:2px 6px;border-radius:var(--_radius);}.sv-tp__seg.is-active.svelte-sdu2r6 {color:var(--_accent);background:color-mix(in srgb, var(--_accent) 12%, transparent);}.sv-tp__colon.svelte-sdu2r6 {font-size:28px;font-weight:700;color:var(--_muted);}.sv-tp__ampm.svelte-sdu2r6 {display:flex;flex-direction:column;margin-inline-start:8px;gap:2px;}.sv-tp__ampm.svelte-sdu2r6 button:where(.svelte-sdu2r6) {font-size:11px;font-weight:700;padding:3px 8px;background:none;border:1px solid var(--_border);border-radius:6px;color:var(--_muted);cursor:pointer;}.sv-tp__ampm.svelte-sdu2r6 button.is-active:where(.svelte-sdu2r6) {background:var(--_accent);color:var(--sg-on-accent, #fff);border-color:var(--_accent);}.sv-tp__dial.svelte-sdu2r6 {touch-action:none;cursor:pointer;outline:none;display:block;width:100%;height:auto;aspect-ratio:1;}.sv-tp__dial.svelte-sdu2r6:focus-visible {outline:2px solid var(--sg-focus-ring, var(--_accent));outline-offset:2px;border-radius:50%;}.sv-tp__face.svelte-sdu2r6 {fill:var(--_face);}.sv-tp__hand.svelte-sdu2r6 {stroke:var(--_accent);stroke-width:2;}.sv-tp__hub.svelte-sdu2r6 {fill:var(--_accent);}.sv-tp__knob.svelte-sdu2r6 {fill:var(--_accent);opacity:0.9;}.sv-tp__num.svelte-sdu2r6 {font-size:13px;fill:var(--_fg);pointer-events:none;font-family:inherit;}.sv-tp__num.is-inner.svelte-sdu2r6 {font-size:11px;fill:var(--_muted);}.sv-tp__num.is-active.svelte-sdu2r6 {fill:var(--sg-on-accent, #fff);font-weight:700;}.sv-tp__footer.svelte-sdu2r6 {width:100%;display:flex;justify-content:center;border-top:1px solid var(--_border);padding-top:8px;}.sv-tp__now.svelte-sdu2r6 {padding:5px 14px;font:inherit;font-size:12px;font-weight:600;background:none;border:1px solid var(--_border);border-radius:var(--_radius);color:var(--_accent);cursor:pointer;}.sv-tp__now.svelte-sdu2r6:hover {background:color-mix(in srgb, var(--_accent) 10%, transparent);}"
 };
-function pe(t, r) {
-	g(r, !0), l(t, X);
+function me(t, r) {
+	g(r, !0), l(t, pe);
 	let s = (t) => {
 		var s = fe();
 		let l;
@@ -393,9 +393,9 @@ function pe(t, r) {
 }
 //#endregion
 //#region ../grid/dist/createDateTimePicker.svelte.js
-var Z = () => 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?.() ?? Z(), a = () => t.dropDownDisplayMode?.() ?? "both", o = () => t.spinButtons?.() ?? !1, s = () => t.stepMinutes?.() ?? 1, c = () => t.disabled?.() ?? !1, l = () => t.readonly?.() ?? !1, u = D(() => !c() && !l()), f = D(() => V(t.min?.() ?? null)), p = D(() => V(t.max?.() ?? null)), m = h(null), g = h(""), _ = "￿";
+var X = () => typeof navigator < "u" ? navigator.language : "en-US";
+function he(t) {
+	let n = () => t.formatString?.() ?? "yyyy-MM-dd HH:mm", r = () => t.nullable?.() ?? !0, i = () => t.locale?.() ?? X(), a = () => t.dropDownDisplayMode?.() ?? "both", o = () => t.spinButtons?.() ?? !1, s = () => t.stepMinutes?.() ?? 1, c = () => t.disabled?.() ?? !1, l = () => t.readonly?.() ?? !1, u = D(() => !c() && !l()), f = D(() => V(t.min?.() ?? null)), p = D(() => V(t.max?.() ?? null)), m = h(null), g = h(""), _ = "￿";
 	d(() => {
 		let e = V(t.value()), r = e ? String(e.getTime()) : "null";
 		r !== _ && (_ = r, y(m, e, !0), y(g, e ? H(e, n(), i()) : "", !0));
@@ -533,19 +533,19 @@ function me(t) {
 }
 //#endregion
 //#region ../grid/dist/SvDateTimePicker.svelte
-var he = s("<div class=\"sv-dtp__spin svelte-akogfy\"><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>"), xe = {
+var ge = s("<div class=\"sv-dtp__spin svelte-akogfy\"><button>▲</button> <button>▼</button></div>"), _e = s("<button>&times;</button>"), ve = s("<div class=\"sv-dtp__tabs\" role=\"tablist\"><button> </button> <button> </button></div>"), ye = s("<div class=\"sv-dtp__panel\" role=\"dialog\"><!> <div class=\"sv-dtp__body\"><!></div></div>"), be = s("<input type=\"hidden\"/>"), xe = 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>"), Se = {
 	hash: "svelte-akogfy",
 	code: ".sv-dtp.svelte-akogfy {--_accent: var(--sg-accent, #2563eb);--_bg: var(--sg-input-bg, var(--sg-bg, #fff));--_fg: var(--sg-fg, #0f172a);--_muted: var(--sg-muted, #64748b);--_border: var(--sg-input-border, var(--sg-border, #cbd5e1));--_radius: var(--sg-radius, 8px);display:inline-block;position:relative;width:240px;color:var(--_fg);}\n  /* Fill the container (grid cell editor) instead of the fixed default width. */.sv-dtp--block.svelte-akogfy {display:block;width:100%;}.sv-dtp--disabled.svelte-akogfy {opacity:0.6;}.sv-dtp__field.svelte-akogfy {display:flex;align-items:center;gap:2px;background:var(--_bg);border:1px solid var(--_border);border-radius:var(--_radius);padding-block:0;padding-inline:0 4px;height:34px;}.sv-dtp__field.svelte-akogfy:focus-within {border-color:var(--_accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--_accent) 22%, transparent);}.sv-dtp__field.is-invalid.svelte-akogfy {border-color:var(--sg-danger, #dc2626);}.sv-dtp__field.is-invalid.svelte-akogfy:focus-within {box-shadow:0 0 0 2px color-mix(in srgb, var(--sg-danger, #dc2626) 22%, transparent);}.sv-dtp__input.svelte-akogfy {flex:1;min-width:0;border:0;background:none;outline:none;color:inherit;font:inherit;font-size:13px;padding:0 8px;height:100%;}.sv-dtp__spin.svelte-akogfy {display:flex;flex-direction:column;border-inline-end:1px solid var(--_border);}.sv-dtp__spin.svelte-akogfy button:where(.svelte-akogfy) {flex:1;width:20px;border:0;background:none;color:var(--_muted);cursor:pointer;font-size:7px;line-height:1;padding:0;}.sv-dtp__spin.svelte-akogfy button:where(.svelte-akogfy):hover:not(:disabled) {color:var(--_accent);}.sv-dtp__clear.svelte-akogfy, .sv-dtp__toggle.svelte-akogfy {display:grid;place-items:center;width:26px;height:26px;flex:none;background:none;border:0;color:var(--_muted);cursor:pointer;border-radius:6px;}.sv-dtp__clear.svelte-akogfy {font-size:17px;line-height:1;}.sv-dtp__clear.svelte-akogfy:hover, .sv-dtp__toggle.svelte-akogfy:hover {color:var(--_accent);background:color-mix(in srgb, var(--_accent) 10%, transparent);}\n\n  /* Portalled panel - lives under <body>, styled globally. */.sv-dtp__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);overflow:hidden;}.sv-dtp__tabs {display:flex;border-bottom:1px solid var(--sg-border, #e2e8f0);}.sv-dtp__tabs button {flex:1;padding:9px;font:inherit;font-size:11px;font-weight:700;letter-spacing:0.04em;background:none;border:0;color:var(--sg-muted, #64748b);cursor:pointer;border-bottom:2px solid transparent;}.sv-dtp__tabs button.is-active {color:var(--sg-accent, #2563eb);border-bottom-color:var(--sg-accent, #2563eb);}.sv-dtp__body {display:grid;place-items:center;padding:8px;}"
 };
-function Q(t, i) {
-	g(i, !0), l(t, xe);
+function Z(t, i) {
+	g(i, !0), l(t, Se);
 	let a = {
 		dialog: "Choose date and time",
 		date: "DATE",
 		time: "TIME",
 		clear: "Clear",
 		open: "Open picker"
-	}, s = w(i, "value", 3, null), O = w(i, "formatString", 3, "yyyy-MM-dd HH:mm"), N = w(i, "min", 3, null), F = w(i, "max", 3, null), I = 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), K = w(i, "weekNumbers", 3, !1), q = w(i, "hourFormat", 3, "24-hour"), J = w(i, "minuteInterval", 3, 1), ie = w(i, "dropDownDisplayMode", 3, "both"), Y = 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 = te("sv-dtp"), fe = D(() => i.id ?? de), X = D(() => P(a, i.messages)), Z = D(() => i.dir === "ltr" || i.dir === "rtl" ? i.dir : void 0), Q = me({
+	}, s = w(i, "value", 3, null), O = w(i, "formatString", 3, "yyyy-MM-dd HH:mm"), N = w(i, "min", 3, null), F = w(i, "max", 3, null), I = 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"), K = w(i, "firstDayOfWeek", 3, 0), q = w(i, "weekNumbers", 3, !1), J = w(i, "hourFormat", 3, "24-hour"), ie = w(i, "minuteInterval", 3, 1), Y = w(i, "dropDownDisplayMode", 3, "both"), ae = w(i, "spinButtons", 3, !1), oe = w(i, "stepMinutes", 3, 1), se = w(i, "autoOpen", 3, !1), ce = w(i, "block", 3, !1), le = w(i, "animate", 3, !1), ue = w(i, "invalid", 3, !1), de = w(i, "required", 3, !1), fe = te("sv-dtp"), pe = D(() => i.id ?? fe), X = D(() => P(a, i.messages)), Z = D(() => i.dir === "ltr" || i.dir === "rtl" ? i.dir : void 0), Q = he({
 		value: () => s(),
 		onChange: (e) => i.onChange?.(e),
 		onCommit: (e) => i.onCommit?.(e),
@@ -555,20 +555,24 @@ function Q(t, i) {
 		max: () => F(),
 		nullable: () => I(),
 		locale: () => V(),
-		dropDownDisplayMode: () => ie(),
-		spinButtons: () => Y(),
-		stepMinutes: () => ae(),
+		dropDownDisplayMode: () => Y(),
+		spinButtons: () => ae(),
+		stepMinutes: () => oe(),
 		disabled: () => R(),
 		readonly: () => z(),
 		toggleLabel: () => e(X).open,
 		clearLabel: () => e(X).clear,
-		id: () => e(fe),
-		invalid: () => le(),
-		required: () => ue(),
+		id: () => e(pe),
+		invalid: () => ue(),
+		required: () => de(),
 		error: () => i.error,
 		hint: () => i.hint,
 		ariaLabel: () => i.ariaLabel
-	}), $ = h(null), Se = h(null), Ce = h(E({
+	});
+	function Ce(e) {
+		return e ? Y() === "calendar" ? H(e, "yyyy-MM-dd") : Y() === "time" ? H(e, "HH:mm") : e.toISOString() : "";
+	}
+	let $ = h(null), we = h(null), Te = h(E({
 		top: 0,
 		left: 0,
 		width: 0,
@@ -576,19 +580,19 @@ function Q(t, i) {
 		maxHeight: 0,
 		availHeight: 0
 	}));
-	function we() {
-		e($) && y(Ce, G(e($).getBoundingClientRect(), {
+	function Ee() {
+		e($) && y(Te, G(e($).getBoundingClientRect(), {
 			estimatedHeight: 360,
 			minWidth: 300
 		}), !0);
 	}
 	d(() => {
 		if (!Q.open) return;
-		we();
-		let t = () => we();
+		Ee();
+		let t = () => Ee();
 		window.addEventListener("scroll", t, !0), window.addEventListener("resize", t);
 		let n = re({
-			element: () => [e($), e(Se)],
+			element: () => [e($), e(we)],
 			onDismiss: () => Q.closePanel(),
 			closeOnEscape: !1
 		});
@@ -596,16 +600,16 @@ function Q(t, i) {
 			window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", t), n.release();
 		};
 	});
-	function Te(e) {
-		oe() && (e.focus(), Q.openPanel());
+	function De(e) {
+		se() && (e.focus(), Q.openPanel());
 	}
-	function Ee(t) {
+	function Oe(t) {
 		let n = t.relatedTarget;
-		n && (e($)?.contains(n) || e(Se)?.contains(n)) || i.onCommit?.(Q.current);
+		n && (e($)?.contains(n) || e(we)?.contains(n)) || i.onCommit?.(Q.current);
 	}
 	ne(t, {
 		get id() {
-			return e(fe);
+			return e(pe);
 		},
 		get label() {
 			return i.label;
@@ -617,36 +621,36 @@ function Q(t, i) {
 			return i.error;
 		},
 		get required() {
-			return ue();
+			return de();
 		},
 		get dir() {
 			return i.dir;
 		},
 		get block() {
-			return se();
+			return ce();
 		},
 		children: (t, a) => {
-			var s = be();
+			var s = xe();
 			let l;
 			var d = _(s);
 			let h;
 			var g = _(d), w = (e) => {
-				var t = he(), r = _(t);
+				var t = ge(), r = _(t);
 				v(r, (e) => ({ ...e }), [() => Q.spinProps(1)], void 0, void 0, "svelte-akogfy");
 				var i = T(r, 2);
 				v(i, (e) => ({ ...e }), [() => Q.spinProps(-1)], void 0, void 0, "svelte-akogfy"), C(t), n(e, t);
 			};
 			b(g, (e) => {
-				Y() && e(w);
+				ae() && e(w);
 			});
 			var E = T(g, 2);
 			v(E, (e) => ({
 				class: "sv-dtp__input",
 				placeholder: L(),
 				...e
-			}), [() => Q.inputProps()], void 0, void 0, "svelte-akogfy", !0), r(() => x(E, () => Q.text, (e) => Q.text = e)), j(E, (e) => Te?.(e));
+			}), [() => Q.inputProps()], void 0, void 0, "svelte-akogfy", !0), r(() => x(E, () => Q.text, (e) => Q.text = e)), j(E, (e) => De?.(e));
 			var D = T(E, 2), O = (e) => {
-				var t = ge();
+				var t = _e();
 				v(t, (e) => ({
 					class: "sv-dtp__clear",
 					...e
@@ -661,10 +665,10 @@ function Q(t, i) {
 				...e
 			}), [() => Q.toggleProps()], void 0, void 0, "svelte-akogfy"), C(d), m(d, (e) => y($, e), () => e($));
 			var P = T(d, 2), te = (t) => {
-				var r = ve();
+				var r = ye();
 				let i;
 				var a = _(r), s = (t) => {
-					var r = _e(), i = _(r);
+					var r = ve(), i = _(r);
 					v(i, (e) => ({
 						...e,
 						[k]: { "is-active": Q.tab === "date" }
@@ -697,16 +701,16 @@ function Q(t, i) {
 							return F();
 						},
 						get firstDayOfWeek() {
-							return H();
+							return K();
 						},
 						get weekNumbers() {
-							return K();
+							return q();
 						},
 						get locale() {
 							return V();
 						},
 						get animate() {
-							return ce();
+							return le();
 						},
 						get dir() {
 							return e(Z);
@@ -716,15 +720,15 @@ function Q(t, i) {
 						}
 					});
 				}, d = (t) => {
-					pe(t, {
+					me(t, {
 						get value() {
 							return Q.current;
 						},
 						get format() {
-							return q();
+							return J();
 						},
 						get minuteInterval() {
-							return J();
+							return ie();
 						},
 						footer: !0,
 						get dir() {
@@ -737,35 +741,35 @@ function Q(t, i) {
 				};
 				b(l, (e) => {
 					Q.tab === "date" && Q.showDateTab ? e(u) : Q.showTimeTab && e(d, 1);
-				}), C(c), C(r), m(r, (e) => y(Se, e), () => e(Se)), j(r, (e) => W?.(e)), j(r, (e, t) => U?.(e, t), () => ({ up: e(Ce).openUpward })), f(() => {
+				}), C(c), C(r), m(r, (e) => y(we, e), () => e(we)), j(r, (e) => W?.(e)), j(r, (e, t) => U?.(e, t), () => ({ up: e(Te).openUpward })), f(() => {
 					S(r, "aria-label", e(X).dialog), S(r, "dir", e(Z)), i = M(r, "", i, {
 						position: "fixed",
-						top: `${e(Ce).top}px`,
-						left: `${e(Ce).left}px`
+						top: `${e(Te).top}px`,
+						left: `${e(Te).left}px`
 					}), r.dir = r.dir;
 				}), n(t, r);
 			};
 			b(P, (e) => {
 				Q.open && e(te);
 			});
-			var z = T(P, 2), G = (e) => {
-				var t = ye();
+			var z = T(P, 2), H = (e) => {
+				var t = be();
 				ee(t), f((e) => {
 					S(t, "name", i.name), p(t, e);
-				}, [() => Q.current ? Q.current.toISOString() : ""]), n(e, t);
+				}, [() => Ce(Q.current)]), n(e, t);
 			};
 			b(z, (e) => {
-				i.name && e(G);
+				i.name && e(H);
 			}), C(s), f(() => {
 				l = c(s, 1, "sv-dtp svelte-akogfy", null, l, {
 					"sv-dtp--disabled": R(),
-					"sv-dtp--block": se()
-				}), S(s, "dir", e(Z)), h = c(d, 1, "sv-dtp__field svelte-akogfy", null, h, { "is-invalid": le() }), s.dir = s.dir;
-			}), u("focusout", s, Ee), n(t, s);
+					"sv-dtp--block": ce()
+				}), S(s, "dir", e(Z)), h = c(d, 1, "sv-dtp__field svelte-akogfy", null, h, { "is-invalid": ue() }), s.dir = s.dir;
+			}), u("focusout", s, Oe), n(t, s);
 		},
 		$$slots: { default: !0 }
 	}), A();
 }
 t(["focusout"]);
 //#endregion
-export { Q as default };
+export { Z as default };