@svgrid/enterprise 3.0.2 → 3.1.0

package/dist/wc/dismissable-CQ6XFXsk.js

@@ -0,0 +1,45 @@
+//#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();
+	}, i = !1, a = requestAnimationFrame(() => {
+		a = null, i = !0, window.addEventListener("scroll", r, !0);
+	});
+	return () => {
+		a !== null && cancelAnimationFrame(a), a = null, i && window.removeEventListener("scroll", r, !0), i = !1;
+	};
+}
+//#endregion
+export { a as n, i as t };

package/dist/wc/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/wc/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/wc/focus-trap-Dbb2tJxb.js

@@ -0,0 +1,65 @@
+//#region ../grid/dist/a11y/focus-trap.js
+var e = [
+	"a[href]",
+	"area[href]",
+	"button:not([disabled])",
+	"input:not([disabled])",
+	"select:not([disabled])",
+	"textarea:not([disabled])",
+	"iframe",
+	"audio[controls]",
+	"video[controls]",
+	"[contenteditable]:not([contenteditable=\"false\"])",
+	"[tabindex]"
+].join(",");
+function t(e) {
+	if (e.hasAttribute("disabled") || e.getAttribute("aria-hidden") === "true" || e.hidden || e.closest("[hidden]")) return !1;
+	let t = e.style;
+	return !(t.display === "none" || t.visibility === "hidden" || typeof e.getClientRects == "function" && e.getClientRects().length === 0 && document.body.getClientRects().length > 0);
+}
+function n(n) {
+	return Array.from(n.querySelectorAll(e)).filter((e) => {
+		let n = e.getAttribute("tabindex");
+		return n !== null && Number(n) < 0 ? !1 : t(e);
+	});
+}
+function r(e, t = {}) {
+	let { initialFocus: r = "first", returnFocus: i = !0 } = t, a = null, o = !1;
+	function s() {
+		let t = r;
+		return t === "container" ? e : t === "first" ? n(e)[0] ?? e : typeof t == "function" ? t() : t;
+	}
+	function c(r) {
+		if (!o) return;
+		if (r.key === "Escape" && t.onEscape) {
+			t.onEscape(r);
+			return;
+		}
+		if (r.key !== "Tab") return;
+		let i = n(e);
+		if (!i.length) {
+			r.preventDefault(), e.focus();
+			return;
+		}
+		let a = i[0], s = i[i.length - 1], c = document.activeElement;
+		if (!e.contains(c)) {
+			r.preventDefault(), a.focus();
+			return;
+		}
+		r.shiftKey && c === a ? (r.preventDefault(), s.focus()) : !r.shiftKey && c === s && (r.preventDefault(), a.focus());
+	}
+	function l() {
+		o || (o = !0, a = document.activeElement, e.hasAttribute("tabindex") || e.setAttribute("tabindex", "-1"), document.addEventListener("keydown", c, !0), queueMicrotask(() => {
+			o && s()?.focus();
+		}));
+	}
+	function u() {
+		o && (o = !1, document.removeEventListener("keydown", c, !0), i && a?.focus?.(), a = null);
+	}
+	return {
+		activate: l,
+		release: u
+	};
+}
+//#endregion
+export { n, r as t };

package/dist/wc/list-option-DrRyivWp.js

@@ -0,0 +1,82 @@
+//#region ../grid/dist/list-option.js
+function e(e) {
+	return e ? e.map((e) => {
+		if (typeof e == "object" && e) {
+			let t = e, n = t.value ?? t.label ?? "";
+			return {
+				...t,
+				value: n,
+				label: t.label ?? String(n)
+			};
+		}
+		return {
+			value: e,
+			label: String(e)
+		};
+	}) : [];
+}
+function t(e) {
+	let t = [], n = /* @__PURE__ */ new Map();
+	return e.forEach((e, r) => {
+		let i = e.group ?? null, a = n.get(i);
+		a || (a = {
+			group: i,
+			options: []
+		}, n.set(i, a), t.push(a)), a.options.push({
+			...e,
+			index: r
+		});
+	}), t;
+}
+function n(e, n) {
+	let r = Math.max(1, n.groupHeaderHeight ?? 28), i = n.rowHeight, a = (e) => Math.max(1, typeof i == "function" ? i(e, e.index) : i), o = [], s = Array(e.length), c = !1;
+	for (let n of t(e)) {
+		n.group != null && (c = !0, o.push({
+			type: "group",
+			label: n.group,
+			size: r
+		}));
+		for (let e of n.options) s[e.index] = o.length, o.push({
+			type: "option",
+			opt: e,
+			size: a(e)
+		});
+	}
+	return {
+		entries: o,
+		hasGroups: c,
+		sizeAt: (e) => o[e]?.size ?? 0,
+		optionFlatIndex: s
+	};
+}
+function r(e, t, n) {
+	let r = t.trim().toLowerCase();
+	if (!r || !e.length) return -1;
+	let i = e.length;
+	for (let t = 1; t <= i; t++) {
+		let a = (n + t) % i, o = e[a];
+		if (o && !o.disabled && o.label.toLowerCase().startsWith(r)) return a;
+	}
+	return -1;
+}
+function i(e = 600) {
+	let t = "", n;
+	return {
+		get value() {
+			return t;
+		},
+		push(r) {
+			return t += r, n && clearTimeout(n), n = setTimeout(() => {
+				t = "";
+			}, e), t;
+		},
+		clear() {
+			t = "", n && clearTimeout(n);
+		}
+	};
+}
+function a(e) {
+	return e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && e.key !== " ";
+}
+//#endregion
+export { r as a, a as i, n, e as o, t as r, i as t };

