@svgrid/grid-wc 2.6.2 → 3.0.0

package/dist/shadow/dismissable-DvhBKm3q.js

@@ -0,0 +1,41 @@
+//#region ../grid/dist/a11y/dismissable.js
+function e(e, t) {
+	return t ? (Array.isArray(e) ? e : [e]).some((e) => e != null && e.contains(t)) : !1;
+}
+var t = [], n = !1;
+function r() {
+	n || typeof document > "u" || (n = !0, document.addEventListener("keydown", (e) => {
+		if (e.key !== "Escape") return;
+		let n = t[t.length - 1];
+		n?.closeOnEscape && (e.stopPropagation(), n.onDismiss("escape"));
+	}, !0), document.addEventListener("pointerdown", (n) => {
+		let r = t[t.length - 1];
+		r?.closeOnOutside && (e(r.element(), n.target) || r.onDismiss("outside"));
+	}, !0));
+}
+function i(e) {
+	let n = {
+		element: e.element,
+		onDismiss: e.onDismiss,
+		closeOnEscape: e.closeOnEscape ?? !0,
+		closeOnOutside: e.closeOnOutside ?? !0
+	};
+	return {
+		activate() {
+			r(), t.includes(n) || t.push(n);
+		},
+		release() {
+			let e = t.indexOf(n);
+			e >= 0 && t.splice(e, 1);
+		}
+	};
+}
+function a(t, n) {
+	if (typeof window > "u") return () => {};
+	let r = (r) => {
+		e(t(), r.target) || n();
+	};
+	return window.addEventListener("scroll", r, !0), () => window.removeEventListener("scroll", r, !0);
+}
+//#endregion
+export { a as n, i as t };

package/dist/shadow/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/shadow/editor-registry-DxGKqcvx.js

@@ -0,0 +1,24 @@
+//#region ../grid/dist/editor-registry.js
+var e = /* @__PURE__ */ new Map();
+function t(t) {
+	return e.get(t);
+}
+function n(t) {
+	return e.has(t);
+}
+function r(e) {
+	return {
+		value: e.value,
+		onChange: e.onChange,
+		onCommit: e.onCommit,
+		onCancel: e.onCancel,
+		onCommitAndMove: e.onCommitAndMove,
+		onRequestClose: e.onRequestClose,
+		inCell: e.inCell
+	};
+}
+function i(e, t) {
+	return e.props ? e.props(t) : r(t);
+}
+//#endregion
+export { n, i as r, t };

package/dist/shadow/export-format-C8kZGZfz.js

@@ -0,0 +1,161 @@
+import { n as e, r as t, t as n } from "./cell-formatting-C0OsDmi_.js";
+import "./sv-grid-shadow-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/shadow/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 };

package/dist/shadow/row-drag-touch-CycRR65n.js

