@anu3ev/fabric-image-editor 0.7.3 → 0.7.4

package/dist/main.js

@@ -252,10 +252,10 @@ var M = class {
 }, N = "#2B2D33", P = "#3D8BF4", F = "#FFFFFF";
 //#endregion
 //#region src/editor/customized-controls/renderers.ts
-function ee(e, t, n, r, i) {
+function I(e, t, n, r, i) {
 	e.save(), e.translate(t, n), e.rotate(C.degreesToRadians(i.angle)), e.fillStyle = F, e.strokeStyle = P, e.lineWidth = 1, e.beginPath(), e.roundRect(-12 / 2, -12 / 2, 12, 12, 2), e.fill(), e.stroke(), e.restore();
 }
-function I(e, t, n, r, i) {
+function ee(e, t, n, r, i) {
 	e.save(), e.translate(t, n), e.rotate(C.degreesToRadians(i.angle)), e.fillStyle = F, e.strokeStyle = P, e.lineWidth = 1, e.beginPath(), e.roundRect(-8 / 2, -20 / 2, 8, 20, 100), e.fill(), e.stroke(), e.restore();
 }
 function L(e, t, n, r, i) {
@@ -270,42 +270,42 @@ function R(e, t, n, r, i) {
 //#region src/editor/customized-controls/default-controls.ts
 var re = {
 	tl: {
-		render: ee,
+		render: I,
 		sizeX: 12,
 		sizeY: 12,
 		offsetX: 0,
 		offsetY: 0
 	},
 	tr: {
-		render: ee,
+		render: I,
 		sizeX: 12,
 		sizeY: 12,
 		offsetX: 0,
 		offsetY: 0
 	},
 	bl: {
-		render: ee,
+		render: I,
 		sizeX: 12,
 		sizeY: 12,
 		offsetX: 0,
 		offsetY: 0
 	},
 	br: {
-		render: ee,
+		render: I,
 		sizeX: 12,
 		sizeY: 12,
 		offsetX: 0,
 		offsetY: 0
 	},
 	ml: {
-		render: I,
+		render: ee,
 		sizeX: 8,
 		sizeY: 20,
 		offsetX: 0,
 		offsetY: 0
 	},
 	mr: {
-		render: I,
+		render: ee,
 		sizeX: 8,
 		sizeY: 20,
 		offsetX: 0,
@@ -345,7 +345,8 @@ var re = {
 		Object.entries(re).forEach(([t, n]) => {
 			let r = e[t];
 			r && (Object.assign(r, n), t === "mtr" && (r.cursorStyle = "grab", r.mouseDownHandler = (e, t, n, r) => {
-				(t?.target)?.canvas?.setCursor("grabbing");
+				let i = t?.target;
+				!i || i.locked || i.lockRotation || i.canvas?.setCursor("grabbing");
 			}));
 		});
 	}
@@ -801,12 +802,12 @@ var re = {
 	"pointer-events": "none",
 	"white-space": "nowrap",
 	"box-shadow": "0 2px 8px rgba(0, 0, 0, 0.2)"
-}, H = "fabric-editor-angle-indicator", U = class e {
+}, oe = "fabric-editor-angle-indicator", se = class e {
 	constructor({ editor: e }) {
 		this.isActive = !1, this.currentAngle = 0, this.editor = e, this.canvas = e.canvas, this.options = e.options, this._createDOM(), this._bindEvents();
 	}
 	_createDOM() {
-		this.el = document.createElement("div"), this.el.className = H, Object.entries(V).forEach(([e, t]) => {
+		this.el = document.createElement("div"), this.el.className = oe, Object.entries(V).forEach(([e, t]) => {
 			this.el.style.setProperty(e, t);
 		}), this.canvas.wrapperEl.appendChild(this.el);
 	}
@@ -851,44 +852,44 @@ var re = {
 	destroy() {
 		this.canvas && (this.canvas.off("object:rotating", this._onObjectRotating), this.canvas.off("mouse:up", this._onMouseUp), this.canvas.off("object:modified", this._onObjectModified), this.canvas.off("selection:cleared", this._onSelectionCleared)), this.el?.parentNode && this.el.parentNode.removeChild(this.el), this.el = null, this.editor = null, this.canvas = null, this.options = null;
 	}
-}, oe = /* @__PURE__ */ "id.backgroundId.customData.backgroundType.format.contentType.width.height.originX.originY.locked.editable.evented.selectable.lockMovementX.lockMovementY.lockRotation.lockScalingX.lockScalingY.lockSkewingX.lockSkewingY.styles.lineFontDefaults.textCaseRaw.uppercase.autoExpand.linethrough.underline.fontStyle.fontWeight.backgroundOpacity.paddingTop.paddingRight.paddingBottom.paddingLeft.radiusTopLeft.radiusTopRight.radiusBottomRight.radiusBottomLeft.shapeComposite.shapePresetKey.shapeBaseWidth.shapeBaseHeight.shapeManualBaseWidth.shapeManualBaseHeight.shapeTextAutoExpand.shapeAlignHorizontal.shapeAlignVertical.shapePaddingTop.shapePaddingRight.shapePaddingBottom.shapePaddingLeft.shapeFill.shapeStroke.shapeStrokeWidth.shapeStrokeDashArray.shapeOpacity.shapeRounding.shapeNodeType".split(".");
+}, ce = /* @__PURE__ */ "id.backgroundId.customData.backgroundType.format.contentType.width.height.originX.originY.locked.editable.evented.selectable.lockMovementX.lockMovementY.lockRotation.lockScalingX.lockScalingY.lockSkewingX.lockSkewingY.styles.lineFontDefaults.textCaseRaw.uppercase.autoExpand.linethrough.underline.fontStyle.fontWeight.backgroundOpacity.paddingTop.paddingRight.paddingBottom.paddingLeft.radiusTopLeft.radiusTopRight.radiusBottomRight.radiusBottomLeft.shapeComposite.shapePresetKey.shapeBaseWidth.shapeBaseHeight.shapeManualBaseWidth.shapeManualBaseHeight.shapeTextAutoExpand.shapeAlignHorizontal.shapeAlignVertical.shapePaddingTop.shapePaddingRight.shapePaddingBottom.shapePaddingLeft.shapeFill.shapeStroke.shapeStrokeWidth.shapeStrokeDashArray.shapeOpacity.shapeRounding.shapeNodeType".split(".");
 //#endregion
 //#region src/editor/history-manager/diff-normalization.ts
-function se({ state: e }) {
+function le({ state: e }) {
 	return JSON.parse(JSON.stringify(e));
 }
-function ce({ value: e }) {
+function H({ value: e }) {
 	if (Array.isArray(e)) {
 		let t = [];
-		for (let n = 0; n < e.length; n += 1) t.push(ce({ value: e[n] }));
+		for (let n = 0; n < e.length; n += 1) t.push(H({ value: e[n] }));
 		return t;
 	}
 	if (e && typeof e == "object") {
 		let t = {}, n = Object.keys(e).sort();
 		for (let r = 0; r < n.length; r += 1) {
 			let i = n[r];
-			t[i] = ce({ value: e[i] });
+			t[i] = H({ value: e[i] });
 		}
 		return t;
 	}
 	return e;
 }
-function le({ value: e }) {
-	let t = ce({ value: e });
+function ue({ value: e }) {
+	let t = H({ value: e });
 	return JSON.stringify(t);
 }
-function ue({ prevState: e, nextState: t }) {
-	return le({ value: e }) === le({ value: t });
+function de({ prevState: e, nextState: t }) {
+	return ue({ value: e }) === ue({ value: t });
 }
-function de({ objects: e, id: t }) {
+function fe({ objects: e, id: t }) {
 	for (let n = 0; n < e.length; n += 1) {
 		let r = e[n];
 		if (r.id === t) return r;
 	}
 	return null;
 }
-function fe({ objects: e }) {
-	let t = de({
+function pe({ objects: e }) {
+	let t = fe({
 		objects: e,
 		id: "montage-area"
 	});
@@ -902,7 +903,7 @@ function fe({ objects: e }) {
 		height: r
 	};
 }
-function pe({ objects: e }) {
+function me({ objects: e }) {
 	let t = [], n = [...e];
 	for (let e = 0; e < n.length; e += 1) {
 		let r = n[e];
@@ -912,20 +913,20 @@ function pe({ objects: e }) {
 	}
 	return t;
 }
-function me({ objects: e }) {
-	let t = pe({ objects: e });
+function he({ objects: e }) {
+	let t = me({ objects: e });
 	for (let e = 0; e < t.length; e += 1) {
 		let n = t[e], { type: r, backgroundOpacity: i, backgroundColor: a, textBackgroundColor: o } = n, s = typeof i == "number" ? i : 0, c = typeof a == "string" ? a : "", l = typeof o == "string" ? o : "", u = r === "textbox" || r === "background-textbox", d = c.length > 0 || l.length > 0;
 		u && (s > 0 && d || (n.backgroundColor = null, n.textBackgroundColor = null));
 	}
 }
-function he({ prevState: e, nextState: t }) {
-	let { width: n, height: r, objects: i } = e, { objects: a } = t, { width: o, height: s } = fe({ objects: i }), { width: c, height: l } = fe({ objects: a });
+function ge({ prevState: e, nextState: t }) {
+	let { width: n, height: r, objects: i } = e, { objects: a } = t, { width: o, height: s } = pe({ objects: i }), { width: c, height: l } = pe({ objects: a });
 	o !== c || s !== l || (t.width = n, t.height = r);
 }
-function ge({ prevState: e, nextState: t }) {
-	let n = se({ state: e }), r = se({ state: t });
-	return me({ objects: n.objects }), me({ objects: r.objects }), he({
+function _e({ prevState: e, nextState: t }) {
+	let n = le({ state: e }), r = le({ state: t });
+	return he({ objects: n.objects }), he({ objects: r.objects }), ge({
 		prevState: n,
 		nextState: r
 	}), {
@@ -935,10 +936,10 @@ function ge({ prevState: e, nextState: t }) {
 }
 //#endregion
 //#region src/editor/history-manager/load-state.ts
-function _e({ customData: e }) {
+function ve({ customData: e }) {
 	return JSON.parse(JSON.stringify(e));
 }
-function ve({ state: e }) {
+function ye({ state: e }) {
 	let t = JSON.parse(JSON.stringify(e)), n = (t.objects ?? []).filter((e) => e.id !== "overlay-mask");
 	t.objects = n;
 	for (let e = 0; e < n.length; e += 1) {
@@ -947,7 +948,7 @@ function ve({ state: e }) {
 	}
 	return t;
 }
-function ye({ state: e, canvas: t }) {
+function be({ state: e, canvas: t }) {
 	let { objects: n = [] } = e, r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
 	for (let e = 0; e < n.length; e += 1) {
 		let { customData: t, id: a } = n[e];
@@ -962,23 +963,23 @@ function ye({ state: e, canvas: t }) {
 	let a = t.getObjects?.() ?? [];
 	for (let e = 0; e < a.length; e += 1) {
 		let t = a[e], { id: n } = t, o;
-		typeof n == "string" && (o = r.get(n)), o ||= i.get(e), o && (t.customData = _e({ customData: o }));
+		typeof n == "string" && (o = r.get(n)), o ||= i.get(e), o && (t.customData = ve({ customData: o }));
 	}
 }
 //#endregion
 //#region src/editor/history-manager/snapshot-interactivity.ts
-function be({ object: e }) {
+function xe({ object: e }) {
 	return typeof e.getObjects == "function" ? e.getObjects() : [];
 }
-function xe({ objects: e }) {
+function Se({ objects: e }) {
 	for (let t = 0; t < e.length; t += 1) if (e[t].isEditing) return !0;
 	return !1;
 }
-function Se({ object: e }) {
+function Ce({ object: e }) {
 	let t = typeof e.type == "string" ? e.type.toLowerCase() : "";
 	return t === "textbox" || t === "background-textbox" || typeof e.isEditing == "boolean";
 }
-function Ce({ object: e, withEvented: t = !1 }) {
+function we({ object: e, withEvented: t = !1 }) {
 	let n = {
 		object: e,
 		lockMovementX: e.lockMovementX,
@@ -987,68 +988,68 @@ function Ce({ object: e, withEvented: t = !1 }) {
 	};
 	return t && (n.evented = e.evented), n;
 }
-function we({ object: e, snapshotStates: t }) {
-	return e.shapeComposite !== !0 || !xe({ objects: be({ object: e }) }) ? !1 : (t.push(Ce({ object: e })), e.lockMovementX = !1, e.lockMovementY = !1, e.selectable = !0, !0);
-}
 function Te({ object: e, snapshotStates: t }) {
-	if (!Se({ object: e })) return !1;
+	return e.shapeComposite !== !0 || !Se({ objects: xe({ object: e }) }) ? !1 : (t.push(we({ object: e })), e.lockMovementX = !1, e.lockMovementY = !1, e.selectable = !0, !0);
+}
+function Ee({ object: e, snapshotStates: t }) {
+	if (!Ce({ object: e })) return !1;
 	let n = e.group, { isEditing: r } = e, i = n?.shapeComposite === !0, a = !!n?.locked;
-	return !i || a || !r ? !1 : (t.push(Ce({
+	return !i || a || !r ? !1 : (t.push(we({
 		object: e,
 		withEvented: !0
 	})), e.lockMovementX = !1, e.lockMovementY = !1, e.selectable = !1, e.evented = !1, !0);
 }
-function Ee({ object: e, snapshotStates: t }) {
-	if (!Se({ object: e })) return !1;
+function De({ object: e, snapshotStates: t }) {
+	if (!Ce({ object: e })) return !1;
 	let n = !!e.lockMovementX, r = !!e.lockMovementY;
-	return !n && !r ? !1 : (t.push(Ce({ object: e })), e.lockMovementX = !1, e.lockMovementY = !1, e.selectable = !0, !0);
+	return !n && !r ? !1 : (t.push(we({ object: e })), e.lockMovementX = !1, e.lockMovementY = !1, e.selectable = !0, !0);
 }
-function De({ objects: e }) {
+function Oe({ objects: e }) {
 	let t = [];
 	for (let n = 0; n < e.length; n += 1) {
 		let r = e[n];
-		r.locked || we({
+		r.locked || Te({
 			object: r,
 			snapshotStates: t
-		}) || Te({
+		}) || Ee({
 			object: r,
 			snapshotStates: t
-		}) || Ee({
+		}) || De({
 			object: r,
 			snapshotStates: t
 		});
 	}
 	return t;
 }
-function Oe({ canvas: e }) {
+function ke({ canvas: e }) {
 	let t = [...e.getObjects?.() ?? []], n = [];
 	for (let e = 0; e < t.length; e += 1) {
 		let r = t[e];
 		n.push(r);
-		let i = be({ object: r });
+		let i = xe({ object: r });
 		for (let e = 0; e < i.length; e += 1) t.push(i[e]);
 	}
 	return n;
 }
-function ke({ snapshotStates: e }) {
+function Ae({ snapshotStates: e }) {
 	for (let t = 0; t < e.length; t += 1) {
 		let { object: n, lockMovementX: r, lockMovementY: i, selectable: a, evented: o } = e[t];
 		n.lockMovementX = r, n.lockMovementY = i, n.selectable = a, o !== void 0 && (n.evented = o);
 	}
 }
-function Ae({ canvas: e, callback: t }) {
-	let n = De({ objects: Oe({ canvas: e }) });
+function je({ canvas: e, callback: t }) {
+	let n = Oe({ objects: ke({ canvas: e }) });
 	try {
 		return t();
 	} finally {
-		ke({ snapshotStates: n });
+		Ae({ snapshotStates: n });
 	}
 }
 //#endregion
 //#region src/editor/history-manager/index.ts
-var je = class {
+var Me = class {
 	constructor({ editor: e }) {
-		this.editor = e, this.canvas = e.canvas, this._isSavingState = !1, this._historySuspendCount = 0, this._isActionInProgress = !1, this._actionSnapshot = null, this._actionReason = null, this._pendingSaveTimeoutId = null, this._pendingSaveReason = null, this._hasDeferredSaveAfterUnblock = !1, this.baseState = null, this.patches = [], this.currentIndex = 0, this.maxHistoryLength = e.options.maxHistoryLength, this.totalChangesCount = 0, this.baseStateChangesCount = 0, this._createDiffPatcher();
+		this.editor = e, this.canvas = e.canvas, this._isSavingState = !1, this._historySuspendCount = 0, this._isActionInProgress = !1, this._actionSnapshot = null, this._actionReason = null, this._pendingSaveTimeoutId = null, this._pendingSaveReason = null, this._pendingCommittedState = null, this._pendingCommittedStateReason = null, this._hasDeferredSaveAfterUnblock = !1, this.baseState = null, this.patches = [], this.currentIndex = 0, this.maxHistoryLength = e.options.maxHistoryLength, this.totalChangesCount = 0, this.baseStateChangesCount = 0, this._createDiffPatcher();
 	}
 	get skipHistory() {
 		return this._historySuspendCount > 0 || this._isSavingState;
@@ -1086,10 +1087,11 @@ var je = class {
 	scheduleSaveState({ delayMs: e, reason: t }) {
 		this._clearPendingSave(), this._pendingSaveReason = t, this._pendingSaveTimeoutId = setTimeout(this._handlePendingSaveTimeout.bind(this), e);
 	}
-	flushPendingSave() {
-		if (this._pendingSaveTimeoutId === null) return !1;
-		let e = this._pendingSaveReason;
-		return this._clearPendingSave(), this._finalizePendingSave({ reason: e }), !0;
+	flushPendingSave({ reason: e } = {}) {
+		return this._pendingSaveTimeoutId === null || e && this._pendingSaveReason !== e ? !1 : (this._clearPendingSave(), this.saveState(), !0);
+	}
+	stageCurrentStateForPendingSave({ reason: e }) {
+		this.skipHistory || (this._pendingCommittedState = this._captureCurrentState(), this._pendingCommittedStateReason = e);
 	}
 	hasUnsavedChanges() {
 		return this.totalChangesCount > 0;
@@ -1113,22 +1115,17 @@ var je = class {
 		return console.log("getFullState state", r), r;
 	}
 	_captureCurrentState() {
-		return Ae({
+		return je({
 			canvas: this.canvas,
 			callback: () => this._serializeCanvasState()
 		});
 	}
 	_serializeCanvasState() {
 		let { canvas: e } = this;
-		return e.toDatalessObject([...oe]);
+		return e.toDatalessObject([...ce]);
 	}
 	_handlePendingSaveTimeout() {
-		if (this._pendingSaveTimeoutId === null) return;
-		let e = this._pendingSaveReason;
-		this._pendingSaveTimeoutId = null, this._pendingSaveReason = null, this._finalizePendingSave({ reason: e });
-	}
-	_finalizePendingSave({ reason: e }) {
-		e === "text-edit" && this._deactivateTextEditing(), this.saveState();
+		this._pendingSaveTimeoutId !== null && (this._pendingSaveTimeoutId = null, this._pendingSaveReason = null, this.saveState());
 	}
 	_deactivateTextEditing() {
 		let { textManager: e } = this.editor;
@@ -1138,6 +1135,17 @@ var je = class {
 		let { _pendingSaveTimeoutId: e } = this;
 		e !== null && (clearTimeout(e), this._pendingSaveTimeoutId = null, this._pendingSaveReason = null);
 	}
+	_clearPendingCommittedState() {
+		this._pendingCommittedState = null, this._pendingCommittedStateReason = null;
+	}
+	_consumePendingCommittedState({ reason: e } = {}) {
+		if (!this._pendingCommittedState || e && this._pendingCommittedStateReason !== e) return null;
+		let t = {
+			state: this._pendingCommittedState,
+			reason: this._pendingCommittedStateReason
+		};
+		return this._clearPendingCommittedState(), t;
+	}
 	_clearPendingAction() {
 		this._isActionInProgress = !1, this._actionSnapshot = null, this._actionReason = null;
 	}
@@ -1145,13 +1153,38 @@ var je = class {
 		let { _isActionInProgress: e, _actionSnapshot: t } = this;
 		if (!e || !t) return !1;
 		let n = this._actionReason;
-		this._clearPendingSave(), this._clearPendingAction(), this.suspendHistory();
+		this._clearPendingSave(), this._clearPendingCommittedState(), this._clearPendingAction(), this.suspendHistory();
 		try {
 			return await this.loadStateFromFullState(t), n === "text-edit" && this._deactivateTextEditing(), !0;
 		} finally {
 			this.resumeHistory();
 		}
 	}
+	_saveSerializedState({ currentStateObj: e }) {
+		if (!this.baseState) {
+			this.baseState = e, this.patches = [], this.currentIndex = 0, console.log("Базовое состояние сохранено.");
+			return;
+		}
+		let { prevState: t, nextState: n } = _e({
+			prevState: this.getFullState(),
+			nextState: e
+		}), r = this.diffPatcher.diff(t, n);
+		if (console.log("normalizedPrevState", t), console.log("normalizedCurrentState", n), !r) {
+			console.log("Нет изменений для сохранения.");
+			return;
+		}
+		if (de({
+			prevState: t,
+			nextState: n
+		})) {
+			console.log("statesEqual. Нет изменений для сохранения.");
+			return;
+		}
+		console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", r), this.totalChangesCount += 1, this.patches.push({
+			id: D(),
+			diff: r
+		}), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), --this.currentIndex, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
+	}
 	saveState() {
 		if (console.log("saveState"), !this.skipHistory) {
 			if (this._isUiBlocked()) {
@@ -1160,33 +1193,13 @@ var je = class {
 			}
 			this._isSavingState = !0, console.time("saveState");
 			try {
-				let e = Ae({
+				let e = this._consumePendingCommittedState();
+				e && (this._pendingSaveTimeoutId !== null && this._pendingSaveReason === e.reason && this._clearPendingSave(), e.reason === "text-edit" && this._deactivateTextEditing(), this._saveSerializedState({ currentStateObj: e.state }));
+				let t = je({
 					canvas: this.canvas,
-					callback: () => this.canvas.toDatalessObject([...oe])
+					callback: () => this.canvas.toDatalessObject([...ce])
 				});
-				if (console.timeEnd("saveState"), !this.baseState) {
-					this.baseState = e, this.patches = [], this.currentIndex = 0, console.log("Базовое состояние сохранено.");
-					return;
-				}
-				let { prevState: t, nextState: n } = ge({
-					prevState: this.getFullState(),
-					nextState: e
-				}), r = this.diffPatcher.diff(t, n);
-				if (console.log("normalizedPrevState", t), console.log("normalizedCurrentState", n), !r) {
-					console.log("Нет изменений для сохранения.");
-					return;
-				}
-				if (ue({
-					prevState: t,
-					nextState: n
-				})) {
-					console.log("statesEqual. Нет изменений для сохранения.");
-					return;
-				}
-				console.log("baseState", this.baseState), this.currentIndex < this.patches.length && this.patches.splice(this.currentIndex), console.log("diff", r), this.totalChangesCount += 1, this.patches.push({
-					id: D(),
-					diff: r
-				}), this.currentIndex += 1, this.patches.length > this.maxHistoryLength && (this.baseState = this.diffPatcher.patch(this.baseState, this.patches[0].diff), this.patches.shift(), --this.currentIndex, this.baseStateChangesCount += 1), console.log("Состояние сохранено. Текущий индекс истории:", this.currentIndex);
+				console.timeEnd("saveState"), this._saveSerializedState({ currentStateObj: t });
 			} finally {
 				this._isSavingState = !1;
 			}
@@ -1197,8 +1210,8 @@ var je = class {
 		console.log("loadStateFromFullState fullState", e);
 		let { canvas: t, canvasManager: n, interactionBlocker: r, backgroundManager: i, zoomManager: a, panConstraintManager: o } = this.editor, { width: s, height: c } = t, { width: l, height: u } = this.editor.montageArea;
 		r.overlayMask = null;
-		let d = ve({ state: e });
-		await t.loadFromJSON(d), ye({
+		let d = ye({ state: e });
+		await t.loadFromJSON(d), be({
 			state: e,
 			canvas: t
 		});
@@ -1280,7 +1293,7 @@ var je = class {
 			}
 		}
 	}
-}, Me = .1, Ne = 4096, Pe = 4096, Fe = "application/image-editor:", Ie = /* @__PURE__ */ "customData.backgroundType.format.contentType.width.height.originX.originY.locked.editable.evented.selectable.lockMovementX.lockMovementY.lockRotation.lockScalingX.lockScalingY.lockSkewingX.lockSkewingY.styles.lineFontDefaults.textCaseRaw.uppercase.autoExpand.linethrough.underline.fontStyle.fontWeight.backgroundOpacity.paddingTop.paddingRight.paddingBottom.paddingLeft.radiusTopLeft.radiusTopRight.radiusBottomRight.radiusBottomLeft.shapeComposite.shapePresetKey.shapeBaseWidth.shapeBaseHeight.shapeManualBaseWidth.shapeManualBaseHeight.shapeTextAutoExpand.shapeAlignHorizontal.shapeAlignVertical.shapePaddingTop.shapePaddingRight.shapePaddingBottom.shapePaddingLeft.shapeFill.shapeStroke.shapeStrokeWidth.shapeStrokeDashArray.shapeOpacity.shapeRounding.shapeNodeType".split("."), Le = class e {
+}, Ne = .1, Pe = 4096, Fe = 4096, Ie = "application/image-editor:", Le = /* @__PURE__ */ "customData.backgroundType.format.contentType.width.height.originX.originY.locked.editable.evented.selectable.lockMovementX.lockMovementY.lockRotation.lockScalingX.lockScalingY.lockSkewingX.lockSkewingY.styles.lineFontDefaults.textCaseRaw.uppercase.autoExpand.linethrough.underline.fontStyle.fontWeight.backgroundOpacity.paddingTop.paddingRight.paddingBottom.paddingLeft.radiusTopLeft.radiusTopRight.radiusBottomRight.radiusBottomLeft.shapeComposite.shapePresetKey.shapeBaseWidth.shapeBaseHeight.shapeManualBaseWidth.shapeManualBaseHeight.shapeTextAutoExpand.shapeAlignHorizontal.shapeAlignVertical.shapePaddingTop.shapePaddingRight.shapePaddingBottom.shapePaddingLeft.shapeFill.shapeStroke.shapeStrokeWidth.shapeStrokeDashArray.shapeOpacity.shapeRounding.shapeNodeType".split("."), Re = class e {
 	constructor({ editor: e }) {
 		this.editor = e, this.options = e.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
 	}
@@ -1477,7 +1490,7 @@ var je = class {
 		}
 	}
 	async resizeImageToBoundaries(e) {
-		let { dataURL: t, sizeType: n = "max", contentType: r = "image/png", quality: i = 1, maxWidth: a = Ne, maxHeight: o = Pe, minWidth: s = 16, minHeight: c = 16, asBase64: l = !1, emitMessage: u = !0 } = e, { errorManager: d, workerManager: f } = this.editor, p = {
+		let { dataURL: t, sizeType: n = "max", contentType: r = "image/png", quality: i = 1, maxWidth: a = Pe, maxHeight: o = Fe, minWidth: s = 16, minHeight: c = 16, asBase64: l = !1, emitMessage: u = !0 } = e, { errorManager: d, workerManager: f } = this.editor, p = {
 			dataURL: t,
 			sizeType: n,
 			contentType: r,
@@ -1753,11 +1766,11 @@ var je = class {
 		let t = e.match(/^[^/]+\/([^+;]+)/);
 		return t ? t[1] : "";
 	}
-}, Re = (e, t, n) => Math.max(Math.min(e, n), t), ze = (e, t) => e * t;
-function Be(e) {
+}, ze = (e, t, n) => Math.max(Math.min(e, n), t), Be = (e, t) => e * t;
+function Ve(e) {
 	return (e?.type === "image" || e?.format === "svg") && typeof e?.width == "number" && typeof e?.height == "number";
 }
-var Ve = class {
+var He = class {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -1767,7 +1780,7 @@ var Ve = class {
 	}
 	getVisibleCenterPoint() {
 		let { canvas: e } = this.editor, t = e.getZoom(), n = e.viewportTransform, r = e.getWidth(), i = e.getHeight(), a = this.getMontageAreaSceneBounds(), o = (r / 2 - n[4]) / t, s = (i / 2 - n[5]) / t;
-		return new p(Re(o, a.left, a.right), Re(s, a.top, a.bottom));
+		return new p(ze(o, a.left, a.right), ze(s, a.top, a.bottom));
 	}
 	getMontageAreaSceneCenter() {
 		let { montageArea: e } = this.editor;
@@ -1846,9 +1859,9 @@ var Ve = class {
 	}
 	setResolutionWidth(e, { preserveProportional: t, withoutSave: n, adaptCanvasToContainer: r } = {}) {
 		if (!e) return;
-		let { canvas: i, montageArea: a, options: { canvasBackstoreWidth: o } } = this.editor, { width: s, height: c } = a, l = Re(Number(e), 16, Ne);
+		let { canvas: i, montageArea: a, options: { canvasBackstoreWidth: o } } = this.editor, { width: s, height: c } = a, l = ze(Number(e), 16, Pe);
 		if (!o || o === "auto" || r ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreWidth(Number(o)) : this.setCanvasBackstoreWidth(l), a.set({ width: l }), this.placeMontageAreaAtCanonicalScenePosition(), t) {
-			let e = ze(c, l / s);
+			let e = Be(c, l / s);
 			this.setResolutionHeight(e, {
 				withoutSave: n,
 				adaptCanvasToContainer: r
@@ -1864,9 +1877,9 @@ var Ve = class {
 	}
 	setResolutionHeight(e, { preserveProportional: t, withoutSave: n, adaptCanvasToContainer: r } = {}) {
 		if (!e) return;
-		let { canvas: i, montageArea: a, options: { canvasBackstoreHeight: o } } = this.editor, { width: s, height: c } = a, l = Re(Number(e), 16, Pe);
+		let { canvas: i, montageArea: a, options: { canvasBackstoreHeight: o } } = this.editor, { width: s, height: c } = a, l = ze(Number(e), 16, Fe);
 		if (!o || o === "auto" || r ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreHeight(Number(o)) : this.setCanvasBackstoreHeight(l), a.set({ height: l }), this.placeMontageAreaAtCanonicalScenePosition(), t) {
-			let e = ze(s, l / c);
+			let e = Be(s, l / c);
 			this.setResolutionWidth(e, {
 				withoutSave: n,
 				adaptCanvasToContainer: r
@@ -1893,16 +1906,16 @@ var Ve = class {
 	}
 	setCanvasBackstoreWidth(e) {
 		if (!e || typeof e != "number") return;
-		let t = Re(e, 16, Ne);
+		let t = ze(e, 16, Pe);
 		this.editor.canvas.setDimensions({ width: t }, { backstoreOnly: !0 });
 	}
 	setCanvasBackstoreHeight(e) {
 		if (!e || typeof e != "number") return;
-		let t = Re(e, 16, Pe);
+		let t = ze(e, 16, Fe);
 		this.editor.canvas.setDimensions({ height: t }, { backstoreOnly: !0 });
 	}
 	adaptCanvasToContainer() {
-		let { canvas: e } = this.editor, t = this.getEditorContainer(), n = t.clientWidth, r = t.clientHeight, i = Re(n, 16, Ne), a = Re(r, 16, Pe);
+		let { canvas: e } = this.editor, t = this.getEditorContainer(), n = t.clientWidth, r = t.clientHeight, i = ze(n, 16, Pe), a = ze(r, 16, Fe);
 		e.setDimensions({
 			width: i,
 			height: a
@@ -1990,8 +2003,8 @@ var Ve = class {
 	}
 	scaleMontageAreaToImage({ object: e, preserveAspectRatio: t, withoutSave: n } = {}) {
 		let { canvas: r, montageArea: i, transformManager: a } = this.editor, o = e || r.getActiveObject();
-		if (!Be(o)) return;
-		let { width: s, height: c } = o, l = Math.min(s, Ne), u = Math.min(c, Pe);
+		if (!Ve(o)) return;
+		let { width: s, height: c } = o, l = Math.min(s, Pe), u = Math.min(c, Fe);
 		if (t) {
 			let { width: e, height: t } = i, n = s / e, r = c / t, a = Math.max(n, r);
 			l = e * a, u = t * a;
@@ -2019,7 +2032,7 @@ var Ve = class {
 		let { canvas: e, montageArea: t, interactionBlocker: { overlayMask: n }, backgroundManager: { backgroundObject: r } } = this.editor;
 		return e.getObjects().filter((e) => e.id !== t.id && e.id !== n?.id && e.id !== r?.id);
 	}
-}, He = class {
+}, Ue = class {
 	constructor({ editor: e }) {
 		this.editor = e, this.options = e.options;
 	}
@@ -2127,7 +2140,7 @@ var Ve = class {
 			});
 		}
 	}
-}, Ue = class {
+}, We = class {
 	constructor({ editor: e }) {
 		this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || .1, this.maxZoom = this.options.maxZoom || 2, this.defaultZoom = this._normalizeDefaultZoom(this.options.defaultScale);
 	}
@@ -2181,7 +2194,7 @@ var Ve = class {
 			y: Math.abs(T) > Math.abs(d) ? d : T
 		};
 	}
-	_applyViewportCentering(e, t = !1, n = Me) {
+	_applyViewportCentering(e, t = !1, n = Ne) {
 		let { canvas: r } = this.editor, i = this._getScaledMontageDimensions(e), a = r.getWidth(), o = r.getHeight(), s = i.width > a || i.height > o, c = this._calculateFitZoom(), l = e - c;
 		if (!(!s || l) && !t) return !1;
 		let u = r.viewportTransform, d = this._calculateTargetViewportPosition(e);
@@ -2230,7 +2243,7 @@ var Ve = class {
 			pointY: u.y
 		});
 	}
-	zoom(e = Me, t = {}) {
+	zoom(e = Ne, t = {}) {
 		if (!e) return;
 		let { minZoom: n, maxZoom: r } = this, { canvas: i } = this.editor, a = e < 0, o = i.getZoom(), s = i.getCenterPoint(), c = new p(t.pointX ?? s.x, t.pointY ?? s.y);
 		this.editor.montageArea.setCoords(), this.editor.canvas.requestRenderAll();
@@ -2256,30 +2269,30 @@ var Ve = class {
 			point: r
 		}), this.editor.panConstraintManager.updateBounds();
 	}
-}, W = ({ value: e, fallback: t = 0 }) => typeof e == "number" && Number.isFinite(e) ? e : typeof t == "number" && Number.isFinite(t) ? t : 0, We = ({ value: e, dimension: t, useRelativePositions: n }) => {
-	let r = W({ value: e });
+}, U = ({ value: e, fallback: t = 0 }) => typeof e == "number" && Number.isFinite(e) ? e : typeof t == "number" && Number.isFinite(t) ? t : 0, Ge = ({ value: e, dimension: t, useRelativePositions: n }) => {
+	let r = U({ value: e });
 	return n ? r : r / (t || 1);
-}, Ge = ({ object: e, baseWidth: t, baseHeight: n, useRelativePositions: r }) => ({
-	x: We({
+}, Ke = ({ object: e, baseWidth: t, baseHeight: n, useRelativePositions: r }) => ({
+	x: Ge({
 		value: e.left,
 		dimension: t,
 		useRelativePositions: r
 	}),
-	y: We({
+	y: Ge({
 		value: e.top,
 		dimension: n,
 		useRelativePositions: r
 	})
-}), Ke = ({ normalizedX: e, normalizedY: t, bounds: n }) => {
+}), qe = ({ normalizedX: e, normalizedY: t, bounds: n }) => {
 	let { left: r, top: i, width: a, height: o } = n;
 	return new p(r + e * a, i + t * o);
-}, qe = ({ object: e }) => {
+}, Je = ({ object: e }) => {
 	let { left: t = 0, top: n = 0, width: r = 0, height: i = 0, scaleX: a = 1, scaleY: o = 1, strokeWidth: s = 0, strokeUniform: c = !1 } = e, l = typeof e.type == "string" ? e.type.toLowerCase() : "", u = e instanceof _ || l === "textbox" || l === "background-textbox", d = c ? 0 : s, f = r + d, p = i + d, m = {
 		left: Math.round(t),
 		top: Math.round(n)
 	};
 	u || (f > 0 && (m.scaleX = Math.max(1, Math.round(f * a)) / f), p > 0 && (m.scaleY = Math.max(1, Math.round(p * o)) / p)), e.set(m), e.setCoords();
-}, Je = ({ object: e }) => {
+}, W = ({ object: e }) => {
 	if (!e) return null;
 	try {
 		e.setCoords();
@@ -2304,7 +2317,7 @@ function Ye({ canvas: e, object: t, left: n, top: r, centerPoint: i, flags: a })
 		let n = i ?? e.getCenterPoint();
 		t.setPositionByOrigin(n, "center", "center"), t.setCoords();
 	}
-	return qe({ object: t }), s ? t : (e.add(t), o || e.setActiveObject(t), e.renderAll(), t);
+	return Je({ object: t }), s ? t : (e.add(t), o || e.setActiveObject(t), e.renderAll(), t);
 }
 var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 	let { id: i = `rect-${D()}`, left: a, top: o, width: s = 100, height: c = 100, fill: l = "blue", ...u } = t;
@@ -2697,46 +2710,46 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		this.editor = e;
 	}
 	bringToFront(t, { withoutSave: n } = {}) {
-		let { canvas: r, historyManager: i } = this.editor;
-		i.suspendHistory();
-		let a = t || r.getActiveObject();
-		a && (a instanceof e ? a.getObjects().forEach((e) => {
+		let { canvas: r, historyManager: i, textManager: a } = this.editor;
+		n || a.exitActiveTextEditing(), i.suspendHistory();
+		let o = t || r.getActiveObject();
+		o && (o instanceof e ? o.getObjects().forEach((e) => {
 			r.bringObjectToFront(e);
-		}) : r.bringObjectToFront(a), r.renderAll(), i.resumeHistory(), n || i.saveState(), r.fire("editor:object-bring-to-front", {
-			object: a,
+		}) : r.bringObjectToFront(o), r.renderAll(), i.resumeHistory(), n || i.saveState(), r.fire("editor:object-bring-to-front", {
+			object: o,
 			withoutSave: n
 		}));
 	}
 	bringForward(n, { withoutSave: r } = {}) {
-		let { canvas: i, historyManager: a } = this.editor;
-		a.suspendHistory();
-		let o = n || i.getActiveObject();
-		o && (o instanceof e ? t._moveSelectionForward(i, o) : i.bringObjectForward(o), i.renderAll(), a.resumeHistory(), r || a.saveState(), i.fire("editor:object-bring-forward", {
-			object: o,
+		let { canvas: i, historyManager: a, textManager: o } = this.editor;
+		r || o.exitActiveTextEditing(), a.suspendHistory();
+		let s = n || i.getActiveObject();
+		s && (s instanceof e ? t._moveSelectionForward(i, s) : i.bringObjectForward(s), i.renderAll(), a.resumeHistory(), r || a.saveState(), i.fire("editor:object-bring-forward", {
+			object: s,
 			withoutSave: r
 		}));
 	}
 	sendToBack(t, { withoutSave: n } = {}) {
-		let { canvas: r, montageArea: i, historyManager: a, interactionBlocker: { overlayMask: o }, backgroundManager: { backgroundObject: s } } = this.editor;
-		a.suspendHistory();
-		let c = t || r.getActiveObject();
-		if (c) {
-			if (c instanceof e) {
-				let e = c.getObjects();
+		let { canvas: r, montageArea: i, historyManager: a, textManager: o, interactionBlocker: { overlayMask: s }, backgroundManager: { backgroundObject: c } } = this.editor;
+		n || o.exitActiveTextEditing(), a.suspendHistory();
+		let l = t || r.getActiveObject();
+		if (l) {
+			if (l instanceof e) {
+				let e = l.getObjects();
 				for (let t = e.length - 1; t >= 0; --t) r.sendObjectToBack(e[t]);
-			} else r.sendObjectToBack(c);
-			s && r.sendObjectToBack(s), r.sendObjectToBack(i), o && r.sendObjectToBack(o), r.renderAll(), a.resumeHistory(), n || a.saveState(), r.fire("editor:object-send-to-back", {
-				object: c,
+			} else r.sendObjectToBack(l);
+			c && r.sendObjectToBack(c), r.sendObjectToBack(i), s && r.sendObjectToBack(s), r.renderAll(), a.resumeHistory(), n || a.saveState(), r.fire("editor:object-send-to-back", {
+				object: l,
 				withoutSave: n
 			});
 		}
 	}
 	sendBackwards(n, { withoutSave: r } = {}) {
-		let { canvas: i, montageArea: a, historyManager: o, interactionBlocker: { overlayMask: s }, backgroundManager: { backgroundObject: c } } = this.editor;
-		o.suspendHistory();
-		let l = n || i.getActiveObject();
-		l && (l instanceof e ? t._moveSelectionBackwards(i, l) : i.sendObjectBackwards(l), c && i.sendObjectToBack(c), i.sendObjectToBack(a), s && i.sendObjectToBack(s), i.renderAll(), o.resumeHistory(), r || o.saveState(), i.fire("editor:object-send-backwards", {
-			object: l,
+		let { canvas: i, montageArea: a, historyManager: o, textManager: s, interactionBlocker: { overlayMask: c }, backgroundManager: { backgroundObject: l } } = this.editor;
+		r || s.exitActiveTextEditing(), o.suspendHistory();
+		let u = n || i.getActiveObject();
+		u && (u instanceof e ? t._moveSelectionBackwards(i, u) : i.sendObjectBackwards(u), l && i.sendObjectToBack(l), i.sendObjectToBack(a), c && i.sendObjectToBack(c), i.renderAll(), o.resumeHistory(), r || o.saveState(), i.fire("editor:object-send-backwards", {
+			object: u,
 			withoutSave: r
 		}));
 	}
@@ -4086,14 +4099,15 @@ var dn = ({ group: e }) => {
 		subTargetCheck: !0
 	});
 }, fn = ({ text: e }) => {
+	let t = !!(e.locked || e.group?.locked);
 	e.set({
 		hasBorders: !1,
 		hasControls: !1,
 		evented: !1,
 		selectable: !1,
-		lockMovementX: !1,
-		lockMovementY: !1,
-		editable: !0,
+		lockMovementX: t,
+		lockMovementY: t,
+		editable: !t,
 		autoExpand: !1,
 		shapeNodeType: "text"
 	}), e.setCoords();
@@ -4897,15 +4911,21 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	}
 	enterTextEditing({ group: e }) {
 		let { text: t } = Y({ group: e });
-		t && (this._enterTextEditingInteractionMode({
-			group: e,
-			text: t
-		}), t.set({
-			evented: !0,
-			selectable: !0,
-			lockMovementX: !0,
-			lockMovementY: !0
-		}), this.canvas.setActiveObject(t), t.isEditing || (t.enterEditing(), t.selectAll()), this.canvas.requestRenderAll());
+		if (t) {
+			if (e.locked || t.locked) {
+				fn({ text: t }), this.canvas.requestRenderAll();
+				return;
+			}
+			this._enterTextEditingInteractionMode({
+				group: e,
+				text: t
+			}), t.set({
+				evented: !0,
+				selectable: !0,
+				lockMovementX: !0,
+				lockMovementY: !0
+			}), this.canvas.setActiveObject(t), t.isEditing || (t.enterEditing(), t.selectAll()), this.canvas.requestRenderAll();
+		}
 	}
 	_enterTextEditingInteractionMode({ group: e, text: t }) {
 		this.editingInteractionState.has(e) || this.editingInteractionState.set(e, {
@@ -5081,7 +5101,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		l !== void 0 && (M = Math.max(1, l)), l === void 0 && C && !w && (M = Math.max(1, x.width));
 		let N = Math.max(1, u ?? r.shapeManualBaseHeight ?? S), { shape: P, text: F } = Y({ group: r });
 		if (!P || !F) return null;
-		let ee = {
+		let I = {
 			angle: 0,
 			skewX: 0,
 			skewY: 0,
@@ -5094,20 +5114,20 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			top: 0,
 			originX: "left",
 			originY: "top"
-		}, I = this._createTextNode({
+		}, ee = this._createTextNode({
 			text: F.textCaseRaw ?? F.text ?? "",
 			textStyle: this._resolveCurrentTextStyle({ textNode: F }),
 			width: Math.max(1, F.width ?? x.width),
 			align: D
 		});
-		I.set(ee), this._applyTextUpdates({
-			textNode: I,
+		ee.set(I), this._applyTextUpdates({
+			textNode: ee,
 			text: f,
 			textStyle: p,
 			align: D
 		});
 		let L = this._resolveShapeLayoutWidth({
-			text: I,
+			text: ee,
 			currentWidth: x.width,
 			manualWidth: M,
 			shapeTextAutoExpandEnabled: w,
@@ -5122,7 +5142,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}), ne = r.getObjects().indexOf(P);
 		if (ne < 0) return null;
 		let R = () => {
-			this._detachShapeGroupAutoLayout({ group: r }), F.set(ee), this._applyTextUpdates({
+			this._detachShapeGroupAutoLayout({ group: r }), F.set(I), this._applyTextUpdates({
 				textNode: F,
 				text: f,
 				textStyle: p,
@@ -5621,7 +5641,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	async _cloneToInternalClipboard(e) {
 		let { canvas: t, errorManager: n } = this.editor;
 		try {
-			let n = await e.clone(Ie);
+			let n = await e.clone(Le);
 			this.clipboard = n, t.fire("editor:object-copied", { object: n });
 		} catch (e) {
 			n.emitError({
@@ -5642,7 +5662,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			message: "navigator.clipboard не поддерживается в этом браузере или отсутствует HTTPS-соединение."
 		}), !1;
 		try {
-			let t = e.toObject(Ie), n = JSON.stringify(t);
+			let t = e.toObject(Le), n = JSON.stringify(t);
 			return e.type === "image" ? this._copyImageToClipboard(e, n) : this._copyTextToClipboard(n);
 		} catch (e) {
 			return t.emitError({
@@ -5672,7 +5692,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	}
 	async _copyTextToClipboard(e) {
 		try {
-			let t = `${Fe}${e}`;
+			let t = `${Ie}${e}`;
 			return await navigator.clipboard.writeText(t), console.info("Text copied to clipboard successfully"), !0;
 		} catch (e) {
 			let { errorManager: t } = this.editor;
@@ -5757,7 +5777,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let { canvas: n } = this.editor, r = t || n.getActiveObject();
 		if (!r || r.locked) return !1;
 		try {
-			let t = await r.clone(Ie);
+			let t = await r.clone(Le);
 			return t instanceof e && t.forEachObject((e) => {
 				e.set({
 					id: `${e.type}-${D()}`,
@@ -5831,7 +5851,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let { canvas: t } = this.editor;
 		if (!this.clipboard) return !1;
 		try {
-			let n = await this.clipboard.clone(Ie);
+			let n = await this.clipboard.clone(Le);
 			return t.discardActiveObject(), n instanceof e && n.forEachObject((e) => {
 				e.set({
 					id: `${e.type}-${D()}`,
@@ -5863,9 +5883,9 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		this.editor = e;
 	}
 	lockObject({ object: e, skipInnerObjects: n, withoutSave: r } = {}) {
-		let { canvas: i, historyManager: a } = this.editor, o = e || i.getActiveObject();
-		if (!o || o.locked) return;
-		let s = {
+		let { canvas: i, historyManager: a } = this.editor, o = e || i.getActiveObject(), s = En({ target: o }) ?? o;
+		if (!s || s.locked) return;
+		let c = {
 			lockMovementX: !0,
 			lockMovementY: !0,
 			lockRotation: !0,
@@ -5875,19 +5895,19 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			lockSkewingY: !0,
 			editable: !1,
 			locked: !0
-		};
-		o.set(s), !n && t._isGroupOrSelection(o) && o.getObjects().forEach((e) => {
-			e.set(s);
-		}), o instanceof _ && o.isEditing && o.exitEditing(), i.renderAll(), r || a.saveState(), i.fire("editor:object-locked", {
-			object: o,
+		}, l = n ? [s] : t._collectLockTargets({ object: s });
+		t._exitEditingInTextboxes({ objects: l });
+		for (let e = 0; e < l.length; e += 1) l[e].set(c);
+		i.renderAll(), r || a.saveState(), i.fire("editor:object-locked", {
+			object: s,
 			skipInnerObjects: n,
 			withoutSave: r
 		});
 	}
 	unlockObject({ object: e, withoutSave: n } = {}) {
-		let { canvas: r, historyManager: i } = this.editor, a = e || r.getActiveObject();
-		if (!a) return;
-		let o = {
+		let { canvas: r, historyManager: i } = this.editor, a = e || r.getActiveObject(), o = En({ target: a }) ?? a;
+		if (!o) return;
+		let s = {
 			lockMovementX: !1,
 			lockMovementY: !1,
 			lockRotation: !1,
@@ -5897,17 +5917,32 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			lockSkewingY: !1,
 			editable: !0,
 			locked: !1
-		};
-		a.set(o), t._isGroupOrSelection(a) && a.getObjects().forEach((e) => {
-			e.set(o);
-		}), r.renderAll(), n || i.saveState(), r.fire("editor:object-unlocked", {
-			object: a,
+		}, c = t._collectLockTargets({ object: o });
+		for (let e = 0; e < c.length; e += 1) c[e].set(s);
+		r.renderAll(), n || i.saveState(), r.fire("editor:object-unlocked", {
+			object: o,
 			withoutSave: n
 		});
 	}
 	static _isGroupOrSelection(t) {
 		return t instanceof e || t instanceof l;
 	}
+	static _collectLockTargets({ object: e }) {
+		let n = [e];
+		if (!t._isGroupOrSelection(e)) return n;
+		let r = e.getObjects();
+		for (let e = 0; e < r.length; e += 1) {
+			let i = r[e], a = t._collectLockTargets({ object: i });
+			for (let e = 0; e < a.length; e += 1) n.push(a[e]);
+		}
+		return n;
+	}
+	static _exitEditingInTextboxes({ objects: e }) {
+		for (let t = 0; t < e.length; t += 1) {
+			let n = e[t];
+			!(n instanceof _) || !n.isEditing || n.exitEditing();
+		}
+	}
 }, Zn = class {
 	constructor({ editor: e }) {
 		this.editor = e;
@@ -6187,24 +6222,26 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}), [e, ...n];
 	}
 	deleteSelectedObjects({ objects: t, withoutSave: n = !1, _isRecursiveCall: r = !1 } = {}) {
-		let { canvas: i, historyManager: a } = this.editor, o = (t || i.getActiveObjects()).filter((e) => !e.locked);
-		if (!o?.length) return null;
+		let { canvas: i, historyManager: a, textManager: o } = this.editor;
+		!r && !n && o.exitActiveTextEditing();
+		let s = (t || i.getActiveObjects()).filter((e) => !e.locked);
+		if (!s?.length) return null;
 		r || a.suspendHistory();
-		let s = [];
-		if (o.forEach((t) => {
+		let c = [];
+		if (s.forEach((t) => {
 			if (e._isUngroupableGroup(t)) {
 				let e = this._handleGroupDeletion(t);
-				s.push(...e);
+				c.push(...e);
 				return;
 			}
-			i.remove(t), s.push(t);
+			i.remove(t), c.push(t);
 		}), r) return null;
 		i.discardActiveObject(), i.renderAll(), a.resumeHistory(), n || a.saveState();
-		let c = {
-			objects: s,
+		let l = {
+			objects: c,
 			withoutSave: n
 		};
-		return i.fire("editor:objects-deleted", c), c;
+		return i.fire("editor:objects-deleted", l), l;
 	}
 }, er = {
 	IMAGE_MANAGER: {
@@ -6418,7 +6455,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		super(e, t), this.backgroundOpacity = t.backgroundOpacity ?? 1, this.lineFontDefaults = t.lineFontDefaults ?? void 0, this.paddingTop = t.paddingTop ?? 0, this.paddingRight = t.paddingRight ?? 0, this.paddingBottom = t.paddingBottom ?? 0, this.paddingLeft = t.paddingLeft ?? 0, this.radiusTopLeft = t.radiusTopLeft ?? 0, this.radiusTopRight = t.radiusTopRight ?? 0, this.radiusBottomRight = t.radiusBottomRight ?? 0, this.radiusBottomLeft = t.radiusBottomLeft ?? 0, this._roundDimensions();
 	}
 	initDimensions() {
-		super.initDimensions(), this._roundDimensions();
+		super.initDimensions(), this.shouldRoundDimensionsOnInit !== !1 && this._roundDimensions();
 	}
 	_getLeftOffset() {
 		let { width: e } = this._getBackgroundDimensions(), { left: t } = this._getPadding();
@@ -6664,10 +6701,431 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let s = e[o];
 		if (!s) continue;
 		let c = { ...s };
-		typeof s.fontSize == "number" && (c.fontSize = Math.max(1, s.fontSize * t), i = !0), n[o] = c, r = !0;
+		if (typeof s.fontSize == "number") {
+			let e = Math.min(8, s.fontSize);
+			c.fontSize = Math.max(e, s.fontSize * t), i = !0;
+		}
+		n[o] = c, r = !0;
 	}
 	if (!(!r || !i)) return n;
-}, yr = ({ textbox: e }) => {
+}, yr = ({ textbox: e, text: t }) => {
+	let { textLines: n } = e, r = Array.isArray(n) && n.length > 0 ? n.length : Math.max(t.split("\n").length, 1), i = 0;
+	for (let t = 0; t < r; t += 1) {
+		let n = e.getLineWidth(t);
+		n > i && (i = n);
+	}
+	return i;
+}, br = ({ textbox: e, montageLeft: t, montageRight: n }) => {
+	e.setCoords();
+	let r = e.getBoundingRect(!1, !0), i = r.left ?? 0, a = i + (r.width ?? 0), o = n - t;
+	if (o > 0 && (r.width ?? 0) >= o - .01) return !1;
+	let s = 0;
+	return i < t ? s = t - i : a > n && (s = n - a), Math.abs(s) <= .01 ? !1 : (e.set({ left: (e.left ?? 0) + s }), !0);
+}, xr = ({ rawValue: e, calculatedValue: t }) => typeof e == "number" ? e : typeof t == "number" ? t : 0, Sr = ({ stylesList: e }) => {
+	let t = e.length;
+	if (!t) return !1;
+	for (let n = 0; n < t; n += 1) {
+		let t = e[n];
+		if (!t) continue;
+		let { fontFamily: r, fontSize: i, fontWeight: a, fontStyle: o, lineHeight: s, charSpacing: c } = t;
+		if (r !== void 0 || i !== void 0 || a !== void 0 || o !== void 0 || s !== void 0 || c !== void 0) return !0;
+	}
+	return !1;
+}, Cr = ({ textbox: e }) => {
+	let { width: t, height: n, calcTextWidth: r, calcTextHeight: i } = e, a = typeof r == "function" ? r.call(e) : void 0, o = typeof i == "function" ? i.call(e) : void 0, s = xr({
+		rawValue: t,
+		calculatedValue: a
+	}), c = xr({
+		rawValue: n,
+		calculatedValue: o
+	}), l = Number.isFinite(s) ? Math.round(s) : null, u = Number.isFinite(c) ? Math.round(c) : null, d = {};
+	return l !== null && l !== s && (d.width = Math.max(0, l)), u !== null && u !== c && (d.height = Math.max(0, u)), Object.keys(d).length ? (e.set(d), !0) : !1;
+}, wr = ({ textbox: e }) => {
+	let t = e.width ?? e.calcTextWidth(), n = e.fontSize ?? 16, { styles: r = {} } = e, { lineFontDefaults: i } = e, { paddingTop: a = 0, paddingRight: o = 0, paddingBottom: s = 0, paddingLeft: c = 0 } = e, { radiusTopLeft: l = 0, radiusTopRight: u = 0, radiusBottomRight: d = 0, radiusBottomLeft: f = 0 } = e;
+	return {
+		width: t,
+		fontSize: n,
+		padding: {
+			top: a,
+			right: o,
+			bottom: s,
+			left: c
+		},
+		radii: {
+			topLeft: l,
+			topRight: u,
+			bottomRight: d,
+			bottomLeft: f
+		},
+		styles: JSON.parse(JSON.stringify(r)),
+		lineFontDefaults: _r({ lineFontDefaults: i })
+	};
+}, Tr = ({ base: e }) => {
+	let t = 1 / Math.max(1, e.width), n = [e.fontSize];
+	Object.values(e.styles).forEach((e) => {
+		Object.values(e).forEach((e) => {
+			let { fontSize: t } = e;
+			typeof t != "number" || !Number.isFinite(t) || t <= 0 || n.push(t);
+		});
+	}), Object.values(e.lineFontDefaults ?? {}).forEach((e) => {
+		let { fontSize: t } = e;
+		typeof t != "number" || !Number.isFinite(t) || t <= 0 || n.push(t);
+	});
+	let r = n.reduce((e, t) => Math.max(e, Math.min(8, t) / t), 0);
+	return {
+		widthScale: t,
+		fontScale: r,
+		proportionalScale: Math.max(t, r)
+	};
+}, Er = ({ textbox: e, canvasManager: t, base: n, widthScale: r, heightScale: i, placement: a, shouldScaleFontSize: o, shouldScalePadding: s, shouldScaleRadii: c, shouldDisableAutoExpandOnHorizontalChange: l = !1, shouldRoundDimensions: u = !0 }) => {
+	let { width: d, fontSize: f, padding: p, radii: m, styles: h, lineFontDefaults: g } = n, _ = Math.max(1, d * r), v = u ? Math.max(1, Math.round(_)) : _, y = Math.max(Math.min(8, f), f * i), b = Object.keys(h).length > 0, x;
+	if (o && b) {
+		let e = {};
+		Object.entries(h).forEach(([t, n]) => {
+			if (!n) return;
+			let r = {};
+			Object.entries(n).forEach(([e, t]) => {
+				if (!t) return;
+				let n = { ...t };
+				if (typeof t.fontSize == "number") {
+					let e = Math.min(8, t.fontSize);
+					n.fontSize = Math.max(e, t.fontSize * i);
+				}
+				r[e] = n;
+			}), Object.keys(r).length && (e[t] = r);
+		}), Object.keys(e).length && (x = e);
+	}
+	let S;
+	o && (S = vr({
+		lineFontDefaults: g,
+		scale: i
+	}));
+	let C = s ? {
+		top: Math.max(0, p.top * i),
+		right: Math.max(0, p.right * i),
+		bottom: Math.max(0, p.bottom * i),
+		left: Math.max(0, p.left * i)
+	} : p, w = c ? {
+		topLeft: Math.max(0, m.topLeft * i),
+		topRight: Math.max(0, m.topRight * i),
+		bottomRight: Math.max(0, m.bottomRight * i),
+		bottomLeft: Math.max(0, m.bottomLeft * i)
+	} : m, T = e.width ?? d, E = Math.abs(v - T) > mr;
+	l && E && (e.autoExpand = !1), x && (e.styles = x), S && (e.lineFontDefaults = S), e.set({
+		width: v,
+		fontSize: o ? y : f,
+		paddingTop: C.top,
+		paddingRight: C.right,
+		paddingBottom: C.bottom,
+		paddingLeft: C.left,
+		radiusTopLeft: w.topLeft,
+		radiusTopRight: w.topRight,
+		radiusBottomRight: w.bottomRight,
+		radiusBottomLeft: w.bottomLeft,
+		scaleX: 1,
+		scaleY: 1
+	});
+	let D = e.shouldRoundDimensionsOnInit;
+	e.shouldRoundDimensionsOnInit = u;
+	try {
+		e.initDimensions();
+	} finally {
+		e.shouldRoundDimensionsOnInit = D;
+	}
+	let O = u ? Cr({ textbox: e }) : !1;
+	return O && (e.dirty = !0), t.applyObjectPlacement({
+		object: e,
+		placement: a
+	}), e.setCoords(), {
+		appliedWidth: e.width ?? v,
+		dimensionsRounded: O
+	};
+}, Dr = ({ transform: e }) => {
+	let { corner: t = "", action: n = "" } = e;
+	return {
+		isCornerHandle: t === "tl" || t === "tr" || t === "bl" || t === "br" || n === "scale",
+		isHorizontalHandle: t === "ml" || t === "mr" || n === "scaleX",
+		isVerticalHandle: t === "mt" || t === "mb" || n === "scaleY"
+	};
+}, Or = ({ textbox: e, transform: t, appliedWidth: n }) => {
+	t.scaleX = 1, t.scaleY = 1;
+	let { original: r } = t;
+	r && (r.scaleX = 1, r.scaleY = 1, r.width = n, r.height = e.height, r.left = e.left, r.top = e.top);
+}, kr = ({ textbox: e, transform: t, scenePoint: n }) => {
+	let { x: r, y: i } = e._getTransformedDimensions();
+	if (r <= 0 || i <= 0) return null;
+	let a = b.getLocalPoint(t, t.originX, t.originY, n.x, n.y), o = t, s = typeof o.signX == "number" && a.x * o.signX <= 0, c = typeof o.signY == "number" && a.y * o.signY <= 0, l = Math.abs(a.x / r), u = Math.abs(a.y / i);
+	return (t.originX === "center" || t.originX === .5) && (t.originY === "center" || t.originY === .5) && (l *= 2, u *= 2), {
+		passedOriginX: s,
+		passedOriginY: c,
+		stepScaleX: l,
+		stepScaleY: u
+	};
+}, Ar = 1e-4;
+function jr(e) {
+	return !!e && e instanceof _;
+}
+function Mr(e) {
+	if (!jr(e)) return !1;
+	let t = e.group;
+	return e.shapeNodeType === "text" && t?.shapeComposite === !0;
+}
+var Nr = class {
+	constructor({ canvas: t, canvasManager: n, persistScaledTextbox: r }) {
+		this.handleMouseMove = (e) => {
+			let t = this.canvas._currentTransform;
+			if (!t) return;
+			let { target: n } = t;
+			if (!jr(n) || Mr(n)) return;
+			let r = this.scalingState.get(n);
+			if (!r || !e.e) return;
+			let { isCornerHandle: i, isHorizontalHandle: a, isVerticalHandle: o } = Dr({ transform: t });
+			if (!a && !o && !i) return;
+			let s = kr({
+				textbox: n,
+				transform: t,
+				scenePoint: this.canvas.getScenePoint(e.e)
+			});
+			if (!s) return;
+			let { passedOriginX: c, passedOriginY: l, stepScaleX: u, stepScaleY: d } = s, f = t.originX ?? n.originX ?? "center", p = t.originY ?? n.originY ?? "center", m = this.canvasManager.getObjectPlacement({
+				object: n,
+				originX: f,
+				originY: p
+			}), { paddingTop: h = 0, paddingRight: g = 0, paddingBottom: _ = 0, paddingLeft: v = 0, radiusTopLeft: y = 0, radiusTopRight: b = 0, radiusBottomRight: x = 0, radiusBottomLeft: S = 0, fontSize: C, width: w } = n, { width: T, fontSize: E } = r.startBase, D = w ?? T, O = C ?? E, k = {
+				top: h,
+				right: g,
+				bottom: _,
+				left: v
+			}, A = {
+				topLeft: y,
+				topRight: b,
+				bottomRight: x,
+				bottomLeft: S
+			}, j = r.lastAllowedScaleX, M = r.lastAllowedScaleY;
+			if (i) {
+				let e = Math.max(r.minimumProportionalScale, r.lastAllowedScaleX * Math.sqrt(u * d)), t = c || l ? r.minimumProportionalScale : e;
+				if (Math.abs(t - r.lastAllowedScaleX) <= Ar) return;
+				j = t, M = t;
+			} else {
+				if (a) {
+					let e = r.lastAllowedScaleX * u, t = c ? r.minimumWidthScale : Math.max(r.minimumWidthScale, e);
+					Math.abs(t - r.lastAllowedScaleX) > Ar && (j = t);
+				}
+				if (o) {
+					let e = r.lastAllowedScaleY * d, t = l ? r.minimumFontScale : Math.max(r.minimumFontScale, e);
+					Math.abs(t - r.lastAllowedScaleY) > Ar && (M = t);
+				}
+				if (Math.abs(j - r.lastAllowedScaleX) <= Ar && Math.abs(M - r.lastAllowedScaleY) <= Ar) return;
+			}
+			let { appliedWidth: N, dimensionsRounded: P } = Er({
+				textbox: n,
+				canvasManager: this.canvasManager,
+				base: r.startBase,
+				widthScale: j,
+				heightScale: M,
+				placement: m,
+				shouldScaleFontSize: i || o,
+				shouldScalePadding: i || o,
+				shouldScaleRadii: i || o,
+				shouldDisableAutoExpandOnHorizontalChange: a,
+				shouldRoundDimensions: !i
+			});
+			Or({
+				textbox: n,
+				transform: t,
+				appliedWidth: N
+			}), this._updateScalingStateAfterLiveCommit({
+				textbox: n,
+				state: r,
+				appliedWidth: N,
+				previousFontSize: O,
+				previousPadding: k,
+				previousRadii: A,
+				previousWidth: D,
+				dimensionsRounded: P,
+				isCornerHandle: i,
+				isHorizontalHandle: a,
+				isVerticalHandle: o,
+				originX: f,
+				originY: p
+			}), this.canvas.requestRenderAll();
+		}, this.handleObjectScaling = (t) => {
+			let { target: n, transform: r } = t;
+			if (n instanceof e || !jr(n) || Mr(n) || !r) return;
+			n.isScaling = !0;
+			let i = this._ensureScalingState({
+				textbox: n,
+				transform: r
+			}), { startBase: a } = i, { width: o, fontSize: s } = a, { isCornerHandle: c, isHorizontalHandle: l, isVerticalHandle: u } = Dr({ transform: r }), d = r.corner ?? "", f = c || u;
+			if (!l && !u && !c) return;
+			let p = n.scaleX ?? r.scaleX ?? 1, m = n.scaleY ?? r.scaleY ?? 1, h = Math.abs(p) || 1, g = Math.abs(m) || 1, _ = r.originX ?? n.originX ?? "center", v = r.originY ?? n.originY ?? "center", y = this.canvasManager.getObjectPlacement({
+				object: n,
+				originX: _,
+				originY: v
+			}), { paddingTop: b = 0, paddingRight: x = 0, paddingBottom: S = 0, paddingLeft: C = 0, radiusTopLeft: w = 0, radiusTopRight: T = 0, radiusBottomRight: E = 0, radiusBottomLeft: D = 0, fontSize: O, width: k } = n, A = c || u, j = c || u, M = k ?? o, N = i.lastAllowedScaleX, P = i.lastAllowedScaleY, F = y, I = !0;
+			if (c) {
+				let e = Math.sqrt(h * g), t = i.lastAllowedScaleX * e, n = p < 0 || m < 0, r = _ !== i.startTransformOriginX || v !== i.startTransformOriginY, a = d !== i.startTransformCorner;
+				if (n || r || a) N = i.lastAllowedScaleX, P = i.lastAllowedScaleY, F = i.lastAllowedPlacement, I = !1;
+				else {
+					let e = Math.max(i.minimumProportionalScale, t);
+					N = e, P = e;
+				}
+			} else l && (N = Math.max(i.minimumWidthScale, i.lastAllowedScaleX * h)), u && (P = Math.max(i.minimumFontScale, i.lastAllowedScaleY * g));
+			let { appliedWidth: ee, dimensionsRounded: L } = Er({
+				textbox: n,
+				canvasManager: this.canvasManager,
+				base: a,
+				widthScale: N,
+				heightScale: P,
+				placement: F,
+				shouldScaleFontSize: f,
+				shouldScalePadding: A,
+				shouldScaleRadii: j,
+				shouldDisableAutoExpandOnHorizontalChange: l,
+				shouldRoundDimensions: !c
+			});
+			Or({
+				textbox: n,
+				transform: r,
+				appliedWidth: ee
+			}), this.canvas.requestRenderAll(), I && this._updateScalingStateAfterLiveCommit({
+				textbox: n,
+				state: i,
+				appliedWidth: ee,
+				previousFontSize: O ?? s,
+				previousPadding: {
+					top: b,
+					right: x,
+					bottom: S,
+					left: C
+				},
+				previousRadii: {
+					topLeft: w,
+					topRight: T,
+					bottomRight: E,
+					bottomLeft: D
+				},
+				previousWidth: M,
+				dimensionsRounded: L,
+				isCornerHandle: c,
+				isHorizontalHandle: l,
+				isVerticalHandle: u,
+				originX: _,
+				originY: v
+			});
+		}, this.handleObjectModified = (t) => {
+			let { target: n } = t;
+			if (n instanceof e) {
+				let t = n.getObjects();
+				if (!t.some((e) => jr(e))) return;
+				let { scaleX: r = 1, scaleY: i = 1 } = n;
+				if (Math.abs(r - 1) < .01 && Math.abs(i - 1) < .01) return;
+				this.canvas.discardActiveObject(), t.forEach((e) => {
+					this.commitStandaloneTextScale({ target: e }), e.setCoords();
+				});
+				let a = new e(t, { canvas: this.canvas });
+				this.canvas.setActiveObject(a), this.canvas.requestRenderAll();
+				return;
+			}
+			if (!jr(n) || Mr(n)) return;
+			n.isScaling = !1;
+			let r = this.scalingState.get(n);
+			if (this.scalingState.delete(n), !r?.hasScalingChange) return;
+			let i = n.width ?? n.calcTextWidth(), { fontSize: a, styles: o } = r.startBase, s = n.fontSize ?? a ?? 16, c = Object.keys(o).length > 0, { paddingTop: l = 0, paddingRight: u = 0, paddingBottom: d = 0, paddingLeft: f = 0, radiusTopLeft: p = 0, radiusTopRight: m = 0, radiusBottomRight: h = 0, radiusBottomLeft: g = 0 } = n, _ = {
+				width: i,
+				paddingTop: l,
+				paddingRight: u,
+				paddingBottom: d,
+				paddingLeft: f,
+				radiusTopLeft: p,
+				radiusTopRight: m,
+				radiusBottomRight: h,
+				radiusBottomLeft: g
+			};
+			c || (_.fontSize = s), this.persistScaledTextbox({
+				target: n,
+				style: _
+			}), n.set({
+				scaleX: 1,
+				scaleY: 1
+			}), n.setCoords();
+		}, this.canvas = t, this.canvasManager = n, this.persistScaledTextbox = r, this.scalingState = /* @__PURE__ */ new WeakMap();
+	}
+	commitStandaloneTextScale({ target: e, shouldDisableAutoExpandOnHorizontalChange: t = !1 }) {
+		if (!jr(e) || Mr(e)) return !1;
+		let n = Math.abs(e.scaleX ?? 1) || 1, r = Math.abs(e.scaleY ?? 1) || 1;
+		if (!(Math.abs(n - 1) > .01 || Math.abs(r - 1) > .01)) return !1;
+		let i = wr({ textbox: e }), a = this.canvasManager.getObjectPlacement({ object: e });
+		return Er({
+			textbox: e,
+			canvasManager: this.canvasManager,
+			base: i,
+			widthScale: n,
+			heightScale: r,
+			placement: a,
+			shouldScaleFontSize: !0,
+			shouldScalePadding: !0,
+			shouldScaleRadii: !0,
+			shouldDisableAutoExpandOnHorizontalChange: t
+		}), !0;
+	}
+	_ensureScalingState({ textbox: e, transform: t }) {
+		let n = this.scalingState.get(e);
+		if (!n) {
+			let r = wr({ textbox: e }), i = Tr({ base: r }), a = t.original?.originX ?? t.originX ?? e.originX ?? "center", o = t.original?.originY ?? t.originY ?? e.originY ?? "center";
+			n = {
+				startBase: r,
+				startTransformCorner: typeof t.corner == "string" ? t.corner : null,
+				startTransformOriginX: a,
+				startTransformOriginY: o,
+				lastAllowedScaleX: 1,
+				lastAllowedScaleY: 1,
+				lastAllowedPlacement: this.canvasManager.getObjectPlacement({
+					object: e,
+					originX: a,
+					originY: o
+				}),
+				minimumWidthScale: i.widthScale,
+				minimumFontScale: i.fontScale,
+				minimumProportionalScale: i.proportionalScale,
+				hasScalingChange: !1
+			}, this.scalingState.set(e, n);
+		}
+		return n;
+	}
+	_updateScalingStateAfterLiveCommit({ textbox: e, state: t, appliedWidth: n, previousFontSize: r, previousPadding: i, previousRadii: a, previousWidth: o, dimensionsRounded: s, isCornerHandle: c, isHorizontalHandle: l, isVerticalHandle: u, originX: d, originY: f }) {
+		let { width: p, fontSize: m } = t.startBase, h = e.fontSize ?? m, g = {
+			top: e.paddingTop ?? 0,
+			right: e.paddingRight ?? 0,
+			bottom: e.paddingBottom ?? 0,
+			left: e.paddingLeft ?? 0
+		}, _ = {
+			topLeft: e.radiusTopLeft ?? 0,
+			topRight: e.radiusTopRight ?? 0,
+			bottomRight: e.radiusBottomRight ?? 0,
+			bottomLeft: e.radiusBottomLeft ?? 0
+		}, v = Math.abs(n - o) > mr, y = Math.abs(h - r) > mr, b = Math.abs(g.top - i.top) > .01 || Math.abs(g.right - i.right) > .01 || Math.abs(g.bottom - i.bottom) > .01 || Math.abs(g.left - i.left) > .01, x = Math.abs(_.topLeft - a.topLeft) > .01 || Math.abs(_.topRight - a.topRight) > .01 || Math.abs(_.bottomRight - a.bottomRight) > .01 || Math.abs(_.bottomLeft - a.bottomLeft) > .01, S = t.lastAllowedScaleX, C = t.lastAllowedScaleY;
+		if (c) {
+			let e = h / Math.max(1, m);
+			S = e, C = e;
+		} else l ? S = n / Math.max(1, p) : u && (C = h / Math.max(1, m));
+		this._storeLastAllowedScalingState({
+			textbox: e,
+			state: t,
+			widthScale: S,
+			heightScale: C,
+			originX: d,
+			originY: f
+		}), t.hasScalingChange = t.hasScalingChange || v || y || b || x || s;
+	}
+	_storeLastAllowedScalingState({ textbox: e, state: t, widthScale: n, heightScale: r, originX: i, originY: a }) {
+		t.lastAllowedScaleX = n, t.lastAllowedScaleY = r, t.lastAllowedPlacement = this.canvasManager.getObjectPlacement({
+			object: e,
+			originX: i,
+			originY: a
+		});
+	}
+}, Pr = ({ textbox: e }) => {
 	let t = e.text ?? "";
 	if (!t.length) return [];
 	let n = t.split("\n"), r = [], i = 0;
@@ -6679,7 +7137,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		});
 	}
 	return r;
-}, br = ({ range: e, text: t }) => {
+}, Fr = ({ range: e, text: t }) => {
 	if (!e) return null;
 	let n = t.length;
 	if (n <= 0) return null;
@@ -6688,8 +7146,8 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		start: l,
 		end: u
 	};
-}, xr = ({ textbox: e, range: t }) => {
-	let n = yr({ textbox: e });
+}, Ir = ({ textbox: e, range: t }) => {
+	let n = Pr({ textbox: e });
 	if (!n.length) return t;
 	let { start: r } = t, { end: i } = t;
 	for (let e = 0; e < n.length; e += 1) {
@@ -6702,7 +7160,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		start: r,
 		end: i
 	};
-}, Sr = ({ textbox: e, range: t }) => {
+}, Lr = ({ textbox: e, range: t }) => {
 	let n = e.text ?? "";
 	if (!n.length) return [];
 	let { start: r, end: i } = t, a = n.split("\n"), o = [], s = 0;
@@ -6711,7 +7169,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		i > n && r < c && o.push(e), s = c + 1;
 	}
 	return o;
-}, Cr = ({ textbox: e, range: t }) => {
+}, Rr = ({ textbox: e, range: t }) => {
 	let n = e.text ?? "";
 	if (!n.length) return [];
 	let { start: r, end: i } = t, a = n.split("\n"), o = [], s = 0;
@@ -6720,63 +7178,31 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		r <= n && i >= c && o.push(e), s = c + 1;
 	}
 	return o;
-}, wr = ({ previous: e, next: t }) => {
+}, zr = ({ previous: e, next: t }) => {
 	let n = Math.min(e.length, t.length);
 	for (let r = 0; r < n; r += 1) if (e[r] !== t[r]) return r;
 	return n;
-}, Tr = ({ text: e, charIndex: t }) => {
+}, Br = ({ text: e, charIndex: t }) => {
 	let n = Math.max(0, Math.min(t, e.length)), r = 0;
 	for (let t = 0; t < n; t += 1) e[t] === "\n" && (r += 1);
 	return r;
-}, Er = ({ text: e, lineIndex: t }) => {
+}, Vr = ({ text: e, lineIndex: t }) => {
 	if (t <= 0) return 0;
 	let n = 0;
 	for (let r = 0; r < e.length; r += 1) if (e[r] === "\n" && (n += 1, n === t)) return r + 1;
 	return e.length;
-}, Dr = ({ textbox: e, text: t }) => {
-	let { textLines: n } = e, r = Array.isArray(n) && n.length > 0 ? n.length : Math.max(t.split("\n").length, 1), i = 0;
-	for (let t = 0; t < r; t += 1) {
-		let n = e.getLineWidth(t);
-		n > i && (i = n);
-	}
-	return i;
-}, Or = ({ textbox: e, montageLeft: t, montageRight: n }) => {
-	e.setCoords();
-	let r = e.getBoundingRect(!1, !0), i = r.left ?? 0, a = i + (r.width ?? 0), o = n - t;
-	if (o > 0 && (r.width ?? 0) >= o - .01) return !1;
-	let s = 0;
-	return i < t ? s = t - i : a > n && (s = n - a), Math.abs(s) <= .01 ? !1 : (e.set({ left: (e.left ?? 0) + s }), !0);
-}, kr = ({ rawValue: e, calculatedValue: t }) => typeof e == "number" ? e : typeof t == "number" ? t : 0, Ar = ({ stylesList: e }) => {
-	let t = e.length;
-	if (!t) return !1;
-	for (let n = 0; n < t; n += 1) {
-		let t = e[n];
-		if (!t) continue;
-		let { fontFamily: r, fontSize: i, fontWeight: a, fontStyle: o, lineHeight: s, charSpacing: c } = t;
-		if (r !== void 0 || i !== void 0 || a !== void 0 || o !== void 0 || s !== void 0 || c !== void 0) return !0;
-	}
-	return !1;
-}, jr = ({ textbox: e }) => {
-	let { width: t, height: n, calcTextWidth: r, calcTextHeight: i } = e, a = typeof r == "function" ? r.call(e) : void 0, o = typeof i == "function" ? i.call(e) : void 0, s = kr({
-		rawValue: t,
-		calculatedValue: a
-	}), c = kr({
-		rawValue: n,
-		calculatedValue: o
-	}), l = Number.isFinite(s) ? Math.round(s) : null, u = Number.isFinite(c) ? Math.round(c) : null, d = {};
-	return l !== null && l !== s && (d.width = Math.max(0, l)), u !== null && u !== c && (d.height = Math.max(0, u)), Object.keys(d).length ? (e.set(d), !0) : !1;
-}, Mr = class t {
-	constructor({ editor: n }) {
-		this._handleTextEditingEntered = (e) => {
+}, Hr = class e {
+	constructor({ editor: t }) {
+		this._handleTextEditingEntered = (t) => {
 			this.isTextEditingActive = !0;
-			let { target: n } = e;
-			if (!t._isTextbox(n)) return;
+			let { target: n } = t;
+			if (!e._isTextbox(n)) return;
 			let { canvasManager: r, historyManager: i } = this.editor;
-			i.beginAction({ reason: "text-edit" }), !t._isShapeOwnedTextbox(n) && this._ensureEditingPlacementState().set(n, r.getObjectPlacement({ object: n }));
-		}, this._handleTextChanged = (e) => {
-			let { target: n } = e;
-			if (!t._isTextbox(n) || this.lineDefaultsSyncing.has(n)) return;
-			let r = t._isShapeOwnedTextbox(n), { text: i = "", uppercase: a, autoExpand: o } = n, s = !!a, c = o !== !1, l = i.toLocaleLowerCase(), u = r ? null : this.editingPlacementState?.get(n) ?? this.editor.canvasManager.getObjectPlacement({ object: n });
+			i.beginAction({ reason: "text-edit" }), !e._isShapeOwnedTextbox(n) && this._ensureEditingPlacementState().set(n, r.getObjectPlacement({ object: n }));
+		}, this._handleTextChanged = (t) => {
+			let { target: n } = t;
+			if (!e._isTextbox(n) || this.lineDefaultsSyncing.has(n)) return;
+			let r = e._isShapeOwnedTextbox(n), { text: i = "", uppercase: a, autoExpand: o } = n, s = !!a, c = o !== !1, l = i.toLocaleLowerCase(), u = r ? null : this.editingPlacementState?.get(n) ?? this.editor.canvasManager.getObjectPlacement({ object: n });
 			if (s) {
 				let e = ur({ value: l });
 				e !== i && n.set({ text: e }), n.textCaseRaw = l;
@@ -6790,24 +7216,24 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				placement: u,
 				shouldAutoExpand: c
 			}), this._syncLineFontDefaultsOnTextChanged({ textbox: n });
-		}, this._handleTextEditingExited = (e) => {
-			let { target: n } = e;
-			if (!t._isTextbox(n)) return;
-			let r = t._isShapeOwnedTextbox(n);
+		}, this._handleTextEditingExited = (t) => {
+			let { target: n } = t;
+			if (!e._isTextbox(n)) return;
+			let r = e._isShapeOwnedTextbox(n);
 			this.editingPlacementState?.delete(n);
 			let i = n.text ?? "";
-			n.uppercase ? n.textCaseRaw = n.textCaseRaw ?? i.toLocaleLowerCase() : n.textCaseRaw = i, r || (jr({ textbox: n }) && (n.setCoords(), n.dirty = !0, this.canvas.requestRenderAll()), n.locked || n.set({
+			n.uppercase ? n.textCaseRaw = n.textCaseRaw ?? i.toLocaleLowerCase() : n.textCaseRaw = i, r || (Cr({ textbox: n }) && (n.setCoords(), n.dirty = !0, this.canvas.requestRenderAll()), n.locked || n.set({
 				lockMovementX: !1,
 				lockMovementY: !1
 			}));
 			let { historyManager: a } = this.editor;
-			a.endAction({ reason: "text-edit" }), a.scheduleSaveState({
+			a.endAction({ reason: "text-edit" }), a.stageCurrentStateForPendingSave({ reason: "text-edit" }), a.scheduleSaveState({
 				delayMs: 50,
 				reason: "text-edit"
 			});
-		}, this._handleObjectResizing = (e) => {
-			let { target: n, transform: r, e: i } = e;
-			if (!t._isTextbox(n) || t._isShapeOwnedTextbox(n)) return;
+		}, this._handleObjectResizing = (t) => {
+			let { target: n, transform: r, e: i } = t;
+			if (!e._isTextbox(n) || e._isShapeOwnedTextbox(n)) return;
 			n.autoExpand = !1;
 			let { paddingLeft: a = 0, paddingRight: o = 0 } = n, s = a + o;
 			if (s !== 0) {
@@ -6823,109 +7249,25 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				transform: r,
 				event: i ?? null
 			});
-		}, this._handleObjectScaling = (n) => {
-			let { target: r, transform: i } = n;
-			if (r instanceof e || !t._isTextbox(r) || t._isShapeOwnedTextbox(r) || !i) return;
-			let { canvasManager: a } = this.editor;
-			r.isScaling = !0;
-			let o = this._ensureScalingState(r), { baseWidth: s, baseFontSize: c, basePadding: l, baseRadii: u, baseStyles: d, baseLineFontDefaults: f } = o, p = (typeof i.original?.width == "number" ? i.original.width : void 0) ?? s, m = i.corner ?? "", h = i.action ?? "", g = ["ml", "mr"].includes(m) || h === "scaleX", _ = ["mt", "mb"].includes(m) || h === "scaleY", v = [
-				"tl",
-				"tr",
-				"bl",
-				"br"
-			].includes(m) || h === "scale", y = v || _;
-			if (!g && !_ && !v) return;
-			let b = Math.abs(r.scaleX ?? i.scaleX ?? 1) || 1, x = Math.abs(r.scaleY ?? i.scaleY ?? 1) || 1, S = Math.max(1, p * b), C = Math.max(1, Math.round(S)), w = Math.max(1, c * x), { paddingTop: T = 0, paddingRight: E = 0, paddingBottom: D = 0, paddingLeft: O = 0, radiusTopLeft: k = 0, radiusTopRight: A = 0, radiusBottomRight: j = 0, radiusBottomLeft: M = 0, fontSize: N, width: P } = r, F = v || _, ee = v || _, I = F ? {
-				top: Math.max(0, l.top * x),
-				right: Math.max(0, l.right * x),
-				bottom: Math.max(0, l.bottom * x),
-				left: Math.max(0, l.left * x)
-			} : l, L = ee ? {
-				topLeft: Math.max(0, u.topLeft * x),
-				topRight: Math.max(0, u.topRight * x),
-				bottomRight: Math.max(0, u.bottomRight * x),
-				bottomLeft: Math.max(0, u.bottomLeft * x)
-			} : u, te = a.getObjectPlacement({
-				object: r,
-				originX: i.originX ?? r.originX,
-				originY: i.originY ?? r.originY
-			}), ne = P ?? p, R = C !== ne, re = Math.abs(w - (N ?? c)) > mr, z = Math.abs(I.top - T) > .01 || Math.abs(I.right - E) > .01 || Math.abs(I.bottom - D) > .01 || Math.abs(I.left - O) > .01, ie = Math.abs(L.topLeft - k) > .01 || Math.abs(L.topRight - A) > .01 || Math.abs(L.bottomRight - j) > .01 || Math.abs(L.bottomLeft - M) > .01;
-			if (!R && !re && !z && !ie) {
-				r.set({
-					scaleX: 1,
-					scaleY: 1
-				}), i.scaleX = 1, i.scaleY = 1;
-				return;
-			}
-			let { appliedWidth: B, dimensionsRounded: ae } = this._commitStandaloneTextboxScale({
-				textbox: r,
-				base: {
-					baseWidth: p,
-					baseFontSize: c,
-					basePadding: l,
-					baseRadii: u,
-					baseStyles: d,
-					baseLineFontDefaults: f
-				},
-				widthScale: b,
-				heightScale: x,
-				placement: te,
-				shouldScaleFontSize: y,
-				shouldScalePadding: F,
-				shouldScaleRadii: ee,
-				shouldDisableAutoExpandOnHorizontalChange: g
-			}), V = B !== ne;
-			i.scaleX = 1, i.scaleY = 1;
-			let { original: H } = i;
-			H && (H.scaleX = 1, H.scaleY = 1, H.width = B, H.height = r.height, H.left = r.left, H.top = r.top), this.canvas.requestRenderAll();
-			let U = t._captureTextScaleBase({ textbox: r });
-			o.baseWidth = U.baseWidth, o.baseFontSize = U.baseFontSize, o.baseStyles = U.baseStyles, o.baseLineFontDefaults = U.baseLineFontDefaults, o.basePadding = U.basePadding, o.baseRadii = U.baseRadii, o.hasWidthChange = V || re || z || ie || ae;
-		}, this._handleObjectModified = (n) => {
-			let { target: r } = n;
-			if (r instanceof e) {
-				let n = r.getObjects();
-				if (!n.some((e) => t._isTextbox(e))) return;
-				let { scaleX: i = 1, scaleY: a = 1 } = r;
-				if (Math.abs(i - 1) < .01 && Math.abs(a - 1) < .01) return;
-				this.canvas.discardActiveObject(), n.forEach((e) => {
-					this.commitStandaloneTextScale({ target: e }), e.setCoords();
+		}, this.editor = t, this.canvas = t.canvas, this.fonts = t.options.fonts ?? [], this.scalingController = new Nr({
+			canvas: t.canvas,
+			canvasManager: t.canvasManager,
+			persistScaledTextbox: ({ target: e, style: t }) => {
+				this.updateText({
+					target: e,
+					style: t
 				});
-				let o = new e(n, { canvas: this.canvas });
-				this.canvas.setActiveObject(o), this.canvas.requestRenderAll();
-				return;
 			}
-			if (!t._isTextbox(r) || t._isShapeOwnedTextbox(r)) return;
-			r.isScaling = !1;
-			let i = this.scalingState.get(r);
-			if (this.scalingState.delete(r), !i?.hasWidthChange) return;
-			let a = r.width ?? r.calcTextWidth(), o = r.fontSize ?? i?.baseFontSize ?? 16, s = !!(i.baseStyles && Object.keys(i.baseStyles).length), { paddingTop: c = 0, paddingRight: l = 0, paddingBottom: u = 0, paddingLeft: d = 0, radiusTopLeft: f = 0, radiusTopRight: p = 0, radiusBottomRight: m = 0, radiusBottomLeft: h = 0 } = r, g = {
-				width: a,
-				paddingTop: c,
-				paddingRight: l,
-				paddingBottom: u,
-				paddingLeft: d,
-				radiusTopLeft: f,
-				radiusTopRight: p,
-				radiusBottomRight: m,
-				radiusBottomLeft: h
-			};
-			s || (g.fontSize = o), this.updateText({
-				target: r,
-				style: g
-			}), r.set({
-				scaleX: 1,
-				scaleY: 1
-			}), r.setCoords();
-		}, this.editor = n, this.canvas = n.canvas, this.fonts = n.options.fonts ?? [], this.scalingState = /* @__PURE__ */ new WeakMap(), this.editingPlacementState = /* @__PURE__ */ new WeakMap(), this.lineDefaultsSyncing = /* @__PURE__ */ new WeakSet(), this.isTextEditingActive = !1, this._bindEvents(), pr();
+		}), this.editingPlacementState = /* @__PURE__ */ new WeakMap(), this.lineDefaultsSyncing = /* @__PURE__ */ new WeakSet(), this.isTextEditingActive = !1, this._bindEvents(), pr();
 	}
-	addText({ id: e = `text-${D()}`, text: n = "Новый текст", autoExpand: r = !0, fontFamily: i, fontSize: a = 48, bold: o = !1, italic: s = !1, underline: c = !1, uppercase: l = !1, strikethrough: u = !1, align: d = "left", color: f = "#000000", strokeColor: p, strokeWidth: m = 0, opacity: h = 1, backgroundColor: g, backgroundOpacity: _ = 1, paddingTop: v = 0, paddingRight: y = 0, paddingBottom: b = 0, paddingLeft: x = 0, radiusTopLeft: S = 0, radiusTopRight: C = 0, radiusBottomRight: w = 0, radiusBottomLeft: T = 0, ...E } = {}, { withoutSelection: O = !1, withoutSave: k = !1, withoutAdding: A = !1 } = {}) {
+	addText({ id: t = `text-${D()}`, text: n = "Новый текст", autoExpand: r = !0, fontFamily: i, fontSize: a = 48, bold: o = !1, italic: s = !1, underline: c = !1, uppercase: l = !1, strikethrough: u = !1, align: d = "left", color: f = "#000000", strokeColor: p, strokeWidth: m = 0, opacity: h = 1, backgroundColor: g, backgroundOpacity: _ = 1, paddingTop: v = 0, paddingRight: y = 0, paddingBottom: b = 0, paddingLeft: x = 0, radiusTopLeft: S = 0, radiusTopRight: C = 0, radiusBottomRight: w = 0, radiusBottomLeft: T = 0, ...E } = {}, { withoutSelection: O = !1, withoutSave: k = !1, withoutAdding: A = !1 } = {}) {
 		let { canvasManager: j, historyManager: M } = this.editor, { canvas: N } = this;
 		M.suspendHistory();
-		let P = i ?? this._getDefaultFontFamily(), F = lr({ width: m }), ee = cr({
+		let P = i ?? this._getDefaultFontFamily(), F = lr({ width: m }), I = cr({
 			strokeColor: p,
 			width: F
-		}), I = {
-			id: e,
+		}), ee = {
+			id: t,
 			fontFamily: P,
 			fontSize: a,
 			fontWeight: o ? "bold" : "normal",
@@ -6935,7 +7277,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			linethrough: u,
 			textAlign: d,
 			fill: f,
-			stroke: ee,
+			stroke: I,
 			strokeWidth: F,
 			strokeUniform: !0,
 			opacity: h,
@@ -6950,14 +7292,14 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			radiusBottomRight: w,
 			radiusBottomLeft: T,
 			...E
-		}, L = new fr(n, I), te = r !== !1;
+		}, L = new fr(n, ee), te = r !== !1;
 		L.autoExpand = te;
 		let ne = E.left !== void 0 || E.top !== void 0;
 		if (L.textCaseRaw = L.text ?? "", l) {
 			let e = ur({ value: L.textCaseRaw });
 			e !== L.text && L.set({ text: e });
 		}
-		jr({ textbox: L }) && (L.dirty = !0);
+		Cr({ textbox: L }) && (L.dirty = !0);
 		let R;
 		ne && (R = j.resolveObjectPlacement({
 			object: L,
@@ -6967,7 +7309,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			originY: E.originY,
 			fallbackPoint: j.getMontageAreaSceneCenter()
 		}));
-		let re = te && t._hasWrappedLinesBeyondExplicitBreaks(L);
+		let re = te && e._hasWrappedLinesBeyondExplicitBreaks(L);
 		return (ne || re) && this._normalizeTextboxAfterContentChange({
 			textbox: L,
 			placement: R,
@@ -6976,14 +7318,14 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}), R || j.centerObjectToMontageArea({ object: L }), A || N.add(L), O || N.setActiveObject(L), N.requestRenderAll(), M.resumeHistory(), k || M.saveState(), N.fire("editor:text-added", {
 			textbox: L,
 			options: {
-				...I,
+				...ee,
 				text: n,
 				bold: o,
 				italic: s,
 				strikethrough: u,
 				align: d,
 				color: f,
-				strokeColor: ee,
+				strokeColor: I,
 				strokeWidth: F
 			},
 			flags: {
@@ -6993,36 +7335,36 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			}
 		}), L;
 	}
-	updateText({ target: e, style: n = {}, withoutSave: r, skipRender: i, selectionRange: a } = {}) {
-		let o = this._resolveTextObject(e);
+	updateText({ target: t, style: n = {}, withoutSave: r, skipRender: i, selectionRange: a } = {}) {
+		let o = this._resolveTextObject(t);
 		if (!o) return null;
 		let { text: s = "" } = o, { historyManager: c } = this.editor, { canvasManager: l } = this.editor, { canvas: u } = this;
 		c.suspendHistory();
-		let d = t._getSnapshot(o), { text: f, autoExpand: p, fontFamily: m, fontSize: h, bold: g, italic: _, underline: v, uppercase: y, strikethrough: b, align: x, color: S, strokeColor: C, strokeWidth: w, opacity: T, backgroundColor: E, backgroundOpacity: D, paddingTop: O, paddingRight: k, paddingBottom: A, paddingLeft: j, radiusTopLeft: M, radiusTopRight: N, radiusBottomRight: P, radiusBottomLeft: F, left: ee, top: I, originX: L, originY: te, ...ne } = n, R = { ...ne }, re = l.resolveObjectPlacement({
+		let d = e._getSnapshot(o), { text: f, autoExpand: p, fontFamily: m, fontSize: h, bold: g, italic: _, underline: v, uppercase: y, strikethrough: b, align: x, color: S, strokeColor: C, strokeWidth: w, opacity: T, backgroundColor: E, backgroundOpacity: D, paddingTop: O, paddingRight: k, paddingBottom: A, paddingLeft: j, radiusTopLeft: M, radiusTopRight: N, radiusBottomRight: P, radiusBottomLeft: F, left: I, top: ee, originX: L, originY: te, ...ne } = n, R = { ...ne }, re = l.resolveObjectPlacement({
 			object: o,
-			left: ee,
-			top: I,
+			left: I,
+			top: ee,
 			originX: L,
 			originY: te
-		}), z = a === void 0 ? rr({ textbox: o }) : br({
+		}), z = a === void 0 ? rr({ textbox: o }) : Fr({
 			text: s,
 			range: a
-		}), ie = z ? xr({
+		}), ie = z ? Ir({
 			textbox: o,
 			range: z
-		}) : null, B = {}, ae = {}, V = {}, H, U, oe = ar({
+		}) : null, B = {}, ae = {}, V = {}, oe, se, ce = ar({
 			textbox: o,
 			range: z
-		}), se = !z || oe, ce = !z;
-		if (m !== void 0 && (ie && (ae.fontFamily = m), se && (R.fontFamily = m, ce && (V.fontFamily = m))), h !== void 0 && (ie && (ae.fontSize = h), se && (R.fontSize = h, ce && (V.fontSize = h))), g !== void 0) {
+		}), le = !z || ce, H = !z;
+		if (m !== void 0 && (ie && (ae.fontFamily = m), le && (R.fontFamily = m, H && (V.fontFamily = m))), h !== void 0 && (ie && (ae.fontSize = h), le && (R.fontSize = h, H && (V.fontSize = h))), g !== void 0) {
 			let e = g ? "bold" : "normal";
-			z && (B.fontWeight = e), se && (R.fontWeight = e, ce && (V.fontWeight = e));
+			z && (B.fontWeight = e), le && (R.fontWeight = e, H && (V.fontWeight = e));
 		}
 		if (_ !== void 0) {
 			let e = _ ? "italic" : "normal";
-			z && (B.fontStyle = e), se && (R.fontStyle = e, ce && (V.fontStyle = e));
+			z && (B.fontStyle = e), le && (R.fontStyle = e, H && (V.fontStyle = e));
 		}
-		if (v !== void 0 && (z && (B.underline = v), se && (R.underline = v, ce && (V.underline = v))), b !== void 0 && (z && (B.linethrough = b), se && (R.linethrough = b, ce && (V.linethrough = b))), x !== void 0 && (R.textAlign = x), S !== void 0 && (z && (B.fill = S), se && (R.fill = S, ce && (V.fill = S))), C !== void 0 || w !== void 0) {
+		if (v !== void 0 && (z && (B.underline = v), le && (R.underline = v, H && (V.underline = v))), b !== void 0 && (z && (B.linethrough = b), le && (R.linethrough = b, H && (V.linethrough = b))), x !== void 0 && (R.textAlign = x), S !== void 0 && (z && (B.fill = S), le && (R.fill = S, H && (V.fill = S))), C !== void 0 || w !== void 0) {
 			let e = z ? sr({
 				textbox: o,
 				range: z,
@@ -7032,15 +7374,15 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				range: z,
 				property: "stroke"
 			}) : void 0;
-			U = lr({ width: w ?? e ?? o.strokeWidth ?? 0 }), H = cr({
+			se = lr({ width: w ?? e ?? o.strokeWidth ?? 0 }), oe = cr({
 				strokeColor: C ?? t ?? o.stroke ?? void 0,
-				width: U
-			}), z && (B.stroke = H, B.strokeWidth = U), se && (R.stroke = H, R.strokeWidth = U, ce && (V.stroke = H, V.strokeWidth = U));
+				width: se
+			}), z && (B.stroke = oe, B.strokeWidth = se), le && (R.stroke = oe, R.strokeWidth = se, H && (V.stroke = oe, V.strokeWidth = se));
 		}
 		T !== void 0 && (R.opacity = T), E !== void 0 && (R.backgroundColor = E), D !== void 0 && (R.backgroundOpacity = D), O !== void 0 && (R.paddingTop = O), k !== void 0 && (R.paddingRight = k), A !== void 0 && (R.paddingBottom = A), j !== void 0 && (R.paddingLeft = j), M !== void 0 && (R.radiusTopLeft = M), N !== void 0 && (R.radiusTopRight = N), P !== void 0 && (R.radiusBottomRight = P), F !== void 0 && (R.radiusBottomLeft = F);
-		let le = o.textCaseRaw ?? s, ue = !!o.uppercase, de = f !== void 0, fe = de ? f ?? "" : le, pe = y ?? ue, me = pe !== ue;
-		de || me ? (R.text = pe ? ur({ value: fe }) : fe, o.textCaseRaw = fe) : o.textCaseRaw === void 0 && (o.textCaseRaw = le), o.uppercase = pe, o.set(R);
-		let he = !1;
+		let ue = o.textCaseRaw ?? s, de = !!o.uppercase, fe = f !== void 0, pe = fe ? f ?? "" : ue, me = y ?? de, he = me !== de;
+		fe || he ? (R.text = me ? ur({ value: pe }) : pe, o.textCaseRaw = pe) : o.textCaseRaw === void 0 && (o.textCaseRaw = ue), o.uppercase = me, o.set(R);
+		let ge = !1;
 		if (z) {
 			let e = or({
 				textbox: o,
@@ -7051,22 +7393,22 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				styles: ae,
 				range: ie
 			}) : !1;
-			he = e || t;
+			ge = e || t;
 		} else if (Object.keys(V).length) {
 			let e = ir({ textbox: o });
-			e && (he = or({
+			e && (ge = or({
 				textbox: o,
 				styles: V,
 				range: e
 			}));
 		}
-		let ge = he && Ar({ stylesList: [
+		let _e = ge && Sr({ stylesList: [
 			B,
 			ae,
 			V
 		] });
-		if (he && (o.dirty = !0), ie && (m !== void 0 || h !== void 0)) {
-			let e = Sr({
+		if (ge && (o.dirty = !0), ie && (m !== void 0 || h !== void 0)) {
+			let e = Lr({
 				textbox: o,
 				range: ie
 			}), t = {};
@@ -7077,92 +7419,85 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			});
 		}
 		if (z && (S !== void 0 || C !== void 0 || w !== void 0)) {
-			let e = Cr({
+			let e = Rr({
 				textbox: o,
 				range: z
 			}), t = {};
-			S !== void 0 && (t.fill = S), (C !== void 0 || w !== void 0) && (H === null && (t.stroke = null), H != null && (t.stroke = H)), hr({
+			S !== void 0 && (t.fill = S), (C !== void 0 || w !== void 0) && (oe === null && (t.stroke = null), oe != null && (t.stroke = oe)), hr({
 				textbox: o,
 				lineIndices: e,
 				updates: t
 			});
 		}
-		ge && (o.initDimensions(), o.dirty = !0), (E !== void 0 || D !== void 0 || O !== void 0 || k !== void 0 || A !== void 0 || j !== void 0 || M !== void 0 || N !== void 0 || P !== void 0 || F !== void 0) && (o.dirty = !0);
-		let _e = Ar({ stylesList: [
+		_e && (o.initDimensions(), o.dirty = !0), (E !== void 0 || D !== void 0 || O !== void 0 || k !== void 0 || A !== void 0 || j !== void 0 || M !== void 0 || N !== void 0 || P !== void 0 || F !== void 0) && (o.dirty = !0);
+		let ve = Sr({ stylesList: [
 			R,
 			B,
 			ae,
 			V
-		] }), { autoExpand: ve } = o, ye = p !== void 0, be = Object.prototype.hasOwnProperty.call(R, "width"), xe = (p ?? ve) !== !1;
-		ye ? o.autoExpand = p !== !1 : ve === void 0 && (o.autoExpand = !0);
-		let Se = xe && !be && (de || me || _e);
+		] }), { autoExpand: ye } = o, be = p !== void 0, xe = Object.prototype.hasOwnProperty.call(R, "width"), Se = (p ?? ye) !== !1;
+		be ? o.autoExpand = p !== !1 : ye === void 0 && (o.autoExpand = !0);
+		let Ce = Se && !xe && (fe || he || ve);
 		this._normalizeTextboxAfterContentChange({
 			textbox: o,
 			placement: re,
-			shouldAutoExpand: Se
+			shouldAutoExpand: Ce
 		}), o.setCoords();
-		let Ce = {
+		let we = {
 			withoutSave: !!r,
 			skipRender: !!i
-		}, we = !!z && Object.keys(B).length > 0, Te = {
+		}, Te = !!z && Object.keys(B).length > 0, Ee = {
 			textbox: o,
-			target: e,
+			target: t,
 			style: n,
-			options: Ce,
+			options: we,
 			updates: R,
 			selectionRange: z ?? void 0,
-			selectionStyles: we ? B : void 0
+			selectionStyles: Te ? B : void 0
 		};
-		u.fire("editor:before:text-updated", Te), i || u.requestRenderAll();
-		let Ee = t._getSnapshot(o);
+		u.fire("editor:before:text-updated", Ee), i || u.requestRenderAll();
+		let De = e._getSnapshot(o);
 		c.resumeHistory(), r || c.saveState();
-		let De = {
-			...Te,
+		let Oe = {
+			...Ee,
 			before: d,
-			after: Ee
+			after: De
 		};
-		return u.fire("editor:text-updated", De), o;
+		return u.fire("editor:text-updated", Oe), o;
 	}
 	stylesFromArray(e, t) {
 		return C.stylesFromArray(e, t);
 	}
+	exitActiveTextEditing() {
+		let t = this.canvas.getActiveObject();
+		return !e._isTextbox(t) || !t.isEditing ? !1 : (t.exitEditing(), this.canvas.requestRenderAll(), !0);
+	}
 	destroy() {
 		let { canvas: e } = this;
-		e.off("object:scaling", this._handleObjectScaling), e.off("object:resizing", this._handleObjectResizing), e.off("object:modified", this._handleObjectModified), e.off("text:editing:exited", this._handleTextEditingExited), e.off("text:editing:entered", this._handleTextEditingEntered), e.off("text:changed", this._handleTextChanged);
-	}
-	commitStandaloneTextScale({ target: e, shouldDisableAutoExpandOnHorizontalChange: n = !1 }) {
-		if (!t._isTextbox(e) || t._isShapeOwnedTextbox(e)) return !1;
-		let r = Math.abs(e.scaleX ?? 1) || 1, i = Math.abs(e.scaleY ?? 1) || 1;
-		if (!(Math.abs(r - 1) > .01 || Math.abs(i - 1) > .01)) return !1;
-		let a = t._captureTextScaleBase({ textbox: e }), o = this.editor.canvasManager.getObjectPlacement({ object: e });
-		return this._commitStandaloneTextboxScale({
-			textbox: e,
-			base: a,
-			widthScale: r,
-			heightScale: i,
-			placement: o,
-			shouldScaleFontSize: !0,
-			shouldScalePadding: !0,
-			shouldScaleRadii: !0,
-			shouldDisableAutoExpandOnHorizontalChange: n
-		}), !0;
+		e.off("object:scaling", this.scalingController.handleObjectScaling), e.off("object:resizing", this._handleObjectResizing), e.off("object:modified", this.scalingController.handleObjectModified), e.off("mouse:move", this.scalingController.handleMouseMove), e.off("text:editing:exited", this._handleTextEditingExited), e.off("text:editing:entered", this._handleTextEditingEntered), e.off("text:changed", this._handleTextChanged);
 	}
-	_resolveTextObject(e) {
-		if (e instanceof _) return e;
+	commitStandaloneTextScale({ target: e, shouldDisableAutoExpandOnHorizontalChange: t = !1 }) {
+		return this.scalingController.commitStandaloneTextScale({
+			target: e,
+			shouldDisableAutoExpandOnHorizontalChange: t
+		});
+	}
+	_resolveTextObject(t) {
+		if (t instanceof _) return t;
 		let { canvas: n } = this;
-		if (!e) {
-			let e = n.getActiveObject();
-			return t._isTextbox(e) ? e : null;
+		if (!t) {
+			let t = n.getActiveObject();
+			return e._isTextbox(t) ? t : null;
 		}
-		return typeof e == "string" ? n.getObjects().find((n) => t._isTextbox(n) && n.id === e) ?? null : null;
+		return typeof t == "string" ? n.getObjects().find((n) => e._isTextbox(n) && n.id === t) ?? null : null;
 	}
 	static _isTextbox(e) {
 		return !!e && e instanceof _;
 	}
-	static _isShapeOwnedTextbox(e) {
-		if (!t._isTextbox(e)) return !1;
-		let n = e.group;
-		return e.shapeNodeType === "text" && n?.shapeComposite === !0;
+	static _isShapeOwnedTextbox(t) {
+		if (!e._isTextbox(t)) return !1;
+		let n = t.group;
+		return t.shapeNodeType === "text" && n?.shapeComposite === !0;
 	}
 	static _hasWrappedLinesBeyondExplicitBreaks(e) {
 		let t = typeof e.text == "string" ? e.text : "";
@@ -7170,80 +7505,6 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let n = t.split("\n").length, { textLines: r } = e;
 		return Array.isArray(r) && r.length > n;
 	}
-	static _captureTextScaleBase({ textbox: e }) {
-		let t = e.width ?? e.calcTextWidth(), n = e.fontSize ?? 16, { styles: r = {} } = e, { lineFontDefaults: i } = e, { paddingTop: a = 0, paddingRight: o = 0, paddingBottom: s = 0, paddingLeft: c = 0 } = e, { radiusTopLeft: l = 0, radiusTopRight: u = 0, radiusBottomRight: d = 0, radiusBottomLeft: f = 0 } = e;
-		return {
-			baseWidth: t,
-			baseFontSize: n,
-			basePadding: {
-				top: a,
-				right: o,
-				bottom: s,
-				left: c
-			},
-			baseRadii: {
-				topLeft: l,
-				topRight: u,
-				bottomRight: d,
-				bottomLeft: f
-			},
-			baseStyles: JSON.parse(JSON.stringify(r)),
-			baseLineFontDefaults: _r({ lineFontDefaults: i })
-		};
-	}
-	_commitStandaloneTextboxScale({ textbox: e, base: t, widthScale: n, heightScale: r, placement: i, shouldScaleFontSize: a, shouldScalePadding: o, shouldScaleRadii: s, shouldDisableAutoExpandOnHorizontalChange: c = !1 }) {
-		let { baseWidth: l, baseFontSize: u, basePadding: d, baseRadii: f, baseStyles: p, baseLineFontDefaults: m } = t, h = Math.max(1, l * n), g = Math.max(1, Math.round(h)), _ = Math.max(1, u * r), v = Object.keys(p).length > 0, y;
-		if (a && v) {
-			let e = {};
-			Object.entries(p).forEach(([t, n]) => {
-				if (!n) return;
-				let i = {};
-				Object.entries(n).forEach(([e, t]) => {
-					if (!t) return;
-					let n = { ...t };
-					typeof t.fontSize == "number" && (n.fontSize = Math.max(1, t.fontSize * r)), i[e] = n;
-				}), Object.keys(i).length && (e[t] = i);
-			}), Object.keys(e).length && (y = e);
-		}
-		let b;
-		a && (b = vr({
-			lineFontDefaults: m,
-			scale: r
-		}));
-		let x = o ? {
-			top: Math.max(0, d.top * r),
-			right: Math.max(0, d.right * r),
-			bottom: Math.max(0, d.bottom * r),
-			left: Math.max(0, d.left * r)
-		} : d, S = s ? {
-			topLeft: Math.max(0, f.topLeft * r),
-			topRight: Math.max(0, f.topRight * r),
-			bottomRight: Math.max(0, f.bottomRight * r),
-			bottomLeft: Math.max(0, f.bottomLeft * r)
-		} : f, C = g !== (e.width ?? l);
-		c && C && (e.autoExpand = !1), y && (e.styles = y), b && (e.lineFontDefaults = b), e.set({
-			width: g,
-			fontSize: a ? _ : u,
-			paddingTop: x.top,
-			paddingRight: x.right,
-			paddingBottom: x.bottom,
-			paddingLeft: x.left,
-			radiusTopLeft: S.topLeft,
-			radiusTopRight: S.topRight,
-			radiusBottomRight: S.bottomRight,
-			radiusBottomLeft: S.bottomLeft,
-			scaleX: 1,
-			scaleY: 1
-		}), e.initDimensions();
-		let w = jr({ textbox: e });
-		return w && (e.dirty = !0), this.editor.canvasManager.applyObjectPlacement({
-			object: e,
-			placement: i
-		}), e.setCoords(), {
-			appliedWidth: e.width ?? g,
-			dimensionsRounded: w
-		};
-	}
 	_normalizeTextboxAfterContentChange({ textbox: e, placement: t, shouldAutoExpand: n, clampToMontage: r = !0 }) {
 		let i = !1;
 		n && (i = this._autoExpandTextboxWidth(e, {
@@ -7251,7 +7512,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			clampToMontage: r
 		}));
 		let a = !1;
-		i || (a = jr({ textbox: e }));
+		i || (a = Cr({ textbox: e }));
 		let o = !1;
 		return !i && t && (this.editor.canvasManager.applyObjectPlacement({
 			object: e,
@@ -7260,20 +7521,20 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	}
 	_bindEvents() {
 		let { canvas: e } = this;
-		e.on("object:scaling", this._handleObjectScaling), e.on("object:resizing", this._handleObjectResizing), e.on("object:modified", this._handleObjectModified), e.on("text:editing:entered", this._handleTextEditingEntered), e.on("text:editing:exited", this._handleTextEditingExited), e.on("text:changed", this._handleTextChanged);
+		e.on("object:scaling", this.scalingController.handleObjectScaling), e.on("object:resizing", this._handleObjectResizing), e.on("object:modified", this.scalingController.handleObjectModified), e.on("mouse:move", this.scalingController.handleMouseMove), e.on("text:editing:entered", this._handleTextEditingEntered), e.on("text:editing:exited", this._handleTextEditingExited), e.on("text:changed", this._handleTextChanged);
 	}
 	_syncLineFontDefaultsOnTextChanged({ textbox: e }) {
 		let { text: t = "", lineFontDefaults: n, styles: r, fontFamily: i, fontSize: a, fill: o, stroke: s, selectionStart: c, isEditing: l } = e, u = t, d = e.__lineDefaultsPrevText ?? u, f = d.split("\n"), p = u.split("\n"), m = f.length, h = p.length - m, g = n, _ = !1, v = !1, y = typeof o == "string" ? o : void 0, b = typeof s == "string" ? s : void 0;
 		if (h !== 0 && n && Object.keys(n).length) {
-			let e = wr({
+			let e = zr({
 				previous: d,
 				next: u
-			}), t = Tr({
+			}), t = Br({
 				text: d,
 				charIndex: e
 			});
 			if (h > 0) {
-				let r = Er({
+				let r = Vr({
 					text: d,
 					lineIndex: t
 				}), i = t + 1;
@@ -7354,16 +7615,16 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!Number.isFinite(f) || f <= 0) return !1;
 		let p = a.split("\n").length, m = !1;
 		Math.abs((e.width ?? 0) - f) > .01 && (e.set({ width: f }), m = !0), e.initDimensions();
-		let { textLines: h } = e, g = Array.isArray(h) && h.length > p, _ = Math.ceil(Dr({
+		let { textLines: h } = e, g = Array.isArray(h) && h.length > p, _ = Math.ceil(yr({
 			textbox: e,
 			text: a
 		})), v = Math.min(e.minWidth ?? 1, f), y = Math.min(f, Math.max(_, v));
-		g && (y = f), Math.abs((e.width ?? 0) - y) > .01 && (e.set({ width: y }), e.initDimensions(), m = !0), jr({ textbox: e }) && (m = !0), t && r.applyObjectPlacement({
+		g && (y = f), Math.abs((e.width ?? 0) - y) > .01 && (e.set({ width: y }), e.initDimensions(), m = !0), Cr({ textbox: e }) && (m = !0), t && r.applyObjectPlacement({
 			object: e,
 			placement: t
 		});
 		let b = !1;
-		return n && (b = Or({
+		return n && (b = br({
 			textbox: e,
 			montageLeft: o,
 			montageRight: o + s
@@ -7372,13 +7633,6 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	_ensureEditingPlacementState() {
 		return this.editingPlacementState ||= /* @__PURE__ */ new WeakMap(), this.editingPlacementState;
 	}
-	_ensureScalingState(e) {
-		let n = this.scalingState.get(e);
-		return n || (n = {
-			...t._captureTextScaleBase({ textbox: e }),
-			hasWidthChange: !1
-		}, this.scalingState.set(e, n)), n;
-	}
 	static _getSnapshot(e) {
 		let t = ({ snapshot: e, entries: t }) => {
 			Object.entries(t).forEach(([t, n]) => {
@@ -7428,7 +7682,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	_getDefaultFontFamily() {
 		return this.fonts[0]?.family ?? "Arial";
 	}
-}, Nr = ({ x1: e, y1: t, x2: n, y2: r }) => (Math.atan2(r - t, n - e) * 180 / Math.PI + 360) % 360, Pr = (e) => {
+}, Ur = ({ x1: e, y1: t, x2: n, y2: r }) => (Math.atan2(r - t, n - e) * 180 / Math.PI + 360) % 360, Wr = (e) => {
 	if (!e || typeof e != "object") return null;
 	let { type: t, coords: n, colorStops: r } = e, i = Array.isArray(r) ? r : [], a = i[0], o = i[i.length - 1], s = typeof a?.color == "string" ? a.color : void 0, c = typeof o?.color == "string" ? o.color : s, l = typeof a?.offset == "number" ? a.offset * 100 : void 0, u = typeof o?.offset == "number" ? o.offset * 100 : void 0, d = i.map((e) => ({
 		color: typeof e.color == "string" ? e.color : "#000000",
@@ -7439,7 +7693,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let { x1: e, y1: t, x2: r, y2: i } = n;
 		if (typeof e == "number" && typeof t == "number" && typeof r == "number" && typeof i == "number") return {
 			type: "linear",
-			angle: Nr({
+			angle: Ur({
 				x1: e,
 				y1: t,
 				x2: r,
@@ -7467,7 +7721,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		};
 	}
 	return null;
-}, Fr = "_templateAnchorX", Ir = "_templateAnchorY", Lr = class t {
+}, Gr = "_templateAnchorX", Kr = "_templateAnchorY", qr = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -7550,7 +7804,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				baseWidth: f.baseWidth,
 				baseHeight: f.baseHeight,
 				useRelativePositions: m
-			}), this.editor.textManager?.commitStandaloneTextScale({ target: e }), qe({ object: e }), e.set({
+			}), this.editor.textManager?.commitStandaloneTextScale({ target: e }), Je({ object: e }), e.set({
 				id: `${e.type}-${D()}`,
 				evented: !0
 			}), n.add(e), e));
@@ -7618,22 +7872,22 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			naturalHeight: 0,
 			width: 0,
 			height: 0
-		}, m = W({
+		}, m = U({
 			value: u || f || c.width,
 			fallback: 0
-		}), h = W({
+		}), h = U({
 			value: d || p || c.height,
 			fallback: 0
-		}), g = W({
+		}), g = U({
 			value: r,
 			fallback: m
-		}), _ = W({
+		}), _ = U({
 			value: i,
 			fallback: h
-		}), v = W({
+		}), v = U({
 			value: a,
 			fallback: c.scaleX || 1
-		}), y = W({
+		}), y = U({
 			value: o,
 			fallback: c.scaleY || 1
 		}), b = g * v, x = _ * y, S = m > 0, C = h > 0, w = b > 0, T = x > 0, E = t._resolveImageFit({ customData: s }), D = {};
@@ -7700,18 +7954,18 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}
 	}
 	_transformObject({ object: e, scale: n, bounds: r, baseWidth: i, baseHeight: a, useRelativePositions: o }) {
-		let s = e, { x: c, y: l } = Ge({
+		let s = e, { x: c, y: l } = Ke({
 			object: e,
 			baseWidth: i,
 			baseHeight: a,
 			useRelativePositions: o
-		}), { scaleX: u, scaleY: d } = e, f = W({
+		}), { scaleX: u, scaleY: d } = e, f = U({
 			value: u,
 			fallback: 1
-		}), p = W({
+		}), p = U({
 			value: d,
 			fallback: 1
-		}), m = Ke({
+		}), m = qe({
 			normalizedX: c,
 			normalizedY: l,
 			bounds: t._getPositioningBounds({
@@ -7720,8 +7974,8 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				baseHeight: a,
 				scale: n,
 				useRelativePositions: o,
-				anchorX: t._resolveAnchor(s, Fr),
-				anchorY: t._resolveAnchor(s, Ir)
+				anchorX: t._resolveAnchor(s, Gr),
+				anchorY: t._resolveAnchor(s, Kr)
 			})
 		}), h = f * n, g = p * n, _ = e.originX ?? "center", v = e.originY ?? "center";
 		e.set({
@@ -7735,7 +7989,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				originX: _,
 				originY: v
 			}
-		}), delete s[Fr], delete s[Ir];
+		}), delete s[Gr], delete s[Kr];
 	}
 	static _getPositioningBounds({ bounds: e, baseWidth: n, baseHeight: r, scale: i, useRelativePositions: a, anchorX: o, anchorY: s }) {
 		if (!a) return e;
@@ -7787,19 +8041,19 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!(e instanceof _)) return;
 		let r = typeof e.text == "string" ? e.text : "";
 		if (!r) return;
-		let i = W({
+		let i = U({
 			value: this.editor?.montageArea?.width,
 			fallback: 0
-		}), { width: a = 0 } = e, o = W({
+		}), { width: a = 0 } = e, o = U({
 			value: n,
 			fallback: 0
-		}), s = W({
+		}), s = U({
 			value: a,
 			fallback: 0
 		});
 		if (!i || !s || !o) return;
 		e.setCoords();
-		let c = e, l = t._resolveAnchor(c, Fr), u = typeof c.left == "number" ? c.left : null, d = e.originX ?? "center", f = e.originY ?? "center", p = e.getPointByOrigin(d, f), m = e.getBoundingRect(!1, !0), h = m.left + m.width;
+		let c = e, l = t._resolveAnchor(c, Gr), u = typeof c.left == "number" ? c.left : null, d = e.originX ?? "center", f = e.originY ?? "center", p = e.getPointByOrigin(d, f), m = e.getBoundingRect(!1, !0), h = m.left + m.width;
 		e.set("width", i), e.initDimensions();
 		let g = t._getLongestLineWidth({
 			textbox: e,
@@ -7818,7 +8072,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		return i;
 	}
 	_serializeObject({ object: e, bounds: n, baseWidth: r, baseHeight: i }) {
-		let a = e.toDatalessObject([...oe]);
+		let a = e.toDatalessObject([...ce]);
 		if (t._isSvgObject(e)) {
 			let n = t._extractSvgMarkup(e);
 			n && (a.svgMarkup = n, delete a.objects, delete a.path);
@@ -7828,10 +8082,10 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			x: (p.left - o) / d,
 			y: (p.top - s) / f
 		}, h = (u.left - o) / d, g = (u.top - s) / f, _ = h + u.width / d, v = g + u.height / f;
-		return a[Fr] = t._detectAnchor({
+		return a[Gr] = t._detectAnchor({
 			start: h,
 			end: _
-		}), a[Ir] = t._detectAnchor({
+		}), a[Kr] = t._detectAnchor({
 			start: g,
 			end: v
 		}), a.left = m.x, a.top = m.y, a;
@@ -7856,7 +8110,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				withoutSave: !0
 			}), !0;
 			if (a === "gradient") {
-				let e = Pr(r);
+				let e = Wr(r);
 				if (e) return n.setGradientBackground({
 					gradient: e,
 					customData: o,
@@ -7913,29 +8167,29 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	enlivenObjectEnlivables(e) {
 		return C.enlivenObjectEnlivables(e);
 	}
-}, Rr = "#3D8BF4", zr = .5, Br = ({ distance: e }) => Number.isFinite(e) ? Math.round(Math.max(0, e)) : 0, Vr = ({ firstDistance: e, secondDistance: t }) => {
-	let n = Br({ distance: e }), r = Br({ distance: t });
+}, Jr = "#3D8BF4", Yr = .5, Xr = ({ distance: e }) => Number.isFinite(e) ? Math.round(Math.max(0, e)) : 0, Zr = ({ firstDistance: e, secondDistance: t }) => {
+	let n = Xr({ distance: e }), r = Xr({ distance: t });
 	return {
 		firstDisplayDistance: n,
 		secondDisplayDistance: r,
 		displayDistanceDiff: Math.abs(n - r),
 		commonDisplayDistance: Math.max(n, r)
 	};
-}, Hr = ({ firstStart: e, firstEnd: t, secondStart: n, secondEnd: r }) => Math.min(t, r) - Math.max(e, n), Ur = ({ step: e }) => {
+}, Qr = ({ firstStart: e, firstEnd: t, secondStart: n, secondEnd: r }) => Math.min(t, r) - Math.max(e, n), $r = ({ step: e }) => {
 	let t = Math.abs(e).toString(), n = t.indexOf(".");
 	return n === -1 ? 0 : t.slice(n + 1).length;
-}, Wr = ({ value: e, step: t }) => {
+}, ei = ({ value: e, step: t }) => {
 	if (t === 0) return e;
-	let n = Ur({ step: t }), r = Math.round(e / t) * t;
+	let n = $r({ step: t }), r = Math.round(e / t) * t;
 	return Number(r.toFixed(n));
-}, Gr = ({ value: e, step: t }) => {
+}, ti = ({ value: e, step: t }) => {
 	if (t === 0) return !0;
-	let n = Wr({
+	let n = ei({
 		value: e,
 		step: t
-	}), r = 10 ** -(Ur({ step: t }) + 4);
+	}), r = 10 ** -($r({ step: t }) + 4);
 	return Math.abs(n - e) <= r;
-}, Kr = ({ bounds: e, axis: t }) => {
+}, ni = ({ bounds: e, axis: t }) => {
 	let { left: n = 0, right: r = 0, top: i = 0, bottom: a = 0 } = e;
 	return t === "vertical" ? {
 		start: i,
@@ -7944,7 +8198,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		start: n,
 		end: r
 	};
-}, qr = ({ items: e, axis: t }) => {
+}, ri = ({ items: e, axis: t }) => {
 	for (let n = 1; n < e.length; n += 1) {
 		let r = e[n], { bounds: i } = r, a = i[t], o = n - 1;
 		for (; o >= 0;) {
@@ -7954,10 +8208,10 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}
 		e[o + 1] = r;
 	}
-}, Jr = ({ items: e, index: t, axis: n, direction: r }) => {
+}, ii = ({ items: e, index: t, axis: n, direction: r }) => {
 	let i = e[t];
 	if (!i) return null;
-	let { bounds: a } = i, { start: o, end: s } = Kr({
+	let { bounds: a } = i, { start: o, end: s } = ni({
 		bounds: a,
 		axis: n
 	});
@@ -7965,7 +8219,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		for (let r = t - 1; r >= 0; --r) {
 			let t = e[r];
 			if (!t) continue;
-			let { bounds: i } = t, { end: a } = Kr({
+			let { bounds: i } = t, { end: a } = ni({
 				bounds: i,
 				axis: n
 			});
@@ -7976,26 +8230,26 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	for (let r = t + 1; r < e.length; r += 1) {
 		let t = e[r];
 		if (!t) continue;
-		let { bounds: i } = t, { start: a } = Kr({
+		let { bounds: i } = t, { start: a } = ni({
 			bounds: i,
 			axis: n
 		});
 		if (a - s >= 0) return r;
 	}
 	return null;
-}, Yr = ({ items: e }) => {
+}, ai = ({ items: e }) => {
 	for (let t = 0; t < e.length; t += 1) {
 		let { isActive: n } = e[t];
 		if (n) return t;
 	}
 	return -1;
-}, Xr = ({ patternAxis: e, activeRangeStart: t, activeRangeEnd: n, tolerance: r = 0 }) => {
+}, oi = ({ patternAxis: e, activeRangeStart: t, activeRangeEnd: n, tolerance: r = 0 }) => {
 	let i = Math.min(t, n), a = Math.max(t, n);
 	return e >= i - r && e <= a + r;
-}, Zr = ({ patternStart: e, patternEnd: t, activeStart: n, activeEnd: r }) => t <= n ? "before" : e >= r ? "after" : null, Qr = ({ baseOption: e, candidateOption: t }) => {
+}, si = ({ patternStart: e, patternEnd: t, activeStart: n, activeEnd: r }) => t <= n ? "before" : e >= r ? "after" : null, ci = ({ baseOption: e, candidateOption: t }) => {
 	let { delta: n, guide: { distance: r } } = e, { delta: i, guide: { distance: a } } = t;
 	return n === i && r === a;
-}, $r = ({ options: e }) => {
+}, li = ({ options: e }) => {
 	let t = e[0];
 	for (let n = 1; n < e.length; n += 1) {
 		let r = e[n];
@@ -8006,11 +8260,11 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		r.diff === t.diff && Math.abs(r.delta) < Math.abs(t.delta) && (t = r);
 	}
 	return t;
-}, ei = ({ currentOption: e, nextOption: t }) => {
+}, ui = ({ currentOption: e, nextOption: t }) => {
 	if (!e) return !0;
 	let { contextDistance: n, diff: r, delta: i } = e, { contextDistance: a, diff: o, delta: s } = t;
 	return a < n ? !0 : a > n ? !1 : o < r ? !0 : o > r ? !1 : Math.abs(s) < Math.abs(i);
-}, ti = ({ options: e }) => {
+}, di = ({ options: e }) => {
 	let t = [], n = null, r = null;
 	for (let i of e) {
 		let { kind: e, side: a } = i;
@@ -8018,18 +8272,18 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			t.push(i);
 			continue;
 		}
-		a === "before" && ei({
+		a === "before" && ui({
 			currentOption: n,
 			nextOption: i
-		}) && (n = i), a === "after" && ei({
+		}) && (n = i), a === "after" && ui({
 			currentOption: r,
 			nextOption: i
 		}) && (r = i);
 	}
 	return n && t.push(n), r && t.push(r), t;
-}, ni = ({ options: e, side: t, baseOption: n }) => {
+}, fi = ({ options: e, side: t, baseOption: n }) => {
 	let r = null;
-	for (let i of e) if (i.side === t && Qr({
+	for (let i of e) if (i.side === t && ci({
 		baseOption: n,
 		candidateOption: i
 	})) {
@@ -8040,63 +8294,63 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		!r || i.diff !== r.diff || Math.abs(i.delta) < Math.abs(r.delta) && (r = i);
 	}
 	return r;
-}, ri = ({ option: e }) => {
+}, pi = ({ option: e }) => {
 	let { side: t, kind: n, guide: { distance: r } } = e;
 	return {
 		side: t,
 		kind: n,
 		distance: r
 	};
-}, ii = ({ option: e, context: t }) => {
+}, mi = ({ option: e, context: t }) => {
 	let { side: n, kind: r, distance: i } = t, { side: a, kind: o, guide: { distance: s } } = e;
 	return n !== a || r !== o ? !1 : Math.abs(s - i) <= 1;
-}, ai = ({ options: e, context: t }) => {
+}, hi = ({ options: e, context: t }) => {
 	if (!t) return null;
-	for (let n of e) if (ii({
+	for (let n of e) if (mi({
 		option: n,
 		context: t
 	})) return n;
 	return null;
-}, oi = ({ options: e, bestOption: t, previousContext: n, switchDistance: r = 0 }) => {
-	let i = ai({
+}, gi = ({ options: e, bestOption: t, previousContext: n, switchDistance: r = 0 }) => {
+	let i = hi({
 		options: e,
 		context: n
 	});
 	if (!i) return t;
 	let a = Math.max(0, r);
 	return a === 0 || Math.abs(t.delta - i.delta) >= a ? t : i;
-}, si = ({ guides: e, seenGuideKeys: t, guide: n }) => {
+}, _i = ({ guides: e, seenGuideKeys: t, guide: n }) => {
 	let { type: r, axis: i, refStart: a, refEnd: o, activeStart: s, activeEnd: c, distance: l } = n, u = `${r}:${i}:${a}:${o}:${s}:${c}:${l}`;
 	t.has(u) || (t.add(u), e.push(n));
-}, ci = ({ options: e, previousContext: t = null, switchDistance: n = 0 }) => {
+}, vi = ({ options: e, previousContext: t = null, switchDistance: n = 0 }) => {
 	if (!e.length) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let r = ti({ options: e }), i = [];
+	let r = di({ options: e }), i = [];
 	for (let e of r) e.kind === "reference" && i.push(e);
-	let a = i.length > 0, o = a ? i : r, s = oi({
+	let a = i.length > 0, o = a ? i : r, s = gi({
 		options: o,
-		bestOption: $r({ options: o }),
+		bestOption: li({ options: o }),
 		previousContext: t,
 		switchDistance: n
-	}), c = ni({
+	}), c = fi({
 		options: o,
 		side: "before",
 		baseOption: s
-	}), l = ni({
+	}), l = fi({
 		options: o,
 		side: "after",
 		baseOption: s
-	}), u = ni({
+	}), u = fi({
 		options: a ? r : o,
 		side: "center",
 		baseOption: s
 	}), d = [];
 	c && l ? d.push(c, l) : (d.push(s), s.side === "before" && l && d.push(l), s.side === "after" && c && d.push(c), s.side === "center" && (c && !l && d.push(c), l && !c && d.push(l)), a && s.side === "before" && !l && u && d.push(u), a && s.side === "after" && !c && u && d.push(u)), !d.length && u && d.push(u);
 	let f = [], p = /* @__PURE__ */ new Set();
-	for (let e of d) si({
+	for (let e of d) _i({
 		guides: f,
 		seenGuideKeys: p,
 		guide: e.guide
@@ -8104,15 +8358,15 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	return {
 		delta: s.delta,
 		guides: f,
-		context: ri({ option: s })
+		context: pi({ option: s })
 	};
-}, li = ({ activeStart: e, activeEnd: t, targetGap: n, beforeEdge: r, afterEdge: i, threshold: a, step: o }) => {
-	let s = n - (e - r), c = Wr({
+}, yi = ({ activeStart: e, activeEnd: t, targetGap: n, beforeEdge: r, afterEdge: i, threshold: a, step: o }) => {
+	let s = n - (e - r), c = ei({
 		value: s,
 		step: o
 	}), l = Math.max(1, Math.ceil(a / Math.max(o, 1))), u = null;
 	for (let d = -l; d <= l; d += 1) {
-		let l = c + d * o, f = e + l, p = t + l, m = f - r, h = i - p, { displayDistanceDiff: g, commonDisplayDistance: _ } = Vr({
+		let l = c + d * o, f = e + l, p = t + l, m = f - r, h = i - p, { displayDistanceDiff: g, commonDisplayDistance: _ } = Zr({
 			firstDistance: m,
 			secondDistance: h
 		});
@@ -8127,13 +8381,13 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		});
 	}
 	return u;
-}, ui = ({ currentGap: e, referenceGap: t }) => {
-	let { secondDisplayDistance: n, displayDistanceDiff: r } = Vr({
+}, bi = ({ currentGap: e, referenceGap: t }) => {
+	let { secondDisplayDistance: n, displayDistanceDiff: r } = Zr({
 		firstDistance: e,
 		secondDistance: t
 	});
 	return r > 1 ? null : n;
-}, di = ({ anchors: e, positions: t, threshold: n }) => {
+}, xi = ({ anchors: e, positions: t, threshold: n }) => {
 	let r = 0, i = n + 1, a = null;
 	for (let o of t) for (let t of e) {
 		let e = Math.abs(t - o);
@@ -8143,8 +8397,8 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		delta: r,
 		guidePosition: a
 	};
-}, fi = ({ activeBounds: e, threshold: t, anchors: n }) => {
-	let { left: r, right: i, centerX: a, top: o, bottom: s, centerY: c } = e, l = di({
+}, Si = ({ activeBounds: e, threshold: t, anchors: n }) => {
+	let { left: r, right: i, centerX: a, top: o, bottom: s, centerY: c } = e, l = xi({
 		anchors: n.vertical,
 		positions: [
 			r,
@@ -8152,7 +8406,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			i
 		],
 		threshold: t
-	}), u = di({
+	}), u = xi({
 		anchors: n.horizontal,
 		positions: [
 			o,
@@ -8172,11 +8426,11 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		deltaY: u.delta,
 		guides: d
 	};
-}, pi = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
+}, Ci = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
 	let { centerX: o, top: s, bottom: c, left: l, right: u } = e, d = [];
 	for (let e of t) {
 		let { left: t, right: n } = e;
-		Hr({
+		Qr({
 			firstStart: t,
 			firstEnd: n,
 			secondStart: l,
@@ -8196,22 +8450,22 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	f.push({
 		bounds: e,
 		isActive: !0
-	}), qr({
+	}), ri({
 		items: f,
 		axis: "top"
 	});
-	let p = Yr({ items: f });
+	let p = ai({ items: f });
 	if (p === -1) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let m = [], h = c - s, g = Jr({
+	let m = [], h = c - s, g = ii({
 		items: f,
 		index: p,
 		axis: "vertical",
 		direction: "prev"
-	}), _ = Jr({
+	}), _ = ii({
 		items: f,
 		index: p,
 		axis: "vertical",
@@ -8220,19 +8474,19 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	if (v && y) {
 		let { bounds: e } = v, { bounds: t } = y, { bottom: r } = e, { top: i } = t, a = i - r - h;
 		if (a >= 0) {
-			let e = Wr({
+			let e = ei({
 				value: a / 2,
 				step: 1
 			}), t = s - r, l = i - c, u = Math.abs(t - e), d = Math.abs(l - e);
 			if (Math.max(u, d) <= n) {
-				let t = li({
+				let t = yi({
 					activeStart: s,
 					activeEnd: c,
 					targetGap: e,
 					beforeEdge: r,
 					afterEdge: i,
 					threshold: n,
-					step: zr
+					step: Yr
 				});
 				if (t) {
 					let { delta: e, distance: n, diff: i, activeStart: a, activeEnd: s } = t, c = {
@@ -8269,16 +8523,16 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	}
 	for (let e of r) {
 		let { axis: t, start: r, end: i, distance: a } = e;
-		if (!Gr({
+		if (!ti({
 			value: a,
 			step: .5
-		}) || !Xr({
+		}) || !oi({
 			patternAxis: t,
 			activeRangeStart: l,
 			activeRangeEnd: u,
 			tolerance: n
 		})) continue;
-		let d = Zr({
+		let d = si({
 			patternStart: r,
 			patternEnd: i,
 			activeStart: s,
@@ -8286,12 +8540,12 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		});
 		if (d) {
 			if (b !== null && S && d === "before" && Math.abs(b - a) <= n) {
-				let e = Wr({
+				let e = ei({
 					value: a - b,
 					step: 1
 				}), t = s + e, { bottom: c } = S, l = t - c, u = Math.abs(l - a);
 				if (u > n) continue;
-				let d = ui({
+				let d = bi({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -8315,12 +8569,12 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				});
 			}
 			if (x !== null && C && d === "after" && Math.abs(x - a) <= n) {
-				let e = Wr({
+				let e = ei({
 					value: x - a,
 					step: 1
 				}), t = c + e, { top: s } = C, l = s - t, u = Math.abs(l - a);
 				if (u > n) continue;
-				let d = ui({
+				let d = bi({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -8345,16 +8599,16 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			}
 		}
 	}
-	return ci({
+	return vi({
 		options: m,
 		previousContext: i,
 		switchDistance: a
 	});
-}, mi = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
+}, wi = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
 	let { centerY: o, left: s, right: c, top: l, bottom: u } = e, d = [];
 	for (let e of t) {
 		let { top: t, bottom: n } = e;
-		Hr({
+		Qr({
 			firstStart: t,
 			firstEnd: n,
 			secondStart: l,
@@ -8374,22 +8628,22 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	f.push({
 		bounds: e,
 		isActive: !0
-	}), qr({
+	}), ri({
 		items: f,
 		axis: "left"
 	});
-	let p = Yr({ items: f });
+	let p = ai({ items: f });
 	if (p === -1) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let m = [], h = c - s, g = Jr({
+	let m = [], h = c - s, g = ii({
 		items: f,
 		index: p,
 		axis: "horizontal",
 		direction: "prev"
-	}), _ = Jr({
+	}), _ = ii({
 		items: f,
 		index: p,
 		axis: "horizontal",
@@ -8398,19 +8652,19 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	if (v && y) {
 		let { bounds: e } = v, { bounds: t } = y, { right: r } = e, { left: i } = t, a = i - r - h;
 		if (a >= 0) {
-			let e = Wr({
+			let e = ei({
 				value: a / 2,
 				step: 1
 			}), t = s - r, l = i - c, u = Math.abs(t - e), d = Math.abs(l - e);
 			if (Math.max(u, d) <= n) {
-				let t = li({
+				let t = yi({
 					activeStart: s,
 					activeEnd: c,
 					targetGap: e,
 					beforeEdge: r,
 					afterEdge: i,
 					threshold: n,
-					step: zr
+					step: Yr
 				});
 				if (t) {
 					let { delta: e, distance: n, diff: i, activeStart: a, activeEnd: s } = t, c = {
@@ -8447,16 +8701,16 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	}
 	for (let e of r) {
 		let { axis: t, start: r, end: i, distance: a } = e;
-		if (!Gr({
+		if (!ti({
 			value: a,
 			step: .5
-		}) || !Xr({
+		}) || !oi({
 			patternAxis: t,
 			activeRangeStart: l,
 			activeRangeEnd: u,
 			tolerance: n
 		})) continue;
-		let d = Zr({
+		let d = si({
 			patternStart: r,
 			patternEnd: i,
 			activeStart: s,
@@ -8464,12 +8718,12 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		});
 		if (d) {
 			if (b !== null && S && d === "before" && Math.abs(b - a) <= n) {
-				let e = Wr({
+				let e = ei({
 					value: a - b,
 					step: 1
 				}), t = s + e, { right: c } = S, l = t - c, u = Math.abs(l - a);
 				if (u > n) continue;
-				let d = ui({
+				let d = bi({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -8493,12 +8747,12 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				});
 			}
 			if (x !== null && C && d === "after" && Math.abs(x - a) <= n) {
-				let e = Wr({
+				let e = ei({
 					value: x - a,
 					step: 1
 				}), t = c + e, { left: s } = C, l = s - t, u = Math.abs(l - a);
 				if (u > n) continue;
-				let d = ui({
+				let d = bi({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -8523,20 +8777,20 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			}
 		}
 	}
-	return ci({
+	return vi({
 		options: m,
 		previousContext: i,
 		switchDistance: a
 	});
-}, hi = ({ activeBounds: e, candidates: t, threshold: n, spacingPatterns: r, previousContexts: i, switchDistance: a = 0 }) => {
-	let { vertical: o = null, horizontal: s = null } = i ?? {}, c = pi({
+}, Ti = ({ activeBounds: e, candidates: t, threshold: n, spacingPatterns: r, previousContexts: i, switchDistance: a = 0 }) => {
+	let { vertical: o = null, horizontal: s = null } = i ?? {}, c = Ci({
 		activeBounds: e,
 		candidates: t,
 		threshold: n,
 		patterns: r.vertical,
 		previousContext: o,
 		switchDistance: a
-	}), l = mi({
+	}), l = wi({
 		activeBounds: e,
 		candidates: t,
 		threshold: n,
@@ -8555,14 +8809,14 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			horizontal: l.context
 		}
 	};
-}, gi = ({ context: e, x: t, y: n, width: r, height: i, radius: a }) => {
+}, Ei = ({ context: e, x: t, y: n, width: r, height: i, radius: a }) => {
 	let o = Math.min(a, r / 2, i / 2);
 	e.moveTo(t + o, n), e.lineTo(t + r - o, n), e.quadraticCurveTo(t + r, n, t + r, n + o), e.lineTo(t + r, n + i - o), e.quadraticCurveTo(t + r, n + i, t + r - o, n + i), e.lineTo(t + o, n + i), e.quadraticCurveTo(t, n + i, t, n + i - o), e.lineTo(t, n + o), e.quadraticCurveTo(t, n, t + o, n), e.closePath();
-}, _i = ({ context: e, type: t, axis: n, start: r, end: i, text: a, zoom: o, color: s, textColor: c = "#ffffff", fontFamily: l = "sans-serif", lineWidth: u = 1, padding: d = 4, radius: f = 4, offsetAlongAxis: p = 0, offsetPerpendicular: m = 0 }) => {
+}, Di = ({ context: e, type: t, axis: n, start: r, end: i, text: a, zoom: o, color: s, textColor: c = "#ffffff", fontFamily: l = "sans-serif", lineWidth: u = 1, padding: d = 4, radius: f = 4, offsetAlongAxis: p = 0, offsetPerpendicular: m = 0 }) => {
 	let h = o || 1, g = 12 / h, _ = d / h, v = f / h, y = (r + i) / 2 + p, b = t === "vertical" ? n + m : y, x = t === "vertical" ? y : n + m;
 	e.save(), e.setLineDash([]), e.fillStyle = s, e.strokeStyle = s, e.lineWidth = u / h, e.font = `${g}px ${l}`, e.textAlign = "center", e.textBaseline = "middle";
 	let S = e.measureText(a).width + _ * 2, C = g + _ * 2, w = b - S / 2, T = x - C / 2;
-	e.beginPath(), gi({
+	e.beginPath(), Ei({
 		context: e,
 		x: w,
 		y: T,
@@ -8570,11 +8824,11 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		height: C,
 		radius: v
 	}), e.fill(), e.fillStyle = c, e.fillText(a, b, x), e.restore();
-}, vi = ({ context: e, guide: t, zoom: n }) => {
-	let { type: r, axis: i, refStart: a, refEnd: o, activeStart: s, activeEnd: c, distance: l } = t, u = Br({ distance: l }).toString();
+}, Oi = ({ context: e, guide: t, zoom: n }) => {
+	let { type: r, axis: i, refStart: a, refEnd: o, activeStart: s, activeEnd: c, distance: l } = t, u = Xr({ distance: l }).toString();
 	e.beginPath(), r === "vertical" ? (e.moveTo(i, a), e.lineTo(i, o), e.moveTo(i, s), e.lineTo(i, c)) : (e.moveTo(a, i), e.lineTo(o, i), e.moveTo(s, i), e.lineTo(c, i)), e.stroke();
-	let d = Rr;
-	_i({
+	let d = Jr;
+	Di({
 		context: e,
 		type: r,
 		axis: i,
@@ -8584,7 +8838,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		zoom: n,
 		color: d,
 		lineWidth: 1
-	}), _i({
+	}), Di({
 		context: e,
 		type: r,
 		axis: i,
@@ -8595,10 +8849,10 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		color: d,
 		lineWidth: 1
 	});
-}, yi = ({ anchors: e, bounds: t }) => {
+}, ki = ({ anchors: e, bounds: t }) => {
 	let { left: n, right: r, centerX: i, top: a, bottom: o, centerY: s } = t;
 	e.vertical.push(n, i, r), e.horizontal.push(a, s, o);
-}, bi = ({ bounds: e, type: t, primaryStart: n, primaryEnd: r }) => {
+}, Ai = ({ bounds: e, type: t, primaryStart: n, primaryEnd: r }) => {
 	let i = [], a = n === "top" ? "left" : "top", o = r === "bottom" ? "right" : "bottom", s = [...e].sort((e, t) => e[n] - t[n]);
 	for (let e = 0; e < s.length; e += 1) {
 		let c = s[e], l = null, u = Infinity;
@@ -8619,35 +8873,35 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		});
 	}
 	return i;
-}, xi = ({ bounds: e }) => ({
-	vertical: bi({
+}, ji = ({ bounds: e }) => ({
+	vertical: Ai({
 		bounds: e,
 		axis: "centerX",
 		type: "vertical",
 		primaryStart: "top",
 		primaryEnd: "bottom"
 	}),
-	horizontal: bi({
+	horizontal: Ai({
 		bounds: e,
 		axis: "centerY",
 		type: "horizontal",
 		primaryStart: "left",
 		primaryEnd: "right"
 	})
-}), Si = [
+}), Mi = [
 	"montage-area",
 	"background",
 	"interaction-blocker"
-], Ci = ({ activeObject: t }) => {
+], Ni = ({ activeObject: t }) => {
 	let n = /* @__PURE__ */ new Set();
 	return t ? (n.add(t), t instanceof e && t.getObjects().forEach((e) => n.add(e)), n) : n;
-}, wi = ({ object: e, excluded: t, ignoredIds: n = Si }) => {
+}, Pi = ({ object: e, excluded: t, ignoredIds: n = Mi }) => {
 	if (t.has(e)) return !0;
 	let { visible: r = !0 } = e;
 	if (!r) return !0;
 	let { id: i } = e;
 	return !!(i && n.includes(i));
-}, Ti = class e {
+}, Fi = class e {
 	constructor({ editor: e }) {
 		this.anchors = {
 			vertical: [],
@@ -8695,12 +8949,12 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			target: n,
 			transform: i
 		}), !this.anchors.vertical.length && !this.anchors.horizontal.length && this._cacheAnchors({ activeObject: n });
-		let a = Je({ object: n });
+		let a = W({ object: n });
 		if (!a) {
 			this._clearSpacingContexts(), this._clearGuides();
 			return;
 		}
-		let { canvas: o } = this, s = o.getZoom() || 1, c = 5 / s, { deltaX: l, deltaY: u } = fi({
+		let { canvas: o } = this, s = o.getZoom() || 1, c = 5 / s, { deltaX: l, deltaY: u } = Si({
 			activeBounds: a,
 			threshold: c,
 			anchors: this.anchors
@@ -8710,9 +8964,9 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			n.set({
 				left: e + l,
 				top: t + u
-			}), n.setCoords(), a = Je({ object: n }) ?? a;
+			}), n.setCoords(), a = W({ object: n }) ?? a;
 		}
-		let d = this._resolveCurrentTargetBounds({ activeObject: n }), f = this.spacingContexts.vertical || this.spacingContexts.horizontal ? 10 / s : c, p = hi({
+		let d = this._resolveCurrentTargetBounds({ activeObject: n }), f = this.spacingContexts.vertical || this.spacingContexts.horizontal ? 10 / s : c, p = Ti({
 			activeBounds: a,
 			candidates: d,
 			threshold: f,
@@ -8727,17 +8981,17 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			n.set({
 				left: e + p.deltaX,
 				top: t + p.deltaY
-			}), n.setCoords(), a = Je({ object: n }) ?? a;
+			}), n.setCoords(), a = W({ object: n }) ?? a;
 		}
 		m || e._applyMovementStep({
 			target: n,
 			transform: i
 		});
-		let h = Je({ object: n }) ?? a, g = fi({
+		let h = W({ object: n }) ?? a, g = Si({
 			activeBounds: h,
 			threshold: c,
 			anchors: this.anchors
-		}), _ = hi({
+		}), _ = Ti({
 			activeBounds: h,
 			candidates: d,
 			threshold: c,
@@ -8777,7 +9031,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}
 		let { anchors: l } = this, { vertical: u, horizontal: d } = l;
 		!u.length && !d.length && this._cacheAnchors({ activeObject: n });
-		let f = Je({ object: n });
+		let f = W({ object: n });
 		if (!f) {
 			this._clearGuides();
 			return;
@@ -8901,7 +9155,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}
 		let { anchors: a } = this, { vertical: o, horizontal: s } = a;
 		!o.length && !s.length && this._cacheAnchors({ activeObject: t });
-		let c = Je({ object: t });
+		let c = W({ object: t });
 		if (!c) {
 			this._clearGuides();
 			return;
@@ -8968,9 +9222,9 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let { canvas: e, guideBounds: t } = this, n = e.getSelectionContext();
 		if (!n) return;
 		let { left: r, right: i, top: a, bottom: o } = t ?? this._calculateViewportBounds(), { viewportTransform: s } = e, c = e.getZoom() || 1;
-		n.save(), Array.isArray(s) && n.transform(...s), n.lineWidth = 1 / c, n.strokeStyle = Rr, n.setLineDash([4, 4]);
+		n.save(), Array.isArray(s) && n.transform(...s), n.lineWidth = 1 / c, n.strokeStyle = Jr, n.setLineDash([4, 4]);
 		for (let e of this.activeGuides) n.beginPath(), e.type === "vertical" ? (n.moveTo(e.position, a), n.lineTo(e.position, o)) : (n.moveTo(r, e.position), n.lineTo(i, e.position)), n.stroke();
-		for (let e of this.activeSpacingGuides) vi({
+		for (let e of this.activeSpacingGuides) Oi({
 			context: n,
 			guide: e,
 			zoom: c
@@ -9180,15 +9434,15 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			horizontal: []
 		}, r = [];
 		for (let e of t) {
-			let t = Je({ object: e });
-			t && (yi({
+			let t = W({ object: e });
+			t && (ki({
 				anchors: n,
 				bounds: t
 			}), r.push(t));
 		}
-		let { montageArea: i } = this.editor, a = Je({ object: i });
+		let { montageArea: i } = this.editor, a = W({ object: i });
 		if (a) {
-			yi({
+			ki({
 				anchors: n,
 				bounds: a
 			});
@@ -9200,12 +9454,12 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				bottom: i
 			};
 		} else this.guideBounds = this._calculateViewportBounds();
-		this.anchors = n, this.spacingPatterns = xi({ bounds: r }), this.cachedTargetBounds = r;
+		this.anchors = n, this.spacingPatterns = ji({ bounds: r }), this.cachedTargetBounds = r;
 	}
 	_collectTargets({ activeObject: e }) {
-		let t = Ci({ activeObject: e }), n = [];
+		let t = Ni({ activeObject: e }), n = [];
 		return this.canvas.forEachObject((e) => {
-			wi({
+			Pi({
 				object: e,
 				excluded: t
 			}) || n.push(e);
@@ -9214,7 +9468,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	_resolveCurrentTargetBounds({ activeObject: e }) {
 		let t = this._collectTargets({ activeObject: e }), n = [];
 		for (let e of t) {
-			let t = Je({ object: e });
+			let t = W({ object: e });
 			t && n.push(t);
 		}
 		return n;
@@ -9228,7 +9482,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			bottom: (r - s) / a
 		};
 	}
-}, Ei = "#3D8BF4", Di = class e {
+}, Ii = "#3D8BF4", Li = class e {
 	constructor({ editor: e }) {
 		this.activeGuides = [], this.isAltPressed = !1, this.pendingEvent = null, this.frameRequest = null, this.isToolbarHidden = !1, this.isTargetMontageArea = !1, this.lastMouseEvent = null, this.editor = e, this.canvas = e.canvas, this._onMouseMove = this._handleMouseMove.bind(this), this._onBeforeRender = this._handleBeforeRender.bind(this), this._onAfterRender = this._handleAfterRender.bind(this), this._onSelectionCleared = this._handleSelectionCleared.bind(this), this._onKeyDown = this._handleKeyDown.bind(this), this._onKeyUp = this._handleKeyUp.bind(this), this._onWindowBlur = this._handleWindowBlur.bind(this), this._bindEvents();
 	}
@@ -9292,7 +9546,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			this._clearGuides();
 			return;
 		}
-		let a = Je({ object: i });
+		let a = W({ object: i });
 		if (!a) {
 			this._clearGuides();
 			return;
@@ -9300,7 +9554,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let o = e._resolveTarget({
 			event: t,
 			activeObject: i
-		}), { montageArea: s } = r, c = o ?? s, l = c === s, u = Je({ object: c });
+		}), { montageArea: s } = r, c = o ?? s, l = c === s, u = W({ object: c });
 		if (!u) {
 			this._clearGuides();
 			return;
@@ -9321,8 +9575,8 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		this.isTargetMontageArea = l, this.activeGuides = d, this._hideToolbar(), n.requestRenderAll();
 	}
 	static _resolveTarget({ event: e, activeObject: t }) {
-		let { target: n } = e, r = Ci({ activeObject: t });
-		return n && !wi({
+		let { target: n } = e, r = Ni({ activeObject: t });
+		return n && !Pi({
 			object: n,
 			excluded: r
 		}) ? n : null;
@@ -9439,18 +9693,18 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let { canvas: e } = this, t = e.getSelectionContext();
 		if (!t) return;
 		let { viewportTransform: n } = e, r = e.getZoom() || 1, i = this.activeGuides.some((e) => e.type === "vertical"), a = this.activeGuides.some((e) => e.type === "horizontal"), o = i && a && !this.isTargetMontageArea, s = o ? 12 / r : 0;
-		t.save(), Array.isArray(n) && t.transform(...n), t.lineWidth = 1 / r, t.strokeStyle = Ei, t.setLineDash([]);
+		t.save(), Array.isArray(n) && t.transform(...n), t.lineWidth = 1 / r, t.strokeStyle = Ii, t.setLineDash([]);
 		for (let e of this.activeGuides) {
 			let { type: n, axis: i, start: a, end: c, distance: l } = e, u = Math.abs(c - a), d = o ? (a <= c ? -1 : 1) * (u / 2 + s) : 0;
-			t.beginPath(), n === "vertical" ? (t.moveTo(i, a), t.lineTo(i, c)) : (t.moveTo(a, i), t.lineTo(c, i)), t.stroke(), _i({
+			t.beginPath(), n === "vertical" ? (t.moveTo(i, a), t.lineTo(i, c)) : (t.moveTo(a, i), t.lineTo(c, i)), t.stroke(), Di({
 				context: t,
 				type: n,
 				axis: i,
 				start: a,
 				end: c,
-				text: Br({ distance: l }).toString(),
+				text: Xr({ distance: l }).toString(),
 				zoom: r,
-				color: Ei,
+				color: Ii,
 				lineWidth: 1,
 				offsetAlongAxis: d,
 				offsetPerpendicular: 0
@@ -9468,13 +9722,13 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let { toolbar: e } = this.editor;
 		e?.showAfterTemporary?.(), this.isToolbarHidden = !1;
 	}
-}, Oi = class e {
+}, Ri = class e {
 	constructor(e, t) {
 		this.options = t, this.containerId = e, this.editorId = `${e}-${D()}`, this.init();
 	}
 	async init() {
 		let { editorContainerWidth: e, editorContainerHeight: n, canvasWrapperWidth: r, canvasWrapperHeight: i, canvasCSSWidth: a, canvasCSSHeight: o, initialImage: s, initialState: c, scaleType: l, showRotationAngle: u, _onReadyCallback: d } = this.options;
-		if (z.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new A(), this.workerManager = new M(), this.errorManager = new tr({ editor: this }), this.historyManager = new je({ editor: this }), this.toolbar = new ae({ editor: this }), this.transformManager = new He({ editor: this }), this.zoomManager = new Ue({ editor: this }), this.canvasManager = new Ve({ editor: this }), this.imageManager = new Le({ editor: this }), this.layerManager = new $e({ editor: this }), this.shapeManager = new Jn({ editor: this }), this.interactionBlocker = new Ze({ editor: this }), this.backgroundManager = new Qe({ editor: this }), this.clipboardManager = new Yn({ editor: this }), this.objectLockManager = new Xn({ editor: this }), this.groupingManager = new Zn({ editor: this }), this.selectionManager = new Qn({ editor: this }), this.deletionManager = new $n({ editor: this }), this.panConstraintManager = new nr({ editor: this }), this.snappingManager = new Ti({ editor: this }), this.measurementManager = new Di({ editor: this }), this.fontManager = new ie(this.options.fonts ?? []), this.textManager = new Mr({ editor: this }), this.templateManager = new Lr({ editor: this }), u && (this.angleIndicator = new U({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.interactionBlocker.ensureOverlay(), this.listeners = new k({
+		if (z.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new A(), this.workerManager = new M(), this.errorManager = new tr({ editor: this }), this.historyManager = new Me({ editor: this }), this.toolbar = new ae({ editor: this }), this.transformManager = new Ue({ editor: this }), this.zoomManager = new We({ editor: this }), this.canvasManager = new He({ editor: this }), this.imageManager = new Re({ editor: this }), this.layerManager = new $e({ editor: this }), this.shapeManager = new Jn({ editor: this }), this.interactionBlocker = new Ze({ editor: this }), this.backgroundManager = new Qe({ editor: this }), this.clipboardManager = new Yn({ editor: this }), this.objectLockManager = new Xn({ editor: this }), this.groupingManager = new Zn({ editor: this }), this.selectionManager = new Qn({ editor: this }), this.deletionManager = new $n({ editor: this }), this.panConstraintManager = new nr({ editor: this }), this.snappingManager = new Fi({ editor: this }), this.measurementManager = new Li({ editor: this }), this.fontManager = new ie(this.options.fonts ?? []), this.textManager = new Hr({ editor: this }), this.templateManager = new qr({ editor: this }), u && (this.angleIndicator = new se({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.interactionBlocker.ensureOverlay(), this.listeners = new k({
 			editor: this,
 			options: this.options
 		}), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(n), this.canvasManager.setCanvasWrapperWidth(r), this.canvasManager.setCanvasWrapperHeight(i), this.canvasManager.setCanvasCSSWidth(a), this.canvasManager.setCanvasCSSHeight(o), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), await this.fontManager.loadFonts(), c) {
@@ -9582,7 +9836,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	"U+A640-A69F",
 	"U+FE2E-FE2F",
 	"U+2116"
-].join(", "), ki = {
+].join(", "), zi = {
 	preserveObjectStacking: !0,
 	controlsAboveOverlay: !0,
 	centeredRotation: !0,
@@ -10436,20 +10690,20 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 };
 //#endregion
 //#region src/main.ts
-function Ai(e, t = {}) {
+function Bi(e, t = {}) {
 	let n = {
-		...ki,
+		...zi,
 		...t
 	}, r = document.getElementById(e);
 	if (!r) return Promise.reject(/* @__PURE__ */ Error(`Контейнер с ID "${e}" не найден.`));
 	let i = document.createElement("canvas");
 	return i.id = `${e}-canvas`, r.appendChild(i), n.editorContainer = r, new Promise((t) => {
 		n._onReadyCallback = t;
-		let r = new Oi(i.id, n);
+		let r = new Ri(i.id, n);
 		window[e] = r;
 	});
 }
 //#endregion
-export { Ai as default };
+export { Bi as default };
 
 //# sourceMappingURL=main.js.map