package/dist/wc/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/wc/positioning-BiKLfu1E.js

@@ -0,0 +1,112 @@
+//#region ../grid/dist/positioning.js
+var e = {
+	top: "bottom",
+	bottom: "top",
+	left: "right",
+	right: "left"
+};
+function t(e) {
+	let [t, n] = e.split("-");
+	return {
+		side: t,
+		align: n ?? "center"
+	};
+}
+function n(n) {
+	let { side: r, align: i } = t(n);
+	return i === "center" ? e[r] : `${e[r]}-${i}`;
+}
+function r(e, t, n) {
+	return n < t || e < t ? t : e > n ? n : e;
+}
+function i(e, t, n, r, i) {
+	if (e === "top" || e === "bottom") {
+		let a = e === "top" ? n.y - r.height - i : n.y + n.height + i;
+		return {
+			x: t === "start" ? n.x : t === "end" ? n.x + n.width - r.width : n.x + n.width / 2 - r.width / 2,
+			y: a
+		};
+	}
+	return {
+		x: e === "left" ? n.x - r.width - i : n.x + n.width + i,
+		y: t === "start" ? n.y : t === "end" ? n.y + n.height - r.height : n.y + n.height / 2 - r.height / 2
+	};
+}
+function a(e, t, n, r, i, a) {
+	switch (e) {
+		case "top": return a - n;
+		case "bottom": return n + r.height - (i.height - a);
+		case "left": return a - t;
+		default: return t + r.width - (i.width - a);
+	}
+}
+function o(e) {
+	return e || (typeof window < "u" ? {
+		width: window.innerWidth,
+		height: window.innerHeight
+	} : {
+		width: 0,
+		height: 0
+	});
+}
+function s(e, s, c = {}) {
+	let l = c.offset ?? 6, u = c.padding ?? 8, d = c.flip !== !1, f = c.shift !== !1, p = o(c.viewport), m = c.placement ?? "bottom-start", h = [m];
+	if (d) {
+		h.push(n(m));
+		for (let e of c.fallbackPlacements ?? []) h.push(e);
+	}
+	let g = m, _ = Infinity;
+	for (let n of h) {
+		let { side: r, align: o } = t(n), { x: c, y: d } = i(r, o, e, s, l), f = a(r, c, d, s, p, u);
+		if (f <= 0) {
+			g = n, _ = f;
+			break;
+		}
+		f < _ && (_ = f, g = n);
+	}
+	let { side: v, align: y } = t(g), { x: b, y: x } = i(v, y, e, s, l);
+	f && (v === "top" || v === "bottom" ? b = r(b, u, p.width - u - s.width) : x = r(x, u, p.height - u - s.height));
+	let S = c.minMainAxis ?? 0, C, w;
+	if (v === "top" || v === "bottom") {
+		let t = v === "top" ? e.y - l - u : p.height - u - (e.y + e.height + l);
+		w = Math.max(S, Math.floor(t)), C = Math.max(0, p.width - 2 * u);
+	} else {
+		let t = v === "left" ? e.x - l - u : p.width - u - (e.x + e.width + l);
+		C = Math.max(S, Math.floor(t)), w = Math.max(0, p.height - 2 * u);
+	}
+	let T = {
+		x: b,
+		y: x,
+		placement: g,
+		side: v,
+		align: y,
+		maxWidth: C,
+		maxHeight: w
+	};
+	if (c.arrow) {
+		let t = c.arrow.size;
+		T.arrow = v === "top" || v === "bottom" ? { x: r(e.x + e.width / 2 - b - t / 2, u, s.width - t - u) } : { y: r(e.y + e.height / 2 - x - t / 2, u, s.height - t - u) };
+	}
+	return T;
+}
+function c(e) {
+	let t = [], n = e.parentElement;
+	for (; n;) {
+		let e = getComputedStyle(n);
+		/(auto|scroll|overlay|hidden)/.test(e.overflow + e.overflowY + e.overflowX) && t.push(n), n = n.parentElement;
+	}
+	return t;
+}
+function l(e, t, n) {
+	if (typeof window > "u") return () => {};
+	let r = c(e);
+	for (let e of r) e.addEventListener("scroll", n, { passive: !0 });
+	window.addEventListener("scroll", n, { passive: !0 }), window.addEventListener("resize", n);
+	let i;
+	return typeof ResizeObserver == "function" && (i = new ResizeObserver(n), i.observe(e), i.observe(t)), n(), () => {
+		for (let e of r) e.removeEventListener("scroll", n);
+		window.removeEventListener("scroll", n), window.removeEventListener("resize", n), i?.disconnect();
+	};
+}
+//#endregion
+export { s as n, l as t };

