@svgrid/grid-wc 2.2.0 → 2.4.0

package/dist/dismissable-xj_k_fnZ.js

@@ -0,0 +1,186 @@
+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, f as d, it as f, j as p, k as m, n as h, nt as g, q as _, tt as v, v as ee, w as te, y } from "./client-DoXxrq8q.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>"), ae = p("<span class=\"sv-field__affix sv-field__affix--pre svelte-xtfnp5\"> </span>"), oe = p("<span class=\"sv-field__affix sv-field__affix--suf svelte-xtfnp5\"> </span>"), E = p("<span class=\"sv-field__adorn sv-field__adorn--trail svelte-xtfnp5\"><!></span>"), D = p("<span class=\"sv-field__action-txt svelte-xtfnp5\"> </span>"), O = p("<button class=\"sv-field__action svelte-xtfnp5\" type=\"button\" tabindex=\"-1\"><!></button>"), k = p("<button class=\"sv-field__clear svelte-xtfnp5\" type=\"button\" tabindex=\"-1\">&times;</button>"), A = 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>");
+function P(i, p) {
+	g(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);
+	var Y = N();
+	let X;
+	var Z = s(Y), ce = (e) => {
+		var t = T(), n = s(t), i = (e) => {
+			var t = C(), n = s(t, !0), i = o(n), a = (e) => {
+				var t = S();
+				m(e, t);
+			};
+			r(i, (e) => {
+				P() && e(a);
+			}), f(t), u(() => {
+				d(t, "for", p.id), c(n, p.label);
+			}), m(e, t);
+		};
+		r(n, (e) => {
+			p.label && !l(q) && e(i);
+		});
+		var a = o(n, 2), h = (e) => {
+			var t = w();
+			m(e, t);
+		};
+		r(a, (e) => {
+			I() && e(h);
+		}), f(t), m(e, t);
+	};
+	r(Z, (e) => {
+		(p.label && !l(q) || I()) && e(ce);
+	});
+	var Q = o(Z, 2), le = (e) => {
+		var i = A();
+		let h, g;
+		var v = s(i), b = (e) => {
+			var t = re(), n = s(t, !0), i = o(n), a = (e) => {
+				var t = ne();
+				m(e, t);
+			};
+			r(i, (e) => {
+				P() && e(a);
+			}), f(t), u(() => {
+				d(t, "for", p.id), c(n, p.label);
+			}), m(e, t);
+		};
+		r(v, (e) => {
+			l(q) && e(b);
+		});
+		var x = o(v, 2), S = (e) => {
+			var t = ie(), r = s(t);
+			n(r, () => p.leading), f(t), m(e, t);
+		};
+		r(x, (e) => {
+			p.leading && e(S);
+		});
+		var C = o(x, 2), w = (e) => {
+			var t = ae(), n = s(t, !0);
+			f(t), u(() => c(n, p.prefix)), m(e, t);
+		};
+		r(C, (e) => {
+			p.prefix && e(w);
+		});
+		var T = o(C, 2), j = s(T);
+		n(j, () => p.children), f(T);
+		var M = o(T, 2), N = (e) => {
+			var t = oe(), n = s(t, !0);
+			f(t), u(() => c(n, p.suffix)), m(e, t);
+		};
+		r(M, (e) => {
+			p.suffix && e(N);
+		});
+		var I = o(M, 2), L = (e) => {
+			var t = E(), r = s(t);
+			n(r, () => p.trailing), f(t), m(e, t);
+		};
+		r(I, (e) => {
+			p.trailing && e(L);
+		});
+		var G = o(I, 2), J = (e) => {
+			var i = t(), o = _(i);
+			te(o, 17, () => p.actions, (e) => e.label, (e, i) => {
+				var o = O(), p = s(o), h = (e) => {
+					var r = t(), a = _(r);
+					n(a, () => l(i).icon), m(e, r);
+				}, g = (e) => {
+					var t = D(), n = s(t, !0);
+					f(t), u(() => c(n, l(i).label)), m(e, t);
+				};
+				r(p, (e) => {
+					l(i).icon ? e(h) : e(g, -1);
+				}), f(o), u(() => {
+					d(o, "aria-label", l(i).label), d(o, "title", l(i).label), o.disabled = B() || l(i).disabled;
+				}), a("click", o, () => l(i).onClick()), m(e, o);
+			}), m(e, i);
+		};
+		r(G, (e) => {
+			p.actions?.length && e(J);
+		});
+		var Y = o(G, 2), X = (e) => {
+			var t = k();
+			u(() => d(t, "aria-label", W())), a("click", t, () => p.onclear?.()), m(e, t);
+		};
+		r(Y, (e) => {
+			H() && U() && !B() && !V() && e(X);
+		}), f(i), u(() => {
+			h = y(i, 1, `sv-field__control sv-field--${z() ?? ""}`, "svelte-xtfnp5", h, {
+				"is-invalid": R(),
+				"is-disabled": B(),
+				"is-readonly": V(),
+				"is-filled": K()
+			}), g = ee(i, "", g, { width: F() ? void 0 : l(se) });
+		}), m(e, i);
+	}, $ = (e) => {
+		var r = t(), i = _(r);
+		n(i, () => p.children), m(e, r);
+	};
+	r(Q, (e) => {
+		L() ? e(le) : e($, -1);
+	});
+	var ue = o(Q, 2), de = (e) => {
+		var t = j(), n = s(t, !0);
+		f(t), u((e) => {
+			d(t, "id", e), c(n, p.error);
+		}, [() => b(p.id)]), m(e, t);
+	}, fe = (e) => {
+		var t = M(), n = s(t, !0);
+		f(t), u((e) => {
+			d(t, "id", e), c(n, p.hint);
+		}, [() => x(p.id)]), m(e, t);
+	};
+	r(ue, (e) => {
+		p.error ? e(de) : p.hint && e(fe, 1);
+	}), f(Y), u(() => {
+		X = y(Y, 1, "sv-field svelte-xtfnp5", null, X, {
+			"sv-field--block": F(),
+			"sv-field--floating": l(q)
+		}), d(Y, "dir", l(J)), Y.dir = Y.dir;
+	}), m(i, Y), v();
+}
+i(["click"]);
+//#endregion
+//#region ../grid/dist/a11y/dismissable.js
+function F(e, t) {
+	return t ? (Array.isArray(e) ? e : [e]).some((e) => e != null && e.contains(t)) : !1;
+}
+var I = [], L = !1;
+function R() {
+	L || typeof document > "u" || (L = !0, document.addEventListener("keydown", (e) => {
+		if (e.key !== "Escape") return;
+		let t = I[I.length - 1];
+		t?.closeOnEscape && (e.stopPropagation(), t.onDismiss("escape"));
+	}, !0), document.addEventListener("pointerdown", (e) => {
+		let t = I[I.length - 1];
+		t?.closeOnOutside && (F(t.element(), e.target) || t.onDismiss("outside"));
+	}, !0));
+}
+function z(e) {
+	let t = {
+		element: e.element,
+		onDismiss: e.onDismiss,
+		closeOnEscape: e.closeOnEscape ?? !0,
+		closeOnOutside: e.closeOnOutside ?? !0
+	};
+	return {
+		activate() {
+			R(), I.includes(t) || I.push(t);
+		},
+		release() {
+			let e = I.indexOf(t);
+			e >= 0 && I.splice(e, 1);
+		}
+	};
+}
+function B(e, t) {
+	if (typeof window > "u") return () => {};
+	let n = (n) => {
+		F(e(), n.target) || t();
+	};
+	return window.addEventListener("scroll", n, !0), () => window.removeEventListener("scroll", n, !0);
+}
+//#endregion
+export { B as n, P as r, z as t };

