@anu3ev/fabric-image-editor 0.7.2 → 0.7.3

package/dist/main.js

@@ -801,12 +801,12 @@ var re = {
 	"pointer-events": "none",
 	"white-space": "nowrap",
 	"box-shadow": "0 2px 8px rgba(0, 0, 0, 0.2)"
-}, oe = "fabric-editor-angle-indicator", se = class e {
+}, H = "fabric-editor-angle-indicator", U = 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 = oe, Object.entries(V).forEach(([e, t]) => {
+		this.el = document.createElement("div"), this.el.className = H, Object.entries(V).forEach(([e, t]) => {
 			this.el.style.setProperty(e, t);
 		}), this.canvas.wrapperEl.appendChild(this.el);
 	}
@@ -851,44 +851,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;
 	}
-}, 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(".");
+}, 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(".");
 //#endregion
 //#region src/editor/history-manager/diff-normalization.ts
-function le({ state: e }) {
+function se({ state: e }) {
 	return JSON.parse(JSON.stringify(e));
 }
-function H({ value: e }) {
+function ce({ value: e }) {
 	if (Array.isArray(e)) {
 		let t = [];
-		for (let n = 0; n < e.length; n += 1) t.push(H({ value: e[n] }));
+		for (let n = 0; n < e.length; n += 1) t.push(ce({ 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] = H({ value: e[i] });
+			t[i] = ce({ value: e[i] });
 		}
 		return t;
 	}
 	return e;
 }
-function ue({ value: e }) {
-	let t = H({ value: e });
+function le({ value: e }) {
+	let t = ce({ value: e });
 	return JSON.stringify(t);
 }
-function de({ prevState: e, nextState: t }) {
-	return ue({ value: e }) === ue({ value: t });
+function ue({ prevState: e, nextState: t }) {
+	return le({ value: e }) === le({ value: t });
 }
-function fe({ objects: e, id: t }) {
+function de({ 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 pe({ objects: e }) {
-	let t = fe({
+function fe({ objects: e }) {
+	let t = de({
 		objects: e,
 		id: "montage-area"
 	});
@@ -902,7 +902,7 @@ function pe({ objects: e }) {
 		height: r
 	};
 }
-function me({ objects: e }) {
+function pe({ objects: e }) {
 	let t = [], n = [...e];
 	for (let e = 0; e < n.length; e += 1) {
 		let r = n[e];
@@ -912,20 +912,20 @@ function me({ objects: e }) {
 	}
 	return t;
 }
-function he({ objects: e }) {
-	let t = me({ objects: e });
+function me({ objects: e }) {
+	let t = pe({ 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 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 });
+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 });
 	o !== c || s !== l || (t.width = n, t.height = r);
 }
-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({
+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({
 		prevState: n,
 		nextState: r
 	}), {
@@ -935,10 +935,10 @@ function _e({ prevState: e, nextState: t }) {
 }
 //#endregion
 //#region src/editor/history-manager/load-state.ts
-function ve({ customData: e }) {
+function _e({ customData: e }) {
 	return JSON.parse(JSON.stringify(e));
 }
-function ye({ state: e }) {
+function ve({ 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 +947,7 @@ function ye({ state: e }) {
 	}
 	return t;
 }
-function be({ state: e, canvas: t }) {
+function ye({ 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 +962,23 @@ function be({ 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 = ve({ customData: o }));
+		typeof n == "string" && (o = r.get(n)), o ||= i.get(e), o && (t.customData = _e({ customData: o }));
 	}
 }
 //#endregion
 //#region src/editor/history-manager/snapshot-interactivity.ts
-function xe({ object: e }) {
+function be({ object: e }) {
 	return typeof e.getObjects == "function" ? e.getObjects() : [];
 }
-function Se({ objects: e }) {
+function xe({ objects: e }) {
 	for (let t = 0; t < e.length; t += 1) if (e[t].isEditing) return !0;
 	return !1;
 }
-function Ce({ object: e }) {
+function Se({ object: e }) {
 	let t = typeof e.type == "string" ? e.type.toLowerCase() : "";
 	return t === "textbox" || t === "background-textbox" || typeof e.isEditing == "boolean";
 }
-function we({ object: e, withEvented: t = !1 }) {
+function Ce({ object: e, withEvented: t = !1 }) {
 	let n = {
 		object: e,
 		lockMovementX: e.lockMovementX,
@@ -987,66 +987,66 @@ function we({ object: e, withEvented: t = !1 }) {
 	};
 	return t && (n.evented = e.evented), n;
 }
-function Te({ object: e, snapshotStates: t }) {
-	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 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 Ee({ object: e, snapshotStates: t }) {
-	if (!Ce({ object: e })) return !1;
+function Te({ object: e, snapshotStates: t }) {
+	if (!Se({ 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(we({
+	return !i || a || !r ? !1 : (t.push(Ce({
 		object: e,
 		withEvented: !0
 	})), e.lockMovementX = !1, e.lockMovementY = !1, e.selectable = !1, e.evented = !1, !0);
 }
-function De({ object: e, snapshotStates: t }) {
-	if (!Ce({ object: e })) return !1;
+function Ee({ object: e, snapshotStates: t }) {
+	if (!Se({ object: e })) return !1;
 	let n = !!e.lockMovementX, r = !!e.lockMovementY;
-	return !n && !r ? !1 : (t.push(we({ object: e })), e.lockMovementX = !1, e.lockMovementY = !1, e.selectable = !0, !0);
+	return !n && !r ? !1 : (t.push(Ce({ object: e })), e.lockMovementX = !1, e.lockMovementY = !1, e.selectable = !0, !0);
 }
-function Oe({ objects: e }) {
+function De({ objects: e }) {
 	let t = [];
 	for (let n = 0; n < e.length; n += 1) {
 		let r = e[n];
-		r.locked || Te({
+		r.locked || we({
 			object: r,
 			snapshotStates: t
-		}) || Ee({
+		}) || Te({
 			object: r,
 			snapshotStates: t
-		}) || De({
+		}) || Ee({
 			object: r,
 			snapshotStates: t
 		});
 	}
 	return t;
 }
-function ke({ canvas: e }) {
+function Oe({ 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 = xe({ object: r });
+		let i = be({ object: r });
 		for (let e = 0; e < i.length; e += 1) t.push(i[e]);
 	}
 	return n;
 }
-function Ae({ snapshotStates: e }) {
+function ke({ 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 je({ canvas: e, callback: t }) {
-	let n = Oe({ objects: ke({ canvas: e }) });
+function Ae({ canvas: e, callback: t }) {
+	let n = De({ objects: Oe({ canvas: e }) });
 	try {
 		return t();
 	} finally {
-		Ae({ snapshotStates: n });
+		ke({ snapshotStates: n });
 	}
 }
 //#endregion
 //#region src/editor/history-manager/index.ts
-var Me = class {
+var je = 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();
 	}
@@ -1113,14 +1113,14 @@ var Me = class {
 		return console.log("getFullState state", r), r;
 	}
 	_captureCurrentState() {
-		return je({
+		return Ae({
 			canvas: this.canvas,
 			callback: () => this._serializeCanvasState()
 		});
 	}
 	_serializeCanvasState() {
 		let { canvas: e } = this;
-		return e.toDatalessObject([...ce]);
+		return e.toDatalessObject([...oe]);
 	}
 	_handlePendingSaveTimeout() {
 		if (this._pendingSaveTimeoutId === null) return;
@@ -1160,15 +1160,15 @@ var Me = class {
 			}
 			this._isSavingState = !0, console.time("saveState");
 			try {
-				let e = je({
+				let e = Ae({
 					canvas: this.canvas,
-					callback: () => this.canvas.toDatalessObject([...ce])
+					callback: () => this.canvas.toDatalessObject([...oe])
 				});
 				if (console.timeEnd("saveState"), !this.baseState) {
 					this.baseState = e, this.patches = [], this.currentIndex = 0, console.log("Базовое состояние сохранено.");
 					return;
 				}
-				let { prevState: t, nextState: n } = _e({
+				let { prevState: t, nextState: n } = ge({
 					prevState: this.getFullState(),
 					nextState: e
 				}), r = this.diffPatcher.diff(t, n);
@@ -1176,7 +1176,7 @@ var Me = class {
 					console.log("Нет изменений для сохранения.");
 					return;
 				}
-				if (de({
+				if (ue({
 					prevState: t,
 					nextState: n
 				})) {
@@ -1197,15 +1197,19 @@ var Me = 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 = ye({ state: e });
-		await t.loadFromJSON(d), be({
+		let d = ve({ state: e });
+		await t.loadFromJSON(d), ye({
 			state: e,
 			canvas: t
 		});
 		let f = t.getObjects().find((e) => e.id === "montage-area"), p = !1, m = !1;
 		f && (this.editor.montageArea = f, n.placeMontageAreaAtCanonicalScenePosition(), p = f.width !== l || f.height !== u, m = s !== t.getWidth() || c !== t.getHeight());
 		let h = t.getObjects().find((e) => e.id === "background");
-		h ? i.backgroundObject = h : i.removeBackground({ withoutSave: !0 }), f && (r.ensureOverlay(), m ? n.updateCanvas() : p ? (a.calculateAndApplyDefaultZoom(), n.refreshMontageDerivedState()) : (a.updateDefaultZoom(), n.centerViewportToMontageArea(), n.refreshMontageDerivedState(), o.updateBounds())), t.renderAll(), t.fire("editor:history-state-loaded", {
+		h ? i.backgroundObject = h : i.removeBackground({ withoutSave: !0 });
+		let { textManager: g } = this.editor;
+		g && t.getObjects().forEach((e) => {
+			g.commitStandaloneTextScale({ target: e });
+		}), f && (r.ensureOverlay(), m ? n.updateCanvas() : p ? (a.calculateAndApplyDefaultZoom(), n.refreshMontageDerivedState()) : (a.updateDefaultZoom(), n.centerViewportToMontageArea(), n.refreshMontageDerivedState(), o.updateBounds())), t.renderAll(), t.fire("editor:history-state-loaded", {
 			fullState: e,
 			currentIndex: this.currentIndex,
 			totalChangesCount: this.totalChangesCount,
@@ -1276,7 +1280,7 @@ var Me = class {
 			}
 		}
 	}
-}, 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 {
+}, 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 {
 	constructor({ editor: e }) {
 		this.editor = e, this.options = e.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
 	}
@@ -1473,7 +1477,7 @@ var Me = class {
 		}
 	}
 	async resizeImageToBoundaries(e) {
-		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 = {
+		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 = {
 			dataURL: t,
 			sizeType: n,
 			contentType: r,
@@ -1749,11 +1753,11 @@ var Me = class {
 		let t = e.match(/^[^/]+\/([^+;]+)/);
 		return t ? t[1] : "";
 	}
-}, ze = (e, t, n) => Math.max(Math.min(e, n), t), Be = (e, t) => e * t;
-function Ve(e) {
+}, Re = (e, t, n) => Math.max(Math.min(e, n), t), ze = (e, t) => e * t;
+function Be(e) {
 	return (e?.type === "image" || e?.format === "svg") && typeof e?.width == "number" && typeof e?.height == "number";
 }
-var He = class {
+var Ve = class {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -1763,7 +1767,7 @@ var He = 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(ze(o, a.left, a.right), ze(s, a.top, a.bottom));
+		return new p(Re(o, a.left, a.right), Re(s, a.top, a.bottom));
 	}
 	getMontageAreaSceneCenter() {
 		let { montageArea: e } = this.editor;
@@ -1842,9 +1846,9 @@ var He = 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 = ze(Number(e), 16, Pe);
+		let { canvas: i, montageArea: a, options: { canvasBackstoreWidth: o } } = this.editor, { width: s, height: c } = a, l = Re(Number(e), 16, Ne);
 		if (!o || o === "auto" || r ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreWidth(Number(o)) : this.setCanvasBackstoreWidth(l), a.set({ width: l }), this.placeMontageAreaAtCanonicalScenePosition(), t) {
-			let e = Be(c, l / s);
+			let e = ze(c, l / s);
 			this.setResolutionHeight(e, {
 				withoutSave: n,
 				adaptCanvasToContainer: r
@@ -1860,9 +1864,9 @@ var He = 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 = ze(Number(e), 16, Fe);
+		let { canvas: i, montageArea: a, options: { canvasBackstoreHeight: o } } = this.editor, { width: s, height: c } = a, l = Re(Number(e), 16, Pe);
 		if (!o || o === "auto" || r ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreHeight(Number(o)) : this.setCanvasBackstoreHeight(l), a.set({ height: l }), this.placeMontageAreaAtCanonicalScenePosition(), t) {
-			let e = Be(s, l / c);
+			let e = ze(s, l / c);
 			this.setResolutionWidth(e, {
 				withoutSave: n,
 				adaptCanvasToContainer: r
@@ -1889,16 +1893,16 @@ var He = class {
 	}
 	setCanvasBackstoreWidth(e) {
 		if (!e || typeof e != "number") return;
-		let t = ze(e, 16, Pe);
+		let t = Re(e, 16, Ne);
 		this.editor.canvas.setDimensions({ width: t }, { backstoreOnly: !0 });
 	}
 	setCanvasBackstoreHeight(e) {
 		if (!e || typeof e != "number") return;
-		let t = ze(e, 16, Fe);
+		let t = Re(e, 16, Pe);
 		this.editor.canvas.setDimensions({ height: t }, { backstoreOnly: !0 });
 	}
 	adaptCanvasToContainer() {
-		let { canvas: e } = this.editor, t = this.getEditorContainer(), n = t.clientWidth, r = t.clientHeight, i = ze(n, 16, Pe), a = ze(r, 16, Fe);
+		let { canvas: e } = this.editor, t = this.getEditorContainer(), n = t.clientWidth, r = t.clientHeight, i = Re(n, 16, Ne), a = Re(r, 16, Pe);
 		e.setDimensions({
 			width: i,
 			height: a
@@ -1986,8 +1990,8 @@ var He = class {
 	}
 	scaleMontageAreaToImage({ object: e, preserveAspectRatio: t, withoutSave: n } = {}) {
 		let { canvas: r, montageArea: i, transformManager: a } = this.editor, o = e || r.getActiveObject();
-		if (!Ve(o)) return;
-		let { width: s, height: c } = o, l = Math.min(s, Pe), u = Math.min(c, Fe);
+		if (!Be(o)) return;
+		let { width: s, height: c } = o, l = Math.min(s, Ne), u = Math.min(c, Pe);
 		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;
@@ -2015,7 +2019,7 @@ var He = 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);
 	}
-}, Ue = class {
+}, He = class {
 	constructor({ editor: e }) {
 		this.editor = e, this.options = e.options;
 	}
@@ -2123,7 +2127,7 @@ var He = class {
 			});
 		}
 	}
-}, We = class {
+}, Ue = 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);
 	}
@@ -2177,7 +2181,7 @@ var He = class {
 			y: Math.abs(T) > Math.abs(d) ? d : T
 		};
 	}
-	_applyViewportCentering(e, t = !1, n = Ne) {
+	_applyViewportCentering(e, t = !1, n = Me) {
 		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);
@@ -2226,7 +2230,7 @@ var He = class {
 			pointY: u.y
 		});
 	}
-	zoom(e = Ne, t = {}) {
+	zoom(e = Me, 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();
@@ -2252,30 +2256,30 @@ var He = class {
 			point: r
 		}), this.editor.panConstraintManager.updateBounds();
 	}
-}, 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 });
+}, 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 });
 	return n ? r : r / (t || 1);
-}, Ke = ({ object: e, baseWidth: t, baseHeight: n, useRelativePositions: r }) => ({
-	x: Ge({
+}, Ge = ({ object: e, baseWidth: t, baseHeight: n, useRelativePositions: r }) => ({
+	x: We({
 		value: e.left,
 		dimension: t,
 		useRelativePositions: r
 	}),
-	y: Ge({
+	y: We({
 		value: e.top,
 		dimension: n,
 		useRelativePositions: r
 	})
-}), qe = ({ normalizedX: e, normalizedY: t, bounds: n }) => {
+}), Ke = ({ 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);
-}, 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 = e.type === "Textbox", u = c ? 0 : s, d = r + u, f = i + u, p = {
+}, qe = ({ 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)
 	};
-	l || (d > 0 && (p.scaleX = Math.max(1, Math.round(d * a)) / d), f > 0 && (p.scaleY = Math.max(1, Math.round(f * o)) / f)), e.set(p), e.setCoords();
-}, W = ({ object: e }) => {
+	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 }) => {
 	if (!e) return null;
 	try {
 		e.setCoords();
@@ -2300,7 +2304,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 Je({ object: t }), s ? t : (e.add(t), o || e.setActiveObject(t), e.renderAll(), t);
+	return qe({ 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;
@@ -5617,7 +5621,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(Le);
+			let n = await e.clone(Ie);
 			this.clipboard = n, t.fire("editor:object-copied", { object: n });
 		} catch (e) {
 			n.emitError({
@@ -5638,7 +5642,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(Le), n = JSON.stringify(t);
+			let t = e.toObject(Ie), n = JSON.stringify(t);
 			return e.type === "image" ? this._copyImageToClipboard(e, n) : this._copyTextToClipboard(n);
 		} catch (e) {
 			return t.emitError({
@@ -5668,7 +5672,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	}
 	async _copyTextToClipboard(e) {
 		try {
-			let t = `${Ie}${e}`;
+			let t = `${Fe}${e}`;
 			return await navigator.clipboard.writeText(t), console.info("Text copied to clipboard successfully"), !0;
 		} catch (e) {
 			let { errorManager: t } = this.editor;
@@ -5691,6 +5695,18 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}
 		n.add(t), n.setActiveObject(t), n.requestRenderAll();
 	}
+	_commitStandaloneTextScaleOnClone({ clonedObject: t }) {
+		let { textManager: n } = this.editor;
+		if (n) {
+			if (t instanceof e) {
+				t.forEachObject((e) => {
+					n.commitStandaloneTextScale({ target: e });
+				}), t.setCoords();
+				return;
+			}
+			n.commitStandaloneTextScale({ target: t });
+		}
+	}
 	async _handleImageImport(e) {
 		let { canvas: t, errorManager: n } = this.editor, r = !1, i = !1, a = null, o = null, s = new Promise((e, t) => {
 			a = (t) => {
@@ -5741,7 +5757,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(Le);
+			let t = await r.clone(Ie);
 			return t instanceof e && t.forEachObject((e) => {
 				e.set({
 					id: `${e.type}-${D()}`,
@@ -5752,7 +5768,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				left: t.left + 10,
 				top: t.top + 10,
 				evented: !0
-			}), this._addClonedObjectToCanvas(t), n.fire("editor:object-duplicated", {
+			}), this._commitStandaloneTextScaleOnClone({ clonedObject: t }), this._addClonedObjectToCanvas(t), n.fire("editor:object-duplicated", {
 				targetObject: r,
 				clonedObject: t
 			}), !0;
@@ -5815,7 +5831,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(Le);
+			let n = await this.clipboard.clone(Ie);
 			return t.discardActiveObject(), n instanceof e && n.forEachObject((e) => {
 				e.set({
 					id: `${e.type}-${D()}`,
@@ -5826,7 +5842,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				left: n.left + 10,
 				top: n.top + 10,
 				evented: !0
-			}), this._addClonedObjectToCanvas(n), t.fire("editor:object-pasted", {
+			}), this._commitStandaloneTextScaleOnClone({ clonedObject: n }), this._addClonedObjectToCanvas(n), t.fire("editor:object-pasted", {
 				fromInternalClipboard: !0,
 				clipboardObject: this.clipboard,
 				object: n
@@ -6829,74 +6845,41 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				topRight: Math.max(0, u.topRight * x),
 				bottomRight: Math.max(0, u.bottomRight * x),
 				bottomLeft: Math.max(0, u.bottomLeft * x)
-			} : u, te = Object.keys(d).length > 0, ne;
-			if (y && te) {
-				let e = {};
-				Object.entries(d).forEach(([t, n]) => {
-					if (!n) return;
-					let r = {};
-					Object.entries(n).forEach(([e, t]) => {
-						if (!t) return;
-						let n = { ...t };
-						typeof t.fontSize == "number" && (n.fontSize = Math.max(1, t.fontSize * x)), r[e] = n;
-					}), Object.keys(r).length && (e[t] = r);
-				}), Object.keys(e).length && (ne = e);
-			}
-			let R;
-			y && (R = vr({
-				lineFontDefaults: f,
-				scale: x
-			}));
-			let re = a.getObjectPlacement({
+			} : u, te = a.getObjectPlacement({
 				object: r,
 				originX: i.originX ?? r.originX,
 				originY: i.originY ?? r.originY
-			}), z = P ?? p, ie = C !== z, B = Math.abs(w - (N ?? c)) > mr, ae = Math.abs(I.top - T) > .01 || Math.abs(I.right - E) > .01 || Math.abs(I.bottom - D) > .01 || Math.abs(I.left - O) > .01, V = 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 (!ie && !B && !ae && !V) {
+			}), 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;
 			}
-			g && ie && (r.autoExpand = !1), ne && (r.styles = ne), R && (r.lineFontDefaults = R), r.set({
-				width: C,
-				fontSize: y ? w : c,
-				paddingTop: I.top,
-				paddingRight: I.right,
-				paddingBottom: I.bottom,
-				paddingLeft: I.left,
-				radiusTopLeft: L.topLeft,
-				radiusTopRight: L.topRight,
-				radiusBottomRight: L.bottomRight,
-				radiusBottomLeft: L.bottomLeft,
-				scaleX: 1,
-				scaleY: 1
-			});
-			let oe = !1;
-			if (y && r.autoExpand !== !1) {
-				let e = this._getTextboxUnwrappedWidth({ textbox: r });
-				e !== null && Math.abs((r.width ?? 0) - e) > .01 && (r.set({ width: e }), r.initDimensions(), oe = !0);
-			} else r.initDimensions();
-			let se = jr({ textbox: r });
-			(se || oe) && (r.dirty = !0), a.applyObjectPlacement({
-				object: r,
-				placement: re
-			});
-			let ce = r.width ?? C, le = ce !== z;
+			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 = ce, H.height = r.height, H.left = r.left, H.top = r.top), r.setCoords(), this.canvas.requestRenderAll(), o.baseWidth = ce, o.baseFontSize = r.fontSize ?? w, o.baseStyles = JSON.parse(JSON.stringify(r.styles ?? {})), o.baseLineFontDefaults = _r({ lineFontDefaults: r.lineFontDefaults }), o.basePadding = {
-				top: I.top,
-				right: I.right,
-				bottom: I.bottom,
-				left: I.left
-			}, o.baseRadii = {
-				topLeft: L.topLeft,
-				topRight: L.topRight,
-				bottomRight: L.bottomRight,
-				bottomLeft: L.bottomLeft
-			}, o.hasWidthChange = le || B || ae || V || oe || se;
+			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) {
@@ -6905,38 +6888,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				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) => {
-					if (t._isTextbox(e)) {
-						let t = e.scaleX ?? 1, n = e.scaleY ?? 1, r = (e.fontSize ?? 16) * n, i = (e.width ?? 0) * t, a = n, { paddingTop: o = 0, paddingRight: s = 0, paddingBottom: c = 0, paddingLeft: l = 0, radiusTopLeft: u = 0, radiusTopRight: d = 0, radiusBottomRight: f = 0, radiusBottomLeft: p = 0, styles: m } = e, h = {
-							paddingTop: Math.max(0, o * a),
-							paddingRight: Math.max(0, s * a),
-							paddingBottom: Math.max(0, c * a),
-							paddingLeft: Math.max(0, l * a)
-						}, g = {
-							radiusTopLeft: Math.max(0, u * a),
-							radiusTopRight: Math.max(0, d * a),
-							radiusBottomRight: Math.max(0, f * a),
-							radiusBottomLeft: Math.max(0, p * a)
-						}, _ = m;
-						m && Object.keys(m).length > 0 && (_ = JSON.parse(JSON.stringify(m)), Object.values(_).forEach((e) => {
-							Object.values(e).forEach((e) => {
-								typeof e.fontSize == "number" && (e.fontSize = Math.max(1, e.fontSize * a));
-							});
-						}));
-						let v = vr({
-							lineFontDefaults: e.lineFontDefaults,
-							scale: a
-						}), y = {
-							fontSize: r,
-							width: i,
-							scaleX: 1,
-							scaleY: 1,
-							...h,
-							...g,
-							styles: _
-						};
-						v && (y.lineFontDefaults = v), e.set(y), jr({ textbox: e });
-					}
-					e.setCoords();
+					this.commitStandaloneTextScale({ target: e }), e.setCoords();
 				});
 				let o = new e(n, { canvas: this.canvas });
 				this.canvas.setActiveObject(o), this.canvas.requestRenderAll();
@@ -7058,19 +7010,19 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}), ie = z ? xr({
 			textbox: o,
 			range: z
-		}) : null, B = {}, ae = {}, V = {}, oe, se, ce = ar({
+		}) : null, B = {}, ae = {}, V = {}, H, U, oe = ar({
 			textbox: o,
 			range: z
-		}), 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) {
+		}), 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) {
 			let e = g ? "bold" : "normal";
-			z && (B.fontWeight = e), le && (R.fontWeight = e, H && (V.fontWeight = e));
+			z && (B.fontWeight = e), se && (R.fontWeight = e, ce && (V.fontWeight = e));
 		}
 		if (_ !== void 0) {
 			let e = _ ? "italic" : "normal";
-			z && (B.fontStyle = e), le && (R.fontStyle = e, H && (V.fontStyle = e));
+			z && (B.fontStyle = e), se && (R.fontStyle = e, ce && (V.fontStyle = e));
 		}
-		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) {
+		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) {
 			let e = z ? sr({
 				textbox: o,
 				range: z,
@@ -7080,15 +7032,15 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				range: z,
 				property: "stroke"
 			}) : void 0;
-			se = lr({ width: w ?? e ?? o.strokeWidth ?? 0 }), oe = cr({
+			U = lr({ width: w ?? e ?? o.strokeWidth ?? 0 }), H = cr({
 				strokeColor: C ?? t ?? o.stroke ?? void 0,
-				width: se
-			}), z && (B.stroke = oe, B.strokeWidth = se), le && (R.stroke = oe, R.strokeWidth = se, H && (V.stroke = oe, V.strokeWidth = se));
+				width: U
+			}), z && (B.stroke = H, B.strokeWidth = U), se && (R.stroke = H, R.strokeWidth = U, ce && (V.stroke = H, V.strokeWidth = U));
 		}
 		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 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;
+		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;
 		if (z) {
 			let e = or({
 				textbox: o,
@@ -7099,21 +7051,21 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				styles: ae,
 				range: ie
 			}) : !1;
-			ge = e || t;
+			he = e || t;
 		} else if (Object.keys(V).length) {
 			let e = ir({ textbox: o });
-			e && (ge = or({
+			e && (he = or({
 				textbox: o,
 				styles: V,
 				range: e
 			}));
 		}
-		let _e = ge && Ar({ stylesList: [
+		let ge = he && Ar({ stylesList: [
 			B,
 			ae,
 			V
 		] });
-		if (ge && (o.dirty = !0), ie && (m !== void 0 || h !== void 0)) {
+		if (he && (o.dirty = !0), ie && (m !== void 0 || h !== void 0)) {
 			let e = Sr({
 				textbox: o,
 				range: ie
@@ -7129,47 +7081,47 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				textbox: o,
 				range: z
 			}), t = {};
-			S !== void 0 && (t.fill = S), (C !== void 0 || w !== void 0) && (oe === null && (t.stroke = null), oe != null && (t.stroke = oe)), hr({
+			S !== void 0 && (t.fill = S), (C !== void 0 || w !== void 0) && (H === null && (t.stroke = null), H != null && (t.stroke = H)), hr({
 				textbox: o,
 				lineIndices: e,
 				updates: t
 			});
 		}
-		_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 = Ar({ stylesList: [
+		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: [
 			R,
 			B,
 			ae,
 			V
-		] }), { 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);
+		] }), { 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);
 		this._normalizeTextboxAfterContentChange({
 			textbox: o,
 			placement: re,
-			shouldAutoExpand: Ce
+			shouldAutoExpand: Se
 		}), o.setCoords();
-		let we = {
+		let Ce = {
 			withoutSave: !!r,
 			skipRender: !!i
-		}, Te = !!z && Object.keys(B).length > 0, Ee = {
+		}, we = !!z && Object.keys(B).length > 0, Te = {
 			textbox: o,
 			target: e,
 			style: n,
-			options: we,
+			options: Ce,
 			updates: R,
 			selectionRange: z ?? void 0,
-			selectionStyles: Te ? B : void 0
+			selectionStyles: we ? B : void 0
 		};
-		u.fire("editor:before:text-updated", Ee), i || u.requestRenderAll();
-		let De = t._getSnapshot(o);
+		u.fire("editor:before:text-updated", Te), i || u.requestRenderAll();
+		let Ee = t._getSnapshot(o);
 		c.resumeHistory(), r || c.saveState();
-		let Oe = {
-			...Ee,
+		let De = {
+			...Te,
 			before: d,
-			after: De
+			after: Ee
 		};
-		return u.fire("editor:text-updated", Oe), o;
+		return u.fire("editor:text-updated", De), o;
 	}
 	stylesFromArray(e, t) {
 		return C.stylesFromArray(e, t);
@@ -7178,6 +7130,23 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		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;
+	}
 	_resolveTextObject(e) {
 		if (e instanceof _) return e;
 		let { canvas: n } = this;
@@ -7201,6 +7170,80 @@ 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, {
@@ -7215,26 +7258,6 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			placement: t
 		}), o = !0), (i || a) && (e.dirty = !0), (i || a || o) && e.setCoords(), i || a;
 	}
-	_getTextboxUnwrappedWidth({ textbox: e }) {
-		let t = typeof e.text == "string" ? e.text : "";
-		if (!t.length) return null;
-		e.initDimensions();
-		let n = e, { _textLines: r, _unwrappedTextLines: i, __lineWidths: a, __charBounds: o } = n;
-		if (!Array.isArray(i) || i.length === 0) {
-			let n = Math.ceil(Dr({
-				textbox: e,
-				text: t
-			}));
-			return Number.isFinite(n) ? Math.max(n, e.minWidth ?? 1) : null;
-		}
-		n._textLines = i, n.__lineWidths = [], n.__charBounds = [];
-		try {
-			let t = Math.ceil(e.calcTextWidth());
-			return Number.isFinite(t) ? Math.max(t, e.minWidth ?? 1) : null;
-		} finally {
-			n._textLines = r, n.__lineWidths = a ?? [], n.__charBounds = o ?? [];
-		}
-	}
 	_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);
@@ -7350,30 +7373,11 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		return this.editingPlacementState ||= /* @__PURE__ */ new WeakMap(), this.editingPlacementState;
 	}
 	_ensureScalingState(e) {
-		let t = this.scalingState.get(e);
-		if (!t) {
-			let n = e.width ?? e.calcTextWidth(), r = e.fontSize ?? 16, { styles: i = {} } = e, { lineFontDefaults: a } = e, { paddingTop: o = 0, paddingRight: s = 0, paddingBottom: c = 0, paddingLeft: l = 0 } = e, { radiusTopLeft: u = 0, radiusTopRight: d = 0, radiusBottomRight: f = 0, radiusBottomLeft: p = 0 } = e;
-			t = {
-				baseWidth: n,
-				baseFontSize: r,
-				basePadding: {
-					top: o,
-					right: s,
-					bottom: c,
-					left: l
-				},
-				baseRadii: {
-					topLeft: u,
-					topRight: d,
-					bottomRight: f,
-					bottomLeft: p
-				},
-				baseStyles: JSON.parse(JSON.stringify(i)),
-				baseLineFontDefaults: _r({ lineFontDefaults: a }),
-				hasWidthChange: !1
-			}, this.scalingState.set(e, t);
-		}
-		return t;
+		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 }) => {
@@ -7546,7 +7550,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				baseWidth: f.baseWidth,
 				baseHeight: f.baseHeight,
 				useRelativePositions: m
-			}), Je({ object: e }), e.set({
+			}), this.editor.textManager?.commitStandaloneTextScale({ target: e }), qe({ object: e }), e.set({
 				id: `${e.type}-${D()}`,
 				evented: !0
 			}), n.add(e), e));
@@ -7614,22 +7618,22 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			naturalHeight: 0,
 			width: 0,
 			height: 0
-		}, m = U({
+		}, m = W({
 			value: u || f || c.width,
 			fallback: 0
-		}), h = U({
+		}), h = W({
 			value: d || p || c.height,
 			fallback: 0
-		}), g = U({
+		}), g = W({
 			value: r,
 			fallback: m
-		}), _ = U({
+		}), _ = W({
 			value: i,
 			fallback: h
-		}), v = U({
+		}), v = W({
 			value: a,
 			fallback: c.scaleX || 1
-		}), y = U({
+		}), y = W({
 			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 = {};
@@ -7696,18 +7700,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 } = Ke({
+		let s = e, { x: c, y: l } = Ge({
 			object: e,
 			baseWidth: i,
 			baseHeight: a,
 			useRelativePositions: o
-		}), { scaleX: u, scaleY: d } = e, f = U({
+		}), { scaleX: u, scaleY: d } = e, f = W({
 			value: u,
 			fallback: 1
-		}), p = U({
+		}), p = W({
 			value: d,
 			fallback: 1
-		}), m = qe({
+		}), m = Ke({
 			normalizedX: c,
 			normalizedY: l,
 			bounds: t._getPositioningBounds({
@@ -7783,13 +7787,13 @@ 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 = U({
+		let i = W({
 			value: this.editor?.montageArea?.width,
 			fallback: 0
-		}), { width: a = 0 } = e, o = U({
+		}), { width: a = 0 } = e, o = W({
 			value: n,
 			fallback: 0
-		}), s = U({
+		}), s = W({
 			value: a,
 			fallback: 0
 		});
@@ -7814,7 +7818,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([...ce]);
+		let a = e.toDatalessObject([...oe]);
 		if (t._isSvgObject(e)) {
 			let n = t._extractSvgMarkup(e);
 			n && (a.svgMarkup = n, delete a.objects, delete a.path);
@@ -8691,7 +8695,7 @@ 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 = W({ object: n });
+		let a = Je({ object: n });
 		if (!a) {
 			this._clearSpacingContexts(), this._clearGuides();
 			return;
@@ -8706,7 +8710,7 @@ 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 = W({ object: n }) ?? a;
+			}), n.setCoords(), a = Je({ object: n }) ?? a;
 		}
 		let d = this._resolveCurrentTargetBounds({ activeObject: n }), f = this.spacingContexts.vertical || this.spacingContexts.horizontal ? 10 / s : c, p = hi({
 			activeBounds: a,
@@ -8723,13 +8727,13 @@ 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 = W({ object: n }) ?? a;
+			}), n.setCoords(), a = Je({ object: n }) ?? a;
 		}
 		m || e._applyMovementStep({
 			target: n,
 			transform: i
 		});
-		let h = W({ object: n }) ?? a, g = fi({
+		let h = Je({ object: n }) ?? a, g = fi({
 			activeBounds: h,
 			threshold: c,
 			anchors: this.anchors
@@ -8773,7 +8777,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 = W({ object: n });
+		let f = Je({ object: n });
 		if (!f) {
 			this._clearGuides();
 			return;
@@ -8897,7 +8901,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 = W({ object: t });
+		let c = Je({ object: t });
 		if (!c) {
 			this._clearGuides();
 			return;
@@ -9144,7 +9148,8 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		return !Number.isFinite(a) || a <= 0 ? null : Math.max(1, Math.round(a));
 	}
 	static _shouldApplyPixelScalingStep({ target: e }) {
-		return !(e instanceof a);
+		let t = typeof e.type == "string" ? e.type.toLowerCase() : "", n = e instanceof _ || t === "textbox" || t === "background-textbox";
+		return !(e instanceof a) && !n;
 	}
 	static _applyMovementStep({ target: e, transform: t }) {
 		let { left: n = 0, top: r = 0 } = e, i = Math.round(n / 1) * 1, a = Math.round(r / 1) * 1, o = typeof t?.original?.left == "number" ? t.original.left : null, s = typeof t?.original?.top == "number" ? t.original.top : null, c = o === null || o !== n, l = s === null || s !== r, u = {};
@@ -9175,13 +9180,13 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			horizontal: []
 		}, r = [];
 		for (let e of t) {
-			let t = W({ object: e });
+			let t = Je({ object: e });
 			t && (yi({
 				anchors: n,
 				bounds: t
 			}), r.push(t));
 		}
-		let { montageArea: i } = this.editor, a = W({ object: i });
+		let { montageArea: i } = this.editor, a = Je({ object: i });
 		if (a) {
 			yi({
 				anchors: n,
@@ -9209,7 +9214,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 = W({ object: e });
+			let t = Je({ object: e });
 			t && n.push(t);
 		}
 		return n;
@@ -9287,7 +9292,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			this._clearGuides();
 			return;
 		}
-		let a = W({ object: i });
+		let a = Je({ object: i });
 		if (!a) {
 			this._clearGuides();
 			return;
@@ -9295,7 +9300,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 = W({ object: c });
+		}), { montageArea: s } = r, c = o ?? s, l = c === s, u = Je({ object: c });
 		if (!u) {
 			this._clearGuides();
 			return;
@@ -9469,7 +9474,7 @@ var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	}
 	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 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 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 se({ 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 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({
 			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) {