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

package/cdn/assets/{CSIZpJClc66_20kP.js → BuHsbgcxlvkOHGGR.js}

@@ -1,167 +1,16 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.
 */
-import { R as e, b as t, u as n } from "./CMxbiQ5J79M3n1tk.js";
-import { r } from "./C9NyIoUahFiyRCxP.js";
-import { o as i } from "./BNsqqoZY7a4N1wWC.js";
-import { B as a, E as o, Gt as s, H as c, Mt as l, N as u, P as d, U as f, Vt as p, X as m, it as h, j as g, ot as _, x as v } from "./BoFx07POTorOb5g-.js";
-import { i as y, n as b, o as x, r as S, t as C } from "./PzWqv-oXxEuzKdaT.js";
-var w = e.PassThrough, ee = { properties: {
-	fill: m,
-	stroke: {
-		shorthand: (e) => typeof e == "string" ? { fill: e } : e?.isIStroke ? e.toJSON() : e,
-		properties: {
-			fill: m,
-			width: w,
-			lineJoin: w,
-			lineCap: w,
-			miterLimit: w,
-			headType: w,
-			headWidth: w,
-			headLength: w,
-			tailType: w,
-			tailWidth: w,
-			tailLength: w,
-			dash: w,
-			compound: w,
-			align: w
-		}
-	}
-} }, T = class {
-	constructor(e) {
-		this._h = e;
-	}
-	_parseColor(e) {
-		let t = this._h.getStyles();
-		return t ? t.parseColor(e) : new u(e);
-	}
-	_resolve(e) {
-		return b(e, this._h.getTheme(), S(this._h.getMovable()));
-	}
-	_without(e) {
-		let t = this._h.getData();
-		if (!t) return null;
-		let { [e]: n, ...r } = t;
-		return r;
-	}
-	_fillHost() {
-		return {
-			parseColor: (e) => this._parseColor(e),
-			getBaseFill: () => l(this._fillHost(), [this._resolve(this._without("fill")).fill]),
-			getResource: (e) => this._h.getResource(e),
-			updateFill: (e, t) => (this.setFill(e, t), this.getFill())
-		};
-	}
-	_strokeHost() {
-		return {
-			parseColor: (e) => this._parseColor(e),
-			getBaseStroke: () => new x(this._strokeHost(), [this._resolve(this._without("stroke")).stroke]),
-			getResource: (e) => this._h.getResource(e),
-			updateStroke: (e, t) => (this.setStroke(e, t), this.getStroke())
-		};
-	}
-	getFill() {
-		return l(this._fillHost(), [this._resolve(this._h.getData()).fill]);
-	}
-	setFill(e, n) {
-		return this.update({ fill: e }, {
-			description: t("op.setShapeFill"),
-			...n
-		});
-	}
-	setFillSolid(e) {
-		return this.update({ fill: { type: o.Type.Solid } }, {
-			description: t("op.setFillSolid"),
-			...e
-		}), this.getFill();
-	}
-	setFillGradient(e) {
-		return this.update({ fill: { type: o.Type.Gradient } }, {
-			description: t("op.setFillGradient"),
-			...e
-		}), this.getFill();
-	}
-	setFillPattern(e) {
-		return this.update({ fill: { type: o.Type.Pattern } }, {
-			description: t("op.setFillPattern"),
-			...e
-		}), this.getFill();
-	}
-	setFillNone(e) {
-		return this.update({ fill: { type: o.Type.None } }, {
-			description: t("op.setFillNone"),
-			...e
-		}), this.getFill();
-	}
-	getStroke() {
-		return new x(this._strokeHost(), [this._resolve(this._h.getData()).stroke]);
-	}
-	setStroke(e, n) {
-		return this.update({ stroke: e }, {
-			description: t("op.setShapeStroke"),
-			...n
-		});
-	}
-	setStrokeNone(e) {
-		return this.update({ stroke: { fill: { type: o.Type.None } } }, {
-			description: t("op.setShapeStroke"),
-			...e
-		}), this.getStroke();
-	}
-	update(n, r) {
-		let i = r?.description ?? t("op.setShapeStyle");
-		if (n === null) return this.clear({
-			...r,
-			description: i
-		});
-		let a = n.isIShapeStyle ? n.toJSON() ?? {} : n, o = this._h.getData(), s = {
-			fill: this._resolve(o).fill,
-			stroke: o?.stroke
-		}, c = { ...a };
-		c.stroke !== void 0 && (c.stroke = x.toModifiers(c.stroke));
-		let l = this._h.getStyles(), u = e.resolveTypedUpdates(c, ee, l, s) ?? {}, d = {};
-		return "fill" in a && (d.fill = u.fill), "stroke" in a && (d.stroke = u.stroke), Object.keys(d).length === 0 || this._h.write(d, {
-			...r,
-			description: i
-		}), this;
-	}
-	clear(e) {
-		return this.isThemed() || this._h.write({
-			fill: void 0,
-			stroke: void 0
-		}, {
-			description: t("op.clearShapeStyle"),
-			...e
-		}), this;
-	}
-	isThemed() {
-		let e = this._h.getData();
-		return !e?.fill && !e?.stroke;
-	}
-	toJSON() {
-		let e = this._h.getData(), t = {};
-		return e?.fill && (t.fill = e.fill), e?.stroke && (t.stroke = e.stroke), t.fill || t.stroke ? t : null;
-	}
-	get [Symbol.toStringTag]() {
-		return "[ShapeStyle]";
-	}
-	toString() {
-		return "[ShapeStyle]";
-	}
-	get isIShapeStyle() {
-		return !0;
-	}
-};
-function E(e, t) {
-	if (!Number.isFinite(e)) return "0";
-	let n = e.toFixed(t);
-	return n.indexOf(".") >= 0 && (n = n.replace(/\.?0+$/, "")), n === "-0" ? "0" : n;
-}
-var D = [
-	[() => import("./BAdRecWK1maKGOZd.js"), [
+import { h as e, p as t } from "./PD_ckP5IyZurtALu.js";
+import { a as n } from "./CJgN6A7fquRRWJ9h.js";
+import { H as r, Ot as i, Rt as a, T as o, U as s, Wt as c, Zt as l, c as u, et as d, p as f, q as p, r as m, u as h, ut as g } from "./u8iMUyjw60ayROFo.js";
+import { t as _ } from "./CLesyjpCdfNlo_s3.js";
+import { t as v } from "./1oQRbol_4RzeM8pE.js";
+var y = [
+	[() => import("./B8VbElyA5zbjFNs1.js"), [
 		"bentConnector2",
 		"bentConnector3",
 		"bentConnector4",
@@ -174,7 +23,7 @@ var D = [
 		"lineInv",
 		"straightConnector1"
 	]],
-	[() => import("./UTZcodQydbuMfCOS.js"), [
+	[() => import("./Jn0_AtebABdIzyQ8.js"), [
 		"rect",
 		"round1Rect",
 		"round2DiagRect",
@@ -185,7 +34,7 @@ var D = [
 		"snip2SameRect",
 		"snipRoundRect"
 	]],
-	[() => import("./px-aQ8dMjiWag_pV.js"), [
+	[() => import("./D5KlrP1rlBZO7HyP.js"), [
 		"mathDivide",
 		"mathEqual",
 		"mathMinus",
@@ -193,9 +42,9 @@ var D = [
 		"mathNotEqual",
 		"mathPlus"
 	]],
-	[() => import("./BlPn_DXaEXOPxMxC.js"), "flowChartAlternateProcess.flowChartCollate.flowChartConnector.flowChartDecision.flowChartDelay.flowChartDisplay.flowChartDocument.flowChartExtract.flowChartInputOutput.flowChartInternalStorage.flowChartMagneticDisk.flowChartMagneticDrum.flowChartMagneticTape.flowChartManualInput.flowChartManualOperation.flowChartMerge.flowChartMultidocument.flowChartOfflineStorage.flowChartOffpageConnector.flowChartOnlineStorage.flowChartOr.flowChartPredefinedProcess.flowChartPreparation.flowChartProcess.flowChartPunchedCard.flowChartPunchedTape.flowChartSort.flowChartSummingJunction.flowChartTerminator".split(".")],
-	[() => import("./J9i3r1fU0H10b2hX.js"), "bentArrow.bentUpArrow.chevron.circularArrow.curvedDownArrow.curvedLeftArrow.curvedRightArrow.curvedUpArrow.downArrow.downArrowCallout.homePlate.leftArrow.leftArrowCallout.leftCircularArrow.leftRightArrow.leftRightArrowCallout.leftRightCircularArrow.leftRightUpArrow.leftUpArrow.notchedRightArrow.quadArrow.quadArrowCallout.rightArrow.rightArrowCallout.stripedRightArrow.swooshArrow.upArrow.upArrowCallout.upDownArrow.upDownArrowCallout.uturnArrow".split(".")],
-	[() => import("./Cy00y9b9j17Txyv1.js"), [
+	[() => import("./Br1Vf_O1YcX7sOJE.js"), "flowChartAlternateProcess.flowChartCollate.flowChartConnector.flowChartDecision.flowChartDelay.flowChartDisplay.flowChartDocument.flowChartExtract.flowChartInputOutput.flowChartInternalStorage.flowChartMagneticDisk.flowChartMagneticDrum.flowChartMagneticTape.flowChartManualInput.flowChartManualOperation.flowChartMerge.flowChartMultidocument.flowChartOfflineStorage.flowChartOffpageConnector.flowChartOnlineStorage.flowChartOr.flowChartPredefinedProcess.flowChartPreparation.flowChartProcess.flowChartPunchedCard.flowChartPunchedTape.flowChartSort.flowChartSummingJunction.flowChartTerminator".split(".")],
+	[() => import("./t_7A_GdY394OUV4v.js"), "bentArrow.bentUpArrow.chevron.circularArrow.curvedDownArrow.curvedLeftArrow.curvedRightArrow.curvedUpArrow.downArrow.downArrowCallout.homePlate.leftArrow.leftArrowCallout.leftCircularArrow.leftRightArrow.leftRightArrowCallout.leftRightCircularArrow.leftRightUpArrow.leftUpArrow.notchedRightArrow.quadArrow.quadArrowCallout.rightArrow.rightArrowCallout.stripedRightArrow.swooshArrow.upArrow.upArrowCallout.upDownArrow.upDownArrowCallout.uturnArrow".split(".")],
+	[() => import("./DzF6mYUZfggTAjhM.js"), [
 		"accentBorderCallout1",
 		"accentBorderCallout2",
 		"accentBorderCallout3",
@@ -213,7 +62,7 @@ var D = [
 		"wedgeRectCallout",
 		"wedgeRoundRectCallout"
 	]],
-	[() => import("./BwOxnbR61WFJwy0A.js"), [
+	[() => import("./y-iW7vsJV47pYbw4.js"), [
 		"doubleWave",
 		"ellipseRibbon",
 		"ellipseRibbon2",
@@ -236,7 +85,7 @@ var D = [
 		"verticalScroll",
 		"wave"
 	]],
-	[() => import("./CWJzHmEgahdOfNjH.js"), [
+	[() => import("./Cnx0vOv2ePi94hMN.js"), [
 		"actionButtonBackPrevious",
 		"actionButtonBeginning",
 		"actionButtonBlank",
@@ -256,8 +105,8 @@ var D = [
 		"plaqueTabs",
 		"squareTabs"
 	]],
-	[() => import("./CZOJogyZqMfUxcXj.js"), "arc.bevel.blockArc.bracePair.bracketPair.can.chord.cloud.corner.cube.decagon.diagStripe.diamond.dodecagon.donut.ellipse.foldedCorner.frame.funnel.gear6.gear9.halfFrame.heart.heptagon.hexagon.leftBrace.leftBracket.lightningBolt.moon.noSmoking.nonIsoscelesTrapezoid.octagon.parallelogram.pentagon.pie.pieWedge.plaque.plus.rightBrace.rightBracket.rtTriangle.smileyFace.sun.teardrop.trapezoid.triangle".split(".")]
-], O = (e) => {
+	[() => import("./DKxCeh3yib-owCxs.js"), "arc.bevel.blockArc.bracePair.bracketPair.can.chord.cloud.corner.cube.decagon.diagStripe.diamond.dodecagon.donut.ellipse.foldedCorner.frame.funnel.gear6.gear9.halfFrame.heart.heptagon.hexagon.leftBrace.leftBracket.lightningBolt.moon.noSmoking.nonIsoscelesTrapezoid.octagon.parallelogram.pentagon.pie.pieWedge.plaque.plus.rightBrace.rightBracket.rtTriangle.smileyFace.sun.teardrop.trapezoid.triangle".split(".")]
+], b = (e) => {
 	let t = null;
 	return () => {
 		if (!t) {
@@ -268,7 +117,7 @@ var D = [
 		}
 		return t;
 	};
-}, k = O(() => import("./wM7DzeOpoEGBVDBe.js")), A = O(() => import("./BelX6bvQPsGuo-x3.js")), j = null, M = (e) => {
+}, x = b(() => import("./B_sANJqcUwqmlTx5.js")), S = b(() => import("./Cj2lJ05kVoDb5HGx.js")), C = null, w = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	for (let [n, r] of Object.entries(e.BUILT_IN)) {
 		let { cxn: i } = r;
@@ -281,36 +130,36 @@ var D = [
 		});
 	}
 	return t;
-}, N = () => {
-	if (j) return j;
-	j = /* @__PURE__ */ new Map();
-	for (let [e, t] of D) {
-		let n = O(() => e().then(M));
-		for (let e of t) j.set(e, n);
-	}
-	return j;
-}, P = async (e) => {
-	let t = N().get(e);
+}, T = () => {
+	if (C) return C;
+	C = /* @__PURE__ */ new Map();
+	for (let [e, t] of y) {
+		let n = b(() => e().then(w));
+		for (let e of t) C.set(e, n);
+	}
+	return C;
+}, E = async (e) => {
+	let t = T().get(e);
 	if (t) return (await t()).get(e);
-}, te = 96 / 72, F = (e) => E(e, 2), I = (e, t, n) => {
-	if (!e || e === c.LineEndType.None) return;
+}, D = 96 / 72, O = (e) => v(e, 2), k = (e, t, n) => {
+	if (!e || e === p.LineEndType.None) return;
 	let r = { type: e };
 	return t && (r.width = t), n && (r.length = n), r;
-}, L = (e) => {
+}, A = (e) => {
 	let t = e.stroke;
-	return t?.fill && t.fill.type !== o.Type.None ? R(e) / 2 * Math.SQRT2 : 0;
-}, R = (e) => Math.max(Math.max(0, e.strokeWidth) * te, 1), z = (e, t) => ({
+	return t?.fill && t.fill.type !== s.Type.None ? j(e) / 2 * Math.SQRT2 : 0;
+}, j = (e) => Math.max(Math.max(0, e.strokeWidth) * D, 1), M = (e, t) => ({
 	r: e,
 	b: t,
 	hc: e / 2,
 	vc: t / 2
-}), B = (e, t, n) => ({ ...n }), V = {
+}), N = (e, t, n) => ({ ...n }), P = {
 	pad: 0,
 	evaluate(e, t) {
-		let { r: n, b: r, hc: i, vc: a } = z(e, t);
+		let { r: n, b: r, hc: i, vc: a } = M(e, t);
 		return {
 			paths: [{
-				d: `M0 0 L${F(n)} 0 L${F(n)} ${F(r)} L0 ${F(r)} Z`,
+				d: `M0 0 L${O(n)} 0 L${O(n)} ${O(r)} L0 ${O(r)} Z`,
 				fill: "norm",
 				stroke: !0
 			}],
@@ -352,21 +201,21 @@ var D = [
 			adjustments: {}
 		};
 	},
-	adjustmentsFromHandle: B
-}, H = (e, t, n) => {
+	adjustmentsFromHandle: N
+}, F = (e, t, n) => {
 	let r = n ? { line: n } : void 0;
 	return {
 		pad: 0,
 		evaluate: (n, i, a) => e.evaluateGeometry(t, n, i, a, r),
 		adjustmentsFromHandle: (n, r, i, a, o, s) => e.adjustmentsFromHandle(t, n, r, i, a, o, s)
 	};
-}, U = async (e, t) => {
+}, I = async (e, t) => {
 	let n = e.geometry ?? "rect";
-	if (n === "rect") return V;
+	if (n === "rect") return P;
 	if (n === "line" || n === "straightConnector1") return ((e, t, n) => ({
 		pad: 0,
 		evaluate(r, i) {
-			let { r: a, b: o } = z(r, i), s = `M0 0 L${F(a)} ${F(o)}`, c = e === "line", l = [], u = {
+			let { r: a, b: o } = M(r, i), s = `M0 0 L${O(a)} ${O(o)}`, c = e === "line", l = [], u = {
 				x: 0,
 				y: 0,
 				segments: [{
@@ -421,14 +270,14 @@ var D = [
 				adjustments: {}
 			};
 		},
-		adjustmentsFromHandle: B
-	}))(n, t, t ? await A() : null);
-	if (typeof n == "object") return H(await k(), n, t);
-	if (r = n, !N().has(r)) return null;
+		adjustmentsFromHandle: N
+	}))(n, t, t ? await S() : null);
+	if (typeof n == "object") return F(await x(), n, t);
+	if (r = n, !T().has(r)) return null;
 	var r;
-	let [i, a] = await Promise.all([k(), P(n)]);
-	return a ? H(i, a, t) : null;
-}, W = class e {
+	let [i, a] = await Promise.all([x(), E(n)]);
+	return a ? F(i, a, t) : null;
+}, L = class e {
 	constructor(e, t, n, r) {
 		this._evaluator = e, this._width = t, this._height = n, this._adjustments = r, this._evaluated = e.evaluate(t, n, r);
 	}
@@ -464,9 +313,9 @@ var D = [
 					fill: i
 				});
 			};
-			for (let t of e.paths) t.d !== "" && t.fill !== "none" && t.fill !== "line" && r(t.d, C.PathLayer.Fill, t.fill);
-			for (let t of e.paths) t.d !== "" && t.stroke && r(t.d, C.PathLayer.Stroke, "norm");
-			for (let t of e.paths) t.d !== "" && t.fill === "line" && r(t.d, C.PathLayer.Marker, "norm");
+			for (let t of e.paths) t.d !== "" && t.fill !== "none" && t.fill !== "line" && r(t.d, _.PathLayer.Fill, t.fill);
+			for (let t of e.paths) t.d !== "" && t.stroke && r(t.d, _.PathLayer.Stroke, "norm");
+			for (let t of e.paths) t.d !== "" && t.fill === "line" && r(t.d, _.PathLayer.Marker, "norm");
 		})(this._evaluated, e, () => t++);
 	}
 	forEachHandle(e) {
@@ -492,28 +341,28 @@ var D = [
 	adjustmentsFromHandle(e, t, n) {
 		return this._evaluator.adjustmentsFromHandle(this._width, this._height, this._adjustments, e, t, n);
 	}
-}, G = (e) => e instanceof W ? e._getDrawnRect() : e.getPathBounds(), K = async (e, t, n, r) => {
+}, R = (e) => e instanceof L ? e._getDrawnRect() : e.getPathBounds(), z = async (e, t, n, r) => {
 	let i = await (async (e, t) => {
-		let n = b(e, t), r = await U(e, ((e) => {
+		let n = o(e, t), r = await I(e, ((e) => {
 			let t = e.stroke;
-			if (!t?.fill || t.fill.type === o.Type.None) return;
-			let n = I(t.headType, t.headWidth, t.headLength), r = I(t.tailType, t.tailWidth, t.tailLength);
+			if (!t?.fill || t.fill.type === s.Type.None) return;
+			let n = k(t.headType, t.headWidth, t.headLength), r = k(t.tailType, t.tailWidth, t.tailLength);
 			if (!n && !r) return;
-			let i = { width: R(e) };
+			let i = { width: j(e) };
 			return t.lineCap && (i.cap = t.lineCap), n && (i.head = n), r && (i.tail = r), i;
 		})(n));
 		return r ? {
 			...r,
-			pad: L(n)
+			pad: A(n)
 		} : null;
 	})(e, t);
-	return i ? new W(i, n, r, e.adjustments) : null;
-}, q = r({ Shape: () => Z }), J = Object.freeze({}), Y = /^(line|lineInv|straightConnector\d|bentConnector\d|curvedConnector\d)$/, X = () => {}, Z = class extends i {
+	return i ? new L(i, n, r, e.adjustments) : null;
+}, B = Object.freeze({}), V = /^(line|lineInv|straightConnector\d|bentConnector\d|curvedConnector\d)$/, H = () => {}, U = class extends n {
 	constructor(e) {
-		super(e), this._textSource = null, this._textFrame = null, this._resources = null, this._connectorFormat = null, this._style = null, this._drawn = null, this._drawnPending = null, this._getStyles = e.getStyles ?? null, e.json && (this._updateState({ data: e.json }), this._resources = oe(e.json, e.fromResourceId));
+		super(e), this._textSource = null, this._textFrame = null, this._resources = null, this._connectorFormat = null, this._style = null, this._drawn = null, this._drawnPending = null, this._getStyles = e.getStyles ?? null, e.json && (this._updateState({ data: e.json }), this._resources = X(e.json, e.fromResourceId));
 	}
 	_processAfterStateChange(e, t) {
-		super._processAfterStateChange(e, t), _();
+		super._processAfterStateChange(e, t), i();
 	}
 	getResource(e) {
 		return this._resources?.get(e) ?? null;
@@ -525,13 +374,13 @@ var D = [
 		let e = this._getState()?.data?.geometry;
 		return typeof e == "string" ? e : e ? "custom" : "rect";
 	}
-	setShapeType(e, r) {
+	setShapeType(n, r) {
 		let i = r?.description ?? t("op.setShapeType");
-		if (this._protectionCheck(i), !e || typeof e != "string" || e === "custom") throw new n(`Invalid shape type: ${e}.`);
-		if (this.isConnector() !== Y.test(e)) throw new n(this.isConnector() ? "A line or connector cannot be changed to another shape." : "A shape cannot be changed to a line or connector.");
+		if (this._protectionCheck(i), !n || typeof n != "string" || n === "custom") throw new e(`Invalid shape type: ${n}.`);
+		if (this.isConnector() !== V.test(n)) throw new e(this.isConnector() ? "A line or connector cannot be changed to another shape." : "A shape cannot be changed to a line or connector.");
 		let a = {
 			...this._getState()?.data ?? {},
-			geometry: e
+			geometry: n
 		};
 		delete a.adjustments;
 		let o = this._beginCommit(i);
@@ -548,11 +397,11 @@ var D = [
 	getTextFrame() {
 		let e = this._getState()?.data ?? null;
 		if (e === this._textSource) return this._textFrame;
-		let t = ae(e);
+		let t = J(e);
 		return this._textSource = e, this._textFrame = t === null ? null : Object.freeze({ getText: () => t }), this._textFrame;
 	}
 	getStyle() {
-		return this._style ? this._style : this._style = new T({
+		return this._style ? this._style : this._style = new d({
 			getData: () => this._getState()?.data ?? null,
 			getStyles: () => this._getStyles?.() ?? null,
 			getTheme: () => this._theme(),
@@ -575,7 +424,7 @@ var D = [
 		}, ["onAnyChange"]);
 	}
 	getAdjustments() {
-		return this._getState()?.data?.adjustments ?? J;
+		return this._getState()?.data?.adjustments ?? B;
 	}
 	setAdjustments(e, n) {
 		let r = n?.description ?? t("op.setShapeAdjustments");
@@ -601,10 +450,10 @@ var D = [
 		n ? r.adjustments = { ...n } : delete r.adjustments, this._updateState({ data: r }, { description: t("op.setShapeAdjustments") }, ["onAnyChange"]);
 	}
 	isConnector() {
-		return this._getState()?.data?.type === y.Type.Connector;
+		return this._getState()?.data?.type === u.Type.Connector;
 	}
 	getConnectorFormat() {
-		return this.isConnector() ? (this._connectorFormat ??= new ne(this), this._connectorFormat) : null;
+		return this.isConnector() ? (this._connectorFormat ??= new W(this), this._connectorFormat) : null;
 	}
 	async getConnectionSiteCount() {
 		let e = await this.getGeometry(), t = 0;
@@ -616,33 +465,33 @@ var D = [
 		return (this._getState()?.data)?.connectorEnds?.[e] ?? null;
 	}
 	_connectedMovable(e) {
-		let t = this._connectedEnd(e), n = this.getMovable()?.getRange().getSheet() ?? null;
-		return t && n ? g(n, t.id) : null;
-	}
-	_connect(e, r, i, o) {
-		let s = o?.description ?? t("op.connectShape");
-		this._protectionCheck(s);
-		let c = this.getMovable(), l = c?.getRange().getSheet() ?? null;
-		if (!c || !l) throw new n("A connector is glued on a sheet.");
-		if (r === c) throw new n("A connector cannot be glued to itself.");
-		if (r.getRange().getSheet() !== l) throw new n("A connector is glued to a movable on the same sheet.");
-		if (!(Number.isInteger(i) && i >= 0)) throw new n(`Invalid connection site: ${i}.`);
-		let u = this._beginCommit(s);
+		let t = this._connectedEnd(e), n = this.getMovable()?.getRange().getWorksheet() ?? null;
+		return t && n ? r(n, t.id) : null;
+	}
+	_connect(n, r, i, a) {
+		let o = a?.description ?? t("op.connectShape");
+		this._protectionCheck(o);
+		let s = this.getMovable(), u = s?.getRange().getWorksheet() ?? null;
+		if (!s || !u) throw new e("A connector is glued on a sheet.");
+		if (r === s) throw new e("A connector cannot be glued to itself.");
+		if (r.getRange().getWorksheet() !== u) throw new e("A connector is glued to a movable on the same sheet.");
+		if (!(Number.isInteger(i) && i >= 0)) throw new e(`Invalid connection site: ${i}.`);
+		let d = this._beginCommit(o);
 		try {
-			let t = {
-				id: d(r, () => a(l)),
+			let e = {
+				id: c(r, () => f(u)),
 				index: i
 			};
-			this._writeEnd(e, t, {
-				...o,
-				description: s
+			this._writeEnd(n, e, {
+				...a,
+				description: o
 			});
-			let n = () => {
-				this.isDeleted() || c.isDeleted() || this._amend(() => h(l, c, n));
+			let t = () => {
+				this.isDeleted() || s.isDeleted() || this._amend(() => l(u, s, t));
 			};
-			h(l, c, n), u.commit();
+			l(u, s, t), d.commit();
 		} catch (e) {
-			throw u.rollback(), e;
+			throw d.rollback(), e;
 		}
 	}
 	_disconnect(e, n) {
@@ -669,14 +518,14 @@ var D = [
 			if (!n) return null;
 			e ??= n.width, t ??= n.height;
 		}
-		let r = this._getState()?.data ?? {}, i = n ? re(r, n) : r, a = await K(i, this._theme(), e, t);
+		let r = this._getState()?.data ?? {}, i = n ? G(r, n) : r, a = await z(i, this._theme(), e, t);
 		return a && i === r && this._getState()?.data === i && !this._drawnPending && (this._drawn = {
 			data: i,
 			width: e,
 			height: t,
 			geometry: a,
-			rect: G(a),
-			connections: Q(a)
+			rect: R(a),
+			connections: K(a)
 		}), a;
 	}
 	_getDrawnRect(e, t, n) {
@@ -691,11 +540,11 @@ var D = [
 		};
 	}
 	getConnections(e, t, n) {
-		let r = n?.adjustments, i = this._evaluated(e, t, n?.onReady ?? X);
+		let r = n?.adjustments, i = this._evaluated(e, t, n?.onReady ?? H);
 		if (!i) return null;
 		if (r !== void 0) {
 			let n = i.geometry?.withAdjustments(r) ?? null;
-			return n ? Q(n.getWidth() === e && n.getHeight() === t ? n : n.resize(e, t)) : null;
+			return n ? K(n.getWidth() === e && n.getHeight() === t ? n : n.resize(e, t)) : null;
 		}
 		if (i.width === e && i.height === t) return i.connections;
 		let a = i.width > 0 ? e / i.width : 1, o = i.height > 0 ? t / i.height : 1;
@@ -717,12 +566,12 @@ var D = [
 					width: e,
 					height: t
 				};
-				this._drawnPending = i, K(r, this._theme(), e, t).then((e) => {
+				this._drawnPending = i, z(r, this._theme(), e, t).then((e) => {
 					this._drawnPending === i && (this._drawnPending = null, this._drawn = {
 						...i,
 						geometry: e,
-						rect: e ? G(e) : null,
-						connections: e ? Q(e) : []
+						rect: e ? R(e) : null,
+						connections: e ? K(e) : []
 					}, n());
 				}, () => {
 					this._drawnPending === i && (this._drawnPending = null);
@@ -740,7 +589,7 @@ var D = [
 	}
 	toJSON(e) {
 		let t = this._getState(), n = null;
-		return t && t.data && (n = e ? se(t.data, this._resources, e) : t.data), n;
+		return t && t.data && (n = e ? Z(t.data, this._resources, e) : t.data), n;
 	}
 	getTypeDescription() {
 		return "Shape";
@@ -760,21 +609,21 @@ var D = [
 	toString() {
 		return this.getTypeDescription();
 	}
-}, ne = class {
+}, W = class {
 	constructor(e) {
 		this._shape = e;
 	}
 	getEndPoints(e) {
-		let t = e ?? (this._shape.getMovable() ? s(this._shape.getMovable()) : null);
-		return t ? p(t) : null;
+		let t = e ?? (this._shape.getMovable() ? h(this._shape.getMovable()) : null);
+		return t ? a(t) : null;
 	}
 	placeEnds(e, t) {
-		return f(e, t, this._shape.getMovable()?.getRotation() || 0);
+		return g(e, t, this._shape.getMovable()?.getRotation() || 0);
 	}
 	getGluedRoute(e) {
-		let t = this._shape.getMovable(), n = t?.getRange().getSheet() ?? null;
+		let t = this._shape.getMovable(), n = t?.getRange().getWorksheet() ?? null;
 		if (!t || !n) return null;
-		let r = v(n, t, e ?? s, X);
+		let r = m(n, t, e ?? h, H);
 		return r ? {
 			placement: r.placement,
 			shapeType: r.route?.geometry ?? null,
@@ -783,7 +632,7 @@ var D = [
 	}
 	getConnectorType() {
 		let e = this._shape.getShapeType();
-		return e.startsWith("bentConnector") ? y.ConnectorType.Elbow : e.startsWith("curvedConnector") ? y.ConnectorType.Curved : y.ConnectorType.Straight;
+		return e.startsWith("bentConnector") ? u.ConnectorType.Elbow : e.startsWith("curvedConnector") ? u.ConnectorType.Curved : u.ConnectorType.Straight;
 	}
 	isStartConnected() {
 		return this._shape._connectedEnd("start") !== null;
@@ -815,25 +664,25 @@ var D = [
 	endDisconnect(e) {
 		this._shape._disconnect("end", e);
 	}
-}, re = (e, t) => {
+}, G = (e, t) => {
 	let n = { ...e };
 	return t.shapeType !== void 0 && (n.geometry = t.shapeType), t.adjustments === null ? delete n.adjustments : t.adjustments !== void 0 && (n.adjustments = { ...t.adjustments }), n;
-}, Q = (e) => {
+}, K = (e) => {
 	let t = [];
 	return e.forEachConnection((e) => t.push(e)), t;
-}, ie = (e) => e.runs.map((e) => e.text ?? "").join(""), ae = (e) => e && e.text ? ((e) => {
-	let t = e.paragraphs.map(ie), n = 0, r = t.length;
+}, q = (e) => e.runs.map((e) => e.text ?? "").join(""), J = (e) => e && e.text ? ((e) => {
+	let t = e.paragraphs.map(q), n = 0, r = t.length;
 	for (; n < r && t[n].trim() === "";) n++;
 	for (; r > n && t[r - 1].trim() === "";) r--;
 	return t.slice(n, r).join("\n");
-})(e.text) : null, $ = (e) => {
+})(e.text) : null, Y = (e) => {
 	let t = e.fill;
-	return t?.type === o.Type.Image ? t : void 0;
-}, oe = (e, t) => {
-	let n = $(e)?.resId, r = n === void 0 ? void 0 : t?.(n);
+	return t?.type === s.Type.Image ? t : void 0;
+}, X = (e, t) => {
+	let n = Y(e)?.resId, r = n === void 0 ? void 0 : t?.(n);
 	return r ? /* @__PURE__ */ new Map([[n, r]]) : null;
-}, se = (e, t, n) => {
-	let r = $(e);
+}, Z = (e, t, n) => {
+	let r = Y(e);
 	if (r?.resId === void 0) return e;
 	let i = t?.get(r.resId), a = (i ? n(i) : null) ?? void 0;
 	if (a === r.resId) return e;
@@ -846,4 +695,4 @@ var D = [
 		}
 	};
 };
-export { E as n, q as t };
+export { U as Shape };

package/{browser/esm/C3r_9RqlWrEmlXZ1.mjs → cdn/assets/Bx9qg5bL1Fzbvk1z.js}

@@ -1,5 +1,5 @@
 /**
-* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.10
+* @license @sheetxl/studio-vanilla - SheetXL Studio - Vanilla entry point for integrating SheetXL UI. - v0.8.0-beta.11
 *
 * (C) 2026-present SheetXL Inc. & Michael T. Ford
 * License: The license can be found at https://www.sheetxl.com/license.