@svgrid/grid-wc 3.0.0 → 3.0.1

package/dist/{SvDateTimePicker-DVFiDxUq.js → shadow/SvDateTimePicker-xAO-Pb4S.js}

@@ -1,8 +1,8 @@
 import { $ as e, A as t, B as n, E as r, F as i, H as a, I as o, J as s, K as c, M as l, O as u, R as d, V as f, X as p, Y as m, Z as h, a as g, c as _, d as v, et as y, f as b, h as x, j as S, k as C, n as w, q as T, rt as E, s as D, tt as O, u as k, v as A, w as j, x as M, y as N } from "./client-DjwUji8D.js";
 import { a as P, i as F, t as I } from "./editor-contract-peBDxir_.js";
-import { a as ee, c as L, n as R, o as z, r as B, s as V, t as H } from "./date-format-CPHqTHN6.js";
+import { a as ee, c as L, n as R, o as z, r as B, s as V, t as H } from "./date-format-D_oQ5Yw0.js";
 import { n as U, r as W, t as G } from "./popover-WsGlvtQv.js";
-import { t as te } from "./SvField-ChCI-O2O.js";
+import { t as te } from "./SvField-CE345DyF.js";
 import { t as ne } from "./dismissable-DvhBKm3q.js";
 //#region ../grid/dist/createTimePicker.svelte.js
 var re = 240, K = re / 2, q = 98, ie = 62;
@@ -213,7 +213,7 @@ function oe(t) {
 }
 //#endregion
 //#region ../grid/dist/SvTimePicker.svelte
-var se = S("<div class=\"sv-tp__ampm svelte-qdm31c\"><button> </button> <button> </button></div>"), ce = l("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), le = l("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), ue = S("<div class=\"sv-tp__footer svelte-qdm31c\"><button> </button></div>"), de = S("<input type=\"hidden\"/>"), fe = S("<div role=\"group\"><div class=\"sv-tp__head svelte-qdm31c\"><button> </button> <span class=\"sv-tp__colon svelte-qdm31c\">:</span> <button> </button> <!></div> <svg><circle class=\"sv-tp__face svelte-qdm31c\"></circle><line class=\"sv-tp__hand svelte-qdm31c\"></line><circle class=\"sv-tp__hub svelte-qdm31c\" r=\"3\"></circle><circle class=\"sv-tp__knob svelte-qdm31c\" r=\"15\"></circle><!></svg> <!> <!></div>");
+var se = S("<div class=\"sv-tp__ampm svelte-sdu2r6\"><button> </button> <button> </button></div>"), ce = l("<text dominant-baseline=\"central\" text-anchor=\"middle\"> </text>"), le = l("<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>");
 function pe(n, i) {
 	O(i, !0);
 	let a = (e) => {
@@ -224,7 +224,7 @@ function pe(n, i) {
 			class: "sv-tp__seg",
 			...e,
 			[_]: { "is-active": H.selection === "hour" }
-		}), [() => H.segProps("hour")], void 0, void 0, "svelte-qdm31c");
+		}), [() => H.segProps("hour")], void 0, void 0, "svelte-sdu2r6");
 		var p = c(l, !0);
 		E(l);
 		var m = s(l, 4);
