@svgrid/grid 2.6.21 → 2.7.0

package/dist/cdn/SvGridCellEditor-G8IMWIws.js

@@ -1,522 +0,0 @@
-import { E as e, F as t, G as n, H as r, I as i, L as a, N as o, Q as s, U as c, V as l, X as u, Y as d, at as f, b as p, d as m, et as h, f as g, g as _, h as v, it as y, j as b, k as x, lt as ee, m as S, mt as C, nt as w, pt as T, r as te, st as E, t as D, tt as O, u as k, ut as A, v as j, w as M, y as ne } from "./disclose-version-Dr7rEVv-.js";
-import { E as re, T as ie, b as ae, n as oe, o as se, p as ce, r as le, v as N, y as P } from "./editor-registry-CiI0xlKg.js";
-//#region src/SvGridCellEditor.svelte
-var F = a("<span class=\"sv-grid-chip sv-grid-chip-removable\"> <button type=\"button\" class=\"sv-grid-chip-remove\">×</button></span>"), I = a("<button type=\"button\" class=\"sv-grid-chip-commit\" aria-label=\"Commit chip selection\">Done</button>"), L = a("<div class=\"sv-grid-cell-editor sv-grid-cell-editor-chips\" role=\"group\"><div class=\"sv-grid-chips-row\"><!> <input class=\"sv-grid-chip-input\" type=\"text\"/> <!></div></div>"), R = a("<input type=\"checkbox\" class=\"sv-grid-fr-editor sv-grid-fr-checkbox\"/>"), z = a("<option> </option>"), B = a("<select class=\"sv-grid-cell-editor sv-grid-fr-editor\"></select>"), V = a("<input class=\"sv-grid-cell-editor sv-grid-fr-editor\"/>"), ue = a("<button type=\"button\" class=\"sv-grid-checkbox\" role=\"checkbox\" aria-label=\"Edit checkbox value\"></button>"), de = a("<button type=\"button\" role=\"radio\">★</button>"), fe = a("<span class=\"sv-grid-rating-editor\" role=\"radiogroup\" aria-label=\"Rating\"><!> <button type=\"button\" aria-label=\"Clear rating\" class=\"sv-grid-rating-clear\">×</button></span>"), pe = a("<textarea class=\"sv-grid-cell-editor sv-grid-cell-editor-textarea\" rows=\"4\"></textarea>"), me = a("<button type=\"button\" class=\"sv-grid-autocomplete-option\" role=\"option\"> </button>"), he = a("<div class=\"sv-grid-autocomplete-list\" role=\"listbox\"></div>"), ge = a("<div class=\"sv-grid-autocomplete\"><input class=\"sv-grid-cell-editor sv-grid-cell-editor-autocomplete\" type=\"text\"/> <!></div>"), _e = a("<input type=\"color\"/>"), ve = a("<input/>");
-function H(a, l) {
-	A(l, !0);
-	let H = (a, s = C, l = C, u = C, f = C) => {
-		var g = i(), _ = O(g), v = (e) => {
-			var r = i(), a = O(r), o = (e) => {
-				var r = i(), a = O(r);
-				{
-					let e = E(() => U().editingCell?.value);
-					M(a, () => n(G), (t, r) => {
-						r(t, {
-							get options() {
-								return s();
-							},
-							get loading() {
-								return f();
-							},
-							get value() {
-								return n(e);
-							},
-							get multiple() {
-								return l();
-							},
-							placeholder: "Pick…",
-							renderChipsInTrigger: !0,
-							onChange: (e) => {
-								U().editingCell = U().editingCell ? {
-									...U().editingCell,
-									value: e
-								} : U().editingCell;
-							},
-							onCommit: () => n(Y)(),
-							onCancel: () => {
-								U().editingCell = null, U().gridRootEl?.focus({ preventScroll: !0 });
-							}
-						});
-					});
-				}
-				t(e, r);
-			};
-			x(a, (e) => {
-				n(G) && e(o);
-			}), t(e, r);
-		}, y = (i) => {
-			var a = L();
-			m(a, "tabindex", -1);
-			var s = h(a), f = h(s);
-			e(f, 19, u, (e, t) => String(e) + "_" + t, (e, i, a) => {
-				var s = F(), c = h(s), f = w(c);
-				T(s), d((e, t) => {
-					o(c, `${e ?? ""} `), m(f, "aria-label", `Remove ${t ?? ""}`);
-				}, [() => String(n(i)), () => String(n(i))]), r("mousedown", f, (e) => e.preventDefault()), r("click", f, () => {
-					let e = u().filter((e, t) => t !== n(a));
-					U().editingCell = U().editingCell ? {
-						...U().editingCell,
-						value: l() ? e : e[0] ?? null
-					} : U().editingCell;
-				}), t(e, s);
-			});
-			var g = w(f, 2);
-			p(g, (e) => n(Q)?.(e));
-			var _ = w(g, 2), v = (e) => {
-				var i = I();
-				r("mousedown", i, (e) => e.preventDefault()), r("click", i, () => n(Y)()), t(e, i);
-			};
-			x(_, (e) => {
-				l() && e(v);
-			}), T(s), T(a), d(() => m(g, "placeholder", l() ? "Type, Enter to add" : "Type a value")), r("keydown", g, (e) => {
-				if (e.key === "Enter" || l() && e.key === ",") {
-					e.preventDefault(), e.stopPropagation();
-					let t = e.currentTarget, r = t.value.trim();
-					if (r) {
-						let e = l() ? [...u(), r] : [r];
-						U().editingCell = U().editingCell ? {
-							...U().editingCell,
-							value: l() ? e : r
-						} : U().editingCell, t.value = "", l() || n(Y)();
-					}
-				} else if (e.key === "Escape") n(Z)(e);
-				else if (e.key === "Backspace" && e.currentTarget.value === "" && u().length > 0) {
-					e.preventDefault();
-					let t = u().slice(0, -1);
-					U().editingCell = U().editingCell ? {
-						...U().editingCell,
-						value: l() ? t : t[0] ?? null
-					} : U().editingCell;
-				}
-			}), c("blur", g, () => n(Y)()), t(i, a);
-		};
-		x(_, (e) => {
-			s().length > 0 ? e(v) : e(y, -1);
-		}), t(a, g);
-	}, U = D(l, "ctrl", 7), W = D(l, "fullRow", 3, !1), G = f(null), K = f(null);
-	u(() => {
-		let e = U().editingCell?.editorType;
-		(e === "list" || e === "chips" || e === "select" || e === "rich-select") && !n(G) && import("./SvGridDropdown-D13MtJ2j.js").then((e) => e.n).then((e) => y(G, e.default, !0)), (e === "date" || e === "datetime" || e === "time") && !n(K) && import("./SvDateTimePicker-CRQH_U7E.js").then((e) => e.n).then((e) => y(K, e.default, !0));
-	});
-	let ye = E(() => U().grid), be = E(() => U().fullRowEdit), q = E(() => U().getColumnEditorOptions), J = E(() => U().areEditorOptionsLoading), Y = E(() => U().saveEditingCell), X = E(() => U().updateEditingCellValue), Z = E(() => U().onEditorKeyDown), Q = E(() => U().focusOnMount), xe = E(() => U().toggleCheckboxWithKeyboard);
-	function $(e) {
-		e.key === "Enter" ? (e.preventDefault(), U().commitFullRowEdit(), U().gridRootEl?.focus({ preventScroll: !0 })) : e.key === "Escape" && (e.preventDefault(), U().cancelFullRowEdit(), U().gridRootEl?.focus({ preventScroll: !0 }));
-	}
-	function Se(e) {
-		return typeof e == "object" && e && "value" in e ? String(e.value) : String(e);
-	}
-	function Ce(e) {
-		return typeof e == "object" && e && "label" in e ? String(e.label) : String(e);
-	}
-	function we() {
-		let e = U().editingCell;
-		return {
-			value: e?.value,
-			rowId: e?.rowId ?? "",
-			columnId: e?.columnId ?? "",
-			onChange: (e) => n(X)(e),
-			onCommit: (e) => {
-				e !== void 0 && n(X)(e), n(Y)();
-			},
-			onCancel: () => {
-				U().editingCell = null, U().gridRootEl?.focus({ preventScroll: !0 });
-			},
-			onCommitAndMove: (e, t) => {
-				e !== void 0 && n(X)(e), U().commitAndMoveByTab(t === -1);
-			},
-			onRequestClose: () => {
-				U().editingCell = null, U().gridRootEl?.focus({ preventScroll: !0 });
-			},
-			inCell: !0
-		};
-	}
-	var Te = i(), Ee = O(Te), De = (a) => {
-		let s = E(() => l.column.columnDef.editorType ?? "text"), c = E(() => n(be)?.draft[l.column.id]);
-		var u = i(), f = O(u), p = (e) => {
-			var i = R();
-			k(i), d((e) => g(i, e), [() => !!n(c)]), r("change", i, (e) => U().setFullRowDraft(l.column.id, e.currentTarget.checked)), r("keydown", i, $), r("pointerdown", i, (e) => e.stopPropagation()), r("click", i, (e) => e.stopPropagation()), t(e, i);
-		}, y = (i) => {
-			let a = E(() => n(q)(l.column, l.row));
-			var s = B();
-			e(s, 21, () => n(a), (e) => Se(e), (e, r) => {
-				var i = z(), a = h(i, !0);
-				T(i);
-				var s = {};
-				d((e, t) => {
-					o(a, e), s !== (s = t) && (i.value = (i.__value = t) ?? "");
-				}, [() => Ce(n(r)), () => Se(n(r))]), t(e, i);
-			}), T(s);
-			var u;
-			v(s), d((e) => {
-				u !== (u = e) && (s.value = (s.__value = e) ?? "", _(s, e));
-			}, [() => String(n(c) ?? "")]), r("change", s, (e) => U().setFullRowDraft(l.column.id, e.currentTarget.value)), r("keydown", s, $), r("pointerdown", s, (e) => e.stopPropagation()), r("click", s, (e) => e.stopPropagation()), t(i, s);
-		}, b = (e) => {
-			let i = E(() => n(s) === "number" ? "number" : n(s) === "date" ? "date" : n(s) === "datetime" ? "datetime-local" : n(s) === "time" ? "time" : n(s) === "password" ? "password" : "text");
-			var a = V();
-			k(a), d((e) => {
-				m(a, "type", n(i)), S(a, e);
-			}, [() => String(n(c) ?? "")]), r("input", a, (e) => U().setFullRowDraft(l.column.id, e.currentTarget.value)), r("keydown", a, $), r("pointerdown", a, (e) => e.stopPropagation()), r("click", a, (e) => e.stopPropagation()), t(e, a);
-		};
-		x(f, (e) => {
-			n(s) === "checkbox" ? e(p) : n(s) === "list" || n(s) === "select" || n(s) === "rich-select" ? e(y, 1) : e(b, -1);
-		}), t(a, u);
-	}, Oe = (a) => {
-		var u = i(), f = O(u), g = (e) => {
-			let r = E(() => l.column.columnDef.cellEditor);
-			var a = i(), o = O(a);
-			{
-				let e = E(() => ({
-					cell: l.row.getAllCells().find((e) => e.column.id === l.column.id),
-					row: l.row,
-					column: l.column,
-					table: n(ye),
-					getValue: () => U().editingCell?.value,
-					value: U().editingCell?.value,
-					update: (e) => {
-						U().editingCell = U().editingCell ? {
-							...U().editingCell,
-							value: e
-						} : U().editingCell;
-					},
-					commit: (e) => {
-						e !== void 0 && (U().editingCell = U().editingCell ? {
-							...U().editingCell,
-							value: e
-						} : U().editingCell), n(Y)();
-					},
-					cancel: () => {
-						U().editingCell = null, U().gridRootEl?.focus({ preventScroll: !0 });
-					}
-				}));
-				b(o, () => n(r), () => n(e));
-			}
-			t(e, a);
-		}, _ = (e) => {
-			var i = ue();
-			d((e) => m(i, "aria-checked", e), [() => !!U().editingCell.value]), r("click", i, (e) => {
-				e.stopPropagation();
-				let t = !U().editingCell?.value;
-				U().editingCell = U().editingCell ? {
-					...U().editingCell,
-					value: t
-				} : U().editingCell, n(Y)();
-			}), r("keydown", i, (e) => n(xe)(e, () => {
-				e.stopPropagation();
-				let t = !U().editingCell?.value;
-				U().editingCell = U().editingCell ? {
-					...U().editingCell,
-					value: t
-				} : U().editingCell, n(Y)();
-			})), c("blur", i, () => n(Y)()), t(e, i);
-		}, v = (e) => {
-			let r = E(() => n(q)(l.column, l.row)), a = E(() => n(J)(l.column, l.row)), o = E(() => l.column.columnDef.editorMultiple === !0);
-			var s = i(), c = O(s), u = (e) => {
-				var s = i(), c = O(s);
-				{
-					let e = E(() => U().editingCell?.value);
-					M(c, () => n(G), (t, i) => {
-						i(t, {
-							get options() {
-								return n(r);
-							},
-							get loading() {
-								return n(a);
-							},
-							get value() {
-								return n(e);
-							},
-							get multiple() {
-								return n(o);
-							},
-							placeholder: "Select…",
-							onChange: (e) => {
-								U().editingCell = U().editingCell ? {
-									...U().editingCell,
-									value: e
-								} : U().editingCell;
-							},
-							onCommit: () => n(Y)(),
-							onCancel: () => {
-								U().editingCell = null, U().gridRootEl?.focus({ preventScroll: !0 });
-							}
-						});
-					});
-				}
-				t(e, s);
-			};
-			x(c, (e) => {
-				n(G) && e(u);
-			}), t(e, s);
-		}, y = (e) => {
-			let t = E(() => n(q)(l.column, l.row)), r = E(() => n(J)(l.column, l.row)), i = E(() => l.column.columnDef.editorMultiple === !0), a = E(() => re(U().editingCell?.value));
-			H(e, () => n(t), () => n(i), () => n(a), () => n(r));
-		}, ee = (i) => {
-			let a = E(() => Math.max(0, Math.min(5, Math.round(Number(U().editingCell?.value) || 0))));
-			var o = fe(), s = h(o);
-			e(s, 16, () => [
-				1,
-				2,
-				3,
-				4,
-				5
-			], (e) => e, (e, i) => {
-				var o = de();
-				d(() => {
-					m(o, "aria-checked", n(a) >= i), m(o, "aria-label", `${i} ${i === 1 ? "star" : "stars"}`), j(o, 1, `sv-grid-rating-star ${n(a) >= i ? "sv-grid-rating-star-on" : ""}`);
-				}), r("mousedown", o, (e) => e.preventDefault()), r("click", o, (e) => {
-					e.stopPropagation(), U().editingCell = U().editingCell ? {
-						...U().editingCell,
-						value: i
-					} : U().editingCell, n(Y)();
-				}), r("keydown", o, function(...e) {
-					n(Z)?.apply(this, e);
-				}), t(e, o);
-			});
-			var c = w(s, 2);
-			T(o), r("mousedown", c, (e) => e.preventDefault()), r("click", c, (e) => {
-				e.stopPropagation(), U().editingCell = U().editingCell ? {
-					...U().editingCell,
-					value: 0
-				} : U().editingCell, n(Y)();
-			}), t(i, o);
-		}, C = (e) => {
-			let r = E(() => n(q)(l.column, l.row)), a = E(() => n(J)(l.column, l.row));
-			var o = i(), s = O(o), c = (e) => {
-				var o = i(), s = O(o);
-				{
-					let e = E(() => U().editingCell?.value);
-					M(s, () => n(G), (t, i) => {
-						i(t, {
-							get options() {
-								return n(r);
-							},
-							get loading() {
-								return n(a);
-							},
-							get value() {
-								return n(e);
-							},
-							multiple: !1,
-							placeholder: "Select…",
-							onChange: (e) => {
-								U().editingCell = U().editingCell ? {
-									...U().editingCell,
-									value: e
-								} : U().editingCell;
-							},
-							onCommit: () => n(Y)(),
-							onCancel: () => {
-								U().editingCell = null, U().gridRootEl?.focus({ preventScroll: !0 });
-							}
-						});
-					});
-				}
-				t(e, o);
-			};
-			x(s, (e) => {
-				n(G) && e(c);
-			}), t(e, o);
-		}, D = (e) => {
-			let r = E(() => n(q)(l.column, l.row)), a = E(() => n(J)(l.column, l.row));
-			var o = i(), s = O(o), c = (e) => {
-				var o = i(), s = O(o);
-				{
-					let e = E(() => U().editingCell?.value);
-					M(s, () => n(G), (t, i) => {
-						i(t, {
-							get options() {
-								return n(r);
-							},
-							get loading() {
-								return n(a);
-							},
-							get value() {
-								return n(e);
-							},
-							multiple: !1,
-							searchable: !0,
-							placeholder: "Search…",
-							onChange: (e) => {
-								U().editingCell = U().editingCell ? {
-									...U().editingCell,
-									value: e
-								} : U().editingCell;
-							},
-							onCommit: () => n(Y)(),
-							onCancel: () => {
-								U().editingCell = null, U().gridRootEl?.focus({ preventScroll: !0 });
-							}
-						});
-					});
-				}
-				t(e, o);
-			};
-			x(s, (e) => {
-				n(G) && e(c);
-			}), t(e, o);
-		}, A = (e) => {
-			var i = pe();
-			s(i), p(i, (e) => n(Q)?.(e)), d((e) => S(i, e), [() => String(U().editingCell?.value ?? "")]), r("pointerdown", i, (e) => e.stopPropagation()), r("input", i, (e) => n(X)(e.currentTarget.value)), r("keydown", i, (e) => {
-				if (e.stopPropagation(), e.key === "Escape") {
-					e.preventDefault(), U().editingCell = null, U().gridRootEl?.focus({ preventScroll: !0 });
-					return;
-				}
-				if (e.key === "Tab") {
-					e.preventDefault(), U().commitAndMoveByTab(e.shiftKey);
-					return;
-				}
-				e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), n(Y)(), U().gridRootEl?.focus({ preventScroll: !0 }));
-			}), c("blur", i, () => n(Y)()), t(e, i);
-		}, F = (i) => {
-			let a = E(() => n(q)(l.column, l.row)), s = E(() => String(U().editingCell?.value ?? "")), u = E(() => n(s).trim() ? n(a).filter((e) => String(e.label).toLowerCase().includes(n(s).toLowerCase())) : n(a));
-			var f = ge(), g = h(f);
-			k(g), p(g, (e) => n(Q)?.(e));
-			var _ = w(g, 2), v = (i) => {
-				var a = he();
-				e(a, 21, () => n(u).slice(0, 50), (e) => e.value, (e, i) => {
-					var a = me(), c = h(a, !0);
-					T(a), d((e) => {
-						m(a, "aria-selected", e), o(c, n(i).label);
-					}, [() => String(n(i).value) === n(s)]), r("mousedown", a, (e) => {
-						e.preventDefault(), U().editingCell = U().editingCell ? {
-							...U().editingCell,
-							value: n(i).value
-						} : U().editingCell, n(Y)();
-					}), t(e, a);
-				}), T(a), t(i, a);
-			};
-			x(_, (e) => {
-				n(u).length > 0 && e(v);
-			}), T(f), d(() => S(g, n(s))), r("pointerdown", g, (e) => e.stopPropagation()), r("input", g, (e) => n(X)(e.currentTarget.value)), c("blur", g, () => n(Y)()), r("keydown", g, function(...e) {
-				n(Z)?.apply(this, e);
-			}), t(i, f);
-		}, I = (e) => {
-			var r = i(), a = O(r), o = (e) => {
-				var r = i(), a = O(r);
-				{
-					let e = E(() => U().editingCell?.value);
-					M(a, () => n(K), (t, r) => {
-						r(t, {
-							get value() {
-								return n(e);
-							},
-							formatString: "yyyy-MM-dd",
-							dropDownDisplayMode: "calendar",
-							autoOpen: !0,
-							block: !0,
-							onChange: (e) => n(X)(e),
-							onCommit: () => n(Y)(),
-							onCancel: () => {
-								U().editingCell = null, U().gridRootEl?.focus({ preventScroll: !0 });
-							}
-						});
-					});
-				}
-				t(e, r);
-			};
-			x(a, (e) => {
-				n(K) && e(o);
-			}), t(e, r);
-		}, L = (e) => {
-			var r = i(), a = O(r), o = (e) => {
-				var r = i(), a = O(r);
-				{
-					let e = E(() => U().editingCell?.value);
-					M(a, () => n(K), (t, r) => {
-						r(t, {
-							get value() {
-								return n(e);
-							},
-							formatString: "yyyy-MM-dd HH:mm",
-							dropDownDisplayMode: "both",
-							autoOpen: !0,
-							block: !0,
-							onChange: (e) => n(X)(e),
-							onCommit: () => n(Y)(),
-							onCancel: () => {
-								U().editingCell = null, U().gridRootEl?.focus({ preventScroll: !0 });
-							}
-						});
-					});
-				}
-				t(e, r);
-			};
-			x(a, (e) => {
-				n(K) && e(o);
-			}), t(e, r);
-		}, R = (e) => {
-			var r = i(), a = O(r), o = (e) => {
-				var r = i(), a = O(r);
-				{
-					let e = E(() => ie(U().editingCell?.value));
-					M(a, () => n(K), (t, r) => {
-						r(t, {
-							get value() {
-								return n(e);
-							},
-							formatString: "HH:mm",
-							dropDownDisplayMode: "time",
-							autoOpen: !0,
-							block: !0,
-							onChange: (e) => n(X)(ce(e)),
-							onCommit: () => n(Y)(),
-							onCancel: () => {
-								U().editingCell = null, U().gridRootEl?.focus({ preventScroll: !0 });
-							}
-						});
-					});
-				}
-				t(e, r);
-			};
-			x(a, (e) => {
-				n(K) && e(o);
-			}), t(e, r);
-		}, z = (e) => {
-			var i = _e();
-			k(i), p(i, (e) => n(Q)?.(e)), d((e, t) => {
-				j(i, 1, e), S(i, t);
-			}, [() => ne(P("color")), () => N("color", U().editingCell?.value)]), r("input", i, (e) => n(X)(e.currentTarget.value)), r("change", i, (e) => {
-				n(X)(e.currentTarget.value), n(Y)();
-			}), c("blur", i, () => n(Y)()), r("keydown", i, function(...e) {
-				n(Z)?.apply(this, e);
-			}), t(e, i);
-		}, B = (e) => {
-			let r = E(() => oe(String(U().editingCell?.editorType))), a = E(() => n(r).component);
-			var o = i(), s = O(o);
-			{
-				let e = E(() => se(n(r), we()));
-				M(s, () => n(a), (t, r) => {
-					r(t, te(() => n(e)));
-				});
-			}
-			t(e, o);
-		}, V = E(() => le(String(U().editingCell?.editorType ?? ""))), W = (e) => {
-			var i = ve();
-			k(i), p(i, (e) => n(Q)?.(e)), d((e, t, n) => {
-				j(i, 1, e), m(i, "type", t), S(i, n);
-			}, [
-				() => ne(P(U().editingCell?.editorType ?? "text")),
-				() => ae(U().editingCell?.editorType ?? "text"),
-				() => N(U().editingCell?.editorType ?? "text", U().editingCell?.value)
-			]), r("input", i, (e) => n(X)(e.currentTarget.value)), c("blur", i, () => n(Y)()), r("keydown", i, function(...e) {
-				n(Z)?.apply(this, e);
-			}), t(e, i);
-		};
-		x(f, (e) => {
-			l.column.columnDef.cellEditor ? e(g) : U().editingCell?.editorType === "checkbox" ? e(_, 1) : U().editingCell?.editorType === "list" ? e(v, 2) : U().editingCell?.editorType === "chips" ? e(y, 3) : U().editingCell?.editorType === "rating" ? e(ee, 4) : U().editingCell?.editorType === "select" ? e(C, 5) : U().editingCell?.editorType === "rich-select" ? e(D, 6) : U().editingCell?.editorType === "textarea" ? e(A, 7) : U().editingCell?.editorType === "autocomplete" ? e(F, 8) : U().editingCell?.editorType === "date" ? e(I, 9) : U().editingCell?.editorType === "datetime" ? e(L, 10) : U().editingCell?.editorType === "time" ? e(R, 11) : U().editingCell?.editorType === "color" ? e(z, 12) : n(V) ? e(B, 13) : e(W, -1);
-		}), t(a, u);
-	};
-	x(Ee, (e) => {
-		W() ? e(De) : e(Oe, -1);
-	}), t(a, Te), ee();
-}
-l([
-	"mousedown",
-	"click",
-	"keydown",
-	"change",
-	"pointerdown",
-	"input"
-]);
-//#endregion
-export { H as default };