@sheetxl/studio-vanilla 0.8.0-beta.1 → 0.8.0-beta.10

package/browser/esm/BaEZmurTZnX_yfKD.mjs

@@ -0,0 +1,1082 @@
+/**
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+*
+* (C) 2026-present SheetXL Inc. & Michael T. Ford
+* License: The license can be found at https://www.sheetxl.com/license.
+*/
+import { r as e } from "./DLqc11Pf8vaE4Q5B.mjs";
+import { i as t, n, r } from "./C4VT6lNbpaDXCpBb.mjs";
+import { V as i, b as a } from "./CMxbiQ5J79M3n1tk.mjs";
+import { l as o, z as s } from "./BThOwSja2ra4xejQ.mjs";
+import { n as c } from "./BCWTI3jdTPG37r8W.mjs";
+import { t as l } from "./DNCqTF9EbT-U1TdV.mjs";
+import { L as u, R as d, a as f, tt as p } from "./DAprxR00V9qvNLL2.mjs";
+import { n as m, t as h } from "./Cw-4uoMuq_m7ziA3.mjs";
+import { n as g } from "./_MPToH4oMe4rhTdZ.mjs";
+import { E as _, H as v, N as y, bt as b, ct as x } from "./CWoPWWRwMgkGPFFP.mjs";
+import { a as S, t as C } from "./Clx8vvGDOTWK_M2l.mjs";
+var w = e(t(), 1), T = e(r(), 1), ee = (e, t) => {
+	let n = t;
+	if (t && typeof t == "object") {
+		let e = t;
+		if (e.type === _.Type.None) return "transparent";
+		if (e.type === _.Type.Solid) n = e.color;
+		else if (e.type === _.Type.Pattern) n = e.foreground;
+		else if (e.type === _.Type.Gradient) {
+			let t = e.stops?.[0];
+			n = typeof t == "string" ? t : t?.color;
+		} else n = void 0;
+	}
+	if (typeof n == "string" && n) try {
+		return (e ? e.parseColor(n) : new y(n))?.toCSS("adaptive") ?? void 0;
+	} catch {
+		return;
+	}
+}, te = {
+	top: "flex-start",
+	center: "center",
+	bottom: "flex-end",
+	justify: "space-between",
+	distributed: "space-around"
+}, E = {
+	left: "left",
+	center: "center",
+	right: "right",
+	justify: "justify",
+	justifyLow: "justify",
+	distributed: "justify",
+	thaiDistributed: "justify"
+}, ne = {
+	left: 9.6,
+	top: 4.8,
+	right: 9.6,
+	bottom: 4.8
+}, D = (e, t) => e ? "percent" in e ? e.percent / 100 * 1.2 : `${e.points}pt` : t, O = (e, t, n) => {
+	let r = [];
+	t.underline && t.underline !== "none" && r.push("underline"), t.strike && t.strike !== "none" && r.push("line-through");
+	let i = t.font?.family ?? t.font?.fallbacks?.[0];
+	return {
+		fontSize: typeof t.size == "number" ? `${t.size}pt` : void 0,
+		fontWeight: t.weight,
+		fontStyle: t.style === b.Style.Italic ? "italic" : void 0,
+		textDecoration: r.length ? r.join(" ") : void 0,
+		fontFamily: i,
+		color: ee(e, t.color) ?? n ?? void 0,
+		letterSpacing: typeof t.letterSpacing == "number" ? `${t.letterSpacing}pt` : void 0,
+		verticalAlign: typeof t.baseline == "number" && t.baseline !== 0 ? `${t.baseline}%` : void 0,
+		fontVariant: t.capitals === "small" ? "small-caps" : void 0,
+		textTransform: t.capitals === "all" ? "uppercase" : void 0,
+		backgroundColor: t.highlight ? ee(e, t.highlight) : void 0
+	};
+}, re = (0, w.memo)(({ text: e, styles: t, color: n }) => {
+	let r = e.body, i = {
+		...ne,
+		...r?.insets
+	}, a = e.listStyle?.levels?.[0] ?? e.listStyle?.default, o = (0, w.useMemo)(() => ({
+		display: "flex",
+		flexDirection: "column",
+		justifyContent: te[r?.anchor ?? "top"],
+		alignItems: r?.anchorCenter ? "center" : "stretch",
+		boxSizing: "border-box",
+		width: "100%",
+		height: "100%",
+		padding: `${i.top}px ${i.right}px ${i.bottom}px ${i.left}px`,
+		whiteSpace: r?.wrap === "none" ? "pre" : "pre-wrap",
+		overflowX: (r?.horizontalOverflow ?? S.TEXT_DEFAULTS.horizontalOverflow) === x.Overflow.Visible ? "visible" : "hidden",
+		overflowY: (r?.verticalOverflow ?? S.TEXT_DEFAULTS.verticalOverflow) === x.Overflow.Visible ? "visible" : "hidden",
+		fontSize: `${S.TEXT_DEFAULTS.size}pt`,
+		writingMode: r?.vertical === x.WritingMode.Vertical || r?.vertical === x.WritingMode.EastAsianVertical ? "vertical-rl" : r?.vertical === x.WritingMode.Vertical270 ? "vertical-lr" : void 0,
+		color: n ?? void 0
+	}), [
+		r,
+		i.top,
+		i.right,
+		i.bottom,
+		i.left,
+		n
+	]);
+	return (0, T.jsx)("div", {
+		className: "shape-text",
+		style: o,
+		children: e.paragraphs.map((r, i) => {
+			let o = r.level ? e.listStyle?.levels?.[r.level] : a, s = {
+				...o?.defaultRun,
+				...r.defaultRun
+			}, c = r.bullet ?? o?.bullet, l = {
+				textAlign: E[r.align ?? o?.align ?? "left"],
+				marginLeft: r.marginLeft ?? o?.marginLeft,
+				marginRight: r.marginRight ?? o?.marginRight,
+				textIndent: r.indent ?? o?.indent,
+				marginTop: D(r.spaceBefore, void 0),
+				marginBottom: D(r.spaceAfter, void 0),
+				lineHeight: D(r.lineSpacing, 1.2),
+				minHeight: "1.2em",
+				direction: r.rightToLeft ? "rtl" : void 0,
+				...O(t, s, void 0)
+			}, u = r.runs.length ? r.runs : r.endRun ? [{
+				text: "",
+				...r.endRun
+			}] : [];
+			return (0, T.jsxs)("div", {
+				className: "shape-paragraph",
+				style: l,
+				children: [c?.type === "char" && c.char ? (0, T.jsx)("span", {
+					style: { marginRight: "0.4em" },
+					children: c.char
+				}) : null, u.map((e, r) => {
+					if (e.text === "\n") return (0, T.jsx)("br", {}, r);
+					let { text: i, field: a, ...o } = e;
+					return (0, T.jsx)("span", {
+						style: O(t, {
+							...s,
+							...o
+						}, n),
+						children: i
+					}, r);
+				})]
+			}, i);
+		})
+	});
+});
+re.displayName = "ShapeText";
+var ie = e(n(), 1), ae = 96 / 72, k = (e, t) => {
+	if (typeof e != "string" || !e) return null;
+	try {
+		return (t ? t.parseColor(e) : new y(e))?.toCSS("adaptive") ?? null;
+	} catch {
+		return null;
+	}
+}, oe = (e, t) => {
+	if (!e) return null;
+	switch (e.type) {
+		case _.Type.None: return null;
+		case _.Type.Solid: return k(e.color, t);
+		case _.Type.Gradient: {
+			let n = e.stops?.[0];
+			return k(typeof n == "string" ? n : n?.color, t);
+		}
+		case _.Type.Pattern: return k(e.foreground ?? e.background, t);
+		case _.Type.Image:
+		default: return null;
+	}
+}, A = {
+	[v.DashStyle.Solid]: null,
+	[v.DashStyle.Dot]: [1, 3],
+	[v.DashStyle.Dash]: [4, 3],
+	[v.DashStyle.DashDot]: [
+		4,
+		3,
+		1,
+		3
+	],
+	[v.DashStyle.LongDash]: [8, 3],
+	[v.DashStyle.LongDashDot]: [
+		8,
+		3,
+		1,
+		3
+	],
+	[v.DashStyle.LongDashDotDot]: [
+		8,
+		3,
+		1,
+		3,
+		1,
+		3
+	],
+	[v.DashStyle.SysDot]: [1, 1],
+	[v.DashStyle.SysDash]: [3, 1],
+	[v.DashStyle.SysDashDot]: [
+		3,
+		1,
+		1,
+		1
+	],
+	[v.DashStyle.SysDashDotDot]: [
+		3,
+		1,
+		1,
+		1,
+		1,
+		1
+	]
+}, se = (e) => {
+	if (Array.isArray(e)) {
+		let t = e.map((e) => Math.max(0, e) / 100);
+		return t.length > 0 && t.some((e) => e > 0) ? t : null;
+	}
+	return (e && A[e]) ?? null;
+}, j = (e) => Math.max(0, Math.min(1, e ?? 0)), ce = (e, t) => {
+	let n = e.stops ?? [];
+	if (n.length < 2) return null;
+	let r = n.length - 1, i = [];
+	for (let e = 0; e < n.length; e++) {
+		let a = n[e], o = k(typeof a == "string" ? a : a?.color, t);
+		if (!o) return null;
+		let s = typeof a == "object" && typeof a.offset == "number" ? a.offset : e / r;
+		i.push({
+			offset: j(s),
+			color: o
+		});
+	}
+	if (i.sort((e, t) => e.offset - t.offset), (e.gradientType ?? _.GradientType.Linear) === _.GradientType.Linear) return {
+		kind: "linear",
+		angle: (((e.angle ?? 0) - 90) % 360 + 360) % 360,
+		scaled: e.scaled ?? !0,
+		stops: i
+	};
+	let a = e.focus, o = j(a?.left), s = j(a?.top), c = j(a?.right), l = j(a?.bottom);
+	if (o > c || s > l) return null;
+	let u = (o + c) / 2, d = (s + l) / 2, f = Math.max(u, 1 - u), p = Math.max(d, 1 - d);
+	return {
+		kind: "radial",
+		cx: u,
+		cy: d,
+		r: Math.hypot(f, p),
+		stops: i
+	};
+}, le = S.inheritedGroupFill, ue = /[MLQCAZ]|[-+]?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?/g, M = {
+	M: 1,
+	L: 1,
+	Q: 2,
+	C: 3,
+	A: 1,
+	Z: 0
+}, N = (e) => String(Math.round(1e5 * e) / 1e5), P = (e) => {
+	let t = e.match(ue) ?? [], n = [], r = [], i = [], a = {
+		x: 0,
+		y: 0
+	}, o = null, s = 0, c = null;
+	for (; s < t.length;) {
+		let e = t[s];
+		if (M[e] !== void 0) c = e, s++;
+		else if (c === "M") c = "L";
+		else if (c === null || c === "Z") break;
+		if (c === "Z") {
+			o &&= (r.push({
+				from: a,
+				to: o
+			}), i.push(a), n.push({
+				c,
+				pts: []
+			}), a = o, null);
+			continue;
+		}
+		let l = c === "A" ? t.slice(s, s + 5) : void 0;
+		l && (s += 5);
+		let u = [];
+		for (let e = 0; e < M[c]; e++) u.push({
+			x: Number(t[s++]),
+			y: Number(t[s++])
+		});
+		let d = u[u.length - 1];
+		if (!d || Number.isNaN(d.x) || Number.isNaN(d.y)) break;
+		c === "M" ? (o && i.push(a), o = d, i.push(d)) : (c === "L" && r.push({
+			from: a,
+			to: d
+		}), o || (o = a, i.push(a))), n.push({
+			c,
+			pts: u,
+			arc: l
+		}), a = d;
+	}
+	return o && i.push(a), {
+		cmds: n,
+		straight: r,
+		ends: i
+	};
+}, F = (e) => {
+	let t = [];
+	for (let n of e) {
+		let e = n.pts.map((e) => `${N(e.x)} ${N(e.y)}`).join(" ");
+		t.push(n.c === "Z" ? "Z" : `${n.c}${n.arc ? `${n.arc.join(" ")} ` : ""}${e}`);
+	}
+	return t.join(" ");
+}, I = 1e-6, L = (e, t, n, r, i) => {
+	let a = r ? (i - e) * t.zoom : e * t.zoom, o = s.snapLineCenter(a, n, t.dpr);
+	return r ? i - o / t.zoom : o / t.zoom;
+}, R = (e, t, n) => {
+	let r = P(e), i = r.ends.map((e) => ({
+		x: e.x,
+		y: e.y
+	})), a = n * t.zoom, o = [];
+	for (let e of r.straight) {
+		let t = Math.abs(e.to.y - e.from.y) < I;
+		t !== Math.abs(e.to.x - e.from.x) < I && o.push({
+			seg: e,
+			level: t,
+			at: t ? e.from.y : e.from.x
+		});
+	}
+	for (let { seg: e, level: n, at: r } of o) n ? e.from.y = e.to.y = L(r, t, a, t.flipV, t.height) : e.from.x = e.to.x = L(r, t, a, t.flipH, t.width);
+	let s = [];
+	return r.ends.forEach((e, t) => {
+		let n = {
+			x: e.x - i[t].x,
+			y: e.y - i[t].y
+		};
+		n.x === 0 && n.y === 0 || s.push({
+			at: i[t],
+			by: n
+		});
+	}), {
+		d: F(r.cmds),
+		ends: s
+	};
+}, z = (e, t) => {
+	if (t.length === 0) return e;
+	let n = P(e), r = [], i = null, a = /* @__PURE__ */ new Set(), o = () => {
+		if (!i) return;
+		let e = null, n = 1 / 0;
+		for (let r of t) {
+			let t = Math.hypot(r.at.x - i.x, r.at.y - i.y);
+			t < n && (e = r, n = t);
+		}
+		for (let t of r) a.has(t) || (a.add(t), t.x += e.by.x, t.y += e.by.y);
+		r = [], i = null;
+	};
+	for (let e of n.cmds) {
+		e.c === "M" && (o(), i = e.pts[0]);
+		for (let t of e.pts) r.push(t);
+	}
+	return o(), F(n.cmds);
+}, B = /* @__PURE__ */ new WeakMap(), de = (e, t, n, r) => {
+	let i = t.stops.map((e, t) => (0, T.jsx)("stop", {
+		offset: e.offset,
+		stopColor: e.color
+	}, t));
+	if (t.kind === "linear") {
+		let a = t.angle * Math.PI / 180, o = Math.cos(a), s = Math.sin(a);
+		if (t.scaled) {
+			o *= n, s *= r;
+			let e = Math.hypot(o, s) || 1;
+			o /= e, s /= e;
+		}
+		let c = (Math.abs(n * o) + Math.abs(r * s)) / 2, l = n / 2, u = r / 2;
+		return (0, T.jsx)("linearGradient", {
+			id: e,
+			gradientUnits: "userSpaceOnUse",
+			x1: l - c * o,
+			y1: u - c * s,
+			x2: l + c * o,
+			y2: u + c * s,
+			children: i
+		}, e);
+	}
+	return (0, T.jsx)("radialGradient", {
+		id: e,
+		gradientUnits: "userSpaceOnUse",
+		cx: t.cx * n,
+		cy: t.cy * n,
+		r: t.r * n,
+		gradientTransform: `scale(1 ${r / n})`,
+		children: i
+	}, e);
+}, V = (0, w.memo)(({ paths: e, style: t, width: n, height: r, zoom: a, grid: o, hit: c }) => {
+	let l = (0, w.useId)().replace(/[^A-Za-z0-9_-]/g, ""), u = ((e) => {
+		let [t, n] = (0, w.useState)(null);
+		return (0, w.useEffect)(() => {
+			if (!e) return;
+			let t = !0;
+			return ((e) => {
+				let t = B.get(e);
+				return t || (t = (async () => {
+					let t = await e.getExternalURI();
+					if (t) return t;
+					let [n, r] = await Promise.all([e.toBuffer(), e.getType()]);
+					return `data:${r?.mime ?? "image/png"};base64,${i.arrayBufferToBase64(n)}`;
+				})(), B.set(e, t)), t;
+			})(e).then((r) => {
+				t && n({
+					resource: e,
+					url: r
+				});
+			}, () => {}), () => {
+				t = !1;
+			};
+		}, [e]), e && t?.resource === e ? t.url : null;
+	})(t.image?.resource ?? null), d = ((e, t, n = 1) => {
+		let r = (t > 0 ? t : 1) * (n > 0 ? n : 1);
+		return Math.max(1, Math.round(Math.max(0, e || 0) * r)) / r;
+	})(t.strokeWidth, a, o?.dpr ?? s.getDevicePixelRatio()), f = n > 0 && r > 0, p = f ? t.gradient ?? null : null, m = f ? t.strokeGradient ?? null : null, h = t.image ? u ? `url(#${l}-image)` : null : p ? `url(#${l}-fill)` : t.fill, g = m ? `url(#${l}-stroke)` : t.stroke, _ = t.stroke !== null && d > 0, v = _ ? ((e, t, n) => {
+		if (!(e && t > 0)) return;
+		let r = n !== "butt", i = e.map((e, n) => {
+			let i = e * t;
+			return r ? n % 2 == 0 ? Math.max(0, i - t) : i + t : i;
+		});
+		return i.length % 2 == 1 && i.push(r ? t : 0), i.map((e) => +e.toFixed(3)).join(" ");
+	})(t.dash, d, t.lineCap) : void 0, y = (0, w.useMemo)(() => ((e, t, n) => {
+		let r = /* @__PURE__ */ new Map();
+		if (!t) return r;
+		let i = /* @__PURE__ */ new Map(), a = [];
+		for (let o of e) {
+			if (o.layer !== C.PathLayer.Stroke) continue;
+			let e = i.get(o.d);
+			if (e === void 0) {
+				let r = R(o.d, t, n);
+				e = r.d, i.set(o.d, e), a.push(...r.ends);
+			}
+			r.set(o.index, e);
+		}
+		for (let t of e) if (t.layer === C.PathLayer.Fill) {
+			let e = i.get(t.d);
+			e !== void 0 && r.set(t.index, e);
+		} else t.layer === C.PathLayer.Marker && r.set(t.index, z(t.d, a));
+		return r;
+	})(e, _ ? o : null, d), [
+		e,
+		_,
+		o,
+		d
+	]), b = /* @__PURE__ */ new Set(), x = [];
+	for (let n of e) {
+		let e = `p${n.index}`, r = y.get(n.index) ?? n.d;
+		switch (n.layer) {
+			case C.PathLayer.Fill:
+				if (h === null) break;
+				n.fill !== "norm" && b.add(n.fill), x.push((0, T.jsx)("path", {
+					d: r,
+					fill: h,
+					filter: n.fill === "norm" ? void 0 : `url(#${l}-${n.fill})`,
+					stroke: "none",
+					pointerEvents: c
+				}, e));
+				break;
+			case C.PathLayer.Stroke: {
+				if (!_) break;
+				let n = 8 / (a > 0 ? a : 1);
+				c !== "none" && n > d && x.push((0, T.jsx)("path", {
+					className: "shape-hit",
+					d: r,
+					fill: "none",
+					stroke: "transparent",
+					strokeWidth: n,
+					strokeLinejoin: "round",
+					strokeLinecap: "round",
+					pointerEvents: "stroke"
+				}, `${e}-hit`)), x.push((0, T.jsx)("path", {
+					d: r,
+					fill: "none",
+					stroke: g,
+					strokeWidth: d,
+					strokeLinejoin: t.lineJoin,
+					strokeLinecap: t.lineCap,
+					strokeMiterlimit: t.lineJoin === "miter" ? t.miterLimit : void 0,
+					strokeDasharray: v,
+					pointerEvents: c === "none" ? "none" : "visibleStroke"
+				}, e));
+				break;
+			}
+			case C.PathLayer.Marker: _ && x.push((0, T.jsx)("path", {
+				d: r,
+				fill: g,
+				stroke: "none",
+				pointerEvents: c
+			}, e));
+		}
+	}
+	let S = [];
+	for (let e of b) {
+		let [t, n] = C.FillTransfer[e];
+		S.push((0, T.jsx)("filter", {
+			id: `${l}-${e}`,
+			colorInterpolationFilters: "sRGB",
+			children: (0, T.jsxs)("feComponentTransfer", { children: [
+				(0, T.jsx)("feFuncR", {
+					type: "linear",
+					slope: t,
+					intercept: n
+				}),
+				(0, T.jsx)("feFuncG", {
+					type: "linear",
+					slope: t,
+					intercept: n
+				}),
+				(0, T.jsx)("feFuncB", {
+					type: "linear",
+					slope: t,
+					intercept: n
+				})
+			] })
+		}, e));
+	}
+	if (p && !t.image && S.push(de(`${l}-fill`, p, n, r)), m && _ && S.push(de(`${l}-stroke`, m, n, r)), t.image && u) {
+		let e = t.image.fill.stretch ?? {}, i = n * (e.left ?? 0) / 100, a = r * (e.top ?? 0) / 100, o = Math.max(0, n - i - n * (e.right ?? 0) / 100), s = Math.max(0, r - a - r * (e.bottom ?? 0) / 100);
+		S.push((0, T.jsx)("pattern", {
+			id: `${l}-image`,
+			patternUnits: "userSpaceOnUse",
+			x: 0,
+			y: 0,
+			width: Math.max(n, 1),
+			height: Math.max(r, 1),
+			children: (0, T.jsx)("image", {
+				href: u,
+				x: i,
+				y: a,
+				width: o,
+				height: s,
+				preserveAspectRatio: "none"
+			})
+		}, "image"));
+	}
+	return (0, T.jsxs)(T.Fragment, { children: [S.length > 0 ? (0, T.jsx)("defs", { children: S }) : null, x] });
+});
+V.displayName = "PathRun";
+var fe = (0, w.memo)(({ geometry: e, style: t, zoom: n, grid: r = null, hit: i }) => {
+	let a = (0, w.useMemo)(() => {
+		let t = [];
+		return e.forEachPath((e) => t.push(e)), t;
+	}, [e]);
+	return (0, T.jsx)(V, {
+		paths: a,
+		style: t,
+		width: e.getWidth(),
+		height: e.getHeight(),
+		zoom: n,
+		grid: r,
+		hit: i
+	});
+});
+fe.displayName = "ShapePaths";
+var pe = (0, w.memo)(({ handles: e, width: t, height: n, zoom: r, onDrag: i }) => {
+	let a = (0, w.useRef)(null), o = (0, w.useRef)(null), [s, c] = (0, w.useState)(!1), l = (0, w.useCallback)((e) => {
+		let t = a.current, n = t?.getScreenCTM();
+		if (!t || !n) return null;
+		let r = new DOMPoint(e.clientX, e.clientY).matrixTransform(n.inverse());
+		return {
+			x: r.x,
+			y: r.y
+		};
+	}, []), u = (0, w.useCallback)((e, t) => {
+		e.button === 0 && (e.stopPropagation(), e.preventDefault(), o.current = {
+			index: t,
+			pointerId: e.pointerId
+		}, e.currentTarget.setPointerCapture(e.pointerId), c(!0));
+	}, []), d = (0, w.useCallback)((e) => {
+		let t = o.current;
+		if (!t || t.pointerId !== e.pointerId) return;
+		e.stopPropagation();
+		let n = l(e);
+		n && i(t.index, n.x, n.y, "move");
+	}, [l, i]), f = (0, w.useCallback)((e) => {
+		let t = o.current;
+		if (!t || t.pointerId !== e.pointerId) return;
+		e.stopPropagation(), o.current = null, c(!1);
+		let n = l(e);
+		n ? i(t.index, n.x, n.y, "end") : i(t.index, 0, 0, "cancel");
+	}, [l, i]), p = (0, w.useCallback)((e) => {
+		let t = o.current;
+		t && t.pointerId === e.pointerId && (o.current = null, c(!1), i(t.index, 0, 0, "cancel"));
+	}, [i]);
+	if (!(e.length !== 0 && t > 0 && n > 0)) return null;
+	let m = r > 0 ? r : 1, h = 4.5 / m;
+	return (0, T.jsx)("svg", {
+		ref: a,
+		className: s ? "shape-handles movable-gesture" : "shape-handles",
+		viewBox: `0 0 ${t} ${n}`,
+		width: "100%",
+		height: "100%",
+		preserveAspectRatio: "none",
+		overflow: "visible",
+		style: {
+			position: "absolute",
+			left: 0,
+			top: 0,
+			display: "block",
+			pointerEvents: "none",
+			touchAction: "none"
+		},
+		children: e.map((e) => (0, T.jsxs)("g", {
+			className: "shape-handle",
+			style: { "--shape-scale": m },
+			children: [(0, T.jsx)("circle", {
+				cx: e.x,
+				cy: e.y,
+				r: h,
+				fill: "#ffc000",
+				stroke: "#7f6000",
+				strokeWidth: 1 / m,
+				style: { pointerEvents: "none" }
+			}), (0, T.jsx)("circle", {
+				className: "shape-handle-hit",
+				cx: e.x,
+				cy: e.y,
+				r: h,
+				fill: "transparent",
+				style: {
+					pointerEvents: "all",
+					cursor: "crosshair",
+					touchAction: "none"
+				},
+				onPointerDown: (t) => u(t, e.index),
+				onPointerMove: d,
+				onPointerUp: f,
+				onPointerCancel: p,
+				onMouseDown: (e) => e.stopPropagation()
+			})]
+		}, e.index))
+	});
+});
+pe.displayName = "ShapeHandles";
+var H = (e, t) => e > 0 || t > 0, me = (e, t, n) => !e || e.getWidth() === t && e.getHeight() === n ? e : H(t, n) ? e.resize(t, n) : null, he = (e) => {
+	let t = [];
+	return e.forEachConnection((e) => t.push(e)), t;
+}, U = (0, w.memo)((0, w.forwardRef)((e, t) => {
+	let { children: n, disabled: r, style: i, shape: u, movable: f, zoom: p = 1, isDragging: m, onHide: h, onShow: v, onDragZone: y, adornmentHost: b, flip: x, gesture: C, debugGeometry: ee = !1, ...te } = e, E = l()?.getStyles() ?? null, [ne, D] = (0, w.useReducer)((e) => e + 1, 0);
+	c(u, { onAnyChange: D }), c(f ?? null, {
+		onBoundsChange: D,
+		onSelectionChange: D
+	});
+	let O = u.toJSON(), { width: A, height: j, rotation: ue, content: M } = ((e) => {
+		let [t] = d("movable-drag", null), n = e ? t?.[e.getId()] : void 0, r = n?.bounds ?? e?.getBounds();
+		return {
+			width: r?.width ?? 0,
+			height: r?.height ?? 0,
+			rotation: n?.rotation ?? (e?.getRotation() || 0),
+			content: n?.content ?? null
+		};
+	})(f), N = u.getShapeType(), P = u.getAdjustments(), F = H(A, j), [I, L] = (0, w.useState)(null), R = (0, w.useRef)(0);
+	(0, w.useEffect)(() => {
+		if (!F) return void L(null);
+		let e = ++R.current, t = u.getShapeType();
+		u.getGeometry(A, j).then((n) => {
+			R.current === e && L(n ? {
+				shapeType: t,
+				geometry: n
+			} : null);
+		}, () => {
+			R.current === e && L(null);
+		});
+	}, [
+		u,
+		A,
+		j,
+		ne
+	]);
+	let z = M?.shapeType !== void 0 && M.shapeType !== N ? M.shapeType : null, [B, de] = (0, w.useState)(null);
+	(0, w.useEffect)(() => {
+		if (!z || !F || B?.shapeType === z) return;
+		let e = !0;
+		return u.getGeometry(A, j, { shapeType: z }).then((t) => {
+			e && t && de({
+				shapeType: z,
+				geometry: t
+			});
+		}, () => {}), () => {
+			e = !1;
+		};
+	}, [
+		u,
+		z,
+		F
+	]);
+	let V = (0, w.useMemo)(() => {
+		let e = I?.shapeType === N ? I : B?.shapeType === N ? B : null;
+		return e ? me(e.geometry, A, j)?.withAdjustments(P) ?? null : me(I?.geometry ?? null, A, j);
+	}, [
+		I,
+		B,
+		N,
+		P,
+		A,
+		j
+	]), U = (0, w.useCallback)((e) => u.getResource(e), [u]);
+	(0, w.useEffect)(() => {
+		let e = [];
+		for (let t = f?.getParent() ?? null; t; t = t.getParent()) e.push(t.getContent().addListeners({ onAnyChange: D }));
+		return () => {
+			for (let t of e) t();
+		};
+	}, [f]);
+	let W = le(f), G = (0, w.useMemo)(() => ((e, t, n, r) => {
+		let i = null;
+		try {
+			i = t?.getTheme()?.toJSON() ?? null;
+		} catch {
+			i = null;
+		}
+		let a, o = S.resolve(e, i, r), { fill: s, stroke: c } = o, l = oe(c?.fill, t), u = c?.fill?.type === _.Type.Gradient ? ce(c.fill, t) ?? void 0 : void 0, d = oe(s, t), f = s?.type === _.Type.Gradient ? ce(s, t) ?? void 0 : void 0;
+		if (s?.type === _.Type.Image) {
+			let e = s.resId === void 0 ? null : n?.(s.resId) ?? null;
+			e && (a = {
+				resource: e,
+				fill: s
+			});
+		}
+		return {
+			fill: d,
+			gradient: f,
+			image: a,
+			stroke: l,
+			strokeGradient: u,
+			strokeWidth: l ? Math.max(0, o.strokeWidth) * ae : 0,
+			lineJoin: c?.lineJoin ?? "miter",
+			lineCap: c?.lineCap ?? "butt",
+			miterLimit: typeof c?.miterLimit == "number" ? c.miterLimit : 18.5,
+			dash: se(c?.dash),
+			textColor: k(o.fontColor, t)
+		};
+	})(O, E, U, W), [
+		O,
+		E,
+		U,
+		W
+	]), [ge, K] = (0, w.useState)(null), q = M?.adjustments === void 0 ? ge ?? void 0 : M.adjustments, J = (0, w.useMemo)(() => {
+		if (z && B?.shapeType !== z) return V;
+		let e = z ? me(B.geometry, A, j) : V;
+		return e && q !== void 0 ? e.withAdjustments(q) : e;
+	}, [
+		V,
+		z,
+		B,
+		A,
+		j,
+		q
+	]), Y = (0, w.useRef)(null), [_e, ve] = (0, w.useState)(!1), ye = (0, w.useCallback)((e, t, n, i) => {
+		if (i === "cancel") return Y.current && (Y.current = null, ve(!1), C?.cancel()), void K(null);
+		if (!J || !V) return;
+		let o = J.adjustmentsFromHandle(e, t, n);
+		if (i === "move") {
+			if (C && !r) {
+				if (!Y.current) {
+					let e = { adjustments: o };
+					if (!C.start(a("op.setShapeAdjustments"), (t) => {
+						t.getContent().setAdjustments(e.adjustments);
+					})) return;
+					Y.current = e, ve(!0);
+				}
+				Y.current.adjustments = o, C.preview({ content: { adjustments: o } });
+				return;
+			}
+			K(o);
+			return;
+		}
+		let s = Y.current;
+		if (s) return Y.current = null, ve(!1), s.adjustments = o, void C?.finish();
+		K(null), r || u.setAdjustments(o);
+	}, [
+		J,
+		V,
+		u,
+		r,
+		C
+	]), be = (0, w.useMemo)(() => {
+		let e = [];
+		return J?.forEachHandle((t) => e.push(t)), e;
+	}, [J]), xe = o(t, () => ({ isShapeEditor: () => !0 }), []), Se = x ?? f?.getFlip(), X = Se?.horizontal ?? !1, Z = Se?.vertical ?? !1, Ce = ue % 360 != 0, we = (0, w.useMemo)(() => !Ce && H(A, j) ? {
+		dpr: s.getDevicePixelRatio(),
+		zoom: p,
+		width: A,
+		height: j,
+		flipH: X,
+		flipV: Z
+	} : null, [
+		Ce,
+		p,
+		A,
+		j,
+		X,
+		Z
+	]);
+	if (u.isDeleted() || !O) return null;
+	let Te = i?.pointerEvents === "none", Ee = Te ? "none" : "visiblePainted", De = !Te && !r && (!m || _e) && !!f?.isSelected(), Oe = {
+		transform: X || Z ? `scale(${X ? -1 : 1}, ${Z ? -1 : 1})` : void 0,
+		transformOrigin: "center"
+	}, Q = null;
+	De && be.length > 0 && (Q = (0, T.jsx)(pe, {
+		handles: be,
+		width: A,
+		height: j,
+		zoom: p,
+		onDrag: ye
+	}), b && (Q = (0, ie.createPortal)((0, T.jsx)("div", {
+		className: "shape-adornment",
+		style: {
+			position: "absolute",
+			left: 0,
+			top: 0,
+			width: "100%",
+			height: "100%",
+			...Oe,
+			pointerEvents: "none"
+		},
+		children: Q
+	}), b)));
+	let ke = X === Z ? void 0 : "scaleX(-1)", $ = J?.getTextRect(), Ae = O.text, je = !!Ae && Ae.paragraphs.some((e) => e.runs.some((e) => e.text !== ""));
+	return (0, T.jsxs)("div", {
+		className: "shape-editor",
+		...te,
+		ref: xe,
+		style: {
+			width: "100%",
+			height: "100%",
+			position: "relative",
+			overflow: "visible",
+			filter: r ? "blur(1px)" : void 0,
+			...Oe,
+			...i,
+			pointerEvents: "none"
+		},
+		children: [
+			H(A, j) ? (0, T.jsxs)("svg", {
+				className: "shape-geometry",
+				viewBox: `0 0 ${A > 0 ? A : 1 / p} ${j > 0 ? j : 1 / p}`,
+				width: A > 0 ? "100%" : "1px",
+				height: j > 0 ? "100%" : "1px",
+				preserveAspectRatio: "none",
+				overflow: "visible",
+				style: {
+					position: "absolute",
+					left: 0,
+					top: 0,
+					display: "block",
+					pointerEvents: "none",
+					filter: De ? "drop-shadow(1px 1px 2px rgba(0,0,0,.15))" : void 0
+				},
+				children: [J ? (0, T.jsx)(fe, {
+					geometry: J,
+					style: G,
+					zoom: p,
+					grid: we,
+					hit: Ee
+				}) : null, ee && J && $ ? (0, T.jsxs)("g", {
+					pointerEvents: "none",
+					children: [(0, T.jsx)("rect", {
+						x: $.l,
+						y: $.t,
+						width: Math.max(0, $.r - $.l),
+						height: Math.max(0, $.b - $.t),
+						fill: "none",
+						stroke: "#c00",
+						strokeWidth: 1 / p,
+						strokeDasharray: `${4 / p} ${2 / p}`
+					}), he(J).map((e) => (0, T.jsx)("rect", {
+						x: e.x - 3 / p,
+						y: e.y - 3 / p,
+						width: 6 / p,
+						height: 6 / p,
+						fill: "#0a0"
+					}, e.index))]
+				}) : null]
+			}) : null,
+			je && $ ? (0, T.jsx)("div", {
+				className: "shape-text-frame",
+				style: {
+					position: "absolute",
+					left: $.l,
+					top: $.t,
+					width: Math.max(0, $.r - $.l),
+					height: Math.max(0, $.b - $.t),
+					zoom: p,
+					transform: ke,
+					transformOrigin: "center",
+					pointerEvents: Te ? "none" : "auto",
+					color: G.textColor ?? void 0
+				},
+				children: (0, T.jsx)(g, {
+					movable: f,
+					disabled: !0,
+					style: {
+						fontFamily: "Calibri, Carlito, sans-serif",
+						fontSize: "11pt",
+						lineHeight: 1.2,
+						padding: 0
+					},
+					contentStyle: {
+						padding: 0,
+						overflow: "hidden"
+					},
+					children: (0, T.jsx)(re, {
+						text: Ae,
+						styles: E,
+						color: G.textColor
+					})
+				})
+			}) : null,
+			Q
+		]
+	});
+}));
+U.displayName = "ShapeEditor";
+var W = (e, t) => {
+	let n = [t.horizontal ? 1 : -1, t.vertical ? 1 : -1];
+	return e === "start" ? n : [-n[0], -n[1]];
+}, G = (e) => {
+	let t = e.getBounds();
+	return t ? {
+		bounds: t,
+		rotation: e.getRotation() || 0,
+		flip: e.getFlip()
+	} : null;
+}, ge = (e, t, n) => {
+	let { x: r, y: i, width: a, height: o } = e.bounds, s = -(e.rotation || 0) * Math.PI / 180, c = t.x - (r + a / 2), l = t.y - (i + o / 2), u = c * Math.cos(s) - l * Math.sin(s), d = c * Math.sin(s) + l * Math.cos(s);
+	return Math.abs(u) <= a / 2 + n && Math.abs(d) <= o / 2 + n;
+}, K = (0, w.memo)((e) => {
+	let { movable: t, flip: n, isDragging: r = !1, gesture: i } = e, o = p(), s = u(h, null), [, l] = (0, w.useReducer)((e) => e + 1, 0), d = t.getContent();
+	c(d, { onAnyChange: l });
+	let f = d.getConnectorFormat(), m = (0, w.useRef)(null), g = (0, w.useCallback)((e) => {
+		let t = o?.getPanePointFromPointer(e.clientX, e.clientY);
+		if (!o || !t) return null;
+		let n = o.toAbsoluteBounds({
+			x: t.x,
+			y: t.y,
+			width: 0,
+			height: 0
+		});
+		return {
+			x: n.x,
+			y: n.y
+		};
+	}, [o]), _ = (0, w.useCallback)((e) => {
+		if (e.button !== 0) return;
+		e.stopPropagation(), e.preventDefault();
+		let n = e.currentTarget.dataset.end, r = G(t);
+		if (!r || !o) return;
+		let c = {
+			pointerId: e.pointerId,
+			end: n,
+			placement: r,
+			candidates: [],
+			hit: null
+		};
+		i.start(a("op.connectShape"), (e) => {
+			let t = e.getContent().getConnectorFormat();
+			if (!t) return;
+			let r = c.hit, i = n === "start" ? t.getStartConnectedMovable() : t.getEndConnectedMovable(), a = n === "start" ? t.getStartConnectionSite() : t.getEndConnectionSite();
+			(r ? i !== r.target || a !== r.index : i !== null) && (r ? n === "start" ? t.startConnect(r.target, r.index) : t.endConnect(r.target, r.index) : n === "start" ? t.startDisconnect() : t.endDisconnect());
+		}) && (c.candidates = ((e) => {
+			let t = e.getRange().getSheet(), n = /* @__PURE__ */ new Set([e]);
+			for (let t = e.getParent(); t; t = t.getParent()) n.add(t);
+			let r = [];
+			for (let e of t.getMovables().getItems({ deep: !0 })) {
+				if (n.has(e) || e.isHidden()) continue;
+				let t = G(e);
+				t && r.push({
+					movable: e,
+					placement: t
+				});
+			}
+			return r;
+		})(t), m.current = c, e.currentTarget.setPointerCapture(e.pointerId), s({
+			connector: t.getId(),
+			target: null,
+			index: null
+		}));
+	}, [
+		t,
+		o,
+		i,
+		s
+	]), v = (0, w.useCallback)((e) => {
+		let n = m.current;
+		if (!n || n.pointerId !== e.pointerId) return;
+		e.stopPropagation();
+		let r = g(e);
+		if (!r) return;
+		let a = ((e, t, n) => {
+			let r = 8 / n, i = 10 / n, a = null, o = 1 / 0;
+			for (let { movable: n, placement: s } of t) {
+				let t = n.getConnectionSites(s);
+				if (!t || t.length === 0) continue;
+				let c = ge(s, e, r);
+				for (let r of t) {
+					let t = Math.hypot(r.x - e.x, r.y - e.y);
+					(c || t <= i) && t < o && (a = {
+						target: n,
+						index: r.index,
+						x: r.x,
+						y: r.y
+					}, o = t);
+				}
+			}
+			return a;
+		})(r, n.candidates, o?.getZoom() || 1);
+		n.hit = a;
+		let c = t.getContent().getConnectorFormat(), l = c?.getEndPoints(n.placement);
+		if (!c || !l) return;
+		let u = l[n.end === "start" ? "end" : "start"];
+		l[n.end] = a ? {
+			x: a.x,
+			y: a.y
+		} : e.shiftKey ? ((e, t, n = 15) => {
+			let r = t.x - e.x, i = t.y - e.y;
+			if (r === 0 && i === 0) return t;
+			let a = n * Math.PI / 180, o = Math.round(Math.atan2(i, r) / a) * a, s = Math.abs(Math.cos(o)) < 1e-12 ? 0 : Math.cos(o), c = Math.abs(Math.sin(o)) < 1e-12 ? 0 : Math.sin(o), l = r * s + i * c;
+			return {
+				x: e.x + l * s,
+				y: e.y + l * c
+			};
+		})(u, r) : r;
+		let d = c.placeEnds(l.start, l.end);
+		s({
+			connector: t.getId(),
+			target: a ? a.target.getId() : null,
+			index: a ? a.index : null
+		}), i.preview({
+			bounds: d.bounds,
+			flip: d.flip,
+			grip: {
+				kind: "resize",
+				direction: W(n.end, d.flip)
+			}
+		});
+	}, [
+		g,
+		o,
+		t,
+		i,
+		s
+	]), y = (0, w.useCallback)((e) => {
+		let t = m.current;
+		t && t.pointerId === e.pointerId && (e.stopPropagation(), m.current = null, s(null), i.finish());
+	}, [i, s]), b = (0, w.useCallback)((e) => {
+		let t = m.current;
+		t && t.pointerId === e.pointerId && (m.current = null, s(null), i.cancel());
+	}, [i, s]);
+	return (0, T.jsx)("div", {
+		className: [
+			"movable-control",
+			"connector",
+			r ? "dragging" : null
+		].filter(Boolean).join(" "),
+		children: ["start", "end"].map((e) => {
+			let t = W(e, n), r = e === "start" ? !!f?.isStartConnected() : !!f?.isEndConnected();
+			return (0, T.jsx)("div", {
+				className: r ? "movable-control-handle connector-end glued" : "movable-control-handle connector-end",
+				"data-end": e,
+				style: {
+					left: 50 * (t[0] + 1) + "%",
+					top: 50 * (t[1] + 1) + "%"
+				},
+				onPointerDown: _,
+				onPointerMove: v,
+				onPointerUp: y,
+				onPointerCancel: b
+			}, e);
+		})
+	});
+});
+K.displayName = "ConnectorControl";
+var q = (0, w.memo)((e) => e.movable.getContent().isConnector() ? (0, T.jsx)(K, { ...e }) : (0, T.jsx)(f, { ...e }));
+q.displayName = "ShapeControl";
+var J = {
+	renderer: (e) => (0, T.jsx)(U, {
+		...e,
+		shape: e.movable.getContent()
+	}),
+	control: q,
+	commands: (e, t) => {
+		let { sheet: n, movable: r, notifier: i } = t, o = r.getContent();
+		e.use(m({
+			transaction: n,
+			notifier: i
+		})), e.updateCommand("changeShape", {
+			disabledReasons: o.getConnectorFormat() ? [a("reason.connectorShape")] : [],
+			callback: (e) => {
+				let t = typeof e == "object" && e ? e.geometry : e;
+				o.setShapeType(typeof t == "string" ? t : "rect");
+			}
+		});
+	}
+};
+export { J as ShapeKind };