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

package/cdn/assets/{CFBgmXap8kmumhoz.js → CELW1QxGUlPfcuHG.js}

@@ -1,14 +1,14 @@
 /**
-* @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 { C as e, P as t, b as n, o as r, u as i } from "./CMxbiQ5J79M3n1tk.js";
-import { o as a } from "./BNsqqoZY7a4N1wWC.js";
-import { Ft as o, dt as s, ft as c, vt as l } from "./BoFx07POTorOb5g-.js";
-import { D as u, Kt as d, Qt as f, Yt as p, at as m, gt as h, ut as g } from "./DuAbY54w5gJpQgss.js";
-var _ = class extends d {
+import { W as e, c as t, h as n, p as r, w as i } from "./PD_ckP5IyZurtALu.js";
+import { a } from "./CJgN6A7fquRRWJ9h.js";
+import { It as o, Q as s, ft as c, n as l } from "./u8iMUyjw60ayROFo.js";
+import { Jt as u, Vt as d, ci as f, gr as p, jn as m, nn as h, vr as g } from "./D97AuczhOIBnqMXI.js";
+var _ = class extends p {
 	constructor(e) {
 		super(e), this._optionsMember = e;
 	}
@@ -25,7 +25,7 @@ var _ = class extends d {
 		return !!super.isDeleted() || ((this._optionsMovable?.getParent?.())?.isDeleted() ?? !1);
 	}
 	getAnchorType() {
-		return p.Type.Absolute;
+		return h.Type.Absolute;
 	}
 	setAnchorType(e) {
 		return this;
@@ -61,14 +61,14 @@ var _ = class extends d {
 		let t = this._acceptRotation(e);
 		if (t === null) return this;
 		e = t;
-		let r = this._getDrawnPlacement();
-		if (!r || e === r.rotation) return this;
+		let n = this._getDrawnPlacement();
+		if (!n || e === n.rotation) return this;
 		let i = this._optionsMember.unplace({
-			...r,
+			...n,
 			rotation: e
 		});
 		if (!i) return this;
-		let a = n("op.setMovableRotation"), o = this._beginCommit(a);
+		let a = r("op.setMovableRotation"), o = this._beginCommit(a);
 		try {
 			this._updateState({
 				rotation: i.rotation,
@@ -80,24 +80,24 @@ var _ = class extends d {
 		return this;
 	}
 	setFlip(e, t) {
-		let r = this._getDrawnPlacement();
-		if (!r) return this;
+		let n = this._getDrawnPlacement();
+		if (!n) return this;
 		let i = this._acceptFlip({
-			horizontal: e.horizontal ?? r.flip.horizontal,
-			vertical: e.vertical ?? r.flip.vertical
+			horizontal: e.horizontal ?? n.flip.horizontal,
+			vertical: e.vertical ?? n.flip.vertical
 		});
 		if (!i) return this;
 		let { horizontal: a, vertical: o } = i;
-		if (a === r.flip.horizontal && o === r.flip.vertical) return this;
+		if (a === n.flip.horizontal && o === n.flip.vertical) return this;
 		let s = this._optionsMember.unplace({
-			...r,
+			...n,
 			flip: {
 				horizontal: a,
 				vertical: o
 			}
 		});
 		if (!s) return this;
-		let c = t?.description ?? n("op.setMovableFlip"), l = this._beginCommit(c);
+		let c = t?.description ?? r("op.setMovableFlip"), l = this._beginCommit(c);
 		try {
 			this._updateState({
 				flipH: s.flip.horizontal,
@@ -110,24 +110,24 @@ var _ = class extends d {
 	}
 	_getAnchorBounds() {
 		let e = this._getDrawnPlacement();
-		return e ? o(e.bounds, e.rotation) : null;
+		return e ? l(e.bounds, e.rotation) : null;
 	}
 	_setAnchorBounds(e) {
 		let t = this._getDrawnPlacement();
 		if (!t) return;
-		let r = this._optionsMember.unplace({
+		let n = this._optionsMember.unplace({
 			...t,
-			bounds: o(e, t.rotation)
+			bounds: l(e, t.rotation)
 		});
-		if (!r) return;
+		if (!n) return;
 		let i = this._getLocalPlacement();
-		i && s.isSameBounds(i.bounds, r.bounds) || (this._updateState({ pixelBounds: r.bounds }, { description: n("op.updateMovableBounds") }, ["onBoundsChange"]), this._optionsMember.onMemberPlacementChange?.());
+		i && s.isSameBounds(i.bounds, n.bounds) || (this._updateState({ pixelBounds: n.bounds }, { description: r("op.updateMovableBounds") }, ["onBoundsChange"]), this._optionsMember.onMemberPlacementChange?.());
 	}
 	_processContainerLayout() {
 		this._getEmitter().notify("onBoundsChange"), this._forwardLayout();
 	}
-	_fromJSON(e) {
-		let r = e.anchor?.tl ?? t.EmptyObject, i = e.anchor?.br ?? t.EmptyObject;
+	_fromJSON(t) {
+		let n = t.anchor?.tl ?? e.EmptyObject, i = t.anchor?.br ?? e.EmptyObject;
 		this._updateState({
 			offsets: {
 				tl: {
@@ -139,36 +139,36 @@ var _ = class extends d {
 					y: 0
 				}
 			},
-			hidden: e.hidden ?? !1,
-			rotation: e.rotation ?? 0,
-			flipH: e.flipH ?? !1,
-			flipV: e.flipV ?? !1,
-			lockAspectRatio: e.lockAspect ?? null,
-			locks: e.locks ?? null,
-			anchorType: p.Type.Absolute,
+			hidden: t.hidden ?? !1,
+			rotation: t.rotation ?? 0,
+			flipH: t.flipH ?? !1,
+			flipV: t.flipV ?? !1,
+			lockAspectRatio: t.lockAspect ?? null,
+			locks: t.locks ?? null,
+			anchorType: h.Type.Absolute,
 			pixelBounds: {
-				x: r.x ?? 0,
-				y: r.y ?? 0,
+				x: n.x ?? 0,
+				y: n.y ?? 0,
 				width: i.x ?? 0,
 				height: i.y ?? 0
 			}
-		}, { description: n("op.loadMovable") });
+		}, { description: r("op.loadMovable") });
 	}
 	_getAnchorJSON() {
-		let e = this._getState()?.pixelBounds ?? {
+		let t = this._getState()?.pixelBounds ?? {
 			x: 0,
 			y: 0,
 			width: 0,
 			height: 0
-		}, n = (e) => t.roundAccurately(e, 2);
+		}, n = (t) => e.roundAccurately(t, 2);
 		return {
 			tl: {
-				x: n(e.x),
-				y: n(e.y)
+				x: n(t.x),
+				y: n(t.y)
 			},
 			br: {
-				x: n(e.width),
-				y: n(e.height)
+				x: n(t.width),
+				y: n(t.height)
 			}
 		};
 	}
@@ -194,18 +194,19 @@ var _ = class extends d {
 		return this._group._getMembers().length;
 	}
 	add(e) {
-		if (!e) throw new i("No movable options provided");
+		if (!e) throw new n("No movable options provided");
 		return this._group._addMember(e);
 	}
-	_insertNow(e) {
-		return this._group._insertMember(e);
+	_prepare(e) {
+		if (!e) throw new n("No movable options provided");
+		return this._group._prepareMember(e);
 	}
-	async addPicture(e, t) {
-		let r = this._group.getMovable();
-		if (!r) throw new i("The group is not placed.");
-		let a = r.getRange().getSheet().getResources().add(e);
-		return this.add({
-			description: n("op.insertImage"),
+	_preparePicture(e, t) {
+		let i = this._group.getMovable();
+		if (!i) throw new n("The group is not placed.");
+		let a = i.getRange().getWorksheet().getResources().add(e);
+		return this._group._prepareMember({
+			description: r("op.insertImage"),
 			...t,
 			type: "picture",
 			json: {
@@ -215,14 +216,20 @@ var _ = class extends d {
 			fromResourceId: () => a
 		});
 	}
+	_insertNow(e) {
+		return this._group._insertMember(e);
+	}
+	async addPicture(e, t) {
+		return this._insertNow(await this._preparePicture(e, t));
+	}
 	group(e, t) {
 		return this._group._groupMembers(e, t);
 	}
 	updateSelected(e, t) {
-		let r = this._group._getMembers().filter((e) => e.isSelected());
-		r.length !== 0 && this._group.doBatch(() => {
-			for (let t of r) e(t);
-		}, { description: t ?? n("op.updateMovables") });
+		let n = this._group._getMembers().filter((e) => e.isSelected());
+		n.length !== 0 && this._group.doBatch(() => {
+			for (let t of n) e(t);
+		}, { description: t ?? r("op.updateMovables") });
 	}
 	_notifyChange() {
 		this._notifyCollectionChange();
@@ -270,24 +277,24 @@ var _ = class extends d {
 		let n = [];
 		for (let e of this._members_()) {
 			let t = e._getLocalPlacement();
-			t && n.push(o(t.bounds, t.rotation));
+			t && n.push(l(t.bounds, t.rotation));
 		}
 		let r = s.unionBounds(n);
 		if (!r) return;
 		let i = this._childBounds();
 		if (s.isSameBounds(r, i)) return;
-		let a = i.width > 0 ? t.bounds.width / i.width : 1, c = i.height > 0 ? t.bounds.height / i.height : 1, l = s.placeInParent(t, i, s.flatPlacement({
+		let a = i.width > 0 ? t.bounds.width / i.width : 1, o = i.height > 0 ? t.bounds.height / i.height : 1, c = s.placeInParent(t, i, s.flatPlacement({
 			x: r.x + r.width / 2,
 			y: r.y + r.height / 2,
 			width: 0,
 			height: 0
-		})).bounds, u = r.width * a, d = r.height * c, f = this._getState();
+		})).bounds, u = r.width * a, d = r.height * o, f = this._getState();
 		this._updateState({ data: {
 			...f.data,
 			childBounds: r
 		} }), e.setBounds({
-			x: l.x - u / 2,
-			y: l.y - d / 2,
+			x: c.x - u / 2,
+			y: c.y - d / 2,
 			width: u,
 			height: d
 		});
@@ -326,21 +333,21 @@ var _ = class extends d {
 	async ungroup(e) {
 		let t = this.getMovable();
 		if (!t || this.isDeleted()) return [];
-		let r = e?.description ?? n("op.ungroupDrawings");
-		this._protectionCheck(r);
-		let i = t.getRange().getSheet(), a = g(i.getView().getMovableSelection());
+		let n = e?.description ?? r("op.ungroupDrawings");
+		this._protectionCheck(n);
+		let i = t.getRange().getWorksheet(), a = m(i.getView().getMovableSelection());
 		return await this.doBatch(() => {
-			let t = this._free(this._members_(), r);
+			let t = this._free(this._members_(), n);
 			this.delete(e);
-			let n = this._transactions.getPendingTransaction();
-			return n && h(n, i, t, {
+			let r = this._transactions.getPendingTransaction();
+			return r && g(r, i, t, {
 				autoSelect: e?.autoSelect ?? !0,
 				autoSelectRestore: e?.autoSelectRestore
 			}, a), t;
-		}, { description: r });
+		}, { description: n });
 	}
 	_free(e, t) {
-		let n = this.getMovable(), r = n.getParent()?.getMovables() ?? n.getRange().getSheet().getMovables(), i = n.getZIndex(), a = this._createOptions.beginPersistResource();
+		let n = this.getMovable(), r = n.getParent()?.getMovables() ?? n.getRange().getWorksheet().getMovables(), i = n.getZIndex(), a = this._createOptions.beginPersistResource();
 		try {
 			return e.map((e, n) => {
 				let o = e.toJSON(a.toResourceId.bind(a)), c = s.placementOf(e), l = r._insertNow({
@@ -376,16 +383,16 @@ var _ = class extends d {
 			y: 0,
 			width: e,
 			height: t
-		}), a = this._childBounds(), o = 1 / 0, u = 1 / 0, d = -1 / 0, f = -1 / 0, p = !1;
+		}), a = this._childBounds(), l = 1 / 0, u = 1 / 0, d = -1 / 0, f = -1 / 0, p = !1;
 		for (let e of r) {
 			if (e.isHidden()) continue;
 			let t = e._getLocalPlacement();
 			if (!t) continue;
-			let r = s.placeInParent(i, a, t), m = e.getContent(), h = c(m) ? m._getDrawnRect(r.bounds.width, r.bounds.height, n) : null, g = l(r.bounds, h, r.rotation, r.flip);
-			o = Math.min(o, g.x), u = Math.min(u, g.y), d = Math.max(d, g.x + g.width), f = Math.max(f, g.y + g.height), p = !0;
+			let r = s.placeInParent(i, a, t), m = e.getContent(), h = c(m) ? m._getDrawnRect(r.bounds.width, r.bounds.height, n) : null, g = o(r.bounds, h, r.rotation, r.flip);
+			l = Math.min(l, g.x), u = Math.min(u, g.y), d = Math.max(d, g.x + g.width), f = Math.max(f, g.y + g.height), p = !0;
 		}
 		return p ? {
-			l: o,
+			l,
 			t: u,
 			r: d,
 			b: f
@@ -398,27 +405,30 @@ var _ = class extends d {
 		return this._getState()?.members ?? C;
 	}
 	async _addMember(e) {
-		if (!e?.type) throw new i("A member needs a type.");
-		return this._protectionCheck(n("op.insertDrawing")), await m({
+		return this._insertMember(await this._prepareMember(e));
+	}
+	async _prepareMember(e) {
+		if (!e?.type) throw new n("A member needs a type.");
+		return this._protectionCheck(r("op.insertDrawing")), await f({
 			type: e.type,
 			json: e.json
-		}), this._insertMember(e);
+		}), e;
 	}
 	_insertMember(e) {
-		if (!e?.type) throw new i("A member needs a type.");
-		this._protectionCheck(n("op.insertDrawing"));
-		let t = this._drawnPlacement(), r = {
+		if (!e?.type) throw new n("A member needs a type.");
+		this._protectionCheck(r("op.insertDrawing"));
+		let t = this._drawnPlacement(), i = {
 			...t?.bounds ?? this._childBounds(),
 			...e.bounds
 		}, a = t ? s.placeInChild(t, this._childBounds(), {
-			bounds: r,
+			bounds: i,
 			rotation: e.rotation ?? 0,
 			flip: {
 				horizontal: !1,
 				vertical: !1
 			}
 		}) : {
-			bounds: r,
+			bounds: i,
 			rotation: e.rotation ?? 0,
 			flip: {
 				horizontal: !1,
@@ -443,7 +453,7 @@ var _ = class extends d {
 		e.name && (o.content.name = e.name);
 		let c = e.altText;
 		c && (o.content.description = c), a.rotation && (o.rotation = a.rotation), a.flip.horizontal && (o.flipH = !0), a.flip.vertical && (o.flipV = !0);
-		let l = this._beginCommit(e.description ?? n("op.insertDrawing"));
+		let l = this._beginCommit(e.description ?? r("op.insertDrawing"));
 		try {
 			let t = this._createMember(o, e.fromResourceId), n = this._members_().slice();
 			return n.splice(Math.max(0, Math.min(n.length, e.zIndex ?? n.length)), 0, t), this._updateState({ members: n }), this._rebound(), l.commit(), this._members._notifyChange(), t;
@@ -451,19 +461,19 @@ var _ = class extends d {
 			throw l.rollback(), e;
 		}
 	}
-	async _groupMembers(e, t) {
-		let a = t?.description ?? n("op.groupDrawings");
-		if (this._protectionCheck(a), !e || e.length < 2) throw new i(r("error.movable.groupTooFew"));
-		let c = this._members_();
-		for (let t of e) if (!c.includes(t)) throw new i(r("error.movable.groupNotSameGroup"));
-		let l = c.filter((t) => e.includes(t));
-		if (l.length === c.length) throw new i(r("error.movable.groupWholeGroup"));
+	async _groupMembers(e, i) {
+		let a = i?.description ?? r("op.groupDrawings");
+		if (this._protectionCheck(a), !e || e.length < 2) throw new n(t("error.movable.groupTooFew"));
+		let o = this._members_();
+		for (let r of e) if (!o.includes(r)) throw new n(t("error.movable.groupNotSameGroup"));
+		let c = o.filter((t) => e.includes(t));
+		if (c.length === o.length) throw new n(t("error.movable.groupWholeGroup"));
 		let u = this.getMovable();
-		if (!u) throw new i("The group is not placed.");
-		let d = u.getRange().getSheet(), f = g(d.getView().getMovableSelection()), p = s.unionBounds(l.map((e) => {
+		if (!u) throw new n("The group is not placed.");
+		let d = u.getRange().getWorksheet(), f = m(d.getView().getMovableSelection()), p = s.unionBounds(c.map((e) => {
 			let t = e._getLocalPlacement();
-			return o(t.bounds, t.rotation);
-		})), m = this._createOptions.beginPersistResource();
+			return l(t.bounds, t.rotation);
+		})), h = this._createOptions.beginPersistResource();
 		try {
 			let e = {
 				anchor: {
@@ -480,39 +490,39 @@ var _ = class extends d {
 					type: "group",
 					json: {
 						childBounds: { ...p },
-						members: l.map((e) => e.toJSON(m.toResourceId.bind(m)))
+						members: c.map((e) => e.toJSON(h.toResourceId.bind(h)))
 					}
 				}
 			};
-			t?.name && (e.content.name = t.name);
-			let n = this._beginCommit(a);
+			i?.name && (e.content.name = i.name);
+			let t = this._beginCommit(a);
 			try {
-				for (let e of l) e.unselect();
-				let r = this._createMember(e, m.fromResourceId.bind(m)), i = l[l.length - 1], a = [];
-				for (let e of c) e === i ? a.push(r) : l.includes(e) || a.push(e);
+				for (let e of c) e.unselect();
+				let n = this._createMember(e, h.fromResourceId.bind(h)), r = c[c.length - 1], a = [];
+				for (let e of o) e === r ? a.push(n) : c.includes(e) || a.push(e);
 				this._updateState({ members: a });
-				for (let e of l) e.getContent().delete();
-				return this._rebound(), h(n, d, [r], {
-					autoSelect: t?.autoSelect ?? !0,
-					autoSelectRestore: t?.autoSelectRestore
-				}, f), n.commit(), this._members._notifyChange(), r;
+				for (let e of c) e.getContent().delete();
+				return this._rebound(), g(t, d, [n], {
+					autoSelect: i?.autoSelect ?? !0,
+					autoSelectRestore: i?.autoSelectRestore
+				}, f), t.commit(), this._members._notifyChange(), n;
 			} catch (e) {
-				throw n.rollback(), e;
+				throw t.rollback(), e;
 			}
 		} finally {
-			m.endPersist();
+			h.endPersist();
 		}
 	}
 	_removeMember(e, t) {
-		let r = this._members_();
-		if (!r.includes(e)) return;
+		let n = this._members_();
+		if (!n.includes(e)) return;
 		e.unselect();
-		let i = this._beginCommit(t?.description ?? n("op.deleteDrawing"));
+		let i = this._beginCommit(t?.description ?? r("op.deleteDrawing"));
 		try {
-			let a = r.filter((t) => t !== e);
+			let a = n.filter((t) => t !== e);
 			if (this._updateState({ members: a }), a.length === 1 && this.getMovable()) {
-				let e = a[0], r = e.isSelected(), [o] = this._free(a, t?.description ?? n("op.deleteDrawing"));
-				this.delete(t), r && h(i, o.getRange().getSheet(), [o], { autoSelect: !0 }, [e]);
+				let e = a[0], n = e.isSelected(), [o] = this._free(a, t?.description ?? r("op.deleteDrawing"));
+				this.delete(t), n && g(i, o.getRange().getWorksheet(), [o], { autoSelect: !0 }, [e]);
 			} else a.length === 0 ? this.delete(t) : this._rebound();
 			i.commit(), this._members._notifyChange();
 		} catch (e) {
@@ -526,34 +536,34 @@ var _ = class extends d {
 		let a = r.slice();
 		a.splice(i, 1), a.splice(t, 0, e), this._updateState({ members: a }, { description: n }), this._members._notifyChange();
 	}
-	_createMember(t, r) {
-		let i, a, o = this, c = t.content?.type ?? "custom", l = this._createOptions, u = {
+	_createMember(e, t) {
+		let n, a, o = this, c = e.content?.type ?? "custom", l = this._createOptions, u = {
 			type: c,
 			transactions: l.transactions,
 			beginPersistResource: l.beginPersistResource,
-			fromResourceId: r,
-			json: t.content?.json,
-			name: t.content?.name ?? null,
-			description: t.content?.description ?? null,
+			fromResourceId: t,
+			json: e.content?.json,
+			name: e.content?.name ?? null,
+			description: e.content?.description ?? null,
 			isReadOnly: () => o.isReadOnly(),
 			deleteFromContainer: () => {
-				i?._deleteFromContent();
+				n?._deleteFromContent();
 			},
-			getMovable: () => i,
+			getMovable: () => n,
 			getStyles: l.getStyles,
 			getRange: l.getRange,
 			addWatch: l.addWatch
-		}, d = f(c, u, {
-			getMovable: () => i,
+		}, f = d(c, u, {
+			getMovable: () => n,
 			amend: (e) => o._amend(e),
 			isClosed: () => o._closed
-		}), p = () => o.getMovable(), m = () => o._members_().indexOf(i);
-		return i = new _({
-			content: d,
-			json: t,
+		}), p = () => o.getMovable(), m = () => o._members_().indexOf(n);
+		return n = new _({
+			content: f,
+			json: e,
 			transactions: l.transactions,
 			beginPersistResource: l.beginPersistResource,
-			fromResourceId: r,
+			fromResourceId: t,
 			getParent: p,
 			onMemberPlacementChange: () => o._rebound(),
 			place: (e) => {
@@ -564,7 +574,7 @@ var _ = class extends d {
 				let t = o._drawnPlacement();
 				return t ? s.placeInChild(t, o._childBounds(), e) : null;
 			},
-			coords: e.EmptyRange,
+			coords: i.EmptyRange,
 			getRanges: (e) => p().getRanges(),
 			getContainerIndex: m,
 			getZIndex: m,
@@ -574,23 +584,23 @@ var _ = class extends d {
 				width: 0,
 				height: 0
 			}),
-			getCoordsAtBounds: () => e.EmptyRange,
+			getCoordsAtBounds: () => i.EmptyRange,
 			isProtected: () => o.isReadOnly(),
-			moveToBackOnContainer: () => o._moveMember(i, 0, n("op.moveToBack")),
-			moveBackwardOnContainer: () => o._moveMember(i, m() - 1, n("op.moveBackwards")),
-			moveForwardOnContainer: () => o._moveMember(i, m() + 1, n("op.moveForward")),
-			moveToFrontOnContainer: () => o._moveMember(i, o._members_().length - 1, n("op.moveToFront")),
-			deleteFromContainer: (e) => o._removeMember(i, e),
+			moveToBackOnContainer: () => o._moveMember(n, 0, r("op.moveToBack")),
+			moveBackwardOnContainer: () => o._moveMember(n, m() - 1, r("op.moveBackwards")),
+			moveForwardOnContainer: () => o._moveMember(n, m() + 1, r("op.moveForward")),
+			moveToFrontOnContainer: () => o._moveMember(n, o._members_().length - 1, r("op.moveToFront")),
+			deleteFromContainer: (e) => o._removeMember(n, e),
 			setContainerCallbacks: (e) => {
 				e && (a = {
 					...a,
 					...e
-				}), i && a && o._memberCallbacks.set(i, a);
+				}), n && a && o._memberCallbacks.set(n, a);
 			},
 			invalidate: () => {
 				o._members._notifyChange();
 			}
-		}), a && this._memberCallbacks.set(i, a), i;
+		}), a && this._memberCallbacks.set(n, a), n;
 	}
 	_tellZIndex() {
 		let e = this._members_(), t = this._toldOrder;