@@ -232,7 +232,7 @@ function pe(n, i) {
 			class: "sv-tp__seg",
 			...e,
 			[_]: { "is-active": H.selection === "minute" }
-		}), [() => H.segProps("minute")], void 0, void 0, "svelte-qdm31c");
+		}), [() => H.segProps("minute")], void 0, void 0, "svelte-sdu2r6");
 		var h = c(m, !0);
 		E(m);
 		var y = s(m, 2), w = (e) => {
@@ -240,14 +240,14 @@ function pe(n, i) {
 			k(n, (e) => ({
 				...e,
 				[_]: { "is-active": !H.isPm }
-			}), [() => H.ampmProps(!1)], void 0, void 0, "svelte-qdm31c");
+			}), [() => H.ampmProps(!1)], void 0, void 0, "svelte-sdu2r6");
 			var r = c(n, !0);
 			E(n);
 			var i = s(n, 2);
 			k(i, (e) => ({
 				...e,
 				[_]: { "is-active": H.isPm }
-			}), [() => H.ampmProps(!0)], void 0, void 0, "svelte-qdm31c");
+			}), [() => H.ampmProps(!0)], void 0, void 0, "svelte-sdu2r6");
 			var a = c(i, !0);
 			E(i), E(t), f(() => {
 				u(r, d(B).am), u(a, d(B).pm);
@@ -266,7 +266,7 @@ function pe(n, i) {
 			onpointermove: re,
 			onpointerup: K,
 			onpointercancel: K
-		}), [() => H.dialProps()], void 0, void 0, "svelte-qdm31c");
+		}), [() => H.dialProps()], void 0, void 0, "svelte-sdu2r6");
 		var A = c(O), M = s(A), P = s(M), F = s(P), I = s(F), L = (e) => {
 			var n = t(), r = T(n);
 			j(r, 17, () => H.hourTicks, (e) => e.ring + "-" + e.value, (e, t) => {
@@ -274,7 +274,7 @@ function pe(n, i) {
 				let r;
 				var i = c(n, !0);
 				E(n), f((e) => {
-					r = N(n, 0, "sv-tp__num svelte-qdm31c", null, r, e), b(n, "x", d(t).x), b(n, "y", d(t).y), u(i, d(t).label);
+					r = N(n, 0, "sv-tp__num svelte-sdu2r6", null, r, e), b(n, "x", d(t).x), b(n, "y", d(t).y), u(i, d(t).label);
 				}, [() => ({
 					"is-active": H.isActiveHour(d(t)),
 					"is-inner": d(t).ring === "inner"
@@ -287,7 +287,7 @@ function pe(n, i) {
 				let r;
 				var i = c(n, !0);
 				E(n), f(() => {
-					r = N(n, 0, "sv-tp__num svelte-qdm31c", null, r, { "is-active": d(t).value === H.minutes }), b(n, "x", d(t).x), b(n, "y", d(t).y), u(i, d(t).label);
+					r = N(n, 0, "sv-tp__num svelte-sdu2r6", null, r, { "is-active": d(t).value === H.minutes }), b(n, "x", d(t).x), b(n, "y", d(t).y), u(i, d(t).label);
 				}), C(e, n);
 			}), C(e, n);
 		};
@@ -299,7 +299,7 @@ function pe(n, i) {
 			k(n, (e) => ({
 				class: "sv-tp__now",
 				...e
-			}), [() => H.nowProps()], void 0, void 0, "svelte-qdm31c");
+			}), [() => H.nowProps()], void 0, void 0, "svelte-sdu2r6");
 			var r = c(n, !0);
 			E(n), E(t), f(() => u(r, d(B).now)), C(e, t);
 		};
@@ -315,7 +315,7 @@ function pe(n, i) {
 		r(te, (e) => {
 			i.name && e(q);
 		}), E(n), f((e) => {
-			a = N(n, 1, "sv-tp svelte-qdm31c", null, a, {
+			a = N(n, 1, "sv-tp svelte-sdu2r6", null, a, {
 				"sv-tp--disabled": D(),
 				"sv-tp--invalid": ee()
 			}), b(n, "id", d(R)), b(n, "aria-label", i.label ?? d(B).label), b(n, "dir", d(V)), u(p, e), u(h, H.mm), b(A, "cx", H.C), b(A, "cy", H.C), b(A, "r", H.C - 4), b(M, "x1", H.C), b(M, "y1", H.C), b(M, "x2", H.handEnd.x), b(M, "y2", H.handEnd.y), b(P, "cx", H.C), b(P, "cy", H.C), b(F, "cx", H.handEnd.x), b(F, "cy", H.handEnd.y), n.dir = n.dir;
@@ -530,7 +530,7 @@ function me(t) {
 }
 //#endregion
 //#region ../grid/dist/SvDateTimePicker.svelte
-var he = S("<div class=\"sv-dtp__spin svelte-8dgo1g\"><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>");
+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>");
 function X(t, i) {
 	O(i, !0);
 	let l = {
@@ -626,9 +626,9 @@ function X(t, i) {
 			let h;
 			var y = c(m), S = (e) => {
 				var t = he(), n = c(t);
-				k(n, (e) => ({ ...e }), [() => Z.spinProps(1)], void 0, void 0, "svelte-8dgo1g");
+				k(n, (e) => ({ ...e }), [() => Z.spinProps(1)], void 0, void 0, "svelte-akogfy");
 				var r = s(n, 2);
-				k(r, (e) => ({ ...e }), [() => Z.spinProps(-1)], void 0, void 0, "svelte-8dgo1g"), E(t), C(e, t);
+				k(r, (e) => ({ ...e }), [() => Z.spinProps(-1)], void 0, void 0, "svelte-akogfy"), E(t), C(e, t);
 			};
 			r(y, (e) => {
 				J() && e(S);
@@ -638,13 +638,13 @@ function X(t, i) {
 				class: "sv-dtp__input",
 				placeholder: L(),
 				...e
-			}), [() => Z.inputProps()], void 0, void 0, "svelte-8dgo1g", !0), n(() => D(w, () => Z.text, (e) => Z.text = e)), M(w, (e) => Ce?.(e));
+			}), [() => Z.inputProps()], void 0, void 0, "svelte-akogfy", !0), n(() => D(w, () => Z.text, (e) => Z.text = e)), M(w, (e) => Ce?.(e));
 			var T = s(w, 2), O = (e) => {
 				var t = ge();
 				k(t, (e) => ({
 					class: "sv-dtp__clear",
 					...e
-				}), [() => Z.clearProps()], void 0, void 0, "svelte-8dgo1g"), C(e, t);
+				}), [() => Z.clearProps()], void 0, void 0, "svelte-akogfy"), C(e, t);
 			};
 			r(T, (e) => {
 				ee() && Z.current && Z.isInteractive && e(O);
@@ -653,7 +653,7 @@ function X(t, i) {
 			k(P, (e) => ({
 				class: "sv-dtp__toggle",
 				...e
-			}), [() => Z.toggleProps()], void 0, void 0, "svelte-8dgo1g"), E(m), g(m, (e) => p(Q, e), () => d(Q));
+			}), [() => Z.toggleProps()], void 0, void 0, "svelte-akogfy"), E(m), g(m, (e) => p(Q, e), () => d(Q));
 			var F = s(m, 2), z = (e) => {
 				var t = ve();
 				let n;
@@ -662,14 +662,14 @@ function X(t, i) {
 					k(n, (e) => ({
 						...e,
 						[_]: { "is-active": Z.tab === "date" }
-					}), [() => Z.tabProps("date")], void 0, void 0, "svelte-8dgo1g");
+					}), [() => Z.tabProps("date")], void 0, void 0, "svelte-akogfy");
 					var r = c(n, !0);
 					E(n);
 					var i = s(n, 2);
 					k(i, (e) => ({
 						...e,
 						[_]: { "is-active": Z.tab === "time" }
-					}), [() => Z.tabProps("time")], void 0, void 0, "svelte-8dgo1g");
+					}), [() => Z.tabProps("time")], void 0, void 0, "svelte-akogfy");
 					var a = c(i, !0);
 					E(i), E(t), f(() => {
 						u(r, d(Y).date), u(a, d(Y).time);
@@ -751,10 +751,10 @@ function X(t, i) {
 			r(G, (e) => {
 				i.name && e(te);
 			}), E(a), f(() => {
-				l = N(a, 1, "sv-dtp svelte-8dgo1g", null, l, {
+				l = N(a, 1, "sv-dtp svelte-akogfy", null, l, {
 					"sv-dtp--disabled": R(),
 					"sv-dtp--block": se()
-				}), b(a, "dir", d(X)), h = N(m, 1, "sv-dtp__field svelte-8dgo1g", null, h, { "is-invalid": le() }), a.dir = a.dir;
+				}), b(a, "dir", d(X)), h = N(m, 1, "sv-dtp__field svelte-akogfy", null, h, { "is-invalid": le() }), a.dir = a.dir;
 			}), o("focusout", a, we), C(e, a);
 		},
 		$$slots: { default: !0 }

package/dist/{SvField-ChCI-O2O.js → shadow/SvField-CE345DyF.js}

@@ -1,7 +1,7 @@
 import { $ as e, A as t, D as n, E as r, F as i, I as a, J as o, K as s, O as c, R as l, V as u, et as d, f, j as p, k as m, n as h, q as g, rt as _, tt as v, v as ee, w as te, y } from "./client-DjwUji8D.js";
 import { n as b, r as x } from "./editor-contract-peBDxir_.js";
 //#region ../grid/dist/SvField.svelte
-var S = p("<span class=\"sv-field__req svelte-xtfnp5\" aria-hidden=\"true\">*</span>"), C = p("<label class=\"sv-field__label svelte-xtfnp5\"> <!></label>"), w = p("<span class=\"sv-field__spinner svelte-xtfnp5\" role=\"status\" aria-label=\"Loading\"></span>"), T = p("<span class=\"sv-field__labelrow svelte-xtfnp5\"><!> <!></span>"), ne = p("<span class=\"sv-field__req svelte-xtfnp5\" aria-hidden=\"true\">*</span>"), re = p("<label class=\"sv-field__float-label svelte-xtfnp5\"> <!></label>"), ie = p("<span class=\"sv-field__adorn sv-field__adorn--lead svelte-xtfnp5\"><!></span>"), E = p("<span class=\"sv-field__affix sv-field__affix--pre svelte-xtfnp5\"> </span>"), D = p("<span class=\"sv-field__affix sv-field__affix--suf svelte-xtfnp5\"> </span>"), O = p("<span class=\"sv-field__adorn sv-field__adorn--trail svelte-xtfnp5\"><!></span>"), k = p("<span class=\"sv-field__action-txt svelte-xtfnp5\"> </span>"), A = p("<button class=\"sv-field__action svelte-xtfnp5\" type=\"button\" tabindex=\"-1\"><!></button>"), ae = p("<button class=\"sv-field__clear svelte-xtfnp5\" type=\"button\" tabindex=\"-1\">&times;</button>"), oe = p("<div><!> <!> <!> <span class=\"sv-field__slot svelte-xtfnp5\"><!></span> <!> <!> <!> <!></div>"), j = p("<span class=\"sv-field__error svelte-xtfnp5\" role=\"alert\"> </span>"), M = p("<span class=\"sv-field__hint svelte-xtfnp5\"> </span>"), N = p("<div><!> <!> <!></div>");
+var S = p("<span class=\"sv-field__req svelte-nvuzjz\" aria-hidden=\"true\">*</span>"), C = p("<label class=\"sv-field__label svelte-nvuzjz\"> <!></label>"), w = p("<span class=\"sv-field__spinner svelte-nvuzjz\" role=\"status\" aria-label=\"Loading\"></span>"), T = p("<span class=\"sv-field__labelrow svelte-nvuzjz\"><!> <!></span>"), ne = p("<span class=\"sv-field__req svelte-nvuzjz\" aria-hidden=\"true\">*</span>"), re = p("<label class=\"sv-field__float-label svelte-nvuzjz\"> <!></label>"), ie = p("<span class=\"sv-field__adorn sv-field__adorn--lead svelte-nvuzjz\"><!></span>"), E = p("<span class=\"sv-field__affix sv-field__affix--pre svelte-nvuzjz\"> </span>"), D = p("<span class=\"sv-field__affix sv-field__affix--suf svelte-nvuzjz\"> </span>"), O = p("<span class=\"sv-field__adorn sv-field__adorn--trail svelte-nvuzjz\"><!></span>"), k = p("<span class=\"sv-field__action-txt svelte-nvuzjz\"> </span>"), A = p("<button class=\"sv-field__action svelte-nvuzjz\" type=\"button\" tabindex=\"-1\"><!></button>"), ae = p("<button class=\"sv-field__clear svelte-nvuzjz\" type=\"button\" tabindex=\"-1\">&times;</button>"), oe = p("<div><!> <!> <!> <span class=\"sv-field__slot svelte-nvuzjz\"><!></span> <!> <!> <!> <!></div>"), j = p("<span class=\"sv-field__error svelte-nvuzjz\" role=\"alert\"> </span>"), M = p("<span class=\"sv-field__hint svelte-nvuzjz\"> </span>"), N = p("<div><!> <!> <!></div>");
 function P(i, p) {
 	v(p, !0);
 	let P = h(p, "required", 3, !1), F = h(p, "block", 3, !1), I = h(p, "loading", 3, !1), L = h(p, "frame", 3, !1), R = h(p, "invalid", 3, !1), z = h(p, "size", 3, "md"), B = h(p, "disabled", 3, !1), V = h(p, "readonly", 3, !1), H = h(p, "clearable", 3, !1), U = h(p, "showClear", 3, !1), W = h(p, "clearLabel", 3, "Clear"), G = h(p, "labelMode", 3, "static"), K = h(p, "filled", 3, !1), se = e(() => p.width == null ? void 0 : typeof p.width == "number" ? `${p.width}px` : p.width), q = e(() => G() === "floating" && L() && !!p.label), J = e(() => p.dir === "ltr" || p.dir === "rtl" ? p.dir : void 0);
@@ -107,7 +107,7 @@ function P(i, p) {
 		r(Y, (e) => {
 			H() && U() && !B() && !V() && e(X);
 		}), _(i), u(() => {
-			d = y(i, 1, `sv-field__control sv-field--${z() ?? ""}`, "svelte-xtfnp5", d, {
+			d = y(i, 1, `sv-field__control sv-field--${z() ?? ""}`, "svelte-nvuzjz", d, {
 				"is-invalid": R(),
 				"is-disabled": B(),
 				"is-readonly": V(),
@@ -135,7 +135,7 @@ function P(i, p) {
 	r(ue, (e) => {
 		p.error ? e(de) : p.hint && e(fe, 1);
 	}), _(Y), u(() => {
-		X = y(Y, 1, "sv-field svelte-xtfnp5", null, X, {
+		X = y(Y, 1, "sv-field svelte-nvuzjz", null, X, {
 			"sv-field--block": F(),
 			"sv-field--floating": l(q)
 		}), f(Y, "dir", l(J)), Y.dir = Y.dir;

package/dist/shadow/{SvGridCellEditor-DvsQyE9a.js → SvGridCellEditor-D7SyHtff.js}

@@ -97,11 +97,11 @@ function B(a, w) {
 	}, V = E(w, "ctrl", 7), H = E(w, "fullRow", 3, !1), U = g(null), W = g(null);
 	o(() => {
 		let e = V().editingCell?.editorType;
-		(e === "list" || e === "chips" || e === "select" || e === "rich-select") && !f(U) && import("./SvGridDropdown-DnAESFDu.js").then((e) => h(U, e.default, !0)), (e === "date" || e === "datetime" || e === "time") && !f(W) && import("./SvDateTimePicker-DVFiDxUq.js").then((e) => h(W, e.default, !0));
+		(e === "list" || e === "chips" || e === "select" || e === "rich-select") && !f(U) && import("./SvGridDropdown-DUncHqM-.js").then((e) => h(U, e.default, !0)), (e === "date" || e === "datetime" || e === "time") && !f(W) && import("./SvDateTimePicker-xAO-Pb4S.js").then((e) => h(W, e.default, !0));
 	});
 	let Ce = e(() => V().grid), we = e(() => V().fullRowEdit), G = e(() => V().getColumnEditorOptions), K = e(() => V().areEditorOptionsLoading), q = e(() => V().saveEditingCell), J = e(() => V().updateEditingCellValue), Y = e(() => V().onEditorKeyDown), X = e(() => V().focusOnMount), Te = e(() => V().toggleCheckboxWithKeyboard);
 	function Z(e, t = !0) {
-		t && requestAnimationFrame(() => e.focus({ preventScroll: !0 }));
+		t && e.focus({ preventScroll: !0 });
 	}
 	function Q(e) {
 		e.key === "Enter" ? (e.preventDefault(), V().commitFullRowEdit(), V().gridRootEl?.focus({ preventScroll: !0 })) : e.key === "Escape" && (e.preventDefault(), V().cancelFullRowEdit(), V().gridRootEl?.focus({ preventScroll: !0 }));