@anu3ev/fabric-image-editor 0.7.1 → 0.7.2

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)"
-}, H = "fabric-editor-angle-indicator", oe = 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 +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;
 	}
-}, se = /* @__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 ce({ state: e }) {
+function le({ state: e }) {
 	return JSON.parse(JSON.stringify(e));
 }
-function U({ value: e }) {
+function H({ value: e }) {
 	if (Array.isArray(e)) {
 		let t = [];
-		for (let n = 0; n < e.length; n += 1) t.push(U({ 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] = U({ value: e[i] });
+			t[i] = H({ value: e[i] });
 		}
 		return t;
 	}
 	return e;
 }
-function le({ value: e }) {
-	let t = U({ 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 +902,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 +912,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 = ce({ state: e }), r = ce({ 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 +935,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 +947,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 +962,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,66 +987,66 @@ 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();
 	}
@@ -1113,14 +1113,14 @@ 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([...se]);
+		return e.toDatalessObject([...ce]);
 	}
 	_handlePendingSaveTimeout() {
 		if (this._pendingSaveTimeoutId === null) return;
@@ -1160,15 +1160,15 @@ var je = class {
 			}
 			this._isSavingState = !0, console.time("saveState");
 			try {
-				let e = Ae({
+				let e = je({
 					canvas: this.canvas,
-					callback: () => this.canvas.toDatalessObject([...se])
+					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({
+				let { prevState: t, nextState: n } = _e({
 					prevState: this.getFullState(),
 					nextState: e
 				}), r = this.diffPatcher.diff(t, n);
@@ -1176,7 +1176,7 @@ var je = class {
 					console.log("Нет изменений для сохранения.");
 					return;
 				}
-				if (ue({
+				if (de({
 					prevState: t,
 					nextState: n
 				})) {
@@ -1197,8 +1197,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
 		});
@@ -1276,7 +1276,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();
 	}
@@ -1473,7 +1473,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,
@@ -1749,11 +1749,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;
 	}
@@ -1763,7 +1763,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;
@@ -1786,19 +1786,23 @@ var Ve = class {
 		};
 	}
 	getObjectPlacement({ object: e, originX: t, originY: n }) {
-		let r = t ?? e.originX ?? "center", i = n ?? e.originY ?? "center", a = e.getPointByOrigin(r, i);
+		let r = t ?? e.originX ?? "center", i = n ?? e.originY ?? "center", a = e.getPointByOrigin(r, i), o = e.group ? a.transform(e.group.calcTransformMatrix()) : a;
 		return {
-			left: a.x,
-			top: a.y,
+			left: o.x,
+			top: o.y,
 			originX: r,
 			originY: i
 		};
 	}
 	resolveObjectPlacement({ object: e, left: t, top: n, originX: r, originY: i, fallbackPoint: a }) {
-		let o = r ?? e.originX ?? "center", s = i ?? e.originY ?? "center", c = a ?? e.getPointByOrigin(o, s);
+		let o = r ?? e.originX ?? "center", s = i ?? e.originY ?? "center", c = this.getObjectPlacement({
+			object: e,
+			originX: o,
+			originY: s
+		});
 		return {
-			left: t ?? c.x,
-			top: n ?? c.y,
+			left: t ?? a?.x ?? c.left,
+			top: n ?? a?.y ?? c.top,
 			originX: o,
 			originY: s
 		};
@@ -1808,7 +1812,7 @@ var Ve = class {
 		e.set({
 			originX: i,
 			originY: a
-		}), e.setPositionByOrigin(new p(n, r), i, a), e.setCoords();
+		}), e.setXY(new p(n, r), i, a), e.setCoords();
 	}
 	centerObjectToMontageArea({ object: e }) {
 		let t = this.getMontageAreaSceneCenter();
@@ -1838,9 +1842,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
@@ -1856,9 +1860,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
@@ -1885,16 +1889,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
@@ -1982,8 +1986,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;
@@ -2011,7 +2015,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;
 	}
@@ -2119,7 +2123,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);
 	}
@@ -2173,7 +2177,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);
@@ -2222,7 +2226,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();
@@ -2248,41 +2252,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, bounds: t }) => {
-	if (!t) return null;
-	try {
-		let n = e.originX ?? "center", r = e.originY ?? "center", i = e.getPointByOrigin(n, r), { left: a, top: o, width: s, height: c } = t;
-		return {
-			x: (i.x - a) / s,
-			y: (i.y - o) / c
-		};
-	} catch {
-		return null;
-	}
 }, 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 = {
 		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();
-}, Ye = ({ object: e }) => {
+}, W = ({ object: e }) => {
 	if (!e) return null;
 	try {
 		e.setCoords();
@@ -2301,7 +2294,7 @@ var Ve = class {
 };
 //#endregion
 //#region src/editor/utils/primitive-shapes.ts
-function Xe({ canvas: e, object: t, left: n, top: r, centerPoint: i, flags: a }) {
+function Ye({ canvas: e, object: t, left: n, top: r, centerPoint: i, flags: a }) {
 	let { withoutSelection: o, withoutAdding: s } = a;
 	if (n === void 0 && r === void 0) {
 		let n = i ?? e.getCenterPoint();
@@ -2309,9 +2302,9 @@ function Xe({ canvas: e, object: t, left: n, top: r, centerPoint: i, flags: a })
 	}
 	return Je({ object: t }), s ? t : (e.add(t), o || e.setActiveObject(t), e.renderAll(), t);
 }
-var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
+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;
-	return Xe({
+	return Ye({
 		canvas: e,
 		object: new g({
 			id: i,
@@ -2327,7 +2320,7 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		centerPoint: n,
 		flags: r
 	});
-}, Qe = class {
+}, Ze = class {
 	constructor({ editor: e }) {
 		this.editor = e, this.isBlocked = !1, this.overlayMask = null;
 	}
@@ -2349,7 +2342,7 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 	}
 	_createOverlay() {
 		let { historyManager: e, options: { overlayMaskColor: t = "rgba(0,0,0,0.5)" } } = this.editor;
-		e.suspendHistory(), this.overlayMask = Ze({
+		e.suspendHistory(), this.overlayMask = Xe({
 			canvas: this.editor.canvas,
 			options: {
 				...this._getOverlayGeometry(),
@@ -2387,7 +2380,7 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			e.evented = !0, e.selectable = !0;
 		}), e.upperCanvasEl.style.pointerEvents = "", e.lowerCanvasEl.style.pointerEvents = "", this.overlayMask.visible = !1, e.requestRenderAll(), e.fire("editor:enabled"), n.resumeHistory(), n.flushDeferredSaveAfterUnblock();
 	}
-}, $e = class e {
+}, Qe = class e {
 	constructor({ editor: e }) {
 		this.editor = e, this.backgroundObject = null;
 	}
@@ -2579,7 +2572,7 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		this.backgroundObject && a !== i + 1 && e.moveObjectTo(this.backgroundObject, i + 1), e.requestRenderAll(), n.resumeHistory();
 	}
 	_createColorBackground(e) {
-		this.backgroundObject = Ze({
+		this.backgroundObject = Xe({
 			canvas: this.editor.canvas,
 			options: {
 				...this._getMontageBackgroundRectOptions(),
@@ -2596,7 +2589,7 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		}), this.refresh();
 	}
 	_createGradientBackground(t) {
-		this.backgroundObject = Ze({
+		this.backgroundObject = Xe({
 			canvas: this.editor.canvas,
 			options: {
 				...this._getMontageBackgroundRectOptions(),
@@ -2695,7 +2688,7 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			return e.color === n.color && Math.abs(e.offset - n.offset) < 1e-4;
 		}) ? !1 : e.type === "linear" && t.type === "linear" ? Math.abs(e.coords.x1 - t.coords.x1) < 1e-4 && Math.abs(e.coords.y1 - t.coords.y1) < 1e-4 && Math.abs(e.coords.x2 - t.coords.x2) < 1e-4 && Math.abs(e.coords.y2 - t.coords.y2) < 1e-4 : e.type === "radial" && t.type === "radial" ? Math.abs(e.coords.x1 - t.coords.x1) < 1e-4 && Math.abs(e.coords.y1 - t.coords.y1) < 1e-4 && Math.abs(e.coords.x2 - t.coords.x2) < 1e-4 && Math.abs(e.coords.y2 - t.coords.y2) < 1e-4 && Math.abs(e.coords.r1 - t.coords.r1) < 1e-4 && Math.abs(e.coords.r2 - t.coords.r2) < 1e-4 : !1;
 	}
-}, et = class t {
+}, $e = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -2769,32 +2762,32 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			e.sendObjectBackwards(t.obj);
 		});
 	}
-}, G = 180, tt = {
+}, G = 180, et = {
 	top: .2,
 	right: .2,
 	bottom: .2,
 	left: .2
-}, nt = ({ value: e }) => Number(e.toFixed(4)), rt = ({ sides: e, radius: t = 50, centerX: n = 50, centerY: r = 50, rotation: i = -Math.PI / 2 }) => {
+}, tt = ({ value: e }) => Number(e.toFixed(4)), nt = ({ sides: e, radius: t = 50, centerX: n = 50, centerY: r = 50, rotation: i = -Math.PI / 2 }) => {
 	let a = [];
 	for (let o = 0; o < e; o += 1) {
 		let s = i + o * Math.PI * 2 / e;
 		a.push({
-			x: nt({ value: n + t * Math.cos(s) }),
-			y: nt({ value: r + t * Math.sin(s) })
+			x: tt({ value: n + t * Math.cos(s) }),
+			y: tt({ value: r + t * Math.sin(s) })
 		});
 	}
 	return a;
-}, it = ({ spikes: e, outerRadius: t = 50, innerRadius: n = 22, centerX: r = 50, centerY: i = 50, rotation: a = -Math.PI / 2 }) => {
+}, rt = ({ spikes: e, outerRadius: t = 50, innerRadius: n = 22, centerX: r = 50, centerY: i = 50, rotation: a = -Math.PI / 2 }) => {
 	let o = [], s = e * 2;
 	for (let c = 0; c < s; c += 1) {
 		let s = c % 2 == 0 ? t : n, l = a + c * Math.PI / e;
 		o.push({
-			x: nt({ value: r + s * Math.cos(l) }),
-			y: nt({ value: i + s * Math.sin(l) })
+			x: tt({ value: r + s * Math.cos(l) }),
+			y: tt({ value: i + s * Math.sin(l) })
 		});
 	}
 	return o;
-}, at = [
+}, it = [
 	{
 		key: "circle",
 		type: "ellipse",
@@ -2860,7 +2853,7 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		type: "polygon",
 		width: G,
 		height: G,
-		points: rt({
+		points: nt({
 			sides: 5,
 			radius: 50,
 			rotation: -Math.PI / 2
@@ -2877,7 +2870,7 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		type: "polygon",
 		width: G,
 		height: G,
-		points: rt({
+		points: nt({
 			sides: 6,
 			radius: 50,
 			rotation: 0
@@ -2894,7 +2887,7 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		type: "polygon",
 		width: G,
 		height: G,
-		points: it({
+		points: rt({
 			spikes: 5,
 			outerRadius: 50,
 			innerRadius: 21,
@@ -2912,7 +2905,7 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		type: "polygon",
 		width: G,
 		height: G,
-		points: it({
+		points: rt({
 			spikes: 4,
 			outerRadius: 50,
 			innerRadius: 16,
@@ -3299,7 +3292,7 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		type: "polygon",
 		width: G,
 		height: G,
-		points: it({
+		points: rt({
 			spikes: 14,
 			outerRadius: 50,
 			innerRadius: 40,
@@ -3390,21 +3383,21 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			left: .2
 		}
 	}
-], ot = "circle", st = "center", ct = {};
-for (let e = 0; e < at.length; e += 1) {
-	let t = at[e];
-	ct[t.key] = t;
+], at = "circle", ot = "center", st = {};
+for (let e = 0; e < it.length; e += 1) {
+	let t = it[e];
+	st[t.key] = t;
 }
-var lt = ct, ut = ({ presetKey: e }) => lt[e] ?? null, dt = ({ preset: e, rounding: t }) => (typeof t == "number" ? t : 0) <= 0 || e.type === "rect" ? e.key : e.roundedVariant ?? e.key, ft = ({ preset: e, overridePadding: t }) => {
+var ct = st, lt = ({ presetKey: e }) => ct[e] ?? null, ut = ({ preset: e, rounding: t }) => (typeof t == "number" ? t : 0) <= 0 || e.type === "rect" ? e.key : e.roundedVariant ?? e.key, dt = ({ preset: e, overridePadding: t }) => {
 	let n = e.textPadding ?? {};
 	return {
-		top: t?.top ?? n.top ?? tt.top,
-		right: t?.right ?? n.right ?? tt.right,
-		bottom: t?.bottom ?? n.bottom ?? tt.bottom,
-		left: t?.left ?? n.left ?? tt.left
+		top: t?.top ?? n.top ?? et.top,
+		right: t?.right ?? n.right ?? et.right,
+		bottom: t?.bottom ?? n.bottom ?? et.bottom,
+		left: t?.left ?? n.left ?? et.left
 	};
-}, pt = ({ preset: e }) => e.type === "rect" || e.type === "triangle" || e.type === "polygon" || e.type === "polyline" ? !0 : e.type === "ellipse" || e.type === "svg" ? !1 : mt({ path: e.path });
-function mt({ path: e }) {
+}, ft = ({ preset: e }) => e.type === "rect" || e.type === "triangle" || e.type === "polygon" || e.type === "polyline" ? !0 : e.type === "ellipse" || e.type === "svg" ? !1 : pt({ path: e.path });
+function pt({ path: e }) {
 	let t = e.match(/[a-zA-Z]/g) ?? [], n = new Set([
 		"M",
 		"L",
@@ -3420,11 +3413,11 @@ function mt({ path: e }) {
 }
 //#endregion
 //#region src/editor/shape-manager/shape-factory.ts
-var ht = 1, gt = 1e-4;
-function _t({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
-	let a = xt({
-		width: Math.max(ht, t),
-		height: Math.max(ht, n),
+var mt = 1, ht = 1e-4;
+function gt({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
+	let a = bt({
+		width: Math.max(mt, t),
+		height: Math.max(mt, n),
 		strokeWidth: i
 	});
 	if (e instanceof g) {
@@ -3443,7 +3436,7 @@ function _t({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
 		}), e.setCoords();
 		return;
 	}
-	let { width: o = ht, height: s = ht } = e, c = Math.max(ht, o), l = Math.max(ht, s);
+	let { width: o = mt, height: s = mt } = e, c = Math.max(mt, o), l = Math.max(mt, s);
 	e.set({
 		scaleX: a.width / c,
 		scaleY: a.height / l,
@@ -3453,15 +3446,15 @@ function _t({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
 		originY: "center"
 	}), e.setCoords();
 }
-async function vt({ preset: e, width: t, height: n, style: r, rounding: i }) {
-	let a = await bt({
+async function _t({ preset: e, width: t, height: n, style: r, rounding: i }) {
+	let a = await yt({
 		preset: e,
 		rounding: i
 	});
-	return yt({
+	return vt({
 		shape: a,
 		style: r
-	}), _t({
+	}), gt({
 		shape: a,
 		width: t,
 		height: n,
@@ -3475,11 +3468,11 @@ async function vt({ preset: e, width: t, height: n, style: r, rounding: i }) {
 		shapeNodeType: "shape"
 	}), a;
 }
-function yt({ shape: e, style: t }) {
+function vt({ shape: e, style: t }) {
 	let { fill: n, stroke: r, strokeWidth: i, strokeDashArray: a, opacity: o } = t;
 	if (e instanceof l) {
 		let n = e.getObjects();
-		for (let e = 0; e < n.length; e += 1) yt({
+		for (let e = 0; e < n.length; e += 1) vt({
 			shape: n[e],
 			style: t
 		});
@@ -3493,7 +3486,7 @@ function yt({ shape: e, style: t }) {
 	};
 	n !== void 0 && (s.fill = n), r !== void 0 && (s.stroke = r), i !== void 0 && (s.strokeWidth = i), a !== void 0 && (s.strokeDashArray = a), o !== void 0 && (s.opacity = o), e.set(s), e.setCoords();
 }
-async function bt({ preset: e, rounding: t }) {
+async function yt({ preset: e, rounding: t }) {
 	return e.type === "rect" ? new g({
 		width: 100,
 		height: 100,
@@ -3508,18 +3501,18 @@ async function bt({ preset: e, rounding: t }) {
 		originY: "center",
 		left: 0,
 		top: 0
-	}) : e.type === "triangle" ? St({ rounding: t }) : e.type === "polygon" ? wt({
+	}) : e.type === "triangle" ? xt({ rounding: t }) : e.type === "polygon" ? Ct({
 		points: e.points,
 		type: "polygon",
 		rounding: t
-	}) : e.type === "polyline" ? wt({
+	}) : e.type === "polyline" ? Ct({
 		points: e.points,
 		type: "polyline",
 		rounding: t
-	}) : e.type === "path" ? Ct({
+	}) : e.type === "path" ? St({
 		path: e.path,
 		rounding: t
-	}) : e.type === "svg" ? Mt({ svg: e.svg }) : new g({
+	}) : e.type === "svg" ? jt({ svg: e.svg }) : new g({
 		width: 100,
 		height: 100,
 		originX: "center",
@@ -3528,15 +3521,15 @@ async function bt({ preset: e, rounding: t }) {
 		top: 0
 	});
 }
-function xt({ width: e, height: t, strokeWidth: n }) {
+function bt({ width: e, height: t, strokeWidth: n }) {
 	let r = Math.max(0, n ?? 0);
 	return {
-		width: Math.max(ht, e - r),
-		height: Math.max(ht, t - r)
+		width: Math.max(mt, e - r),
+		height: Math.max(mt, t - r)
 	};
 }
-function St({ rounding: e }) {
-	return jt({ rounding: e }) ? Dt({
+function xt({ rounding: e }) {
+	return At({ rounding: e }) ? Et({
 		points: [
 			{
 				x: 50,
@@ -3562,13 +3555,13 @@ function St({ rounding: e }) {
 		top: 0
 	});
 }
-function Ct({ path: e, rounding: t }) {
-	return jt({ rounding: t }) && Et({
+function St({ path: e, rounding: t }) {
+	return At({ rounding: t }) && Tt({
 		path: e,
 		rounding: Math.max(0, t ?? 0)
-	}) || Tt({ path: e });
+	}) || wt({ path: e });
 }
-function wt({ points: e, type: t, rounding: n }) {
+function Ct({ points: e, type: t, rounding: n }) {
 	let r = e.length > 0 ? e : [
 		{
 			x: 0,
@@ -3583,13 +3576,13 @@ function wt({ points: e, type: t, rounding: n }) {
 			y: 100
 		}
 	];
-	if (jt({ rounding: n })) {
-		if (t === "polygon" && r.length >= 3) return Dt({
+	if (At({ rounding: n })) {
+		if (t === "polygon" && r.length >= 3) return Et({
 			points: r,
 			rounding: Math.max(0, n ?? 0),
 			closed: !0
 		});
-		if (t === "polyline" && r.length >= 2) return Dt({
+		if (t === "polyline" && r.length >= 2) return Et({
 			points: r,
 			rounding: Math.max(0, n ?? 0),
 			closed: !1
@@ -3607,7 +3600,7 @@ function wt({ points: e, type: t, rounding: n }) {
 		top: 0
 	});
 }
-function Tt({ path: e }) {
+function wt({ path: e }) {
 	return new d(e, {
 		originX: "center",
 		originY: "center",
@@ -3615,8 +3608,8 @@ function Tt({ path: e }) {
 		top: 0
 	});
 }
-function Et({ path: e, rounding: t }) {
-	let n = Tt({ path: e }).path ?? [], r = C.makePathSimpler(n), i = [], a = !1;
+function Tt({ path: e, rounding: t }) {
+	let n = wt({ path: e }).path ?? [], r = C.makePathSimpler(n), i = [], a = !1;
 	for (let e = 0; e < r.length; e += 1) {
 		let t = r[e];
 		if (!t) return null;
@@ -3636,14 +3629,14 @@ function Et({ path: e, rounding: t }) {
 		}
 		return null;
 	}
-	return i.length < 2 || a && i.length < 3 ? null : Dt({
+	return i.length < 2 || a && i.length < 3 ? null : Et({
 		points: i,
 		rounding: t,
 		closed: a
 	});
 }
-function Dt({ points: e, rounding: t, closed: n }) {
-	return new d(Ot({
+function Et({ points: e, rounding: t, closed: n }) {
+	return new d(Dt({
 		points: e,
 		radius: t,
 		closed: n
@@ -3654,7 +3647,7 @@ function Dt({ points: e, rounding: t, closed: n }) {
 		top: 0
 	});
 }
-function Ot({ points: e, radius: t, closed: n }) {
+function Dt({ points: e, radius: t, closed: n }) {
 	let r = e.length;
 	if (r === 0) return "";
 	if (!n && r === 1) {
@@ -3662,14 +3655,14 @@ function Ot({ points: e, radius: t, closed: n }) {
 		return `M ${K({ value: t.x })} ${K({ value: t.y })}`;
 	}
 	let i = Math.max(0, t);
-	if (i <= 0) return kt({
+	if (i <= 0) return Ot({
 		points: e,
 		closed: n
 	});
 	if (n) {
 		let t = [];
 		for (let n = 0; n < r; n += 1) {
-			let a = n === 0 ? r - 1 : n - 1, o = n === r - 1 ? 0 : n + 1, s = At({
+			let a = n === 0 ? r - 1 : n - 1, o = n === r - 1 ? 0 : n + 1, s = kt({
 				previous: e[a],
 				current: e[n],
 				next: e[o],
@@ -3684,13 +3677,13 @@ function Ot({ points: e, radius: t, closed: n }) {
 		}
 		return a += " Z", a;
 	}
-	if (r === 2) return kt({
+	if (r === 2) return Ot({
 		points: e,
 		closed: !1
 	});
 	let a = `M ${K({ value: e[0].x })} ${K({ value: e[0].y })}`;
 	for (let t = 1; t < r - 1; t += 1) {
-		let n = At({
+		let n = kt({
 			previous: e[t - 1],
 			current: e[t],
 			next: e[t + 1],
@@ -3701,7 +3694,7 @@ function Ot({ points: e, radius: t, closed: n }) {
 	let o = e[r - 1];
 	return a += ` L ${K({ value: o.x })} ${K({ value: o.y })}`, a;
 }
-function kt({ points: e, closed: t }) {
+function Ot({ points: e, closed: t }) {
 	if (e.length === 0) return "";
 	let n = `M ${K({ value: e[0].x })} ${K({ value: e[0].y })}`;
 	for (let t = 1; t < e.length; t += 1) {
@@ -3710,7 +3703,7 @@ function kt({ points: e, closed: t }) {
 	}
 	return t && (n += " Z"), n;
 }
-function At({ previous: e, current: t, next: n, radius: r }) {
+function kt({ previous: e, current: t, next: n, radius: r }) {
 	let i = {
 		x: e.x - t.x,
 		y: e.y - t.y
@@ -3718,7 +3711,7 @@ function At({ previous: e, current: t, next: n, radius: r }) {
 		x: n.x - t.x,
 		y: n.y - t.y
 	}, o = Math.hypot(i.x, i.y), s = Math.hypot(a.x, a.y);
-	if (o <= gt || s <= gt) return {
+	if (o <= ht || s <= ht) return {
 		start: {
 			x: K({ value: t.x }),
 			y: K({ value: t.y })
@@ -3740,13 +3733,13 @@ function At({ previous: e, current: t, next: n, radius: r }) {
 		}
 	};
 }
-function jt({ rounding: e }) {
+function At({ rounding: e }) {
 	return Math.max(0, e ?? 0) > 0;
 }
 function K({ value: e }) {
 	return Number(e.toFixed(4));
 }
-async function Mt({ svg: e }) {
+async function jt({ svg: e }) {
 	let t = await x(e), n = C.groupSVGElements(t.objects, t.options);
 	return n.set({
 		originX: "center",
@@ -3757,24 +3750,24 @@ async function Mt({ svg: e }) {
 }
 //#endregion
 //#region src/editor/shape-manager/shape-layout.ts
-var q = 1, Nt = .5, Pt = 12, Ft = 12, It = .45, Lt = 8, Rt = 8, zt = ({ group: e, shape: t, text: n, width: r, height: i, alignH: a, alignV: o, padding: s }) => {
-	let c = Gt({ padding: s }), l = Math.max(q, e.shapeManualBaseWidth ?? r), u = Math.max(q, e.shapeManualBaseHeight ?? i), d = Vt({
+var q = 1, Mt = .5, Nt = 12, Pt = 12, Ft = .45, It = 8, Lt = 8, Rt = ({ group: e, shape: t, text: n, width: r, height: i, alignH: a, alignV: o, padding: s }) => {
+	let c = Wt({ padding: s }), l = Math.max(q, e.shapeManualBaseWidth ?? r), u = Math.max(q, e.shapeManualBaseHeight ?? i), d = Bt({
 		text: n,
 		padding: c
-	}), f = Math.max(q, r, d), p = Ut({
+	}), f = Math.max(q, r, d), p = Ht({
 		text: n,
 		width: f,
 		height: i,
 		padding: c
 	}), m = Math.max(q, p);
-	_t({
+	gt({
 		shape: t,
 		width: f,
 		height: m,
 		rounding: e.shapeRounding,
 		strokeWidth: e.shapeStrokeWidth
 	});
-	let { frame: h, splitByGrapheme: g, textTop: _ } = Ht({
+	let { frame: h, splitByGrapheme: g, textTop: _ } = Vt({
 		text: n,
 		width: f,
 		height: m,
@@ -3803,56 +3796,56 @@ var q = 1, Nt = .5, Pt = 12, Ft = 12, It = .45, Lt = 8, Rt = 8, zt = ({ group: e
 		scaleX: 1,
 		scaleY: 1
 	}), e.set("dirty", !0), e.setCoords();
-}, Bt = ({ text: e, currentWidth: t, minimumWidth: n, padding: r, strokeWidth: i, montageAreaWidth: a }) => {
+}, zt = ({ text: e, currentWidth: t, minimumWidth: n, padding: r, strokeWidth: i, montageAreaWidth: a }) => {
 	let o = Math.max(q, t), s = Math.max(q, n);
-	if (!Kt({ text: e })) return s;
+	if (!Gt({ text: e })) return s;
 	let c = Number.isFinite(a) && a > 0 ? Math.max(q, a) : Math.max(o, s), l = Math.max(0, i ?? 0), u = Math.max(s, c);
 	if (l >= u) return Math.max(o, s);
-	let d = Gt({ padding: r }), f = u, p = Zt({
+	let d = Wt({ padding: r }), f = u, p = Xt({
 		text: e,
-		frameWidth: Yt({
+		frameWidth: Jt({
 			width: f,
 			padding: d
 		})
 	});
 	if (p.hasWrappedLines) return f;
-	let m = Math.max(q, p.longestLineWidth), h = Math.min(f, Math.max(s, Wt({
+	let m = Math.max(q, p.longestLineWidth), h = Math.min(f, Math.max(s, Ut({
 		frameWidth: m,
 		padding: d
 	})));
-	for (let t = 0; t < Lt; t += 1) {
-		let t = Yt({
+	for (let t = 0; t < It; t += 1) {
+		let t = Jt({
 			width: h,
 			padding: d
-		}), n = Zt({
+		}), n = Xt({
 			text: e,
 			frameWidth: t
-		}), r = t >= m - Nt;
+		}), r = t >= m - Mt;
 		if (!n.hasWrappedLines && r) return h;
-		if (h >= f - Nt) return f;
+		if (h >= f - Mt) return f;
 		let i = n.hasWrappedLines ? Math.max(m + 1, t + 1) : m;
-		h = Math.min(f, Math.max(h + 1, Wt({
+		h = Math.min(f, Math.max(h + 1, Ut({
 			frameWidth: i,
 			padding: d
 		})));
 	}
 	return h;
-}, Vt = ({ text: e, padding: t }) => {
-	if (!Kt({ text: e })) return q;
-	let n = Gt({ padding: t });
-	return Wt({
-		frameWidth: $t({ text: e }),
+}, Bt = ({ text: e, padding: t }) => {
+	if (!Gt({ text: e })) return q;
+	let n = Wt({ padding: t });
+	return Ut({
+		frameWidth: Qt({ text: e }),
 		padding: n
 	});
-}, Ht = ({ text: e, width: t, height: n, alignV: r, padding: i }) => {
-	let a = Jt({
+}, Vt = ({ text: e, width: t, height: n, alignV: r, padding: i }) => {
+	let a = qt({
 		width: Math.max(q, t),
 		height: Math.max(q, n),
-		padding: Gt({ padding: i })
-	}), o = rn({
+		padding: Wt({ padding: i })
+	}), o = nn({
 		text: e,
 		frameWidth: a.width
-	}), s = Qt({
+	}), s = Zt({
 		text: e,
 		frameWidth: a.width,
 		splitByGrapheme: o
@@ -3860,73 +3853,73 @@ var q = 1, Nt = .5, Pt = 12, Ft = 12, It = .45, Lt = 8, Rt = 8, zt = ({ group: e
 	return {
 		frame: a,
 		splitByGrapheme: o,
-		textTop: tn({
+		textTop: en({
 			alignV: r,
 			frameHeight: a.height,
 			frameTop: a.top,
 			textHeight: s
 		})
 	};
-}, Ut = ({ text: e, width: t, height: n, padding: r }) => {
+}, Ht = ({ text: e, width: t, height: n, padding: r }) => {
 	let i = Math.max(q, n);
-	if (!Kt({ text: e })) return i;
-	let a = Math.max(q, t), o = Gt({ padding: r }), s = i;
-	for (let t = 0; t < Rt; t += 1) {
-		let t = Jt({
+	if (!Gt({ text: e })) return i;
+	let a = Math.max(q, t), o = Wt({ padding: r }), s = i;
+	for (let t = 0; t < Lt; t += 1) {
+		let t = qt({
 			width: a,
 			height: s,
 			padding: o
-		}), n = Qt({
+		}), n = Zt({
 			text: e,
 			frameWidth: t.width
 		});
-		if (n <= t.height + Nt) return s;
+		if (n <= t.height + Mt) return s;
 		let r = n - t.height;
 		s = Math.max(s + r, s * 1.05);
 	}
 	return s;
 };
-function Wt({ frameWidth: e, padding: t }) {
+function Ut({ frameWidth: e, padding: t }) {
 	let n = Math.max(q, e), r = n;
-	for (let e = 0; e < Lt; e += 1) {
-		let e = Yt({
+	for (let e = 0; e < It; e += 1) {
+		let e = Jt({
 			width: r,
 			padding: t
 		});
-		if (e >= n - Nt) return r;
+		if (e >= n - Mt) return r;
 		let i = n - e;
 		r = Math.max(r + i, r * 1.05);
 	}
 	return r;
 }
-function Gt({ padding: e }) {
+function Wt({ padding: e }) {
 	return {
-		top: qt({ value: e.top }),
-		right: qt({ value: e.right }),
-		bottom: qt({ value: e.bottom }),
-		left: qt({ value: e.left })
+		top: Kt({ value: e.top }),
+		right: Kt({ value: e.right }),
+		bottom: Kt({ value: e.bottom }),
+		left: Kt({ value: e.left })
 	};
 }
-function Kt({ text: e }) {
+function Gt({ text: e }) {
 	return (e.text ?? "").trim().length > 0;
 }
-function qt({ value: e }) {
-	return Math.min(Math.max(e, 0), It);
+function Kt({ value: e }) {
+	return Math.min(Math.max(e, 0), Ft);
 }
-function Jt({ width: e, height: t, padding: n }) {
-	let r = nn({
+function qt({ width: e, height: t, padding: n }) {
+	let r = tn({
 		size: e,
 		ratio: n.left,
 		axis: "horizontal"
-	}), i = nn({
+	}), i = tn({
 		size: e,
 		ratio: n.right,
 		axis: "horizontal"
-	}), a = nn({
+	}), a = tn({
 		size: t,
 		ratio: n.top,
 		axis: "vertical"
-	}), o = nn({
+	}), o = tn({
 		size: t,
 		ratio: n.bottom,
 		axis: "vertical"
@@ -3938,19 +3931,19 @@ function Jt({ width: e, height: t, padding: n }) {
 		height: Math.max(q, t - a - o)
 	};
 }
-function Yt({ width: e, padding: t }) {
-	let n = nn({
+function Jt({ width: e, padding: t }) {
+	let n = tn({
 		size: e,
 		ratio: t.left,
 		axis: "horizontal"
-	}), r = nn({
+	}), r = tn({
 		size: e,
 		ratio: t.right,
 		axis: "horizontal"
 	});
 	return Math.max(q, e - n - r);
 }
-function Xt({ text: e }) {
+function Yt({ text: e }) {
 	let { height: t } = e;
 	if (typeof t == "number" && Number.isFinite(t)) return t;
 	if (typeof e.calcTextHeight == "function") {
@@ -3959,18 +3952,18 @@ function Xt({ text: e }) {
 	}
 	return q;
 }
-function Zt({ text: e, frameWidth: t }) {
-	let n = on({ text: e }), r = rn({
+function Xt({ text: e, frameWidth: t }) {
+	let n = an({ text: e }), r = nn({
 		text: e,
 		frameWidth: t
-	}), i = ln({ text: e });
+	}), i = cn({ text: e });
 	e.set({
 		autoExpand: !1,
 		width: Math.max(q, t),
 		splitByGrapheme: r
 	}), e.initDimensions();
-	let a = sn({ text: e }) > n, o = Math.ceil(an({ text: e }));
-	return un({
+	let a = on({ text: e }) > n, o = Math.ceil(rn({ text: e }));
+	return ln({
 		text: e,
 		state: i
 	}), {
@@ -3978,8 +3971,8 @@ function Zt({ text: e, frameWidth: t }) {
 		longestLineWidth: o
 	};
 }
-function Qt({ text: e, frameWidth: t, splitByGrapheme: n }) {
-	let r = ln({ text: e }), i = n ?? rn({
+function Zt({ text: e, frameWidth: t, splitByGrapheme: n }) {
+	let r = cn({ text: e }), i = n ?? nn({
 		text: e,
 		frameWidth: t
 	});
@@ -3988,75 +3981,75 @@ function Qt({ text: e, frameWidth: t, splitByGrapheme: n }) {
 		width: Math.max(q, t),
 		splitByGrapheme: i
 	}), e.initDimensions();
-	let a = Xt({ text: e });
-	return un({
+	let a = Yt({ text: e });
+	return ln({
 		text: e,
 		state: r
 	}), a;
 }
-function $t({ text: e }) {
-	let t = en({
+function Qt({ text: e }) {
+	let t = $t({
 		text: e,
 		frameWidth: q,
 		splitByGrapheme: !0
 	});
 	return Math.max(q, t);
 }
-function en({ text: e, frameWidth: t, splitByGrapheme: n }) {
-	let r = ln({ text: e });
+function $t({ text: e, frameWidth: t, splitByGrapheme: n }) {
+	let r = cn({ text: e });
 	e.set({
 		autoExpand: !1,
 		width: Math.max(q, t),
 		splitByGrapheme: n
 	}), e.initDimensions();
-	let i = an({ text: e });
-	return un({
+	let i = rn({ text: e });
+	return ln({
 		text: e,
 		state: r
 	}), i;
 }
-function tn({ alignV: e, frameHeight: t, frameTop: n, textHeight: r }) {
+function en({ alignV: e, frameHeight: t, frameTop: n, textHeight: r }) {
 	let i = Math.max(0, t - r);
 	return e === "top" ? n : e === "bottom" ? n + i : n + i / 2;
 }
-function nn({ size: e, ratio: t, axis: n }) {
-	let r = n === "horizontal" ? Pt : Ft, i = e * t;
+function tn({ size: e, ratio: t, axis: n }) {
+	let r = n === "horizontal" ? Nt : Pt, i = e * t;
 	return Math.max(0, Math.min(i, r));
 }
-function rn({ text: e, frameWidth: t }) {
-	let n = Math.max(q, t), r = ln({ text: e });
+function nn({ text: e, frameWidth: t }) {
+	let n = Math.max(q, t), r = cn({ text: e });
 	e.set({
 		autoExpand: !1,
 		width: n,
 		splitByGrapheme: !1
 	}), e.initDimensions();
-	let i = dn({ text: e }) > n + Nt;
-	return un({
+	let i = un({ text: e }) > n + Mt;
+	return ln({
 		text: e,
 		state: r
 	}), i;
 }
-function an({ text: e }) {
-	let t = sn({ text: e });
-	if (t > 0) return cn({
+function rn({ text: e }) {
+	let t = on({ text: e });
+	if (t > 0) return sn({
 		text: e,
 		lineCount: t
 	});
 	let n = e.text ?? "";
-	return cn({
+	return sn({
 		text: e,
 		lineCount: Math.max(n.split("\n").length, 1)
 	});
 }
-function on({ text: e }) {
+function an({ text: e }) {
 	let t = e.text ?? "";
 	return Math.max(t.split("\n").length, 1);
 }
-function sn({ text: e }) {
+function on({ text: e }) {
 	let t = e;
 	return Array.isArray(t.textLines) ? t.textLines.length : 0;
 }
-function cn({ text: e, lineCount: t }) {
+function sn({ text: e, lineCount: t }) {
 	let n = q;
 	for (let r = 0; r < t; r += 1) {
 		let t = e.getLineWidth(r);
@@ -4064,7 +4057,7 @@ function cn({ text: e, lineCount: t }) {
 	}
 	return n;
 }
-function ln({ text: e }) {
+function cn({ text: e }) {
 	let { autoExpand: t, splitByGrapheme: n, width: r } = e;
 	return {
 		autoExpand: t,
@@ -4072,23 +4065,23 @@ function ln({ text: e }) {
 		width: typeof r == "number" ? r : void 0
 	};
 }
-function un({ text: e, state: t }) {
+function ln({ text: e, state: t }) {
 	let { autoExpand: n, splitByGrapheme: r, width: i } = t, a = {};
 	n !== void 0 && (a.autoExpand = n), r !== void 0 && (a.splitByGrapheme = r), typeof i == "number" && (a.width = i), Object.keys(a).length > 0 && (e.set(a), e.initDimensions());
 }
-function dn({ text: e }) {
+function un({ text: e }) {
 	let { dynamicMinWidth: t } = e;
 	return typeof t == "number" && Number.isFinite(t) ? t : 0;
 }
 //#endregion
 //#region src/editor/shape-manager/shape-runtime.ts
-var fn = ({ group: e }) => {
+var dn = ({ group: e }) => {
 	let t = e;
 	typeof t.setInteractive == "function" && t.setInteractive(!0), t.set({
 		interactive: !0,
 		subTargetCheck: !0
 	});
-}, pn = ({ text: e }) => {
+}, fn = ({ text: e }) => {
 	e.set({
 		hasBorders: !1,
 		hasControls: !1,
@@ -4100,7 +4093,7 @@ var fn = ({ group: e }) => {
 		autoExpand: !1,
 		shapeNodeType: "text"
 	}), e.setCoords();
-}, mn = ({ group: e }) => {
+}, pn = ({ group: e }) => {
 	let { layoutManager: t } = e;
 	if (!t || typeof t.unsubscribeTargets != "function") return;
 	let n = e.getObjects();
@@ -4108,7 +4101,7 @@ var fn = ({ group: e }) => {
 		target: e,
 		targets: n
 	});
-}, hn = ({ group: e }) => {
+}, mn = ({ group: e }) => {
 	let t = e.getObjects();
 	for (let e = 0; e < t.length; e += 1) {
 		let n = t[e];
@@ -4119,23 +4112,23 @@ var fn = ({ group: e }) => {
 		if (n instanceof _) return n;
 	}
 	return null;
-}, gn = [
+}, hn = [
 	"tl",
 	"tr",
 	"bl",
 	"br"
-], _n = ({ transform: e }) => {
+], gn = ({ transform: e }) => {
 	let { originX: t, originY: n } = e;
 	return (t === "center" || t === .5) && (n === "center" || n === .5);
-}, vn = ({ transform: e, x: t, y: n }) => {
+}, _n = ({ transform: e, x: t, y: n }) => {
 	let r = e, { target: i } = r, { scaleX: a = 1, scaleY: o = 1 } = i, s = b.getLocalPoint(r, r.originX, r.originY, t, n), c = Math.sign(s.x || r.signX || 1), l = Math.sign(s.y || r.signY || 1);
 	r.signX === void 0 && (r.signX = c), r.signY === void 0 && (r.signY = l);
 	let u = i._getTransformedDimensions(), d = Math.abs(s.x * a / u.x), f = Math.abs(s.y * o / u.y);
-	_n({ transform: r }) && (d *= 2, f *= 2);
+	gn({ transform: r }) && (d *= 2, f *= 2);
 	let p = !i.lockScalingX && (!i.lockScalingFlip || r.signX === c), m = !i.lockScalingY && (!i.lockScalingFlip || r.signY === l);
 	return p && i.set("scaleX", d), m && i.set("scaleY", f), a !== i.scaleX || o !== i.scaleY;
-}, yn = () => {
-	let e = b.wrapWithFireEvent("scaling", b.wrapWithFixedAnchor((e, t, n, r) => vn({
+}, vn = () => {
+	let e = b.wrapWithFireEvent("scaling", b.wrapWithFixedAnchor((e, t, n, r) => _n({
 		transform: t,
 		x: n,
 		y: r
@@ -4151,31 +4144,31 @@ var fn = ({ group: e }) => {
 			a.uniformScaling = s;
 		}
 	};
-}, bn = ({ control: e }) => {
+}, yn = ({ control: e }) => {
 	let t = new r({
 		...e,
-		actionHandler: yn()
+		actionHandler: vn()
 	});
 	return t.shapeFreeScaleCornerControl = !0, t;
-}, xn = ({ group: e }) => {
+}, bn = ({ group: e }) => {
 	let t = { ...e.controls };
-	gn.forEach((n) => {
+	hn.forEach((n) => {
 		let r = e.controls[n];
-		r && (r.shapeFreeScaleCornerControl || (t[n] = bn({ control: r })));
+		r && (r.shapeFreeScaleCornerControl || (t[n] = yn({ control: r })));
 	}), e.controls = t;
-}, Sn = "shape-group";
-function Cn() {
+}, xn = "shape-group";
+function Sn() {
 	return { performLayout() {} };
 }
-function wn({ layoutManager: e }) {
+function Cn({ layoutManager: e }) {
 	let t = y.getClass("layoutManager");
 	if (!e) return new t();
 	let { strategy: n, type: r } = e, i = y.getClass(r);
 	return n ? new i(new (y.getClass(n))()) : new i();
 }
-var Tn = class e extends l {
+var wn = class e extends l {
 	static {
-		this.type = Sn;
+		this.type = xn;
 	}
 	constructor(e = [], t = {}) {
 		let { layoutManager: n, objectCaching: r, centeredScaling: i, lockScalingFlip: a, ...o } = t;
@@ -4191,17 +4184,17 @@ var Tn = class e extends l {
 		this.set({
 			objectCaching: !1,
 			shapeComposite: !0
-		}), this.shapeTextAutoExpand === void 0 && (this.shapeTextAutoExpand = !0), this._syncRoundability(), fn({ group: this }), xn({ group: this });
-		let e = hn({ group: this });
-		e && pn({ text: e }), mn({ group: this }), this.setCoords();
+		}), this.shapeTextAutoExpand === void 0 && (this.shapeTextAutoExpand = !0), this._syncRoundability(), dn({ group: this }), bn({ group: this });
+		let e = mn({ group: this });
+		e && fn({ text: e }), pn({ group: this }), this.setCoords();
 	}
 	static async fromObject({ type: t, objects: n = [], layoutManager: r, ...i }, a) {
 		let [o, s] = await Promise.all([C.enlivenObjects(n, a), C.enlivenObjectEnlivables(i, a)]), c = new e(o, {
 			...i,
 			...s,
-			layoutManager: Cn()
+			layoutManager: Sn()
 		});
-		return c.layoutManager = wn({ layoutManager: r }), c.layoutManager.subscribeTargets({
+		return c.layoutManager = Cn({ layoutManager: r }), c.layoutManager.subscribeTargets({
 			type: "initialization",
 			target: c,
 			targets: c.getObjects()
@@ -4211,12 +4204,12 @@ var Tn = class e extends l {
 		if (typeof this.shapeCanRound == "boolean") return;
 		let e = this.shapePresetKey;
 		if (!e) return;
-		let t = ut({ presetKey: e });
-		t && (this.shapeCanRound = pt({ preset: t }));
+		let t = lt({ presetKey: e });
+		t && (this.shapeCanRound = ft({ preset: t }));
 	}
-}, En = () => {
-	y?.setClass && y.setClass(Tn, Sn);
-}, J = (e) => e instanceof Tn || e instanceof l && e.shapeComposite === !0, Dn = ({ target: e, subTargets: t = [] }) => {
+}, Tn = () => {
+	y?.setClass && y.setClass(wn, xn);
+}, J = (e) => e instanceof wn || e instanceof l && e.shapeComposite === !0, En = ({ target: e, subTargets: t = [] }) => {
 	if (J(e)) return e;
 	if (e?.group && J(e.group)) return e.group;
 	for (let e = 0; e < t.length; e += 1) {
@@ -4226,7 +4219,7 @@ var Tn = class e extends l {
 		if (r && J(r)) return r;
 	}
 	return null;
-}, On = ({ group: e }) => {
+}, Dn = ({ group: e }) => {
 	let t = e.getObjects();
 	for (let e = 0; e < t.length; e += 1) {
 		let n = t[e];
@@ -4237,7 +4230,7 @@ var Tn = class e extends l {
 		if (!(n instanceof _)) return n;
 	}
 	return null;
-}, kn = ({ group: e }) => {
+}, On = ({ group: e }) => {
 	let t = e.getObjects();
 	for (let e = 0; e < t.length; e += 1) {
 		let n = t[e];
@@ -4249,16 +4242,16 @@ var Tn = class e extends l {
 	}
 	return null;
 }, Y = ({ group: e }) => ({
-	shape: On({ group: e }),
-	text: kn({ group: e })
-}), An = ({ group: e }) => {
-	fn({ group: e });
-}, jn = ({ transform: e, key: t }) => {
+	shape: Dn({ group: e }),
+	text: On({ group: e })
+}), kn = ({ group: e }) => {
+	dn({ group: e });
+}, An = ({ transform: e, key: t }) => {
 	let n = e?.original;
 	if (!n || typeof n != "object") return null;
 	let r = n[t];
 	return typeof r != "number" || !Number.isFinite(r) ? null : r;
-}, Mn = ({ value: e }) => e === "left" || e === "center" || e === "right" || typeof e == "number" && Number.isFinite(e) ? e : null, Nn = ({ value: e }) => e === "top" || e === "center" || e === "bottom" || typeof e == "number" && Number.isFinite(e) ? e : null, Pn = ({ transform: e }) => {
+}, jn = ({ value: e }) => e === "left" || e === "center" || e === "right" || typeof e == "number" && Number.isFinite(e) ? e : null, Mn = ({ value: e }) => e === "top" || e === "center" || e === "bottom" || typeof e == "number" && Number.isFinite(e) ? e : null, Nn = ({ transform: e }) => {
 	let t = e?.action ?? "", n = typeof e?.corner == "string" ? e.corner : "", r = n === "tl" || n === "tr" || n === "bl" || n === "br", i = t === "scaleX" || n === "ml" || n === "mr", a = t === "scaleY" || n === "mt" || n === "mb", o = i || r, s = a || r;
 	return {
 		canScaleWidth: o,
@@ -4266,37 +4259,37 @@ var Tn = class e extends l {
 		isCornerScaleAction: r,
 		isVerticalOnlyScale: s && !o
 	};
-}, Fn = ({ event: e, group: t, transform: n, canvas: r }) => {
+}, Pn = ({ event: e, group: t, transform: n, canvas: r }) => {
 	if (!e) return null;
 	let i = t.canvas ?? r, a = i.getScenePoint(e), o = t.getRelativeCenterPoint(), s = t.translateToGivenOrigin(o, "center", "center", n.originX, n.originY), c = t.angle ?? 0, l = (c === 0 ? a : a.rotate(-c * Math.PI / 180, o)).subtract(s), u = t.controls[n.corner], d = i.getZoom() || 1, f = (t.padding ?? 0) / d;
 	return l.x >= f && (l.x -= f), l.x <= -f && (l.x += f), l.y >= f && (l.y -= f), l.y <= -f && (l.y += f), l.x -= u?.offsetX ?? 0, l.y -= u?.offsetY ?? 0, l;
-}, In = ({ group: e, originX: t, originY: n }) => {
+}, Fn = ({ group: e, originX: t, originY: n }) => {
 	if (t === null || n === null) return null;
 	let r = e, i = typeof r.getRelativeCenterPoint == "function" ? r.getRelativeCenterPoint() : e.getCenterPoint();
 	return typeof r.translateToOriginPoint == "function" ? r.translateToOriginPoint(i, t, n) : i;
-}, Ln = ({ state: e, transform: t }) => {
+}, In = ({ state: e, transform: t }) => {
 	if (!t || e.startTransformOriginX === null && e.startTransformOriginY === null) return !1;
-	let n = Mn({ value: t.originX }), r = Nn({ value: t.originY });
+	let n = jn({ value: t.originX }), r = Mn({ value: t.originY });
 	return n !== e.startTransformOriginX || r !== e.startTransformOriginY;
-}, Rn = ({ state: e, transform: t }) => !t || !e.startTransformCorner ? !1 : t.corner !== e.startTransformCorner;
+}, Ln = ({ state: e, transform: t }) => !t || !e.startTransformCorner ? !1 : t.corner !== e.startTransformCorner;
 //#endregion
 //#region src/editor/shape-manager/scaling/shape-scaling-preview.ts
-function zn({ size: e, scale: t, strokeWidth: n, minSize: r, scaleEpsilon: i }) {
+function Rn({ size: e, scale: t, strokeWidth: n, minSize: r, scaleEpsilon: i }) {
 	let a = Math.max(i, Math.abs(t) || 1), o = Math.max(0, n);
 	return o <= 0 ? Math.max(r, e / a) : Math.max(r, e / a + o - o / a);
 }
-function Bn({ group: e, shape: t, width: n, height: r, scaleX: i, scaleY: a, minSize: o, scaleEpsilon: s }) {
+function zn({ group: e, shape: t, width: n, height: r, scaleX: i, scaleY: a, minSize: o, scaleEpsilon: s }) {
 	let c = Math.max(0, e.shapeStrokeWidth ?? 0);
-	_t({
+	gt({
 		shape: t,
-		width: zn({
+		width: Rn({
 			size: n,
 			scale: i,
 			strokeWidth: c,
 			minSize: o,
 			scaleEpsilon: s
 		}),
-		height: zn({
+		height: Rn({
 			size: r,
 			scale: a,
 			strokeWidth: c,
@@ -4307,8 +4300,8 @@ function Bn({ group: e, shape: t, width: n, height: r, scaleX: i, scaleY: a, min
 		strokeWidth: c
 	});
 }
-function Vn({ text: e, width: t, height: n, padding: r, alignH: i, alignV: a, scaleX: o, scaleY: s, scaleEpsilon: c }) {
-	let l = Math.max(c, Math.abs(o) || 1), u = Math.max(c, Math.abs(s) || 1), d = i ?? "center", { frame: f, splitByGrapheme: p, textTop: m } = Ht({
+function Bn({ text: e, width: t, height: n, padding: r, alignH: i, alignV: a, scaleX: o, scaleY: s, scaleEpsilon: c }) {
+	let l = Math.max(c, Math.abs(o) || 1), u = Math.max(c, Math.abs(s) || 1), d = i ?? "center", { frame: f, splitByGrapheme: p, textTop: m } = Vt({
 		text: e,
 		width: t,
 		height: n,
@@ -4328,13 +4321,13 @@ function Vn({ text: e, width: t, height: n, padding: r, alignH: i, alignV: a, sc
 		scaleY: 1 / u
 	}), e.initDimensions(), e.setCoords();
 }
-var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH: o, alignV: s, scaleX: c, scaleY: l, minSize: u, scaleEpsilon: d }) => {
+var Vn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH: o, alignV: s, scaleX: c, scaleY: l, minSize: u, scaleEpsilon: d }) => {
 	let f = Math.max(d, Math.abs(c) || 1), p = Math.max(d, Math.abs(l) || 1);
 	e.set({
 		width: r / f,
 		height: i / p,
 		dirty: !0
-	}), Bn({
+	}), zn({
 		group: e,
 		shape: t,
 		width: r,
@@ -4343,7 +4336,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		scaleY: l,
 		minSize: u,
 		scaleEpsilon: d
-	}), Vn({
+	}), Bn({
 		text: n,
 		width: r,
 		height: i,
@@ -4354,7 +4347,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		scaleY: l,
 		scaleEpsilon: d
 	});
-}, X = 1, Z = 1e-4, Un = .5, Wn = class e {
+}, X = 1, Z = 1e-4, Hn = .5, Un = class e {
 	constructor({ canvas: t }) {
 		this.handleObjectScaling = (t) => {
 			let { target: n, transform: r } = t;
@@ -4370,7 +4363,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				text: o,
 				padding: s,
 				transform: r
-			}), { isCornerScaleAction: l } = Pn({ transform: r }), u = !!(t.e && "shiftKey" in t.e && t.e.shiftKey);
+			}), { isCornerScaleAction: l } = Nn({ transform: r }), u = !!(t.e && "shiftKey" in t.e && t.e.shiftKey);
 			c.isProportionalScaling = l && u;
 			let d = i.left ?? 0, f = i.top ?? 0, p = !!i.flipX, m = !!i.flipY, h = i.shapeAlignHorizontal ?? "center", g = i.shapeAlignVertical ?? "middle", _ = this._resolveScalingDecision({
 				group: i,
@@ -4385,7 +4378,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				shouldHandleAsNoop: _.shouldHandleAsNoop,
 				scaleX: _.appliedScaleX,
 				scaleY: _.appliedScaleY
-			}), Hn({
+			}), Vn({
 				group: i,
 				shape: a,
 				text: o,
@@ -4416,7 +4409,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			if (!n) return;
 			let { target: r } = n;
 			if (!J(r)) return;
-			let { canScaleHeight: i, canScaleWidth: a } = Pn({ transform: n });
+			let { canScaleHeight: i, canScaleWidth: a } = Nn({ transform: n });
 			if (!a && !i) return;
 			let o = r, s = this.scalingState.get(o);
 			if (!s || s.isProportionalScaling) return;
@@ -4431,7 +4424,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				group: o,
 				axis: "x"
 			})) {
-				let e = Vt({
+				let e = Bt({
 					text: l,
 					padding: u
 				}), t = Math.max(X / s.startWidth, e / s.startWidth);
@@ -4465,7 +4458,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				shouldHandleAsNoop: !1,
 				scaleX: g,
 				scaleY: _
-			}), Hn({
+			}), Vn({
 				group: o,
 				shape: c,
 				text: l,
@@ -4512,7 +4505,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				this.scalingState.delete(r);
 				return;
 			}
-			let p = r.shapeAlignHorizontal ?? "center", m = r.shapeAlignVertical ?? "middle", h = e._resolvePadding({ group: r }), g = t.transform ? Pn({ transform: t.transform }) : null, _ = i?.canScaleWidth ?? g?.canScaleWidth ?? Math.abs(a - 1) > Z, v = i?.canScaleHeight ?? g?.canScaleHeight ?? Math.abs(o - 1) > Z, y = Vt({
+			let p = r.shapeAlignHorizontal ?? "center", m = r.shapeAlignVertical ?? "middle", h = e._resolvePadding({ group: r }), g = t.transform ? Nn({ transform: t.transform }) : null, _ = i?.canScaleWidth ?? g?.canScaleWidth ?? Math.abs(a - 1) > Z, v = i?.canScaleHeight ?? g?.canScaleHeight ?? Math.abs(o - 1) > Z, y = Bt({
 				text: f,
 				padding: h
 			}), b = i?.lastAllowedScaleX ?? a, x = i?.lastAllowedScaleY ?? o;
@@ -4535,7 +4528,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 					state: i
 				}) && (x = Math.max(X / c, e / c));
 			}
-			let S = _ ? Math.max(X, s * b) : s, C = v ? Math.max(X, c * x) : u, w = Math.abs(S - s) > Un, T = Math.abs(C - c) > Un, E = w || T, D = S, O = C;
+			let S = _ ? Math.max(X, s * b) : s, C = v ? Math.max(X, c * x) : u, w = Math.abs(S - s) > Hn, T = Math.abs(C - c) > Hn, E = w || T, D = S, O = C;
 			if (!E && i) {
 				this._restoreShapeStateWithoutResize({
 					group: r,
@@ -4564,7 +4557,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			});
 			r.shapeManualBaseWidth = k.width, r.shapeManualBaseHeight = k.height;
 			let A = i?.baseRounding ?? Math.max(0, r.shapeRounding ?? 0);
-			r.shapeRounding = Math.max(0, A * Math.min(b, x)), zt({
+			r.shapeRounding = Math.max(0, A * Math.min(b, x)), Rt({
 				group: r,
 				shape: d,
 				text: f,
@@ -4586,10 +4579,10 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}, this.canvas = t, this.scalingState = /* @__PURE__ */ new WeakMap();
 	}
 	_resolveScalingDecision({ group: e, text: t, padding: n, state: r, transform: i }) {
-		let a = e.scaleX ?? 1, o = e.scaleY ?? 1, s = Math.abs(a) || 1, c = Math.abs(o) || 1, l = a < 0 || o < 0, u = Ln({
+		let a = e.scaleX ?? 1, o = e.scaleY ?? 1, s = Math.abs(a) || 1, c = Math.abs(o) || 1, l = a < 0 || o < 0, u = In({
 			state: r,
 			transform: i
-		}), d = Rn({
+		}), d = Ln({
 			state: r,
 			transform: i
 		});
@@ -4621,7 +4614,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		};
 	}
 	_resolveScalingConstraintState({ text: e, padding: t, state: n, transform: r, scaleX: i, scaleY: a }) {
-		let { startHeight: o, startWidth: s, cannotScaleDownAtStart: c, crossedOppositeCorner: l, isProportionalScaling: u, lastAllowedScaleX: d, lastAllowedScaleY: f, startScaleY: p } = n, m = Math.max(X, s * i), h = Math.max(X, o * a), g = i < d - Z, _ = a < f - Z, v = a < p - Z, { canScaleHeight: y, canScaleWidth: b, isVerticalOnlyScale: x } = Pn({ transform: r }), S = b && g ? Vt({
+		let { startHeight: o, startWidth: s, cannotScaleDownAtStart: c, crossedOppositeCorner: l, isProportionalScaling: u, lastAllowedScaleX: d, lastAllowedScaleY: f, startScaleY: p } = n, m = Math.max(X, s * i), h = Math.max(X, o * a), g = i < d - Z, _ = a < f - Z, v = a < p - Z, { canScaleHeight: y, canScaleWidth: b, isVerticalOnlyScale: x } = Nn({ transform: r }), S = b && g ? Bt({
 			text: e,
 			padding: t
 		}) : null, C = y && _ ? this._resolveMinimumTextFitHeight({
@@ -4640,7 +4633,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		};
 	}
 	_resolvePreviewDimensions({ text: e, padding: t, state: n, appliedScaleX: r, appliedScaleY: i, minimumHeight: a }) {
-		let o = n.canScaleWidth ? Math.max(X, n.startWidth * r) : n.startWidth, s = n.canScaleHeight ? Math.max(X, n.startHeight * i) : n.startManualBaseHeight, c = a ?? Ut({
+		let o = n.canScaleWidth ? Math.max(X, n.startWidth * r) : n.startWidth, s = n.canScaleHeight ? Math.max(X, n.startHeight * i) : n.startManualBaseHeight, c = a ?? Ht({
 			text: e,
 			width: o,
 			height: s,
@@ -4673,7 +4666,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!r) return !1;
 		let { transform: i } = e;
 		if (!i) return !1;
-		let { canScaleWidth: a } = Pn({ transform: i });
+		let { canScaleWidth: a } = Nn({ transform: i });
 		if (!a || !this._hasPointerReachedScaleOrigin({
 			event: e,
 			group: t,
@@ -4686,7 +4679,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!r) return !1;
 		let { transform: i } = e;
 		if (!i) return !1;
-		let { canScaleHeight: a } = Pn({ transform: i });
+		let { canScaleHeight: a } = Nn({ transform: i });
 		if (!a || !this._hasPointerReachedScaleOrigin({
 			event: e,
 			group: t,
@@ -4700,7 +4693,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!r) return !1;
 		let i = r, a = n === "x" ? i.signX : i.signY;
 		if (typeof a != "number" || !Number.isFinite(a)) return !1;
-		let o = Fn({
+		let o = Pn({
 			event: e.e,
 			group: t,
 			transform: r,
@@ -4717,19 +4710,19 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			let a = this._resolveScalingStartDimensions({
 				group: e,
 				transform: r
-			}), o = jn({
+			}), o = An({
 				transform: r,
 				key: "scaleX"
-			}), s = jn({
+			}), s = An({
 				transform: r,
 				key: "scaleY"
-			}), c = jn({
+			}), c = An({
 				transform: r,
 				key: "left"
-			}), l = jn({
+			}), l = An({
 				transform: r,
 				key: "top"
-			}), u = Math.abs(o ?? e.scaleX ?? 1) || 1, d = Math.abs(s ?? e.scaleY ?? 1) || 1, f = c ?? e.left ?? 0, p = l ?? e.top ?? 0, m = Mn({ value: r?.original?.originX ?? r?.originX }), h = Nn({ value: r?.original?.originY ?? r?.originY }), g = typeof r?.corner == "string" ? r.corner : null, _ = In({
+			}), u = Math.abs(o ?? e.scaleX ?? 1) || 1, d = Math.abs(s ?? e.scaleY ?? 1) || 1, f = c ?? e.left ?? 0, p = l ?? e.top ?? 0, m = jn({ value: r?.original?.originX ?? r?.originX }), h = Mn({ value: r?.original?.originY ?? r?.originY }), g = typeof r?.corner == "string" ? r.corner : null, _ = Fn({
 				group: e,
 				originX: m,
 				originY: h
@@ -4772,7 +4765,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		return i;
 	}
 	_resolveMinimumTextFitHeight({ text: e, width: t, padding: n }) {
-		return Ut({
+		return Ht({
 			text: e,
 			width: t,
 			height: X,
@@ -4796,7 +4789,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		e.setPositionByOrigin(new p(n, r), i, a), e.setCoords();
 	}
 	_restoreShapeStateWithoutResize({ group: e, shape: t, text: n, state: r, startWidth: i, startHeight: a, alignH: o, alignV: s, padding: c }) {
-		zt({
+		Rt({
 			group: e,
 			shape: t,
 			text: n,
@@ -4819,7 +4812,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	}
 	_restoreGroupTransformOnly({ group: e, shape: t, text: n, state: r }) {
 		let i = Math.max(X, e.shapeBaseWidth ?? e.width ?? r.startWidth), a = Math.max(X, e.shapeBaseHeight ?? e.height ?? r.startHeight);
-		t && (_t({
+		t && (gt({
 			shape: t,
 			width: i,
 			height: a,
@@ -4843,7 +4836,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		});
 	}
 	_resolveScalingStartDimensions({ group: e, transform: t }) {
-		let { canScaleWidth: n, canScaleHeight: r } = Pn({ transform: t }), i = Math.max(X, e.shapeBaseWidth ?? e.width ?? e.shapeManualBaseWidth ?? X), a = Math.max(X, e.shapeBaseHeight ?? e.height ?? e.shapeManualBaseHeight ?? X);
+		let { canScaleWidth: n, canScaleHeight: r } = Nn({ transform: t }), i = Math.max(X, e.shapeBaseWidth ?? e.width ?? e.shapeManualBaseWidth ?? X), a = Math.max(X, e.shapeBaseHeight ?? e.height ?? e.shapeManualBaseHeight ?? X);
 		return {
 			startWidth: i,
 			startHeight: a,
@@ -4862,10 +4855,10 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			height: s
 		};
 	}
-}, Gn = class {
+}, Wn = class {
 	constructor({ canvas: e }) {
 		this.handleMouseDown = (e) => {
-			let { target: t, e: n, subTargets: r = [] } = e, i = Dn({
+			let { target: t, e: n, subTargets: r = [] } = e, i = En({
 				target: t,
 				subTargets: r
 			});
@@ -4875,7 +4868,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			let o = this.canvas.getActiveObject(), s = o === i;
 			if (!(o === a && a.isEditing)) {
 				if (!s) {
-					a.isEditing || pn({ text: a });
+					a.isEditing || fn({ text: a });
 					return;
 				}
 				n instanceof MouseEvent && (n.detail < 2 || this.enterTextEditing({ group: i }));
@@ -4895,7 +4888,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			J(r) && (this._restoreTextEditingInteractionMode({
 				group: r,
 				text: n
-			}), pn({ text: n }), this.canvas.getActiveObject() === n && this.canvas.setActiveObject(r), this.canvas.requestRenderAll());
+			}), fn({ text: n }), this.canvas.getActiveObject() === n && this.canvas.setActiveObject(r), this.canvas.requestRenderAll());
 		}, this.canvas = e, this.editingInteractionState = /* @__PURE__ */ new WeakMap();
 	}
 	enterTextEditing({ group: e }) {
@@ -4946,7 +4939,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			lockMovementY: n.textLockMovementY
 		}), this.editingInteractionState.delete(e), e.setCoords(), t.setCoords());
 	}
-}, Kn = "#B0B5BF", qn = 0, Jn = 1, Yn = class {
+}, Gn = "#B0B5BF", Kn = 0, qn = 1, Jn = class {
 	constructor({ editor: e }) {
 		this._handleObjectScaling = (e) => {
 			this.scalingController.handleObjectScaling(e);
@@ -4983,18 +4976,18 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				textNode: r,
 				textStyle: n
 			});
-		}, this.editor = e, En(), this.scalingController = new Wn({ canvas: e.canvas }), this.editingController = new Gn({ canvas: e.canvas }), this.editingPlacements = /* @__PURE__ */ new WeakMap(), this.internalTextUpdates = /* @__PURE__ */ new WeakSet(), this._bindEvents();
+		}, this.editor = e, Tn(), this.scalingController = new Un({ canvas: e.canvas }), this.editingController = new Wn({ canvas: e.canvas }), this.editingPlacements = /* @__PURE__ */ new WeakMap(), this.internalTextUpdates = /* @__PURE__ */ new WeakSet(), this._bindEvents();
 	}
-	async add({ presetKey: e = ot, options: t = {} } = {}) {
-		let n = ut({ presetKey: e });
+	async add({ presetKey: e = at, options: t = {} } = {}) {
+		let n = lt({ presetKey: e });
 		if (!n) return null;
-		let { width: r, height: i, shapeTextAutoExpand: a, left: o, top: s, originX: c, originY: l, text: u, textStyle: d, alignH: f, alignV: p, textPadding: m, rounding: h, withoutAdding: g, withoutSelection: _, withoutSave: v, id: y } = t, b = ut({ presetKey: dt({
+		let { width: r, height: i, shapeTextAutoExpand: a, left: o, top: s, originX: c, originY: l, text: u, textStyle: d, alignH: f, alignV: p, textPadding: m, rounding: h, withoutAdding: g, withoutSelection: _, withoutSave: v, id: y } = t, b = lt({ presetKey: ut({
 			preset: n,
 			rounding: h
 		}) }) ?? n, x = Math.max(1, r ?? b.width), S = Math.max(1, i ?? b.height), C = a !== !1, w = this._resolveHorizontalAlign({
 			explicitAlign: f,
 			textStyle: d
-		}), T = p ?? "middle", E = ft({
+		}), T = p ?? "middle", E = dt({
 			preset: b,
 			overridePadding: m
 		}), O = this._resolveShapeStyle({
@@ -5013,7 +5006,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			shapeTextAutoExpandEnabled: C,
 			padding: E,
 			strokeWidth: O.strokeWidth
-		}), j = await vt({
+		}), j = await _t({
 			preset: b,
 			width: A,
 			height: S,
@@ -5022,7 +5015,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}), M = this._createShapeGroup({
 			id: y ?? `shape-${D()}`,
 			presetKey: b.key,
-			presetCanRound: pt({ preset: b }),
+			presetCanRound: ft({ preset: b }),
 			shape: j,
 			text: k,
 			width: A,
@@ -5063,7 +5056,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	async update({ target: e, presetKey: t, options: n = {} } = {}) {
 		let r = this._resolveShapeGroup({ target: e });
 		if (!r) return null;
-		let i = ut({ presetKey: t ?? r.shapePresetKey ?? "circle" });
+		let i = lt({ presetKey: t ?? r.shapePresetKey ?? "circle" });
 		if (!i) return null;
 		let { left: a, top: o, originX: s, originY: c, width: l, height: u, shapeTextAutoExpand: d, text: f, textStyle: p, alignH: m, alignV: h, textPadding: g, rounding: _, withoutSelection: v, withoutSave: y } = n, b = this.editor.canvasManager.resolveObjectPlacement({
 			object: r,
@@ -5071,10 +5064,10 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			top: o,
 			originX: s,
 			originY: c
-		}), x = this._resolveCurrentDimensions({ group: r }), S = Math.max(1, u ?? x.height), C = this._isShapeTextAutoExpandEnabled({ group: r }), w = d === void 0 ? C : d !== !1, T = _ ?? r.shapeRounding ?? 0, E = ut({ presetKey: dt({
+		}), x = this._resolveCurrentDimensions({ group: r }), S = Math.max(1, u ?? x.height), C = this._isShapeTextAutoExpandEnabled({ group: r }), w = d === void 0 ? C : d !== !1, T = _ ?? r.shapeRounding ?? 0, E = lt({ presetKey: ut({
 			preset: i,
 			rounding: T
-		}) }) ?? i, D = m ?? r.shapeAlignHorizontal ?? "center", O = h ?? r.shapeAlignVertical ?? "middle", k = this._resolveGroupPadding({ group: r }), A = ft({
+		}) }) ?? i, D = m ?? r.shapeAlignHorizontal ?? "center", O = h ?? r.shapeAlignVertical ?? "middle", k = this._resolveGroupPadding({ group: r }), A = dt({
 			preset: E,
 			overridePadding: g ?? k
 		}), j = this._resolveShapeStyle({
@@ -5116,7 +5109,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			shapeTextAutoExpandEnabled: w,
 			padding: A,
 			strokeWidth: j.strokeWidth
-		}), te = await vt({
+		}), te = await _t({
 			preset: E,
 			width: L,
 			height: S,
@@ -5133,7 +5126,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			}), r.remove(P), r.insertAt(ne, te), this._applyShapeGroupMetadata({
 				group: r,
 				presetKey: E.key,
-				presetCanRound: pt({ preset: E }),
+				presetCanRound: ft({ preset: E }),
 				width: L,
 				height: S,
 				manualWidth: M,
@@ -5182,7 +5175,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!i) return null;
 		this._beginMutation();
 		try {
-			yt({
+			vt({
 				shape: i,
 				style: { fill: t }
 			}), r.shapeFill = t, r.setCoords(), this.editor.canvas.requestRenderAll();
@@ -5198,7 +5191,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!o) return null;
 		this._beginMutation();
 		try {
-			yt({
+			vt({
 				shape: o,
 				style: {
 					stroke: t,
@@ -5222,7 +5215,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!i) return null;
 		this._beginMutation();
 		try {
-			yt({
+			vt({
 				shape: i,
 				style: { opacity: t }
 			}), a && (a.set({ opacity: t }), a.setCoords()), r.shapeOpacity = t, r.setCoords(), this.editor.canvas.requestRenderAll();
@@ -5315,7 +5308,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		e.on("object:scaling", this._handleObjectScaling), e.on("object:modified", this._handleObjectModified), e.on("mouse:move", this._handleMouseMove), e.on("mouse:down", this._handleMouseDown), e.on("text:editing:entered", this._handleTextEditingEntered), e.on("text:editing:exited", this._handleTextEditingExited), e.on("text:changed", this._handleTextChanged), e.on("editor:before:text-updated", this._handleBeforeTextUpdated);
 	}
 	_createShapeGroup({ id: e, presetKey: t, presetCanRound: n, shape: r, text: i, width: a, height: o, manualWidth: s, manualHeight: c, shapeTextAutoExpand: l, alignH: u, alignV: d, padding: f, style: p, rounding: m }) {
-		let h = new Tn([r, i], {
+		let h = new wn([r, i], {
 			id: e,
 			originX: "center",
 			originY: "center",
@@ -5339,7 +5332,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			padding: f,
 			style: p,
 			rounding: m
-		}), h.rehydrateRuntimeState(), An({ group: h }), pn({ text: i }), zt({
+		}), h.rehydrateRuntimeState(), kn({ group: h }), fn({ text: i }), Rt({
 			group: h,
 			shape: r,
 			text: i,
@@ -5395,7 +5388,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		return s.set({
 			shapeNodeType: "text",
 			splitByGrapheme: !1
-		}), pn({ text: s }), s;
+		}), fn({ text: s }), s;
 	}
 	_applyTextUpdates({ textNode: e, text: t, textStyle: n, align: r }) {
 		let i = {};
@@ -5485,7 +5478,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	}
 	_resolveAutoExpandShapeWidth({ text: e, currentWidth: t, minimumWidth: n, padding: r, strokeWidth: i }) {
 		let a = this._resolveMontageAreaWidth();
-		return a ? Bt({
+		return a ? zt({
 			text: e,
 			currentWidth: t,
 			minimumWidth: n,
@@ -5518,7 +5511,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			strokeWidth: e.shapeStrokeWidth
 		}) : Math.max(1, i);
 		let f = Math.max(1, a ?? c.height), p = r ?? this.editor.canvasManager.getObjectPlacement({ object: e });
-		zt({
+		Rt({
 			group: e,
 			shape: t,
 			text: n,
@@ -5555,21 +5548,21 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		return this.editingPlacements.get(e) || this.editor.canvasManager.getObjectPlacement({ object: e });
 	}
 	_detachShapeGroupAutoLayout({ group: e }) {
-		mn({ group: e });
+		pn({ group: e });
 	}
 	_resolveHorizontalAlign({ explicitAlign: e, textStyle: t }) {
 		if (e) return e;
 		let n = t?.align;
-		return n === "left" || n === "center" || n === "right" ? n : st;
+		return n === "left" || n === "center" || n === "right" ? n : ot;
 	}
 	_resolveShapeStyle({ options: e, fallback: t }) {
 		let { fill: n, stroke: r, strokeWidth: i, strokeDashArray: a, opacity: o } = e, s = a === void 0 ? t?.shapeStrokeDashArray : a;
 		return {
-			fill: n ?? t?.shapeFill ?? Kn,
+			fill: n ?? t?.shapeFill ?? Gn,
 			stroke: r ?? t?.shapeStroke ?? null,
-			strokeWidth: i ?? t?.shapeStrokeWidth ?? qn,
+			strokeWidth: i ?? t?.shapeStrokeWidth ?? Kn,
 			strokeDashArray: s ?? null,
-			opacity: o ?? t?.shapeOpacity ?? Jn
+			opacity: o ?? t?.shapeOpacity ?? qn
 		};
 	}
 	_beginMutation() {
@@ -5605,7 +5598,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}
 		return null;
 	}
-}, Xn = class {
+}, Yn = class {
 	constructor({ editor: e }) {
 		this.editor = e, this.clipboard = null;
 	}
@@ -5624,7 +5617,7 @@ var Hn = ({ 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({
@@ -5645,7 +5638,7 @@ var Hn = ({ 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({
@@ -5675,7 +5668,7 @@ var Hn = ({ 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;
@@ -5748,7 +5741,7 @@ var Hn = ({ 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()}`,
@@ -5822,7 +5815,7 @@ var Hn = ({ 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()}`,
@@ -5849,7 +5842,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			}), !1;
 		}
 	}
-}, Zn = class t {
+}, Xn = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -5899,7 +5892,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	static _isGroupOrSelection(t) {
 		return t instanceof e || t instanceof l;
 	}
-}, Qn = class {
+}, Zn = class {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -5965,7 +5958,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			i.resumeHistory(), n || i.saveState();
 		}
 	}
-}, $n = class t {
+}, Qn = class t {
 	constructor({ editor: e }) {
 		this.lastSelection = [], this.isCtrlSelectionBoxActive = !1, this.isSelectionMergeInProgress = !1, this.editor = e, this.selectionKey = this._resolveSelectionKey(), this.handleTextEditingEnteredBound = this._handleTextEditingEntered.bind(this), this.handleTextEditingExitedBound = this._handleTextEditingExited.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.handleSelectionMergeBound = this._handleSelectionMerge.bind(this), this.handleSelectionChangeBound = this._handleSelectionChange.bind(this), this.handleSelectionClearedBound = this._handleSelectionCleared.bind(this), this.handleSelectionBoxStartBound = this._handleSelectionBoxStart.bind(this), this.handleSelectionBoxEndBound = this._handleSelectionBoxEnd.bind(this), this._applySelectionKey({ selectionKey: this.selectionKey }), this._bindEvents();
 	}
@@ -6159,7 +6152,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let { options: e } = this.editor, { selectionKey: t } = e;
 		return t === void 0 ? ["ctrlKey", "metaKey"] : t;
 	}
-}, er = class e {
+}, $n = class e {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -6197,7 +6190,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		};
 		return i.fire("editor:objects-deleted", c), c;
 	}
-}, tr = {
+}, er = {
 	IMAGE_MANAGER: {
 		INVALID_CONTENT_TYPE: "INVALID_CONTENT_TYPE",
 		INVALID_SOURCE_TYPE: "INVALID_SOURCE_TYPE",
@@ -6235,7 +6228,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		INVALID_TARGET: "TEMPLATE_INVALID_TARGET",
 		APPLY_FAILED: "TEMPLATE_APPLY_FAILED"
 	}
-}, nr = class e {
+}, tr = class e {
 	constructor({ editor: e }) {
 		this._buffer = [], this.editor = e;
 	}
@@ -6293,9 +6286,9 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}), this.editor.canvas.fire("editor:warning", s);
 	}
 	static isValidErrorCode(e) {
-		return e ? Object.values(tr).some((t) => Object.values(t).includes(e)) : !1;
+		return e ? Object.values(er).some((t) => Object.values(t).includes(e)) : !1;
 	}
-}, rr = class {
+}, nr = class {
 	constructor({ editor: e }) {
 		this.currentBounds = null, this.editor = e;
 	}
@@ -6344,32 +6337,32 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	updateBounds() {
 		this.currentBounds = this.calculatePanBounds();
 	}
-}, ir = ({ textbox: e }) => {
+}, rr = ({ textbox: e }) => {
 	if (!e.isEditing) return null;
 	let t = e.selectionStart ?? 0, n = e.selectionEnd ?? t;
 	return t === n ? null : {
 		start: Math.min(t, n),
 		end: Math.max(t, n)
 	};
-}, ar = ({ textbox: e }) => {
+}, ir = ({ textbox: e }) => {
 	let t = e.text?.length ?? 0;
 	return t <= 0 ? null : {
 		start: 0,
 		end: t
 	};
-}, or = ({ textbox: e, range: t }) => {
+}, ar = ({ textbox: e, range: t }) => {
 	if (!t) return !1;
 	let n = e.text?.length ?? 0;
 	return n <= 0 ? !1 : t.start <= 0 && t.end >= n;
-}, sr = ({ textbox: e, styles: t, range: n }) => {
+}, or = ({ textbox: e, styles: t, range: n }) => {
 	if (!t || !Object.keys(t).length) return !1;
 	let { start: r, end: i } = n;
 	return i <= r ? !1 : (e.setSelectionStyles(t, r, i), !0);
-}, cr = ({ textbox: e, range: t, property: n }) => {
+}, sr = ({ textbox: e, range: t, property: n }) => {
 	if (!t) return;
 	let r = e.getSelectionStyles(t.start, t.end, !0);
 	if (r.length) return r[0]?.[n];
-}, lr = ({ strokeColor: e, width: t }) => t <= 0 ? null : e ?? "#000000", ur = ({ width: e = 0 }) => e ? Math.max(0, e) : 0, dr = ({ value: e }) => typeof e == "string" ? e.toLocaleUpperCase() : "", fr = ({ value: e, min: t, max: n }) => Math.min(Math.max(e, t), n), pr = class e extends _ {
+}, cr = ({ strokeColor: e, width: t }) => t <= 0 ? null : e ?? "#000000", lr = ({ width: e = 0 }) => e ? Math.max(0, e) : 0, ur = ({ value: e }) => typeof e == "string" ? e.toLocaleUpperCase() : "", dr = ({ value: e, min: t, max: n }) => Math.min(Math.max(e, t), n), fr = class e extends _ {
 	static {
 		this.type = "background-textbox";
 	}
@@ -6494,7 +6487,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		this._removeShadow(e);
 	}
 	_getDecorationColorAt(e, t) {
-		let n = this.getValueOfPropertyAt(e, t, "strokeWidth"), r = ur({ width: typeof n == "number" && Number.isFinite(n) ? n : 0 }), i = this.getValueOfPropertyAt(e, t, "stroke"), a = i == null ? null : lr({
+		let n = this.getValueOfPropertyAt(e, t, "strokeWidth"), r = lr({ width: typeof n == "number" && Number.isFinite(n) ? n : 0 }), i = this.getValueOfPropertyAt(e, t, "stroke"), a = i == null ? null : cr({
 			strokeColor: i,
 			width: r
 		});
@@ -6510,22 +6503,22 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	_getCornerRadii({ width: e, height: t }) {
 		let n = e / 2, r = t / 2, i = Math.min(n, r);
 		return {
-			bottomLeft: fr({
+			bottomLeft: dr({
 				value: this.radiusBottomLeft ?? 0,
 				min: 0,
 				max: i
 			}),
-			bottomRight: fr({
+			bottomRight: dr({
 				value: this.radiusBottomRight ?? 0,
 				min: 0,
 				max: i
 			}),
-			topLeft: fr({
+			topLeft: dr({
 				value: this.radiusTopLeft ?? 0,
 				min: 0,
 				max: i
 			}),
-			topRight: fr({
+			topRight: dr({
 				value: this.radiusTopRight ?? 0,
 				min: 0,
 				max: i
@@ -6543,7 +6536,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	_getEffectiveBackgroundFill() {
 		let e = this.backgroundColor;
 		if (!e) return null;
-		let t = fr({
+		let t = dr({
 			value: this.backgroundOpacity ?? 1,
 			min: 0,
 			max: 1
@@ -6551,7 +6544,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		try {
 			r = new n(e);
 		} catch (t) {
-			return nr.emitError({
+			return tr.emitError({
 				origin: "BackgroundTextbox",
 				method: "_getEffectiveBackgroundFill",
 				code: "INVALID_COLOR_VALUE",
@@ -6565,19 +6558,19 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		return r.setAlpha(t), r.toRgba();
 	}
 	static _renderRoundedRect({ ctx: e, height: t, left: n, radii: r, top: i, width: a }) {
-		let o = n + a, s = i + t, { topLeft: c, topRight: l, bottomRight: u, bottomLeft: d } = r, f = fr({
+		let o = n + a, s = i + t, { topLeft: c, topRight: l, bottomRight: u, bottomLeft: d } = r, f = dr({
 			value: c,
 			min: 0,
 			max: a
-		}), p = fr({
+		}), p = dr({
 			value: l,
 			min: 0,
 			max: a
-		}), m = fr({
+		}), m = dr({
 			value: u,
 			min: 0,
 			max: a
-		}), h = fr({
+		}), h = dr({
 			value: d,
 			min: 0,
 			max: a
@@ -6588,9 +6581,9 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let { width: e = 0, height: t = 0 } = this, n = Math.round(e), r = Math.round(t);
 		n !== e && (this.width = Math.max(0, n)), r !== t && (this.height = Math.max(0, r));
 	}
-}, mr = () => {
-	y?.setClass && y.setClass(pr, "background-textbox");
-}, hr = .01, gr = ({ textbox: e, lineIndices: t, updates: n }) => {
+}, pr = () => {
+	y?.setClass && y.setClass(fr, "background-textbox");
+}, mr = .01, hr = ({ textbox: e, lineIndices: t, updates: n }) => {
 	if (!t.length) return !1;
 	let { fontFamily: r, fontSize: i, fill: a, stroke: o } = n;
 	if (!(r !== void 0 || i !== void 0 || a !== void 0 || o !== void 0)) return !1;
@@ -6602,7 +6595,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		r !== void 0 && d?.fontFamily !== r && (f.fontFamily = r, p = !0), i !== void 0 && d?.fontSize !== i && (f.fontSize = i, p = !0), a !== void 0 && d?.fill !== a && (f.fill = a, p = !0), o !== void 0 && (o === null && d?.stroke !== void 0 && (delete f.stroke, p = !0), o !== null && d?.stroke !== o && (f.stroke = o, p = !0)), p && (u ||= (c = { ...c }, !0), c[n] = f, l = !0);
 	}
 	return l && (e.lineFontDefaults = c), l;
-}, _r = ({ lineText: e, lineStyles: t, lineDefaults: n }) => {
+}, gr = ({ lineText: e, lineStyles: t, lineDefaults: n }) => {
 	let r = e.length;
 	if (r === 0) return {
 		lineStyles: t,
@@ -6634,7 +6627,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		lineStyles: l,
 		changed: u
 	};
-}, vr = ({ lineFontDefaults: e }) => {
+}, _r = ({ lineFontDefaults: e }) => {
 	if (!e) return;
 	let t = {};
 	for (let n in e) {
@@ -6645,7 +6638,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		i && (t[r] = { ...i });
 	}
 	return t;
-}, yr = ({ lineFontDefaults: e, scale: t }) => {
+}, vr = ({ lineFontDefaults: e, scale: t }) => {
 	if (!e || !Number.isFinite(t) || Math.abs(t - 1) < .01) return;
 	let n = {}, r = !1, i = !1;
 	for (let a in e) {
@@ -6658,7 +6651,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		typeof s.fontSize == "number" && (c.fontSize = Math.max(1, s.fontSize * t), i = !0), n[o] = c, r = !0;
 	}
 	if (!(!r || !i)) return n;
-}, br = ({ textbox: e }) => {
+}, yr = ({ textbox: e }) => {
 	let t = e.text ?? "";
 	if (!t.length) return [];
 	let n = t.split("\n"), r = [], i = 0;
@@ -6670,7 +6663,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		});
 	}
 	return r;
-}, xr = ({ range: e, text: t }) => {
+}, br = ({ range: e, text: t }) => {
 	if (!e) return null;
 	let n = t.length;
 	if (n <= 0) return null;
@@ -6679,8 +6672,8 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		start: l,
 		end: u
 	};
-}, Sr = ({ textbox: e, range: t }) => {
-	let n = br({ textbox: e });
+}, xr = ({ textbox: e, range: t }) => {
+	let n = yr({ textbox: e });
 	if (!n.length) return t;
 	let { start: r } = t, { end: i } = t;
 	for (let e = 0; e < n.length; e += 1) {
@@ -6693,7 +6686,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		start: r,
 		end: i
 	};
-}, Cr = ({ textbox: e, range: t }) => {
+}, Sr = ({ 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;
@@ -6702,7 +6695,7 @@ var Hn = ({ 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;
-}, wr = ({ textbox: e, range: t }) => {
+}, Cr = ({ 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,33 +6704,33 @@ var Hn = ({ 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;
-}, Tr = ({ previous: e, next: t }) => {
+}, wr = ({ 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;
-}, Er = ({ text: e, charIndex: t }) => {
+}, Tr = ({ 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;
-}, Dr = ({ text: e, lineIndex: t }) => {
+}, Er = ({ 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;
-}, Or = ({ textbox: e, text: t }) => {
+}, 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;
-}, kr = ({ textbox: e, montageLeft: t, montageRight: n }) => {
+}, 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);
-}, Ar = ({ rawValue: e, calculatedValue: t }) => typeof e == "number" ? e : typeof t == "number" ? t : 0, jr = ({ stylesList: e }) => {
+}, 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) {
@@ -6747,16 +6740,16 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (r !== void 0 || i !== void 0 || a !== void 0 || o !== void 0 || s !== void 0 || c !== void 0) return !0;
 	}
 	return !1;
-}, Mr = ({ 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 = Ar({
+}, 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 = Ar({
+	}), 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;
-}, Nr = class t {
+}, Mr = class t {
 	constructor({ editor: n }) {
 		this._handleTextEditingEntered = (e) => {
 			this.isTextEditingActive = !0;
@@ -6769,7 +6762,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			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 });
 			if (s) {
-				let e = dr({ value: l });
+				let e = ur({ value: l });
 				e !== i && n.set({ text: e }), n.textCaseRaw = l;
 			} else n.textCaseRaw = i;
 			if (!r && o === void 0 && (n.autoExpand = !0), r) {
@@ -6787,7 +6780,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			let r = t._isShapeOwnedTextbox(n);
 			this.editingPlacementState?.delete(n);
 			let i = n.text ?? "";
-			n.uppercase ? n.textCaseRaw = n.textCaseRaw ?? i.toLocaleLowerCase() : n.textCaseRaw = i, r || (Mr({ 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 || (jr({ textbox: n }) && (n.setCoords(), n.dirty = !0, this.canvas.requestRenderAll()), n.locked || n.set({
 				lockMovementX: !1,
 				lockMovementY: !1
 			}));
@@ -6850,7 +6843,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				}), Object.keys(e).length && (ne = e);
 			}
 			let R;
-			y && (R = yr({
+			y && (R = vr({
 				lineFontDefaults: f,
 				scale: x
 			}));
@@ -6858,7 +6851,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				object: r,
 				originX: i.originX ?? r.originX,
 				originY: i.originY ?? r.originY
-			}), z = P ?? p, ie = C !== z, B = Math.abs(w - (N ?? c)) > hr, 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;
+			}), 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) {
 				r.set({
 					scaleX: 1,
@@ -6880,20 +6873,20 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				scaleX: 1,
 				scaleY: 1
 			});
-			let H = !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(), H = !0);
+				e !== null && Math.abs((r.width ?? 0) - e) > .01 && (r.set({ width: e }), r.initDimensions(), oe = !0);
 			} else r.initDimensions();
-			let oe = Mr({ textbox: r });
-			(oe || H) && (r.dirty = !0), a.applyObjectPlacement({
+			let se = jr({ textbox: r });
+			(se || oe) && (r.dirty = !0), a.applyObjectPlacement({
 				object: r,
 				placement: re
 			});
-			let se = r.width ?? C, ce = se !== z;
+			let ce = r.width ?? C, le = ce !== z;
 			i.scaleX = 1, i.scaleY = 1;
-			let { original: U } = i;
-			U && (U.scaleX = 1, U.scaleY = 1, U.width = se, U.height = r.height, U.left = r.left, U.top = r.top), r.setCoords(), this.canvas.requestRenderAll(), o.baseWidth = se, o.baseFontSize = r.fontSize ?? w, o.baseStyles = JSON.parse(JSON.stringify(r.styles ?? {})), o.baseLineFontDefaults = vr({ lineFontDefaults: r.lineFontDefaults }), o.basePadding = {
+			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,
@@ -6903,7 +6896,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				topRight: L.topRight,
 				bottomRight: L.bottomRight,
 				bottomLeft: L.bottomLeft
-			}, o.hasWidthChange = ce || B || ae || V || H || oe;
+			}, o.hasWidthChange = le || B || ae || V || oe || se;
 		}, this._handleObjectModified = (n) => {
 			let { target: r } = n;
 			if (r instanceof e) {
@@ -6929,7 +6922,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 								typeof e.fontSize == "number" && (e.fontSize = Math.max(1, e.fontSize * a));
 							});
 						}));
-						let v = yr({
+						let v = vr({
 							lineFontDefaults: e.lineFontDefaults,
 							scale: a
 						}), y = {
@@ -6941,7 +6934,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 							...g,
 							styles: _
 						};
-						v && (y.lineFontDefaults = v), e.set(y), Mr({ textbox: e });
+						v && (y.lineFontDefaults = v), e.set(y), jr({ textbox: e });
 					}
 					e.setCoords();
 				});
@@ -6971,12 +6964,12 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				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(), mr();
+		}, 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();
 	}
 	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 } = {}) {
 		let { canvasManager: j, historyManager: M } = this.editor, { canvas: N } = this;
 		M.suspendHistory();
-		let P = i ?? this._getDefaultFontFamily(), F = ur({ width: m }), ee = lr({
+		let P = i ?? this._getDefaultFontFamily(), F = lr({ width: m }), ee = cr({
 			strokeColor: p,
 			width: F
 		}), I = {
@@ -7005,14 +6998,14 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			radiusBottomRight: w,
 			radiusBottomLeft: T,
 			...E
-		}, L = new pr(n, I), te = r !== !1;
+		}, L = new fr(n, I), te = r !== !1;
 		L.autoExpand = te;
 		let ne = E.left !== void 0 || E.top !== void 0;
 		if (L.textCaseRaw = L.text ?? "", l) {
-			let e = dr({ value: L.textCaseRaw });
+			let e = ur({ value: L.textCaseRaw });
 			e !== L.text && L.set({ text: e });
 		}
-		Mr({ textbox: L }) && (L.dirty = !0);
+		jr({ textbox: L }) && (L.dirty = !0);
 		let R;
 		ne && (R = j.resolveObjectPlacement({
 			object: L,
@@ -7059,124 +7052,124 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			top: I,
 			originX: L,
 			originY: te
-		}), z = a === void 0 ? ir({ textbox: o }) : xr({
+		}), z = a === void 0 ? rr({ textbox: o }) : br({
 			text: s,
 			range: a
-		}), ie = z ? Sr({
+		}), ie = z ? xr({
 			textbox: o,
 			range: z
-		}) : null, B = {}, ae = {}, V = {}, H, oe, se = or({
+		}) : null, B = {}, ae = {}, V = {}, oe, se, ce = ar({
 			textbox: o,
 			range: z
-		}), ce = !z || se, U = !z;
-		if (m !== void 0 && (ie && (ae.fontFamily = m), ce && (R.fontFamily = m, U && (V.fontFamily = m))), h !== void 0 && (ie && (ae.fontSize = h), ce && (R.fontSize = h, U && (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), ce && (R.fontWeight = e, U && (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), ce && (R.fontStyle = e, U && (V.fontStyle = e));
+			z && (B.fontStyle = e), le && (R.fontStyle = e, H && (V.fontStyle = e));
 		}
-		if (v !== void 0 && (z && (B.underline = v), ce && (R.underline = v, U && (V.underline = v))), b !== void 0 && (z && (B.linethrough = b), ce && (R.linethrough = b, U && (V.linethrough = b))), x !== void 0 && (R.textAlign = x), S !== void 0 && (z && (B.fill = S), ce && (R.fill = S, U && (V.fill = S))), C !== void 0 || w !== void 0) {
-			let e = z ? cr({
+		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,
 				property: "strokeWidth"
-			}) : void 0, t = z ? cr({
+			}) : void 0, t = z ? sr({
 				textbox: o,
 				range: z,
 				property: "stroke"
 			}) : void 0;
-			oe = ur({ width: w ?? e ?? o.strokeWidth ?? 0 }), H = lr({
+			se = lr({ width: w ?? e ?? o.strokeWidth ?? 0 }), oe = cr({
 				strokeColor: C ?? t ?? o.stroke ?? void 0,
-				width: oe
-			}), z && (B.stroke = H, B.strokeWidth = oe), ce && (R.stroke = H, R.strokeWidth = oe, U && (V.stroke = H, V.strokeWidth = oe));
+				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 ? dr({ 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 = sr({
+			let e = or({
 				textbox: o,
 				styles: B,
 				range: z
-			}), t = ie ? sr({
+			}), t = ie ? or({
 				textbox: o,
 				styles: ae,
 				range: ie
 			}) : !1;
-			he = e || t;
+			ge = e || t;
 		} else if (Object.keys(V).length) {
-			let e = ar({ textbox: o });
-			e && (he = sr({
+			let e = ir({ textbox: o });
+			e && (ge = or({
 				textbox: o,
 				styles: V,
 				range: e
 			}));
 		}
-		let ge = he && jr({ stylesList: [
+		let _e = ge && Ar({ stylesList: [
 			B,
 			ae,
 			V
 		] });
-		if (he && (o.dirty = !0), ie && (m !== void 0 || h !== void 0)) {
-			let e = Cr({
+		if (ge && (o.dirty = !0), ie && (m !== void 0 || h !== void 0)) {
+			let e = Sr({
 				textbox: o,
 				range: ie
 			}), t = {};
-			m !== void 0 && (t.fontFamily = m), h !== void 0 && (t.fontSize = h), gr({
+			m !== void 0 && (t.fontFamily = m), h !== void 0 && (t.fontSize = h), hr({
 				textbox: o,
 				lineIndices: e,
 				updates: t
 			});
 		}
 		if (z && (S !== void 0 || C !== void 0 || w !== void 0)) {
-			let e = wr({
+			let e = Cr({
 				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)), gr({
+			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 = jr({ 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 = Ar({ 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,
 			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 = t._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);
@@ -7215,7 +7208,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			clampToMontage: r
 		}));
 		let a = !1;
-		i || (a = Mr({ textbox: e }));
+		i || (a = jr({ textbox: e }));
 		let o = !1;
 		return !i && t && (this.editor.canvasManager.applyObjectPlacement({
 			object: e,
@@ -7228,7 +7221,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		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(Or({
+			let n = Math.ceil(Dr({
 				textbox: e,
 				text: t
 			}));
@@ -7249,15 +7242,15 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	_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 = Tr({
+			let e = wr({
 				previous: d,
 				next: u
-			}), t = Er({
+			}), t = Tr({
 				text: d,
 				charIndex: e
 			});
 			if (h > 0) {
-				let r = Dr({
+				let r = Er({
 					text: d,
 					lineIndex: t
 				}), i = t + 1;
@@ -7298,7 +7291,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			let t = p[e] ?? "", n = g ? g[e] : void 0;
 			if (n && (T = n), t.length !== 0) {
 				if (n) {
-					let r = _r({
+					let r = gr({
 						lineText: t,
 						lineStyles: S ? S[e] : void 0,
 						lineDefaults: n
@@ -7338,16 +7331,16 @@ var Hn = ({ 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(Or({
+		let { textLines: h } = e, g = Array.isArray(h) && h.length > p, _ = Math.ceil(Dr({
 			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), Mr({ 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), jr({ textbox: e }) && (m = !0), t && r.applyObjectPlacement({
 			object: e,
 			placement: t
 		});
 		let b = !1;
-		return n && (b = kr({
+		return n && (b = Or({
 			textbox: e,
 			montageLeft: o,
 			montageRight: o + s
@@ -7376,7 +7369,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 					bottomLeft: p
 				},
 				baseStyles: JSON.parse(JSON.stringify(i)),
-				baseLineFontDefaults: vr({ lineFontDefaults: a }),
+				baseLineFontDefaults: _r({ lineFontDefaults: a }),
 				hasWidthChange: !1
 			}, this.scalingState.set(e, t);
 		}
@@ -7431,7 +7424,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	_getDefaultFontFamily() {
 		return this.fonts[0]?.family ?? "Arial";
 	}
-}, Pr = ({ x1: e, y1: t, x2: n, y2: r }) => (Math.atan2(r - t, n - e) * 180 / Math.PI + 360) % 360, Fr = (e) => {
+}, Nr = ({ x1: e, y1: t, x2: n, y2: r }) => (Math.atan2(r - t, n - e) * 180 / Math.PI + 360) % 360, Pr = (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",
@@ -7442,7 +7435,7 @@ var Hn = ({ 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: Pr({
+			angle: Nr({
 				x1: e,
 				y1: t,
 				x2: r,
@@ -7470,7 +7463,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		};
 	}
 	return null;
-}, Ir = "_templateAnchorX", Lr = "_templateAnchorY", Rr = class t {
+}, Fr = "_templateAnchorX", Ir = "_templateAnchorY", Lr = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -7479,13 +7472,13 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!p.length) return s.emitWarning({
 			origin: "TemplateManager",
 			method: "serializeSelection",
-			code: tr.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
+			code: er.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
 			message: "Нет объектов для сериализации шаблона"
 		}), null;
 		let m = t._getBounds(o), h = t._getMontageSize({
 			montageArea: o,
 			bounds: m
-		}), g = h.width, _ = h.height, v = p.map((e) => t._serializeObject({
+		}), g = h.width, _ = h.height, v = p.map((e) => this._serializeObject({
 			object: e,
 			bounds: m,
 			baseWidth: g,
@@ -7508,14 +7501,14 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!s?.length) return a.emitWarning({
 			origin: "TemplateManager",
 			method: "applyTemplate",
-			code: tr.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+			code: er.TEMPLATE_MANAGER.INVALID_TEMPLATE,
 			message: "Шаблон не содержит объектов"
 		}), null;
 		let u = t._getBounds(r);
 		if (!u) return a.emitWarning({
 			origin: "TemplateManager",
 			method: "applyTemplate",
-			code: tr.TEMPLATE_MANAGER.INVALID_TARGET,
+			code: er.TEMPLATE_MANAGER.INVALID_TARGET,
 			message: "Не удалось определить границы монтажной области"
 		}), null;
 		let d = t._getMontageSize({
@@ -7534,7 +7527,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			if (!r.length) return a.emitWarning({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: tr.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+				code: er.TEMPLATE_MANAGER.INVALID_TEMPLATE,
 				message: "Не удалось создать объекты шаблона"
 			}), null;
 			let { backgroundObject: i, contentObjects: c } = t._extractBackgroundObject(r);
@@ -7546,7 +7539,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			let l = c.map((e) => (this._adaptTextboxWidth({
 				object: e,
 				baseWidth: f.baseWidth
-			}), t._transformObject({
+			}), this._transformObject({
 				object: e,
 				scale: p,
 				bounds: u,
@@ -7569,7 +7562,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			return a.emitError({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: tr.TEMPLATE_MANAGER.APPLY_FAILED,
+				code: er.TEMPLATE_MANAGER.APPLY_FAILED,
 				message: "Ошибка применения шаблона",
 				data: {
 					templateId: l,
@@ -7621,22 +7614,22 @@ var Hn = ({ 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 = {};
@@ -7702,19 +7695,19 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			return null;
 		}
 	}
-	static _transformObject({ object: e, scale: n, bounds: r, baseWidth: i, baseHeight: a, useRelativePositions: o }) {
-		let s = e, { x: c, y: l } = Ge({
+	_transformObject({ object: e, scale: n, bounds: r, baseWidth: i, baseHeight: a, useRelativePositions: o }) {
+		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({
@@ -7723,14 +7716,22 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				baseHeight: a,
 				scale: n,
 				useRelativePositions: o,
-				anchorX: t._resolveAnchor(s, Ir),
-				anchorY: t._resolveAnchor(s, Lr)
+				anchorX: t._resolveAnchor(s, Fr),
+				anchorY: t._resolveAnchor(s, Ir)
 			})
 		}), h = f * n, g = p * n, _ = e.originX ?? "center", v = e.originY ?? "center";
 		e.set({
 			scaleX: h,
 			scaleY: g
-		}), e.setPositionByOrigin(m, _, v), e.setCoords(), delete s[Ir], delete s[Lr];
+		}), this.editor.canvasManager.applyObjectPlacement({
+			object: e,
+			placement: {
+				left: m.x,
+				top: m.y,
+				originX: _,
+				originY: v
+			}
+		}), delete s[Fr], delete s[Ir];
 	}
 	static _getPositioningBounds({ bounds: e, baseWidth: n, baseHeight: r, scale: i, useRelativePositions: a, anchorX: o, anchorY: s }) {
 		if (!a) return e;
@@ -7782,19 +7783,19 @@ var Hn = ({ 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, Ir), 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, 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;
 		e.set("width", i), e.initDimensions();
 		let g = t._getLongestLineWidth({
 			textbox: e,
@@ -7812,30 +7813,24 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}
 		return i;
 	}
-	static _serializeObject({ object: e, bounds: n, baseWidth: r, baseHeight: i }) {
-		let a = e.toDatalessObject([...se]);
+	_serializeObject({ object: e, bounds: n, baseWidth: r, baseHeight: i }) {
+		let a = e.toDatalessObject([...ce]);
 		if (t._isSvgObject(e)) {
 			let n = t._extractSvgMarkup(e);
 			n && (a.svgMarkup = n, delete a.objects, delete a.path);
 		}
 		if (!n) return a;
-		let { left: o, top: s, width: c, height: l } = n, u = e.getBoundingRect(!1, !0), d = r || c || 1, f = i || l || 1, p = qe({
-			object: e,
-			bounds: n
-		}) ?? (() => {
-			let t = e.originX ?? "center", n = e.originY ?? "center", r = e.getPointByOrigin(t, n);
-			return {
-				x: (r.x - o) / d,
-				y: (r.y - s) / f
-			};
-		})(), m = (u.left - o) / d, h = (u.top - s) / f, g = m + u.width / d, _ = h + u.height / f;
-		return a[Ir] = t._detectAnchor({
-			start: m,
-			end: g
-		}), a[Lr] = t._detectAnchor({
+		let { left: o, top: s, width: c, height: l } = n, u = e.getBoundingRect(!1, !0), d = r || c || 1, f = i || l || 1, p = this.editor.canvasManager.getObjectPlacement({ object: e }), m = {
+			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({
 			start: h,
 			end: _
-		}), a.left = p.x, a.top = p.y, a;
+		}), a[Ir] = t._detectAnchor({
+			start: g,
+			end: v
+		}), a.left = m.x, a.top = m.y, a;
 	}
 	static _extractBackgroundObject(e) {
 		let t = e.findIndex((e) => e.id === "background");
@@ -7857,7 +7852,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				withoutSave: !0
 			}), !0;
 			if (a === "gradient") {
-				let e = Fr(r);
+				let e = Pr(r);
 				if (e) return n.setGradientBackground({
 					gradient: e,
 					customData: o,
@@ -7878,7 +7873,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			r.emitWarning({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: tr.TEMPLATE_MANAGER.APPLY_FAILED,
+				code: er.TEMPLATE_MANAGER.APPLY_FAILED,
 				message: "Не удалось применить фон из шаблона",
 				data: e
 			});
@@ -7914,29 +7909,29 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	enlivenObjectEnlivables(e) {
 		return C.enlivenObjectEnlivables(e);
 	}
-}, zr = "#3D8BF4", Br = .5, Vr = ({ distance: e }) => Number.isFinite(e) ? Math.round(Math.max(0, e)) : 0, Hr = ({ firstDistance: e, secondDistance: t }) => {
-	let n = Vr({ distance: e }), r = Vr({ distance: t });
+}, 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 });
 	return {
 		firstDisplayDistance: n,
 		secondDisplayDistance: r,
 		displayDistanceDiff: Math.abs(n - r),
 		commonDisplayDistance: Math.max(n, r)
 	};
-}, Ur = ({ firstStart: e, firstEnd: t, secondStart: n, secondEnd: r }) => Math.min(t, r) - Math.max(e, n), Wr = ({ step: e }) => {
+}, Hr = ({ firstStart: e, firstEnd: t, secondStart: n, secondEnd: r }) => Math.min(t, r) - Math.max(e, n), Ur = ({ step: e }) => {
 	let t = Math.abs(e).toString(), n = t.indexOf(".");
 	return n === -1 ? 0 : t.slice(n + 1).length;
-}, Gr = ({ value: e, step: t }) => {
+}, Wr = ({ value: e, step: t }) => {
 	if (t === 0) return e;
-	let n = Wr({ step: t }), r = Math.round(e / t) * t;
+	let n = Ur({ step: t }), r = Math.round(e / t) * t;
 	return Number(r.toFixed(n));
-}, Kr = ({ value: e, step: t }) => {
+}, Gr = ({ value: e, step: t }) => {
 	if (t === 0) return !0;
-	let n = Gr({
+	let n = Wr({
 		value: e,
 		step: t
-	}), r = 10 ** -(Wr({ step: t }) + 4);
+	}), r = 10 ** -(Ur({ step: t }) + 4);
 	return Math.abs(n - e) <= r;
-}, qr = ({ bounds: e, axis: t }) => {
+}, Kr = ({ bounds: e, axis: t }) => {
 	let { left: n = 0, right: r = 0, top: i = 0, bottom: a = 0 } = e;
 	return t === "vertical" ? {
 		start: i,
@@ -7945,7 +7940,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		start: n,
 		end: r
 	};
-}, Jr = ({ items: e, axis: t }) => {
+}, qr = ({ 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;) {
@@ -7955,10 +7950,10 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}
 		e[o + 1] = r;
 	}
-}, Yr = ({ items: e, index: t, axis: n, direction: r }) => {
+}, Jr = ({ items: e, index: t, axis: n, direction: r }) => {
 	let i = e[t];
 	if (!i) return null;
-	let { bounds: a } = i, { start: o, end: s } = qr({
+	let { bounds: a } = i, { start: o, end: s } = Kr({
 		bounds: a,
 		axis: n
 	});
@@ -7966,7 +7961,7 @@ var Hn = ({ 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 } = qr({
+			let { bounds: i } = t, { end: a } = Kr({
 				bounds: i,
 				axis: n
 			});
@@ -7977,26 +7972,26 @@ var Hn = ({ 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 } = qr({
+		let { bounds: i } = t, { start: a } = Kr({
 			bounds: i,
 			axis: n
 		});
 		if (a - s >= 0) return r;
 	}
 	return null;
-}, Xr = ({ items: e }) => {
+}, Yr = ({ items: e }) => {
 	for (let t = 0; t < e.length; t += 1) {
 		let { isActive: n } = e[t];
 		if (n) return t;
 	}
 	return -1;
-}, Zr = ({ patternAxis: e, activeRangeStart: t, activeRangeEnd: n, tolerance: r = 0 }) => {
+}, Xr = ({ 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;
-}, Qr = ({ patternStart: e, patternEnd: t, activeStart: n, activeEnd: r }) => t <= n ? "before" : e >= r ? "after" : null, $r = ({ baseOption: e, candidateOption: t }) => {
+}, Zr = ({ patternStart: e, patternEnd: t, activeStart: n, activeEnd: r }) => t <= n ? "before" : e >= r ? "after" : null, Qr = ({ baseOption: e, candidateOption: t }) => {
 	let { delta: n, guide: { distance: r } } = e, { delta: i, guide: { distance: a } } = t;
 	return n === i && r === a;
-}, ei = ({ options: e }) => {
+}, $r = ({ options: e }) => {
 	let t = e[0];
 	for (let n = 1; n < e.length; n += 1) {
 		let r = e[n];
@@ -8007,11 +8002,11 @@ var Hn = ({ 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;
-}, ti = ({ currentOption: e, nextOption: t }) => {
+}, ei = ({ 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);
-}, ni = ({ options: e }) => {
+}, ti = ({ options: e }) => {
 	let t = [], n = null, r = null;
 	for (let i of e) {
 		let { kind: e, side: a } = i;
@@ -8019,18 +8014,18 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			t.push(i);
 			continue;
 		}
-		a === "before" && ti({
+		a === "before" && ei({
 			currentOption: n,
 			nextOption: i
-		}) && (n = i), a === "after" && ti({
+		}) && (n = i), a === "after" && ei({
 			currentOption: r,
 			nextOption: i
 		}) && (r = i);
 	}
 	return n && t.push(n), r && t.push(r), t;
-}, ri = ({ options: e, side: t, baseOption: n }) => {
+}, ni = ({ options: e, side: t, baseOption: n }) => {
 	let r = null;
-	for (let i of e) if (i.side === t && $r({
+	for (let i of e) if (i.side === t && Qr({
 		baseOption: n,
 		candidateOption: i
 	})) {
@@ -8041,63 +8036,63 @@ var Hn = ({ 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;
-}, ii = ({ option: e }) => {
+}, ri = ({ option: e }) => {
 	let { side: t, kind: n, guide: { distance: r } } = e;
 	return {
 		side: t,
 		kind: n,
 		distance: r
 	};
-}, ai = ({ option: e, context: t }) => {
+}, ii = ({ 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;
-}, oi = ({ options: e, context: t }) => {
+}, ai = ({ options: e, context: t }) => {
 	if (!t) return null;
-	for (let n of e) if (ai({
+	for (let n of e) if (ii({
 		option: n,
 		context: t
 	})) return n;
 	return null;
-}, si = ({ options: e, bestOption: t, previousContext: n, switchDistance: r = 0 }) => {
-	let i = oi({
+}, oi = ({ options: e, bestOption: t, previousContext: n, switchDistance: r = 0 }) => {
+	let i = ai({
 		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;
-}, ci = ({ guides: e, seenGuideKeys: t, guide: n }) => {
+}, si = ({ 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));
-}, li = ({ options: e, previousContext: t = null, switchDistance: n = 0 }) => {
+}, ci = ({ options: e, previousContext: t = null, switchDistance: n = 0 }) => {
 	if (!e.length) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let r = ni({ options: e }), i = [];
+	let r = ti({ options: e }), i = [];
 	for (let e of r) e.kind === "reference" && i.push(e);
-	let a = i.length > 0, o = a ? i : r, s = si({
+	let a = i.length > 0, o = a ? i : r, s = oi({
 		options: o,
-		bestOption: ei({ options: o }),
+		bestOption: $r({ options: o }),
 		previousContext: t,
 		switchDistance: n
-	}), c = ri({
+	}), c = ni({
 		options: o,
 		side: "before",
 		baseOption: s
-	}), l = ri({
+	}), l = ni({
 		options: o,
 		side: "after",
 		baseOption: s
-	}), u = ri({
+	}), u = ni({
 		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) ci({
+	for (let e of d) si({
 		guides: f,
 		seenGuideKeys: p,
 		guide: e.guide
@@ -8105,15 +8100,15 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	return {
 		delta: s.delta,
 		guides: f,
-		context: ii({ option: s })
+		context: ri({ option: s })
 	};
-}, ui = ({ activeStart: e, activeEnd: t, targetGap: n, beforeEdge: r, afterEdge: i, threshold: a, step: o }) => {
-	let s = n - (e - r), c = Gr({
+}, li = ({ activeStart: e, activeEnd: t, targetGap: n, beforeEdge: r, afterEdge: i, threshold: a, step: o }) => {
+	let s = n - (e - r), c = Wr({
 		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: _ } = Hr({
+		let l = c + d * o, f = e + l, p = t + l, m = f - r, h = i - p, { displayDistanceDiff: g, commonDisplayDistance: _ } = Vr({
 			firstDistance: m,
 			secondDistance: h
 		});
@@ -8128,13 +8123,13 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		});
 	}
 	return u;
-}, di = ({ currentGap: e, referenceGap: t }) => {
-	let { secondDisplayDistance: n, displayDistanceDiff: r } = Hr({
+}, ui = ({ currentGap: e, referenceGap: t }) => {
+	let { secondDisplayDistance: n, displayDistanceDiff: r } = Vr({
 		firstDistance: e,
 		secondDistance: t
 	});
 	return r > 1 ? null : n;
-}, fi = ({ anchors: e, positions: t, threshold: n }) => {
+}, di = ({ 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);
@@ -8144,8 +8139,8 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		delta: r,
 		guidePosition: a
 	};
-}, pi = ({ activeBounds: e, threshold: t, anchors: n }) => {
-	let { left: r, right: i, centerX: a, top: o, bottom: s, centerY: c } = e, l = fi({
+}, fi = ({ activeBounds: e, threshold: t, anchors: n }) => {
+	let { left: r, right: i, centerX: a, top: o, bottom: s, centerY: c } = e, l = di({
 		anchors: n.vertical,
 		positions: [
 			r,
@@ -8153,7 +8148,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			i
 		],
 		threshold: t
-	}), u = fi({
+	}), u = di({
 		anchors: n.horizontal,
 		positions: [
 			o,
@@ -8173,11 +8168,11 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		deltaY: u.delta,
 		guides: d
 	};
-}, mi = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
+}, pi = ({ 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;
-		Ur({
+		Hr({
 			firstStart: t,
 			firstEnd: n,
 			secondStart: l,
@@ -8197,22 +8192,22 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	f.push({
 		bounds: e,
 		isActive: !0
-	}), Jr({
+	}), qr({
 		items: f,
 		axis: "top"
 	});
-	let p = Xr({ items: f });
+	let p = Yr({ items: f });
 	if (p === -1) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let m = [], h = c - s, g = Yr({
+	let m = [], h = c - s, g = Jr({
 		items: f,
 		index: p,
 		axis: "vertical",
 		direction: "prev"
-	}), _ = Yr({
+	}), _ = Jr({
 		items: f,
 		index: p,
 		axis: "vertical",
@@ -8221,19 +8216,19 @@ var Hn = ({ 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 = Gr({
+			let e = Wr({
 				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 = ui({
+				let t = li({
 					activeStart: s,
 					activeEnd: c,
 					targetGap: e,
 					beforeEdge: r,
 					afterEdge: i,
 					threshold: n,
-					step: Br
+					step: zr
 				});
 				if (t) {
 					let { delta: e, distance: n, diff: i, activeStart: a, activeEnd: s } = t, c = {
@@ -8270,16 +8265,16 @@ var Hn = ({ 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 (!Kr({
+		if (!Gr({
 			value: a,
 			step: .5
-		}) || !Zr({
+		}) || !Xr({
 			patternAxis: t,
 			activeRangeStart: l,
 			activeRangeEnd: u,
 			tolerance: n
 		})) continue;
-		let d = Qr({
+		let d = Zr({
 			patternStart: r,
 			patternEnd: i,
 			activeStart: s,
@@ -8287,12 +8282,12 @@ var Hn = ({ 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 = Gr({
+				let e = Wr({
 					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 = di({
+				let d = ui({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -8316,12 +8311,12 @@ var Hn = ({ 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 = Gr({
+				let e = Wr({
 					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 = di({
+				let d = ui({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -8346,16 +8341,16 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			}
 		}
 	}
-	return li({
+	return ci({
 		options: m,
 		previousContext: i,
 		switchDistance: a
 	});
-}, hi = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
+}, mi = ({ 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;
-		Ur({
+		Hr({
 			firstStart: t,
 			firstEnd: n,
 			secondStart: l,
@@ -8375,22 +8370,22 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	f.push({
 		bounds: e,
 		isActive: !0
-	}), Jr({
+	}), qr({
 		items: f,
 		axis: "left"
 	});
-	let p = Xr({ items: f });
+	let p = Yr({ items: f });
 	if (p === -1) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let m = [], h = c - s, g = Yr({
+	let m = [], h = c - s, g = Jr({
 		items: f,
 		index: p,
 		axis: "horizontal",
 		direction: "prev"
-	}), _ = Yr({
+	}), _ = Jr({
 		items: f,
 		index: p,
 		axis: "horizontal",
@@ -8399,19 +8394,19 @@ var Hn = ({ 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 = Gr({
+			let e = Wr({
 				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 = ui({
+				let t = li({
 					activeStart: s,
 					activeEnd: c,
 					targetGap: e,
 					beforeEdge: r,
 					afterEdge: i,
 					threshold: n,
-					step: Br
+					step: zr
 				});
 				if (t) {
 					let { delta: e, distance: n, diff: i, activeStart: a, activeEnd: s } = t, c = {
@@ -8448,16 +8443,16 @@ var Hn = ({ 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 (!Kr({
+		if (!Gr({
 			value: a,
 			step: .5
-		}) || !Zr({
+		}) || !Xr({
 			patternAxis: t,
 			activeRangeStart: l,
 			activeRangeEnd: u,
 			tolerance: n
 		})) continue;
-		let d = Qr({
+		let d = Zr({
 			patternStart: r,
 			patternEnd: i,
 			activeStart: s,
@@ -8465,12 +8460,12 @@ var Hn = ({ 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 = Gr({
+				let e = Wr({
 					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 = di({
+				let d = ui({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -8494,12 +8489,12 @@ var Hn = ({ 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 = Gr({
+				let e = Wr({
 					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 = di({
+				let d = ui({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -8524,20 +8519,20 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			}
 		}
 	}
-	return li({
+	return ci({
 		options: m,
 		previousContext: i,
 		switchDistance: a
 	});
-}, gi = ({ activeBounds: e, candidates: t, threshold: n, spacingPatterns: r, previousContexts: i, switchDistance: a = 0 }) => {
-	let { vertical: o = null, horizontal: s = null } = i ?? {}, c = mi({
+}, hi = ({ activeBounds: e, candidates: t, threshold: n, spacingPatterns: r, previousContexts: i, switchDistance: a = 0 }) => {
+	let { vertical: o = null, horizontal: s = null } = i ?? {}, c = pi({
 		activeBounds: e,
 		candidates: t,
 		threshold: n,
 		patterns: r.vertical,
 		previousContext: o,
 		switchDistance: a
-	}), l = hi({
+	}), l = mi({
 		activeBounds: e,
 		candidates: t,
 		threshold: n,
@@ -8556,14 +8551,14 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			horizontal: l.context
 		}
 	};
-}, _i = ({ context: e, x: t, y: n, width: r, height: i, radius: a }) => {
+}, gi = ({ 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();
-}, vi = ({ 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 }) => {
+}, _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 }) => {
 	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(), _i({
+	e.beginPath(), gi({
 		context: e,
 		x: w,
 		y: T,
@@ -8571,11 +8566,11 @@ var Hn = ({ 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();
-}, yi = ({ context: e, guide: t, zoom: n }) => {
-	let { type: r, axis: i, refStart: a, refEnd: o, activeStart: s, activeEnd: c, distance: l } = t, u = Vr({ distance: l }).toString();
+}, 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();
 	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 = zr;
-	vi({
+	let d = Rr;
+	_i({
 		context: e,
 		type: r,
 		axis: i,
@@ -8585,7 +8580,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		zoom: n,
 		color: d,
 		lineWidth: 1
-	}), vi({
+	}), _i({
 		context: e,
 		type: r,
 		axis: i,
@@ -8596,10 +8591,10 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		color: d,
 		lineWidth: 1
 	});
-}, bi = ({ anchors: e, bounds: t }) => {
+}, yi = ({ 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);
-}, xi = ({ bounds: e, type: t, primaryStart: n, primaryEnd: r }) => {
+}, bi = ({ 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;
@@ -8620,35 +8615,35 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		});
 	}
 	return i;
-}, Si = ({ bounds: e }) => ({
-	vertical: xi({
+}, xi = ({ bounds: e }) => ({
+	vertical: bi({
 		bounds: e,
 		axis: "centerX",
 		type: "vertical",
 		primaryStart: "top",
 		primaryEnd: "bottom"
 	}),
-	horizontal: xi({
+	horizontal: bi({
 		bounds: e,
 		axis: "centerY",
 		type: "horizontal",
 		primaryStart: "left",
 		primaryEnd: "right"
 	})
-}), Ci = [
+}), Si = [
 	"montage-area",
 	"background",
 	"interaction-blocker"
-], wi = ({ activeObject: t }) => {
+], Ci = ({ activeObject: t }) => {
 	let n = /* @__PURE__ */ new Set();
 	return t ? (n.add(t), t instanceof e && t.getObjects().forEach((e) => n.add(e)), n) : n;
-}, Ti = ({ object: e, excluded: t, ignoredIds: n = Ci }) => {
+}, wi = ({ object: e, excluded: t, ignoredIds: n = Si }) => {
 	if (t.has(e)) return !0;
 	let { visible: r = !0 } = e;
 	if (!r) return !0;
 	let { id: i } = e;
 	return !!(i && n.includes(i));
-}, Ei = class e {
+}, Ti = class e {
 	constructor({ editor: e }) {
 		this.anchors = {
 			vertical: [],
@@ -8696,12 +8691,12 @@ var Hn = ({ 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 = Ye({ 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 } = pi({
+		let { canvas: o } = this, s = o.getZoom() || 1, c = 5 / s, { deltaX: l, deltaY: u } = fi({
 			activeBounds: a,
 			threshold: c,
 			anchors: this.anchors
@@ -8711,9 +8706,9 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			n.set({
 				left: e + l,
 				top: t + u
-			}), n.setCoords(), a = Ye({ 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 = gi({
+		let d = this._resolveCurrentTargetBounds({ activeObject: n }), f = this.spacingContexts.vertical || this.spacingContexts.horizontal ? 10 / s : c, p = hi({
 			activeBounds: a,
 			candidates: d,
 			threshold: f,
@@ -8728,17 +8723,17 @@ var Hn = ({ 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 = Ye({ object: n }) ?? a;
+			}), n.setCoords(), a = W({ object: n }) ?? a;
 		}
 		m || e._applyMovementStep({
 			target: n,
 			transform: i
 		});
-		let h = Ye({ object: n }) ?? a, g = pi({
+		let h = W({ object: n }) ?? a, g = fi({
 			activeBounds: h,
 			threshold: c,
 			anchors: this.anchors
-		}), _ = gi({
+		}), _ = hi({
 			activeBounds: h,
 			candidates: d,
 			threshold: c,
@@ -8778,53 +8773,53 @@ var Hn = ({ 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 = Ye({ object: n });
+		let f = W({ object: n });
 		if (!f) {
 			this._clearGuides();
 			return;
 		}
-		let { canvas: m } = this, h = 5 / (m.getZoom() || 1), { originX: g, originY: _ } = i, { originX: v = "left", originY: y = "top", scaleX: b = 1, scaleY: x = 1 } = n, S = g ?? v, C = _ ?? y, w = e._collectVerticalSnapCandidates({
+		let { canvas: p } = this, m = 5 / (p.getZoom() || 1), { originX: h, originY: g } = i, { originX: _ = "left", originY: v = "top", scaleX: y = 1, scaleY: b = 1 } = n, x = h ?? _, S = g ?? v, C = e._collectVerticalSnapCandidates({
 			bounds: f,
-			originX: S,
+			originX: x,
 			shouldSnapX: o
-		}), T = e._collectHorizontalSnapCandidates({
+		}), w = e._collectHorizontalSnapCandidates({
 			bounds: f,
-			originY: C,
+			originY: S,
 			shouldSnapY: s
-		}), E = e._findAxisSnapCandidate({
+		}), T = e._findAxisSnapCandidate({
 			anchors: u,
-			candidates: w,
-			threshold: h
-		}), D = e._findAxisSnapCandidate({
+			candidates: C,
+			threshold: m
+		}), E = e._findAxisSnapCandidate({
 			anchors: d,
-			candidates: T,
-			threshold: h
-		}), { guidePosition: O } = E, { guidePosition: k } = D, A = O !== null, j = k !== null;
-		if (!A && !j) {
+			candidates: w,
+			threshold: m
+		}), { guidePosition: D } = T, { guidePosition: O } = E, k = D !== null, A = O !== null;
+		if (!k && !A) {
 			this._clearGuides();
 			return;
 		}
-		let M = [], N = null, P = null;
+		let j = [], M = null, N = null;
 		if (c) {
 			let t = e._resolveUniformScale({
 				bounds: f,
-				originX: S,
-				originY: C,
-				verticalSnap: E,
-				horizontalSnap: D
+				originX: x,
+				originY: S,
+				verticalSnap: T,
+				horizontalSnap: E
 			});
 			if (t) {
 				let { scaleFactor: e, guide: n } = t;
-				N = b * e, P = x * e, M.push(n);
+				M = y * e, N = b * e, j.push(n);
 			}
 		}
 		if (!c) {
-			let { angle: t = 0 } = n, { width: r, height: i } = e._resolveBaseDimensions({ target: n }), a = Math.abs(b) || 1, o = Math.abs(x) || 1;
-			if (A) {
+			let { angle: t = 0 } = n, { width: r, height: i } = e._resolveBaseDimensions({ target: n }), a = Math.abs(y) || 1, o = Math.abs(b) || 1;
+			if (k) {
 				let n = e._resolveDesiredWidth({
 					bounds: f,
-					originX: S,
-					snap: E
+					originX: x,
+					snap: T
 				});
 				if (n !== null) {
 					let a = e._resolveScaleForWidth({
@@ -8834,17 +8829,17 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 						scaleY: o,
 						angle: t
 					});
-					a !== null && (N = a * (b < 0 ? -1 : 1), O !== null && M.push({
+					a !== null && (M = a * (y < 0 ? -1 : 1), D !== null && j.push({
 						type: "vertical",
-						position: O
+						position: D
 					}));
 				}
 			}
-			if (j) {
+			if (A) {
 				let n = e._resolveDesiredHeight({
 					bounds: f,
-					originY: C,
-					snap: D
+					originY: S,
+					snap: E
 				});
 				if (n !== null) {
 					let o = e._resolveScaleForHeight({
@@ -8854,31 +8849,34 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 						scaleX: a,
 						angle: t
 					});
-					o !== null && (P = o * (x < 0 ? -1 : 1), k !== null && M.push({
+					o !== null && (N = o * (b < 0 ? -1 : 1), O !== null && j.push({
 						type: "horizontal",
-						position: k
+						position: O
 					}));
 				}
 			}
 		}
-		let F = N !== null || P !== null;
-		if (!F && !M.length) {
+		let P = M !== null || N !== null;
+		if (!P && !j.length) {
 			this._clearGuides();
 			return;
 		}
-		if (F) {
+		if (P) {
 			let e = this.editor.canvasManager.getObjectPlacement({
 				object: n,
-				originX: S,
-				originY: C
+				originX: x,
+				originY: S
 			}), t = {};
-			N !== null && (t.scaleX = N, i.scaleX = N), P !== null && (t.scaleY = P, i.scaleY = P), Object.keys(t).length && (n.set(t), n.setPositionByOrigin(new p(e.left, e.top), S, C), n.setCoords());
+			M !== null && (t.scaleX = M, i.scaleX = M), N !== null && (t.scaleY = N, i.scaleY = N), Object.keys(t).length && (n.set(t), this.editor.canvasManager.applyObjectPlacement({
+				object: n,
+				placement: e
+			}));
 		}
 		a && e._applyScalingStep({
 			target: n,
 			transform: i
 		}), this._applyGuides({
-			guides: M,
+			guides: j,
 			spacingGuides: []
 		});
 	}
@@ -8899,54 +8897,57 @@ var Hn = ({ 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 = Ye({ object: t });
+		let c = W({ object: t });
 		if (!c) {
 			this._clearGuides();
 			return;
 		}
-		let { canvas: l } = this, u = 5 / (l.getZoom() || 1), { originX: d, originY: f } = n, { originX: m = "left", originY: h = "top" } = t, g = d ?? m, v = f ?? h, y = e._collectVerticalSnapCandidates({
+		let { canvas: l } = this, u = 5 / (l.getZoom() || 1), { originX: d, originY: f } = n, { originX: p = "left", originY: m = "top" } = t, h = d ?? p, g = f ?? m, v = e._collectVerticalSnapCandidates({
 			bounds: c,
-			originX: g,
+			originX: h,
 			shouldSnapX: !0
-		}), b = e._findAxisSnapCandidate({
+		}), y = e._findAxisSnapCandidate({
 			anchors: o,
-			candidates: y,
+			candidates: v,
 			threshold: u
-		}), { guidePosition: x } = b;
-		if (x === null) {
+		}), { guidePosition: b } = y;
+		if (b === null) {
 			this._clearGuides();
 			return;
 		}
-		let S = e._resolveDesiredWidth({
+		let x = e._resolveDesiredWidth({
 			bounds: c,
-			originX: g,
-			snap: b
+			originX: h,
+			snap: y
 		});
-		if (S === null) {
+		if (x === null) {
 			this._clearGuides();
 			return;
 		}
-		let C = e._resolveTextWidthForBounds({
+		let S = e._resolveTextWidthForBounds({
 			target: t,
-			boundsWidth: S
+			boundsWidth: x
 		});
-		if (C === null) {
+		if (S === null) {
 			this._clearGuides();
 			return;
 		}
-		let { width: w = 0 } = t;
-		if (C !== w) {
+		let { width: C = 0 } = t;
+		if (S !== C) {
 			let e = this.editor.canvasManager.getObjectPlacement({
 				object: t,
-				originX: g,
-				originY: v
+				originX: h,
+				originY: g
+			});
+			t.set({ width: S }), this.editor.canvasManager.applyObjectPlacement({
+				object: t,
+				placement: e
 			});
-			t.set({ width: C }), t.setPositionByOrigin(new p(e.left, e.top), g, v), t.setCoords();
 		}
 		this._applyGuides({
 			guides: [{
 				type: "vertical",
-				position: x
+				position: b
 			}],
 			spacingGuides: []
 		});
@@ -8963,9 +8964,9 @@ var Hn = ({ 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 = zr, n.setLineDash([4, 4]);
+		n.save(), Array.isArray(s) && n.transform(...s), n.lineWidth = 1 / c, n.strokeStyle = Rr, 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) yi({
+		for (let e of this.activeSpacingGuides) vi({
 			context: n,
 			guide: e,
 			zoom: c
@@ -9174,15 +9175,15 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			horizontal: []
 		}, r = [];
 		for (let e of t) {
-			let t = Ye({ object: e });
-			t && (bi({
+			let t = W({ object: e });
+			t && (yi({
 				anchors: n,
 				bounds: t
 			}), r.push(t));
 		}
-		let { montageArea: i } = this.editor, a = Ye({ object: i });
+		let { montageArea: i } = this.editor, a = W({ object: i });
 		if (a) {
-			bi({
+			yi({
 				anchors: n,
 				bounds: a
 			});
@@ -9194,12 +9195,12 @@ var Hn = ({ 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 = Si({ bounds: r }), this.cachedTargetBounds = r;
+		this.anchors = n, this.spacingPatterns = xi({ bounds: r }), this.cachedTargetBounds = r;
 	}
 	_collectTargets({ activeObject: e }) {
-		let t = wi({ activeObject: e }), n = [];
+		let t = Ci({ activeObject: e }), n = [];
 		return this.canvas.forEachObject((e) => {
-			Ti({
+			wi({
 				object: e,
 				excluded: t
 			}) || n.push(e);
@@ -9208,7 +9209,7 @@ var Hn = ({ 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 = Ye({ object: e });
+			let t = W({ object: e });
 			t && n.push(t);
 		}
 		return n;
@@ -9222,7 +9223,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			bottom: (r - s) / a
 		};
 	}
-}, Di = "#3D8BF4", Oi = class e {
+}, Ei = "#3D8BF4", Di = 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();
 	}
@@ -9286,7 +9287,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			this._clearGuides();
 			return;
 		}
-		let a = Ye({ object: i });
+		let a = W({ object: i });
 		if (!a) {
 			this._clearGuides();
 			return;
@@ -9294,7 +9295,7 @@ var Hn = ({ 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 = Ye({ object: c });
+		}), { montageArea: s } = r, c = o ?? s, l = c === s, u = W({ object: c });
 		if (!u) {
 			this._clearGuides();
 			return;
@@ -9315,8 +9316,8 @@ var Hn = ({ 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 = wi({ activeObject: t });
-		return n && !Ti({
+		let { target: n } = e, r = Ci({ activeObject: t });
+		return n && !wi({
 			object: n,
 			excluded: r
 		}) ? n : null;
@@ -9433,18 +9434,18 @@ var Hn = ({ 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 = Di, t.setLineDash([]);
+		t.save(), Array.isArray(n) && t.transform(...n), t.lineWidth = 1 / r, t.strokeStyle = Ei, 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(), vi({
+			t.beginPath(), n === "vertical" ? (t.moveTo(i, a), t.lineTo(i, c)) : (t.moveTo(a, i), t.lineTo(c, i)), t.stroke(), _i({
 				context: t,
 				type: n,
 				axis: i,
 				start: a,
 				end: c,
-				text: Vr({ distance: l }).toString(),
+				text: Br({ distance: l }).toString(),
 				zoom: r,
-				color: Di,
+				color: Ei,
 				lineWidth: 1,
 				offsetAlongAxis: d,
 				offsetPerpendicular: 0
@@ -9462,13 +9463,13 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let { toolbar: e } = this.editor;
 		e?.showAfterTemporary?.(), this.isToolbarHidden = !1;
 	}
-}, ki = class e {
+}, Oi = 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 nr({ 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 et({ editor: this }), this.shapeManager = new Yn({ editor: this }), this.interactionBlocker = new Qe({ editor: this }), this.backgroundManager = new $e({ editor: this }), this.clipboardManager = new Xn({ editor: this }), this.objectLockManager = new Zn({ editor: this }), this.groupingManager = new Qn({ editor: this }), this.selectionManager = new $n({ editor: this }), this.deletionManager = new er({ editor: this }), this.panConstraintManager = new rr({ editor: this }), this.snappingManager = new Ei({ editor: this }), this.measurementManager = new Oi({ editor: this }), this.fontManager = new ie(this.options.fonts ?? []), this.textManager = new Nr({ editor: this }), this.templateManager = new Rr({ editor: this }), u && (this.angleIndicator = new oe({ 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 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({
 			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) {
@@ -9509,7 +9510,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	}
 	_createMontageArea() {
 		let { montageAreaWidth: t, montageAreaHeight: n } = this.options, r = new p(t / 2, n / 2);
-		this.montageArea = Ze({
+		this.montageArea = Xe({
 			canvas: this.canvas,
 			centerPoint: r,
 			options: {
@@ -9533,7 +9534,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	}
 	_createClippingArea() {
 		let { montageAreaWidth: e, montageAreaHeight: t } = this.options, n = new p(e / 2, t / 2);
-		this.canvas.clipPath = Ze({
+		this.canvas.clipPath = Xe({
 			canvas: this.canvas,
 			centerPoint: n,
 			options: {
@@ -9576,7 +9577,7 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	"U+A640-A69F",
 	"U+FE2E-FE2F",
 	"U+2116"
-].join(", "), Ai = {
+].join(", "), ki = {
 	preserveObjectStacking: !0,
 	controlsAboveOverlay: !0,
 	centeredRotation: !0,
@@ -10430,20 +10431,20 @@ var Hn = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 };
 //#endregion
 //#region src/main.ts
-function ji(e, t = {}) {
+function Ai(e, t = {}) {
 	let n = {
-		...Ai,
+		...ki,
 		...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 ki(i.id, n);
+		let r = new Oi(i.id, n);
 		window[e] = r;
 	});
 }
 //#endregion
-export { ji as default };
+export { Ai as default };
 
 //# sourceMappingURL=main.js.map