@@ -0,0 +1,93 @@
+function e(e) {
+	let { ctx: t } = e, n = null;
+	function r(e, t) {
+		let n = document.elementFromPoint(e, t)?.closest?.("tr.sv-grid-row");
+		if (!n) return null;
+		let r = n.querySelector("[data-svgrid-row]")?.dataset.svgridRow;
+		if (r == null) return null;
+		let i = Number(r);
+		if (!Number.isFinite(i)) return null;
+		let a = n.getBoundingClientRect();
+		return {
+			index: i,
+			side: t < a.top + a.height / 2 ? "before" : "after"
+		};
+	}
+	function i() {
+		n?.scrollFrame != null && (cancelAnimationFrame(n.scrollFrame), n.scrollFrame = null);
+	}
+	function a(e) {
+		let a = n?.scroller;
+		if (!n || !a) return;
+		let o = a.getBoundingClientRect(), s = 0;
+		if (e < o.top + 48 ? s = -12 : e > o.bottom - 48 && (s = 12), i(), s === 0) return;
+		let c = () => {
+			if (!n?.started) return;
+			a.scrollTop += s;
+			let i = r(n.startX, e);
+			i && (t.rowDropIndex = i.index, t.rowDropSide = i.side), n.scrollFrame = requestAnimationFrame(c);
+		};
+		n.scrollFrame = requestAnimationFrame(c);
+	}
+	function o(e) {
+		n?.started && e.preventDefault();
+	}
+	function s() {
+		window.removeEventListener("pointermove", l), window.removeEventListener("pointerup", u), window.removeEventListener("pointercancel", d), window.removeEventListener("touchmove", o);
+	}
+	function c(r) {
+		if (!n) return;
+		let a = n;
+		a.timer && clearTimeout(a.timer), i(), n = null, s(), a.root?.classList.remove("sv-grid-row-drag-active"), a.started && (r && t.rowDropIndex != null ? e.commitDropOnRow(t.rowDropIndex, t.rowDropSide ?? "before") : (e.clearIndicators(), e.closeBus()));
+	}
+	function l(i) {
+		if (!n || i.pointerId !== n.pointerId) return;
+		if (!n.started) {
+			Math.abs(i.clientY - n.startY) + Math.abs(i.clientX - n.startX) > 10 && c(!1);
+			return;
+		}
+		i.preventDefault();
+		let o = r(i.clientX, i.clientY);
+		o && (e.cancelPendingLeave(), t.rowDropIndex = o.index, t.rowDropSide = o.side), n.startX = i.clientX, a(i.clientY);
+	}
+	function u(e) {
+		!n || e.pointerId !== n.pointerId || c(!0);
+	}
+	function d(e) {
+		!n || e.pointerId !== n.pointerId || c(!1);
+	}
+	return {
+		start(r, i, a) {
+			if (!e.managed() || n) return;
+			let s = e.originalAt(i);
+			if (s == null) return;
+			let c = r.currentTarget;
+			n = {
+				pointerId: r.pointerId,
+				rowIndex: i,
+				startX: r.clientX,
+				startY: r.clientY,
+				started: !1,
+				timer: null,
+				scrollFrame: null,
+				scroller: c?.closest?.(".sv-grid-container") ?? null,
+				root: c?.closest?.(".sv-grid-root") ?? null
+			}, window.addEventListener("pointermove", l, { passive: !1 }), window.addEventListener("pointerup", u), window.addEventListener("pointercancel", d), window.addEventListener("touchmove", o, { passive: !1 });
+			let f = a == null ? 0 : Math.max(0, performance.now() - a);
+			n.timer = setTimeout(() => {
+				if (n) {
+					n.started = !0, n.timer = null, n.root?.classList.add("sv-grid-row-drag-active");
+					try {
+						c?.setPointerCapture?.(r.pointerId);
+					} catch {}
+					e.openBus(s), t.rowDragActive = !0, t.rowDropIndex = i, t.rowDropSide = "before";
+				}
+			}, Math.max(0, 350 - f));
+		},
+		destroy() {
+			c(!1);
+		}
+	};
+}
+//#endregion
+export { e as createTouchDrag };

package/dist/shadow/row-resize-D-8s3cqT.js