package/dist/wc/react.d.ts

@@ -0,0 +1,41 @@
+/**
+ * AUTO-GENERATED by scripts/generate-sheet-surface.mjs - DO NOT EDIT.
+ * Regenerate: pnpm --filter @svgrid/enterprise generate:wc
+ *
+ * Declarations for the React wrapper.
+ */
+import type { ForwardRefExoticComponent, RefAttributes } from 'react'
+export interface SvSheetProps {
+  document?: unknown
+  workbook?: unknown
+  data?: readonly unknown[]
+  gridSheets?: unknown
+  rows?: number
+  columns?: number
+  height?: number | "100%"
+  columnWidth?: number
+  rowHeight?: number
+  look?: "excel" | "theme"
+  columnWidths?: unknown
+  formats?: unknown
+  extras?: readonly unknown[]
+  localization?: unknown
+  commentAuthor?: string
+  showRibbon?: boolean
+  showFormulaBar?: boolean
+  showTabs?: boolean
+  showStatusBar?: boolean
+  presence?: readonly unknown[]
+  onAction?: (detail: { action: unknown; cmd: unknown }, event: CustomEvent) => void
+  onCellaction?: (detail: unknown, event: CustomEvent) => void
+  onReady?: (detail: { api: unknown; document: unknown }, event: CustomEvent) => void
+  onChange?: (detail: unknown, event: CustomEvent) => void
+  onPresence?: (detail: unknown, event: CustomEvent) => void
+  className?: string
+  style?: Record<string, string | number>
+}
+export interface SvSheetHandle {
+  element: (HTMLElement & Record<string, unknown>) | null
+}
+export declare const SvSheet: ForwardRefExoticComponent<SvSheetProps & RefAttributes<SvSheetHandle>>
+export default SvSheet

package/dist/wc/react.js

@@ -0,0 +1,90 @@
+import { createElement, forwardRef, useEffect, useImperativeHandle, useRef } from "react";
+import "@svgrid/enterprise/wc";
+//#region wc/react.ts
+/**
+* AUTO-GENERATED by scripts/generate-sheet-surface.mjs - DO NOT EDIT.
+* Regenerate: pnpm --filter @svgrid/enterprise generate:wc
+*
+* React wrapper for <sv-sheet>. Assigns object props (the document above all) as properties, which React <=18 would otherwise stringify onto attributes; the methods are reachable through the ref.
+*/
+var PROP_NAMES = [
+	"document",
+	"workbook",
+	"data",
+	"gridSheets",
+	"rows",
+	"columns",
+	"height",
+	"columnWidth",
+	"rowHeight",
+	"look",
+	"columnWidths",
+	"formats",
+	"extras",
+	"localization",
+	"commentAuthor",
+	"showRibbon",
+	"showFormulaBar",
+	"showTabs",
+	"showStatusBar",
+	"presence"
+];
+var EVENTS = [
+	["onAction", "action"],
+	["onCellaction", "cellaction"],
+	["onReady", "ready"],
+	["onChange", "change"],
+	["onPresence", "presence"]
+];
+var SvSheet = forwardRef(function SvSheet(props, ref) {
+	const hostRef = useRef(null);
+	const { className, style, ...rest } = props;
+	const written = useRef({});
+	useEffect(() => {
+		const el = hostRef.current;
+		if (!el) return;
+		for (const name of PROP_NAMES) {
+			const value = rest[name];
+			if (value === void 0 || Object.is(written.current[name], value)) continue;
+			written.current[name] = value;
+			el[name] = value;
+		}
+	});
+	const handlers = useRef(rest);
+	handlers.current = rest;
+	useEffect(() => {
+		const el = hostRef.current;
+		if (!el) return;
+		const bound = [];
+		for (const [handler, event] of EVENTS) {
+			const listener = (e) => {
+				const fn = handlers.current[handler];
+				fn?.(e.detail, e);
+			};
+			el.addEventListener(event, listener);
+			bound.push([event, listener]);
+		}
+		const onReady = handlers.current.onReady;
+		const api = el.api;
+		if (onReady && api != null) onReady({
+			api,
+			document: el.document
+		}, new CustomEvent("ready"));
+		return () => {
+			for (const [event, listener] of bound) el.removeEventListener(event, listener);
+		};
+	}, []);
+	useImperativeHandle(ref, () => ({ get element() {
+		return hostRef.current;
+	} }), []);
+	return createElement("sv-sheet", {
+		ref: hostRef,
+		class: className,
+		style: {
+			display: "block",
+			...style
+		}
+	});
+});
+//#endregion
+export { SvSheet, SvSheet as default };

package/dist/wc/rolldown-runtime-Dy4uBu1J.js

@@ -0,0 +1,11 @@
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+};
+//#endregion
+export { t };

package/dist/wc/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 };