package/dist/editor-contract-peBDxir_.js

@@ -0,0 +1,22 @@
+//#region ../grid/dist/editor-contract.js
+var e = (e) => e ? `${e}__error` : void 0, t = (e) => e ? `${e}__hint` : void 0, n = 0, r = (e = "sv-ed") => `${e}-${n++}`;
+function i(n) {
+	let r = [n.error ? e(n.id) : void 0, n.hint ? t(n.id) : void 0].filter(Boolean);
+	return {
+		"aria-invalid": n.invalid ? "true" : void 0,
+		"aria-required": n.required ? "true" : void 0,
+		"aria-describedby": r.length ? r.join(" ") : void 0,
+		"aria-label": n.ariaLabel
+	};
+}
+function a(e, t) {
+	if (!t) return e;
+	let n = { ...e };
+	for (let e in t) {
+		let r = t[e];
+		r != null && r !== "" && (n[e] = r);
+	}
+	return n;
+}
+//#endregion
+export { a, r as i, e as n, t as r, i as t };

package/dist/export-format-B6FUgOll.js

@@ -0,0 +1,161 @@
+import { n as e, r as t, t as n } from "./cell-formatting-C0OsDmi_.js";
+import "./sv-grid-element.js";
+//#region ../grid/dist/export-format.js
+function r(e) {
+	if (e instanceof Date) return Number.isNaN(e.getTime()) ? null : e;
+	if (typeof e == "number" && Number.isFinite(e)) {
+		let t = new Date(e);
+		return Number.isNaN(t.getTime()) ? null : t;
+	}
+	if (typeof e == "string" && e.trim() !== "") {
+		let t = new Date(e);
+		return Number.isNaN(t.getTime()) ? null : t;
+	}
+	return null;
+}
+function i(i, a) {
+	if (i == null) return "";
+	if (!a) return String(i);
+	if (a.type === "number" || a.type === "currency" || a.type === "percent") return n(i, {
+		type: a.type,
+		locales: a.locales,
+		currency: a.type === "currency" ? a.currency ?? "USD" : void 0,
+		valueIsPercentPoints: a.type === "percent" ? a.valueIsPercentPoints : void 0,
+		options: a.options
+	});
+	if (a.type === "date" || a.type === "datetime") {
+		let n = r(i);
+		if (n) {
+			let r = t(a.pattern, a.type), i = r || a.options ? {
+				...r,
+				...a.options
+			} : a.type === "date" ? {
+				year: "numeric",
+				month: "2-digit",
+				day: "2-digit"
+			} : {
+				year: "numeric",
+				month: "2-digit",
+				day: "2-digit",
+				hour: "2-digit",
+				minute: "2-digit"
+			};
+			return e(a.locales, i).format(n);
+		}
+	}
+	return String(i);
+}
+function a(e, t, n = {}) {
+	let r = n.columns && n.columns.length ? n.columns.map((e) => t.find((t) => t.field === e)).filter((e) => !!e) : t.filter((e) => e.field), a = r.map((e) => e.field), o = {};
+	for (let e of r) e.align && (o[e.field] = e.align);
+	let s = {};
+	for (let e of r) s[e.field] = e.header;
+	let c = [s];
+	for (let t of e) {
+		let e = {};
+		for (let a of r) {
+			let r = t[a.field];
+			e[a.field] = n.rawValues ? r : i(r, a.format);
+		}
+		c.push(e);
+	}
+	return {
+		records: c,
+		fields: a,
+		align: o
+	};
+}
+var o = "";
+function s(e) {
+	if (e?.aborted) throw new DOMException("Export aborted", "AbortError");
+}
+var c = () => new Promise((e) => setTimeout(e, 0));
+function l(e, t) {
+	let n = e == null ? "" : e instanceof Date ? e.toISOString() : String(e);
+	return n === "" ? n : n.includes(t) || n.includes("\"") || n.includes("\n") || n.includes("\r") ? `"${n.replace(/"/g, "\"\"")}"` : n;
+}
+async function u(e, t, n = {}) {
+	let r = n.csv?.delimiter ?? ",", i = n.csv?.eol ?? "\r\n", a = n.csv?.bom ?? !0, u = Math.max(1, n.chunkRows ?? 5e3), d = e.length, f = [];
+	for (let i = 0; i < e.length; i++) {
+		s(n.signal);
+		let a = e[i];
+		f.push(t.map((e) => l(a[e], r)).join(r)), i > 0 && i % u === 0 && (n.onProgress?.({
+			phase: "serialize",
+			ratio: i / d,
+			row: i,
+			total: d
+		}), await c());
+	}
+	n.onProgress?.({
+		phase: "serialize",
+		ratio: 1,
+		row: d,
+		total: d
+	});
+	let p = f.join(i);
+	return (a ? o : "") + p;
+}
+async function d(e, t, n = {}) {
+	let r = Math.max(1, n.chunkRows ?? 5e3), i = e.length - 1, a = [];
+	for (let o = 1; o < e.length; o++) {
+		s(n.signal);
+		let l = e[o], u = {};
+		for (let e of t) u[e] = l[e];
+		a.push(u), o > 0 && o % r === 0 && (n.onProgress?.({
+			phase: "serialize",
+			ratio: o / i,
+			row: o,
+			total: i
+		}), await c());
+	}
+	return n.onProgress?.({
+		phase: "serialize",
+		ratio: 1,
+		row: i,
+		total: i
+	}), JSON.stringify(a, null, 2);
+}
+function f(e) {
+	return (e == null ? "" : e instanceof Date ? e.toISOString() : String(e)).replace(/\\/g, "\\\\").replace(/\|/g, "\\|").replace(/\r?\n/g, "<br>");
+}
+async function p(e, t, n = {}) {
+	let r = Math.max(1, n.chunkRows ?? 5e3), i = e.length, a = n.align ?? {}, o = e[0], l = `| ${t.map((e) => f(o?.[e])).join(" | ")} |`, u = `| ${t.map((e) => {
+		let t = a[e];
+		return t === "right" ? "---:" : t === "center" ? ":--:" : "---";
+	}).join(" | ")} |`, d = [];
+	for (let a = 1; a < e.length; a++) {
+		s(n.signal);
+		let o = e[a];
+		d.push(`| ${t.map((e) => f(o[e])).join(" | ")} |`), a > 0 && a % r === 0 && (n.onProgress?.({
+			phase: "serialize",
+			ratio: a / i,
+			row: a,
+			total: i
+		}), await c());
+	}
+	return n.onProgress?.({
+		phase: "serialize",
+		ratio: 1,
+		row: i,
+		total: i
+	}), [
+		l,
+		u,
+		...d
+	].join("\n") + "\n";
+}
+function m(e, t) {
+	if (typeof document > "u" || typeof URL > "u") throw Error("@svgrid/grid: export requires a browser environment");
+	let n = URL.createObjectURL(e), r = document.createElement("a");
+	r.href = n, r.download = t, document.body.appendChild(r), r.click(), r.remove(), setTimeout(() => URL.revokeObjectURL(n), 0);
+}
+function h(e, t, n) {
+	if (typeof document > "u" || typeof URL > "u") throw Error("@svgrid/grid: text export requires a browser environment");
+	m(new Blob([e], { type: n }), t);
+}
+async function g(e) {
+	if (typeof navigator > "u" || !navigator.clipboard) throw Error("@svgrid/grid: clipboard API is unavailable in this context");
+	await navigator.clipboard.writeText(e);
+}
+//#endregion
+export { g as copyTextToClipboard, h as downloadTextFile, a as projectGridRows, u as serializeDelimited, d as serializeJson, p as serializeMarkdown };