@@ -0,0 +1,94 @@
+//#region ../grid/dist/row-resize.js
+var e = "sv-grid-row-resize-handle";
+function t(t, n) {
+	let r = n, i = null;
+	function a(e) {
+		let t = e.querySelector("[data-svgrid-row]")?.dataset.svgridRow;
+		return t == null ? NaN : Number(t);
+	}
+	function o(e) {
+		if (!i) return;
+		let t = r.min ?? 20, n = r.max ?? 320, a = Math.max(t, Math.min(n, i.startHeight + (e.clientY - i.startY)));
+		i.trEl.style.height = `${Math.round(a)}px`, r.onResizeMove?.(i.rowIndex, Math.round(a));
+	}
+	function s(e) {
+		if (!i) return;
+		let t = r.min ?? 20, n = r.max ?? 320, a = Math.max(t, Math.min(n, i.startHeight + (e.clientY - i.startY)));
+		r.onResize(i.rowIndex, Math.round(a)), i.strip.classList.remove("is-resizing");
+		try {
+			i.trEl.releasePointerCapture(e.pointerId);
+		} catch {}
+		i = null, window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", s), document.body.style.cursor = "";
+	}
+	function c(t) {
+		if (r.disabled) return;
+		let n = t.target;
+		if (!n?.classList.contains(e)) return;
+		let i = t.shiftKey ? 1 : 10, o = 0;
+		if (t.key === "ArrowUp") o = -i;
+		else if (t.key === "ArrowDown") o = i;
+		else return;
+		let s = n.closest("tr.sv-grid-row");
+		if (!s) return;
+		let c = a(s);
+		if (!Number.isFinite(c)) return;
+		t.preventDefault(), t.stopPropagation();
+		let l = r.min ?? 20, u = r.max ?? 320, d = Math.round(Math.max(l, Math.min(u, s.getBoundingClientRect().height + o)));
+		s.style.height = `${d}px`, r.onResizeMove?.(c, d), r.onResize(c, d);
+	}
+	function l(t) {
+		if (r.disabled) return;
+		let n = t.target;
+		if (!n?.classList.contains(e)) return;
+		let c = n.closest("tr.sv-grid-row");
+		if (!c) return;
+		let l = a(c);
+		if (Number.isFinite(l)) {
+			t.preventDefault(), t.stopPropagation(), n.classList.add("is-resizing"), i = {
+				rowIndex: l,
+				startY: t.clientY,
+				startHeight: c.getBoundingClientRect().height,
+				trEl: c,
+				strip: n
+			};
+			try {
+				c.setPointerCapture(t.pointerId);
+			} catch {}
+			document.body.style.cursor = "row-resize", window.addEventListener("pointermove", o), window.addEventListener("pointerup", s);
+		}
+	}
+	function u() {
+		if (r.disabled) {
+			d();
+			return;
+		}
+		let n = t.querySelectorAll("tr.sv-grid-row");
+		for (let t of n) {
+			if (t.classList.contains("sv-grid-header-row") || t.classList.contains("sv-grid-row-spacer")) continue;
+			let n = t.querySelector(".sv-grid-cell.sv-row-gutter, .sv-grid-cell.sv-grid-row-number-cell") ?? (r.anchor === "row" ? t.querySelector(".sv-grid-cell") : null);
+			if (!n || n.querySelector(`:scope > .${e}`)) continue;
+			getComputedStyle(n).position === "static" && (n.style.position = "relative"), n.style.overflow = "visible";
+			let i = document.createElement("div");
+			i.className = e, i.setAttribute("role", "separator"), i.setAttribute("aria-orientation", "horizontal"), i.setAttribute("aria-label", "Resize row"), i.tabIndex = 0, i.style.cssText = "position:absolute;left:0;right:0;bottom:0;height:5px;cursor:row-resize;user-select:none;z-index:60;pointer-events:auto;", n.appendChild(i);
+		}
+	}
+	function d() {
+		t.querySelectorAll(`.${e}`).forEach((e) => e.remove());
+	}
+	t.addEventListener("pointerdown", l, { capture: !0 }), t.addEventListener("keydown", c, { capture: !0 });
+	let f = new MutationObserver(() => u());
+	return f.observe(t, {
+		childList: !0,
+		subtree: !0
+	}), u(), {
+		update(e) {
+			let t = r.disabled;
+			r = e, t !== r.disabled && u();
+		},
+		destroy() {
+			t.removeEventListener("pointerdown", l, { capture: !0 }), t.removeEventListener("keydown", c, { capture: !0 }), window.removeEventListener("pointermove", o), window.removeEventListener("pointerup", s), f.disconnect(), d();
+		}
+	};
+}
+//#endregion
+export { t as rowResize };