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

package/browser/esm/{D0r2MPlWLnStWJNW.mjs → IogRavGG6hfOXNQU.mjs}

@@ -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.12
 *
 * (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.mjs";
-import { o as a } from "./D-55MlIn7Wo_hdjI.mjs";
-import { Ft as o, dt as s, ft as c, vt as l } from "./CWoPWWRwMgkGPFFP.mjs";
-import { D as u, Kt as d, Qt as f, Yt as p, at as m, gt as h, ut as g } from "./BNIInlJQbJjH8B6G.mjs";
-var _ = class extends d {
+import { C as e, G as t, g as n, l as r, m as i } from "./Cif0315haNLmyMj-.mjs";
+import { a } from "./D1-rdRh8N55p4-Be.mjs";
+import { It as o, Q as s, ft as c, n as l } from "./Dac2pa3EUXg26xcV.mjs";
+import { En as u, L as d, Mr as f, fr as p, l as m, nr as h, vr as g } from "./DmdChrGkm5oufbRE.mjs";
+var _ = class extends f {
 	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,18 +61,18 @@ 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 i = this._optionsMember.unplace({
-			...r,
+		let n = this._getDrawnPlacement();
+		if (!n || e === n.rotation) return this;
+		let r = this._optionsMember.unplace({
+			...n,
 			rotation: e
 		});
-		if (!i) return this;
-		let a = n("op.setMovableRotation"), o = this._beginCommit(a);
+		if (!r) return this;
+		let a = i("op.setMovableRotation"), o = this._beginCommit(a);
 		try {
 			this._updateState({
-				rotation: i.rotation,
-				pixelBounds: i.bounds
+				rotation: r.rotation,
+				pixelBounds: r.bounds
 			}, { description: a }, ["onBoundsChange"]), this._optionsMember.onMemberPlacementChange?.(), this._notifyPlacementChange(), o.commit();
 		} catch (e) {
 			throw o.rollback(), e;
@@ -80,24 +80,24 @@ var _ = class extends d {
 		return this;
 	}
 	setFlip(e, t) {
-		let r = this._getDrawnPlacement();
-		if (!r) return this;
-		let i = this._acceptFlip({
-			horizontal: e.horizontal ?? r.flip.horizontal,
-			vertical: e.vertical ?? r.flip.vertical
+		let n = this._getDrawnPlacement();
+		if (!n) return this;
+		let r = this._acceptFlip({
+			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 (!r) return this;
+		let { horizontal: a, vertical: o } = r;
+		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 ?? i("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;
-		let i = this._getLocalPlacement();
-		i && s.isSameBounds(i.bounds, r.bounds) || (this._updateState({ pixelBounds: r.bounds }, { description: n("op.updateMovableBounds") }, ["onBoundsChange"]), this._optionsMember.onMemberPlacementChange?.());
+		if (!n) return;
+		let r = this._getLocalPlacement();
+		r && s.isSameBounds(r.bounds, n.bounds) || (this._updateState({ pixelBounds: n.bounds }, { description: i("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;
+		let n = e.anchor?.tl ?? t.EmptyObject, r = e.anchor?.br ?? t.EmptyObject;
 		this._updateState({
 			offsets: {
 				tl: {
@@ -145,14 +145,14 @@ var _ = class extends d {
 			flipV: e.flipV ?? !1,
 			lockAspectRatio: e.lockAspect ?? null,
 			locks: e.locks ?? null,
-			anchorType: p.Type.Absolute,
+			anchorType: h.Type.Absolute,
 			pixelBounds: {
-				x: r.x ?? 0,
-				y: r.y ?? 0,
-				width: i.x ?? 0,
-				height: i.y ?? 0
+				x: n.x ?? 0,
+				y: n.y ?? 0,
+				width: r.x ?? 0,
+				height: r.y ?? 0
 			}
-		}, { description: n("op.loadMovable") });
+		}, { description: i("op.loadMovable") });
 	}
 	_getAnchorJSON() {
 		let e = this._getState()?.pixelBounds ?? {
@@ -176,7 +176,7 @@ var _ = class extends d {
 		let t = super.toJSON(e);
 		return delete t.anchorType, t;
 	}
-}, v = class extends u {
+}, v = class extends d {
 	constructor(e, t) {
 		super(t), this._group = e;
 	}
@@ -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) {
+	_preparePicture(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"),
+		if (!r) throw new n("The group is not placed.");
+		let a = r.getRange().getWorksheet().getResources().add(e);
+		return this._group._prepareMember({
+			description: i("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 ?? i("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 ?? i("op.ungroupDrawings");
+		this._protectionCheck(n);
+		let r = t.getRange().getWorksheet(), a = g(r.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 i = this._transactions.getPendingTransaction();
+			return i && m(i, r, 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,15 +405,18 @@ 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(i("op.insertDrawing")), await p({
 			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"));
+		if (!e?.type) throw new n("A member needs a type.");
+		this._protectionCheck(i("op.insertDrawing"));
 		let t = this._drawnPlacement(), r = {
 			...t?.bounds ?? this._childBounds(),
 			...e.bounds
@@ -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 ?? i("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;
@@ -452,18 +462,18 @@ var _ = class extends d {
 		}
 	}
 	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"));
+		let a = t?.description ?? i("op.groupDrawings");
+		if (this._protectionCheck(a), !e || e.length < 2) throw new n(r("error.movable.groupTooFew"));
+		let o = this._members_();
+		for (let t of e) if (!o.includes(t)) throw new n(r("error.movable.groupNotSameGroup"));
+		let c = o.filter((t) => e.includes(t));
+		if (c.length === o.length) throw new n(r("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 = g(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,19 +490,19 @@ 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);
 			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 r = this._createMember(e, h.fromResourceId.bind(h)), i = c[c.length - 1], a = [];
+				for (let e of o) e === i ? a.push(r) : 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], {
+				for (let e of c) e.getContent().delete();
+				return this._rebound(), m(n, d, [r], {
 					autoSelect: t?.autoSelect ?? !0,
 					autoSelectRestore: t?.autoSelectRestore
 				}, f), n.commit(), this._members._notifyChange(), r;
@@ -500,23 +510,23 @@ var _ = class extends d {
 				throw n.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 r = this._beginCommit(t?.description ?? i("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 ?? i("op.deleteDrawing"));
+				this.delete(t), n && m(r, o.getRange().getWorksheet(), [o], { autoSelect: !0 }, [e]);
 			} else a.length === 0 ? this.delete(t) : this._rebound();
-			i.commit(), this._members._notifyChange();
+			r.commit(), this._members._notifyChange();
 		} catch (e) {
-			throw i.rollback(), e;
+			throw r.rollback(), e;
 		}
 	}
 	_moveMember(e, t, n) {
@@ -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(t, n) {
+		let r, a, o = this, c = t.content?.type ?? "custom", l = this._createOptions, d = {
 			type: c,
 			transactions: l.transactions,
 			beginPersistResource: l.beginPersistResource,
-			fromResourceId: r,
+			fromResourceId: n,
 			json: t.content?.json,
 			name: t.content?.name ?? null,
 			description: t.content?.description ?? null,
 			isReadOnly: () => o.isReadOnly(),
 			deleteFromContainer: () => {
-				i?._deleteFromContent();
+				r?._deleteFromContent();
 			},
-			getMovable: () => i,
+			getMovable: () => r,
 			getStyles: l.getStyles,
 			getRange: l.getRange,
 			addWatch: l.addWatch
-		}, d = f(c, u, {
-			getMovable: () => i,
+		}, f = u(c, d, {
+			getMovable: () => r,
 			amend: (e) => o._amend(e),
 			isClosed: () => o._closed
-		}), p = () => o.getMovable(), m = () => o._members_().indexOf(i);
-		return i = new _({
-			content: d,
+		}), p = () => o.getMovable(), m = () => o._members_().indexOf(r);
+		return r = new _({
+			content: f,
 			json: t,
 			transactions: l.transactions,
 			beginPersistResource: l.beginPersistResource,
-			fromResourceId: r,
+			fromResourceId: n,
 			getParent: p,
 			onMemberPlacementChange: () => o._rebound(),
 			place: (e) => {
@@ -576,21 +586,21 @@ var _ = class extends d {
 			}),
 			getCoordsAtBounds: () => e.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(r, 0, i("op.moveToBack")),
+			moveBackwardOnContainer: () => o._moveMember(r, m() - 1, i("op.moveBackwards")),
+			moveForwardOnContainer: () => o._moveMember(r, m() + 1, i("op.moveForward")),
+			moveToFrontOnContainer: () => o._moveMember(r, o._members_().length - 1, i("op.moveToFront")),
+			deleteFromContainer: (e) => o._removeMember(r, e),
 			setContainerCallbacks: (e) => {
 				e && (a = {
 					...a,
 					...e
-				}), i && a && o._memberCallbacks.set(i, a);
+				}), r && a && o._memberCallbacks.set(r, a);
 			},
 			invalidate: () => {
 				o._members._notifyChange();
 			}
-		}), a && this._memberCallbacks.set(i, a), i;
+		}), a && this._memberCallbacks.set(r, a), r;
 	}
 	_tellZIndex() {
 		let e = this._members_(), t = this._toldOrder;