package/dist/popover-WsGlvtQv.js

@@ -0,0 +1,69 @@
+//#region ../grid/dist/popover.js
+var e = [
+	"--sg-accent",
+	"--sg-on-accent",
+	"--sg-bg",
+	"--sg-fg",
+	"--sg-muted",
+	"--sg-border",
+	"--sg-header-bg",
+	"--sg-header-fg",
+	"--sg-row-hover-bg",
+	"--sg-row-alt-bg",
+	"--sg-selection-bg",
+	"--sg-selection-fg",
+	"--sg-input-bg",
+	"--sg-input-border",
+	"--sg-danger",
+	"--sg-focus-ring",
+	"--sg-radius",
+	"--sg-font",
+	"--sg-invalid-bg",
+	"--sg-invalid-border",
+	"--sg-invalid-fg",
+	"--sg-rating-on",
+	"--sg-rating-empty",
+	"--sg-rating-hover"
+];
+function t(t, n = e) {
+	let r = getComputedStyle(t);
+	for (let e of n) {
+		let n = r.getPropertyValue(e).trim();
+		n && t.style.setProperty(e, n);
+	}
+	return document.body.appendChild(t), { destroy() {
+		t.parentNode === document.body && document.body.removeChild(t);
+	} };
+}
+function n(e, t = {}) {
+	if (typeof e.animate != "function" || typeof matchMedia == "function" && matchMedia("(prefers-reduced-motion: reduce)").matches) return;
+	let n = t.up ? 6 : -6, r = t.scale ?? .97;
+	return e.animate([{
+		opacity: 0,
+		transform: `translateY(${n}px) scale(${r})`
+	}, {
+		opacity: 1,
+		transform: "translateY(0) scale(1)"
+	}], {
+		duration: t.duration ?? 140,
+		easing: "cubic-bezier(0.16, 1, 0.3, 1)"
+	}), {};
+}
+function r(e, t) {
+	let n = t.gap ?? 2, r = t.viewportMargin ?? 8, i = t.minHeight ?? 96, a = window.innerHeight - e.bottom - n - r, o = e.top - n - r, s = a < t.estimatedHeight && o > a, c = Math.max(i, Math.floor(s ? o : a)), l = Math.min(t.estimatedHeight, c), u = Math.max(e.width, t.minWidth ?? 0), d = e.left;
+	if (t.clampHorizontal !== !1) {
+		let e = window.innerWidth - u - 4;
+		d = Math.max(4, Math.min(d, e));
+	}
+	return {
+		top: s ? Math.max(r, e.top - n - l) : e.bottom + n,
+		left: d,
+		width: u,
+		openUpward: s,
+		maxHeight: l,
+		availHeight: c,
+		bottom: Math.round(window.innerHeight - e.top + n)
+	};
+}
+//#endregion
+export { n, t as r, r as t };