@anu3ev/fabric-image-editor 0.7.10 → 0.7.12

package/dist/main.js

@@ -252,87 +252,87 @@ var M = class {
 }, N = "#2B2D33", P = "#3D8BF4", F = "#FFFFFF";
 //#endregion
 //#region src/editor/customized-controls/renderers.ts
-function ee(e, t, n, r, i) {
+function I(e, t, n, r, i) {
 	e.save(), e.translate(t, n), e.rotate(C.degreesToRadians(i.angle)), e.fillStyle = F, e.strokeStyle = P, e.lineWidth = 1, e.beginPath(), e.roundRect(-12 / 2, -12 / 2, 12, 12, 2), e.fill(), e.stroke(), e.restore();
 }
-function te(e, t, n, r, i) {
+function ee(e, t, n, r, i) {
 	e.save(), e.translate(t, n), e.rotate(C.degreesToRadians(i.angle)), e.fillStyle = F, e.strokeStyle = P, e.lineWidth = 1, e.beginPath(), e.roundRect(-8 / 2, -20 / 2, 8, 20, 100), e.fill(), e.stroke(), e.restore();
 }
-function I(e, t, n, r, i) {
+function te(e, t, n, r, i) {
 	e.save(), e.translate(t, n), e.rotate(C.degreesToRadians(i.angle)), e.fillStyle = F, e.strokeStyle = P, e.lineWidth = 1, e.beginPath(), e.roundRect(-20 / 2, -8 / 2, 20, 8, 100), e.fill(), e.stroke(), e.restore();
 }
-var ne = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", re = new Image();
-re.src = ne;
-function L(e, t, n, r, i) {
-	e.save(), e.translate(t, n), e.rotate(C.degreesToRadians(i.angle)), e.fillStyle = N, e.beginPath(), e.arc(0, 0, 16, 0, 2 * Math.PI), e.fill(), e.drawImage(re, -16 / 2, -16 / 2, 16, 16), e.restore();
+var L = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", ne = new Image();
+ne.src = L;
+function re(e, t, n, r, i) {
+	e.save(), e.translate(t, n), e.rotate(C.degreesToRadians(i.angle)), e.fillStyle = N, e.beginPath(), e.arc(0, 0, 16, 0, 2 * Math.PI), e.fill(), e.drawImage(ne, -16 / 2, -16 / 2, 16, 16), e.restore();
 }
 //#endregion
 //#region src/editor/customized-controls/default-controls.ts
-var ie = {
+var R = {
 	tl: {
-		render: ee,
+		render: I,
 		sizeX: 12,
 		sizeY: 12,
 		offsetX: 0,
 		offsetY: 0
 	},
 	tr: {
-		render: ee,
+		render: I,
 		sizeX: 12,
 		sizeY: 12,
 		offsetX: 0,
 		offsetY: 0
 	},
 	bl: {
-		render: ee,
+		render: I,
 		sizeX: 12,
 		sizeY: 12,
 		offsetX: 0,
 		offsetY: 0
 	},
 	br: {
-		render: ee,
+		render: I,
 		sizeX: 12,
 		sizeY: 12,
 		offsetX: 0,
 		offsetY: 0
 	},
 	ml: {
-		render: te,
+		render: ee,
 		sizeX: 8,
 		sizeY: 20,
 		offsetX: 0,
 		offsetY: 0
 	},
 	mr: {
-		render: te,
+		render: ee,
 		sizeX: 8,
 		sizeY: 20,
 		offsetX: 0,
 		offsetY: 0
 	},
 	mt: {
-		render: I,
+		render: te,
 		sizeX: 20,
 		sizeY: 8,
 		offsetX: 0,
 		offsetY: 0
 	},
 	mb: {
-		render: I,
+		render: te,
 		sizeX: 20,
 		sizeY: 8,
 		offsetX: 0,
 		offsetY: 0
 	},
 	mtr: {
-		render: L,
+		render: re,
 		sizeX: 32,
 		sizeY: 32,
 		offsetX: 0,
 		offsetY: -32
 	}
-}, R = class t {
+}, ie = class t {
 	static wrapWidthControl(e) {
 		if (!e?.actionHandler) return;
 		let t = e.actionHandler;
@@ -342,7 +342,7 @@ var ie = {
 		};
 	}
 	static applyControlOverrides(e) {
-		Object.entries(ie).forEach(([t, n]) => {
+		Object.entries(R).forEach(([t, n]) => {
 			let r = e[t];
 			r && (Object.assign(r, n), t === "mtr" && (r.cursorStyle = "grab", r.mouseDownHandler = (e, t, n, r) => {
 				let i = t?.target;
@@ -432,7 +432,7 @@ var ie = {
 			mr: !0
 		});
 	}
-}, ae = class e {
+}, z = class e {
 	static {
 		this.registeredFontKeys = /* @__PURE__ */ new Set();
 	}
@@ -585,7 +585,7 @@ var ie = {
 		};
 		return Object.entries(e).filter(([, e]) => e != null && `${e}`.length > 0).map(([e, n]) => `${t[e] ?? e}: ${n};`);
 	}
-}, z = {
+}, B = {
 	style: {
 		position: "absolute",
 		display: "none",
@@ -687,7 +687,7 @@ var ie = {
 			e.layerManager.sendBackwards();
 		}
 	}
-}, oe = class {
+}, V = class {
 	constructor({ editor: e }) {
 		this.currentTarget = null, this.currentLocked = !1, this.isTransforming = !1, this.isTemporarilyHidden = !1, this.editor = e, this.canvas = e.canvas, this.options = e.options, this._initToolbar();
 	}
@@ -695,22 +695,22 @@ var ie = {
 		if (!this.options.showToolbar) return;
 		let e = this.options.toolbar || {};
 		this.config = {
-			...z,
+			...B,
 			...e,
 			style: {
-				...z.style,
+				...B.style,
 				...e.style || {}
 			},
 			btnStyle: {
-				...z.btnStyle,
+				...B.btnStyle,
 				...e.btnStyle || {}
 			},
 			icons: {
-				...z.icons,
+				...B.icons,
 				...e.icons || {}
 			},
 			handlers: {
-				...z.handlers,
+				...B.handlers,
 				...e.handlers || {}
 			}
 		}, this.currentTarget = null, this.currentLocked = !1, this.isTransforming = !1, this.isTemporarilyHidden = !1, this._onMouseDown = this._handleMouseDown.bind(this), this._onObjectMoving = this._startTransform.bind(this), this._onObjectScaling = this._startTransform.bind(this), this._onObjectRotating = this._startTransform.bind(this), this._onMouseUp = this._endTransform.bind(this), this._onObjectModified = this._endTransform.bind(this), this._onSelectionChange = this._updateToolbar.bind(this), this._onSelectionClear = () => {
@@ -788,7 +788,7 @@ var ie = {
 	destroy() {
 		this.el.removeEventListener("mouseover", this._onBtnOver), this.el.removeEventListener("mouseout", this._onBtnOut), this.canvas.off("mouse:down", this._onMouseDown), this.canvas.off("object:moving", this._onObjectMoving), this.canvas.off("object:scaling", this._onObjectScaling), 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:created", this._onSelectionChange), this.canvas.off("selection:updated", this._onSelectionChange), this.canvas.off("after:render", this._onSelectionChange), this.canvas.off("selection:cleared", this._onSelectionClear), this.el.remove();
 	}
-}, B = {
+}, H = {
 	position: "absolute",
 	display: "none",
 	background: "#2B2D33",
@@ -802,12 +802,12 @@ var ie = {
 	"pointer-events": "none",
 	"white-space": "nowrap",
 	"box-shadow": "0 2px 8px rgba(0, 0, 0, 0.2)"
-}, se = "fabric-editor-angle-indicator", ce = class e {
+}, U = "fabric-editor-angle-indicator", ae = 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 = se, Object.entries(B).forEach(([e, t]) => {
+		this.el = document.createElement("div"), this.el.className = U, Object.entries(H).forEach(([e, t]) => {
 			this.el.style.setProperty(e, t);
 		}), this.canvas.wrapperEl.appendChild(this.el);
 	}
@@ -852,44 +852,44 @@ var ie = {
 	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;
 	}
-}, le = /* @__PURE__ */ "id.backgroundId.customData.backgroundType.format.contentType.width.height.originX.originY.locked.editable.evented.selectable.lockMovementX.lockMovementY.lockRotation.lockScalingX.lockScalingY.lockSkewingX.lockSkewingY.styles.lineFontDefaults.textCaseRaw.uppercase.autoExpand.linethrough.underline.fontStyle.fontWeight.backgroundOpacity.paddingTop.paddingRight.paddingBottom.paddingLeft.radiusTopLeft.radiusTopRight.radiusBottomRight.radiusBottomLeft.shapeComposite.shapePresetKey.shapeBaseWidth.shapeBaseHeight.shapeManualBaseWidth.shapeManualBaseHeight.shapeTextAutoExpand.shapeAlignHorizontal.shapeAlignVertical.shapePaddingTop.shapePaddingRight.shapePaddingBottom.shapePaddingLeft.shapeFill.shapeStroke.shapeStrokeWidth.shapeStrokeDashArray.shapeOpacity.shapeRounding.shapeNodeType".split(".");
+}, oe = /* @__PURE__ */ "id.backgroundId.customData.backgroundType.format.contentType.width.height.originX.originY.locked.editable.evented.selectable.lockMovementX.lockMovementY.lockRotation.lockScalingX.lockScalingY.lockSkewingX.lockSkewingY.styles.lineFontDefaults.textCaseRaw.uppercase.autoExpand.linethrough.underline.fontStyle.fontWeight.backgroundOpacity.paddingTop.paddingRight.paddingBottom.paddingLeft.radiusTopLeft.radiusTopRight.radiusBottomRight.radiusBottomLeft.shapeComposite.shapePresetKey.shapeBaseWidth.shapeBaseHeight.shapeManualBaseWidth.shapeManualBaseHeight.shapeReplaceBoxWidth.shapeReplaceBoxHeight.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 V({ state: e }) {
+function se({ state: e }) {
 	return JSON.parse(JSON.stringify(e));
 }
-function H({ value: e }) {
+function ce({ value: e }) {
 	if (Array.isArray(e)) {
 		let t = [];
-		for (let n = 0; n < e.length; n += 1) t.push(H({ value: e[n] }));
+		for (let n = 0; n < e.length; n += 1) t.push(ce({ value: e[n] }));
 		return t;
 	}
 	if (e && typeof e == "object") {
 		let t = {}, n = Object.keys(e).sort();
 		for (let r = 0; r < n.length; r += 1) {
 			let i = n[r];
-			t[i] = H({ value: e[i] });
+			t[i] = ce({ value: e[i] });
 		}
 		return t;
 	}
 	return e;
 }
-function ue({ value: e }) {
-	let t = H({ value: e });
+function le({ value: e }) {
+	let t = ce({ value: e });
 	return JSON.stringify(t);
 }
-function de({ prevState: e, nextState: t }) {
-	return ue({ value: e }) === ue({ value: t });
+function ue({ prevState: e, nextState: t }) {
+	return le({ value: e }) === le({ value: t });
 }
-function fe({ objects: e, id: t }) {
+function de({ objects: e, id: t }) {
 	for (let n = 0; n < e.length; n += 1) {
 		let r = e[n];
 		if (r.id === t) return r;
 	}
 	return null;
 }
-function pe({ objects: e }) {
-	let t = fe({
+function fe({ objects: e }) {
+	let t = de({
 		objects: e,
 		id: "montage-area"
 	});
@@ -903,7 +903,7 @@ function pe({ objects: e }) {
 		height: r
 	};
 }
-function me({ objects: e }) {
+function pe({ objects: e }) {
 	let t = [], n = [...e];
 	for (let e = 0; e < n.length; e += 1) {
 		let r = n[e];
@@ -913,20 +913,20 @@ function me({ objects: e }) {
 	}
 	return t;
 }
-function he({ objects: e }) {
-	let t = me({ objects: e });
+function me({ objects: e }) {
+	let t = pe({ objects: e });
 	for (let e = 0; e < t.length; e += 1) {
 		let n = t[e], { type: r, backgroundOpacity: i, backgroundColor: a, textBackgroundColor: o } = n, s = typeof i == "number" ? i : 0, c = typeof a == "string" ? a : "", l = typeof o == "string" ? o : "", u = r === "textbox" || r === "background-textbox", d = c.length > 0 || l.length > 0;
 		u && (s > 0 && d || (n.backgroundColor = null, n.textBackgroundColor = null));
 	}
 }
-function ge({ prevState: e, nextState: t }) {
-	let { width: n, height: r, objects: i } = e, { objects: a } = t, { width: o, height: s } = pe({ objects: i }), { width: c, height: l } = pe({ objects: a });
+function he({ prevState: e, nextState: t }) {
+	let { width: n, height: r, objects: i } = e, { objects: a } = t, { width: o, height: s } = fe({ objects: i }), { width: c, height: l } = fe({ objects: a });
 	o !== c || s !== l || (t.width = n, t.height = r);
 }
-function _e({ prevState: e, nextState: t }) {
-	let n = V({ state: e }), r = V({ state: t });
-	return he({ objects: n.objects }), he({ objects: r.objects }), ge({
+function ge({ prevState: e, nextState: t }) {
+	let n = se({ state: e }), r = se({ state: t });
+	return me({ objects: n.objects }), me({ objects: r.objects }), he({
 		prevState: n,
 		nextState: r
 	}), {
@@ -936,10 +936,10 @@ function _e({ prevState: e, nextState: t }) {
 }
 //#endregion
 //#region src/editor/history-manager/load-state.ts
-function ve({ customData: e }) {
+function _e({ customData: e }) {
 	return JSON.parse(JSON.stringify(e));
 }
-function ye({ state: e }) {
+function ve({ state: e }) {
 	let t = JSON.parse(JSON.stringify(e)), n = (t.objects ?? []).filter((e) => e.id !== "overlay-mask");
 	t.objects = n;
 	for (let e = 0; e < n.length; e += 1) {
@@ -948,7 +948,7 @@ function ye({ state: e }) {
 	}
 	return t;
 }
-function be({ state: e, canvas: t }) {
+function ye({ state: e, canvas: t }) {
 	let { objects: n = [] } = e, r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
 	for (let e = 0; e < n.length; e += 1) {
 		let { customData: t, id: a } = n[e];
@@ -963,23 +963,23 @@ function be({ state: e, canvas: t }) {
 	let a = t.getObjects?.() ?? [];
 	for (let e = 0; e < a.length; e += 1) {
 		let t = a[e], { id: n } = t, o;
-		typeof n == "string" && (o = r.get(n)), o ||= i.get(e), o && (t.customData = ve({ customData: o }));
+		typeof n == "string" && (o = r.get(n)), o ||= i.get(e), o && (t.customData = _e({ customData: o }));
 	}
 }
 //#endregion
 //#region src/editor/history-manager/snapshot-interactivity.ts
-function xe({ object: e }) {
+function be({ object: e }) {
 	return typeof e.getObjects == "function" ? e.getObjects() : [];
 }
-function Se({ objects: e }) {
+function xe({ objects: e }) {
 	for (let t = 0; t < e.length; t += 1) if (e[t].isEditing) return !0;
 	return !1;
 }
-function Ce({ object: e }) {
+function Se({ object: e }) {
 	let t = typeof e.type == "string" ? e.type.toLowerCase() : "";
 	return t === "textbox" || t === "background-textbox" || typeof e.isEditing == "boolean";
 }
-function we({ object: e, withEvented: t = !1 }) {
+function Ce({ object: e, withEvented: t = !1 }) {
 	let n = {
 		object: e,
 		lockMovementX: e.lockMovementX,
@@ -988,66 +988,66 @@ function we({ object: e, withEvented: t = !1 }) {
 	};
 	return t && (n.evented = e.evented), n;
 }
-function Te({ object: e, snapshotStates: t }) {
-	return e.shapeComposite !== !0 || !Se({ objects: xe({ object: e }) }) ? !1 : (t.push(we({ object: e })), e.lockMovementX = !1, e.lockMovementY = !1, e.selectable = !0, !0);
+function we({ object: e, snapshotStates: t }) {
+	return e.shapeComposite !== !0 || !xe({ objects: be({ object: e }) }) ? !1 : (t.push(Ce({ object: e })), e.lockMovementX = !1, e.lockMovementY = !1, e.selectable = !0, !0);
 }
-function Ee({ object: e, snapshotStates: t }) {
-	if (!Ce({ object: e })) return !1;
+function Te({ object: e, snapshotStates: t }) {
+	if (!Se({ object: e })) return !1;
 	let n = e.group, { isEditing: r } = e, i = n?.shapeComposite === !0, a = !!n?.locked;
-	return !i || a || !r ? !1 : (t.push(we({
+	return !i || a || !r ? !1 : (t.push(Ce({
 		object: e,
 		withEvented: !0
 	})), e.lockMovementX = !1, e.lockMovementY = !1, e.selectable = !1, e.evented = !1, !0);
 }
-function De({ object: e, snapshotStates: t }) {
-	if (!Ce({ object: e })) return !1;
+function Ee({ object: e, snapshotStates: t }) {
+	if (!Se({ object: e })) return !1;
 	let n = !!e.lockMovementX, r = !!e.lockMovementY;
-	return !n && !r ? !1 : (t.push(we({ object: e })), e.lockMovementX = !1, e.lockMovementY = !1, e.selectable = !0, !0);
+	return !n && !r ? !1 : (t.push(Ce({ object: e })), e.lockMovementX = !1, e.lockMovementY = !1, e.selectable = !0, !0);
 }
-function Oe({ objects: e }) {
+function De({ objects: e }) {
 	let t = [];
 	for (let n = 0; n < e.length; n += 1) {
 		let r = e[n];
-		r.locked || Te({
+		r.locked || we({
 			object: r,
 			snapshotStates: t
-		}) || Ee({
+		}) || Te({
 			object: r,
 			snapshotStates: t
-		}) || De({
+		}) || Ee({
 			object: r,
 			snapshotStates: t
 		});
 	}
 	return t;
 }
-function ke({ canvas: e }) {
+function Oe({ canvas: e }) {
 	let t = [...e.getObjects?.() ?? []], n = [];
 	for (let e = 0; e < t.length; e += 1) {
 		let r = t[e];
 		n.push(r);
-		let i = xe({ object: r });
+		let i = be({ object: r });
 		for (let e = 0; e < i.length; e += 1) t.push(i[e]);
 	}
 	return n;
 }
-function Ae({ snapshotStates: e }) {
+function ke({ snapshotStates: e }) {
 	for (let t = 0; t < e.length; t += 1) {
 		let { object: n, lockMovementX: r, lockMovementY: i, selectable: a, evented: o } = e[t];
 		n.lockMovementX = r, n.lockMovementY = i, n.selectable = a, o !== void 0 && (n.evented = o);
 	}
 }
-function je({ canvas: e, callback: t }) {
-	let n = Oe({ objects: ke({ canvas: e }) });
+function Ae({ canvas: e, callback: t }) {
+	let n = De({ objects: Oe({ canvas: e }) });
 	try {
 		return t();
 	} finally {
-		Ae({ snapshotStates: n });
+		ke({ snapshotStates: n });
 	}
 }
 //#endregion
 //#region src/editor/history-manager/index.ts
-var Me = class {
+var je = class {
 	constructor({ editor: e }) {
 		this.editor = e, this.canvas = e.canvas, this._isSavingState = !1, this._historySuspendCount = 0, this._isActionInProgress = !1, this._actionSnapshot = null, this._actionReason = null, this._pendingSaveTimeoutId = null, this._pendingSaveReason = null, this._pendingCommittedState = null, this._pendingCommittedStateReason = null, this._hasDeferredSaveAfterUnblock = !1, this.baseState = null, this.patches = [], this.currentIndex = 0, this.maxHistoryLength = e.options.maxHistoryLength, this.totalChangesCount = 0, this.baseStateChangesCount = 0, this._createDiffPatcher();
 	}
@@ -1115,14 +1115,14 @@ var Me = class {
 		return console.log("getFullState state", r), r;
 	}
 	_captureCurrentState() {
-		return je({
+		return Ae({
 			canvas: this.canvas,
 			callback: () => this._serializeCanvasState()
 		});
 	}
 	_serializeCanvasState() {
 		let { canvas: e } = this;
-		return e.toDatalessObject([...le]);
+		return e.toDatalessObject([...oe]);
 	}
 	_handlePendingSaveTimeout() {
 		this._pendingSaveTimeoutId !== null && (this._pendingSaveTimeoutId = null, this._pendingSaveReason = null, this.saveState());
@@ -1165,7 +1165,7 @@ var Me = class {
 			this.baseState = e, this.patches = [], this.currentIndex = 0, console.log("Базовое состояние сохранено.");
 			return;
 		}
-		let { prevState: t, nextState: n } = _e({
+		let { prevState: t, nextState: n } = ge({
 			prevState: this.getFullState(),
 			nextState: e
 		}), r = this.diffPatcher.diff(t, n);
@@ -1173,7 +1173,7 @@ var Me = class {
 			console.log("Нет изменений для сохранения.");
 			return;
 		}
-		if (de({
+		if (ue({
 			prevState: t,
 			nextState: n
 		})) {
@@ -1195,9 +1195,9 @@ var Me = class {
 			try {
 				let e = this._consumePendingCommittedState();
 				e && (this._pendingSaveTimeoutId !== null && this._pendingSaveReason === e.reason && this._clearPendingSave(), e.reason === "text-edit" && this._deactivateTextEditing(), this._saveSerializedState({ currentStateObj: e.state }));
-				let t = je({
+				let t = Ae({
 					canvas: this.canvas,
-					callback: () => this.canvas.toDatalessObject([...le])
+					callback: () => this.canvas.toDatalessObject([...oe])
 				});
 				console.timeEnd("saveState"), this._saveSerializedState({ currentStateObj: t });
 			} finally {
@@ -1210,8 +1210,8 @@ var Me = class {
 		console.log("loadStateFromFullState fullState", e);
 		let { canvas: t, canvasManager: n, interactionBlocker: r, backgroundManager: i, zoomManager: a, panConstraintManager: o } = this.editor, { width: s, height: c } = t, { width: l, height: u } = this.editor.montageArea;
 		r.overlayMask = null;
-		let d = ye({ state: e });
-		await t.loadFromJSON(d), be({
+		let d = ve({ state: e });
+		await t.loadFromJSON(d), ye({
 			state: e,
 			canvas: t
 		});
@@ -1293,7 +1293,7 @@ var Me = class {
 			}
 		}
 	}
-}, Ne = .1, Pe = 4096, Fe = 4096, Ie = "application/image-editor:", Le = /* @__PURE__ */ "customData.backgroundType.format.contentType.width.height.originX.originY.locked.editable.evented.selectable.lockMovementX.lockMovementY.lockRotation.lockScalingX.lockScalingY.lockSkewingX.lockSkewingY.styles.lineFontDefaults.textCaseRaw.uppercase.autoExpand.linethrough.underline.fontStyle.fontWeight.backgroundOpacity.paddingTop.paddingRight.paddingBottom.paddingLeft.radiusTopLeft.radiusTopRight.radiusBottomRight.radiusBottomLeft.shapeComposite.shapePresetKey.shapeBaseWidth.shapeBaseHeight.shapeManualBaseWidth.shapeManualBaseHeight.shapeTextAutoExpand.shapeAlignHorizontal.shapeAlignVertical.shapePaddingTop.shapePaddingRight.shapePaddingBottom.shapePaddingLeft.shapeFill.shapeStroke.shapeStrokeWidth.shapeStrokeDashArray.shapeOpacity.shapeRounding.shapeNodeType".split("."), Re = class e {
+}, Me = .1, Ne = 4096, Pe = 4096, Fe = "application/image-editor:", Ie = /* @__PURE__ */ "customData.backgroundType.format.contentType.width.height.originX.originY.locked.editable.evented.selectable.lockMovementX.lockMovementY.lockRotation.lockScalingX.lockScalingY.lockSkewingX.lockSkewingY.styles.lineFontDefaults.textCaseRaw.uppercase.autoExpand.linethrough.underline.fontStyle.fontWeight.backgroundOpacity.paddingTop.paddingRight.paddingBottom.paddingLeft.radiusTopLeft.radiusTopRight.radiusBottomRight.radiusBottomLeft.shapeComposite.shapePresetKey.shapeBaseWidth.shapeBaseHeight.shapeManualBaseWidth.shapeManualBaseHeight.shapeReplaceBoxWidth.shapeReplaceBoxHeight.shapeTextAutoExpand.shapeAlignHorizontal.shapeAlignVertical.shapePaddingTop.shapePaddingRight.shapePaddingBottom.shapePaddingLeft.shapeFill.shapeStroke.shapeStrokeWidth.shapeStrokeDashArray.shapeOpacity.shapeRounding.shapeNodeType".split("."), Le = class e {
 	constructor({ editor: e }) {
 		this.editor = e, this.options = e.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
 	}
@@ -1490,7 +1490,7 @@ var Me = class {
 		}
 	}
 	async resizeImageToBoundaries(e) {
-		let { dataURL: t, sizeType: n = "max", contentType: r = "image/png", quality: i = 1, maxWidth: a = Pe, maxHeight: o = Fe, minWidth: s = 16, minHeight: c = 16, asBase64: l = !1, emitMessage: u = !0 } = e, { errorManager: d, workerManager: f } = this.editor, p = {
+		let { dataURL: t, sizeType: n = "max", contentType: r = "image/png", quality: i = 1, maxWidth: a = Ne, maxHeight: o = Pe, minWidth: s = 16, minHeight: c = 16, asBase64: l = !1, emitMessage: u = !0 } = e, { errorManager: d, workerManager: f } = this.editor, p = {
 			dataURL: t,
 			sizeType: n,
 			contentType: r,
@@ -1766,11 +1766,11 @@ var Me = class {
 		let t = e.match(/^[^/]+\/([^+;]+)/);
 		return t ? t[1] : "";
 	}
-}, ze = (e, t, n) => Math.max(Math.min(e, n), t), Be = (e, t) => e * t;
-function Ve(e) {
+}, Re = (e, t, n) => Math.max(Math.min(e, n), t), ze = (e, t) => e * t;
+function Be(e) {
 	return (e?.type === "image" || e?.format === "svg") && typeof e?.width == "number" && typeof e?.height == "number";
 }
-var He = class {
+var Ve = class {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -1780,7 +1780,7 @@ var He = class {
 	}
 	getVisibleCenterPoint() {
 		let { canvas: e } = this.editor, t = e.getZoom(), n = e.viewportTransform, r = e.getWidth(), i = e.getHeight(), a = this.getMontageAreaSceneBounds(), o = (r / 2 - n[4]) / t, s = (i / 2 - n[5]) / t;
-		return new p(ze(o, a.left, a.right), ze(s, a.top, a.bottom));
+		return new p(Re(o, a.left, a.right), Re(s, a.top, a.bottom));
 	}
 	getMontageAreaSceneCenter() {
 		let { montageArea: e } = this.editor;
@@ -1859,9 +1859,9 @@ var He = class {
 	}
 	setResolutionWidth(e, { preserveProportional: t, withoutSave: n, adaptCanvasToContainer: r } = {}) {
 		if (!e) return;
-		let { canvas: i, montageArea: a, options: { canvasBackstoreWidth: o } } = this.editor, { width: s, height: c } = a, l = ze(Number(e), 16, Pe);
+		let { canvas: i, montageArea: a, options: { canvasBackstoreWidth: o } } = this.editor, { width: s, height: c } = a, l = Re(Number(e), 16, Ne);
 		if (!o || o === "auto" || r ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreWidth(Number(o)) : this.setCanvasBackstoreWidth(l), a.set({ width: l }), this.placeMontageAreaAtCanonicalScenePosition(), t) {
-			let e = Be(c, l / s);
+			let e = ze(c, l / s);
 			this.setResolutionHeight(e, {
 				withoutSave: n,
 				adaptCanvasToContainer: r
@@ -1877,9 +1877,9 @@ var He = class {
 	}
 	setResolutionHeight(e, { preserveProportional: t, withoutSave: n, adaptCanvasToContainer: r } = {}) {
 		if (!e) return;
-		let { canvas: i, montageArea: a, options: { canvasBackstoreHeight: o } } = this.editor, { width: s, height: c } = a, l = ze(Number(e), 16, Fe);
+		let { canvas: i, montageArea: a, options: { canvasBackstoreHeight: o } } = this.editor, { width: s, height: c } = a, l = Re(Number(e), 16, Pe);
 		if (!o || o === "auto" || r ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreHeight(Number(o)) : this.setCanvasBackstoreHeight(l), a.set({ height: l }), this.placeMontageAreaAtCanonicalScenePosition(), t) {
-			let e = Be(s, l / c);
+			let e = ze(s, l / c);
 			this.setResolutionWidth(e, {
 				withoutSave: n,
 				adaptCanvasToContainer: r
@@ -1906,16 +1906,16 @@ var He = class {
 	}
 	setCanvasBackstoreWidth(e) {
 		if (!e || typeof e != "number") return;
-		let t = ze(e, 16, Pe);
+		let t = Re(e, 16, Ne);
 		this.editor.canvas.setDimensions({ width: t }, { backstoreOnly: !0 });
 	}
 	setCanvasBackstoreHeight(e) {
 		if (!e || typeof e != "number") return;
-		let t = ze(e, 16, Fe);
+		let t = Re(e, 16, Pe);
 		this.editor.canvas.setDimensions({ height: t }, { backstoreOnly: !0 });
 	}
 	adaptCanvasToContainer() {
-		let { canvas: e } = this.editor, t = this.getEditorContainer(), n = t.clientWidth, r = t.clientHeight, i = ze(n, 16, Pe), a = ze(r, 16, Fe);
+		let { canvas: e } = this.editor, t = this.getEditorContainer(), n = t.clientWidth, r = t.clientHeight, i = Re(n, 16, Ne), a = Re(r, 16, Pe);
 		e.setDimensions({
 			width: i,
 			height: a
@@ -2003,8 +2003,8 @@ var He = class {
 	}
 	scaleMontageAreaToImage({ object: e, preserveAspectRatio: t, withoutSave: n } = {}) {
 		let { canvas: r, montageArea: i, transformManager: a } = this.editor, o = e || r.getActiveObject();
-		if (!Ve(o)) return;
-		let { width: s, height: c } = o, l = Math.min(s, Pe), u = Math.min(c, Fe);
+		if (!Be(o)) return;
+		let { width: s, height: c } = o, l = Math.min(s, Ne), u = Math.min(c, Pe);
 		if (t) {
 			let { width: e, height: t } = i, n = s / e, r = c / t, a = Math.max(n, r);
 			l = e * a, u = t * a;
@@ -2032,7 +2032,7 @@ var He = class {
 		let { canvas: e, montageArea: t, interactionBlocker: { overlayMask: n }, backgroundManager: { backgroundObject: r } } = this.editor;
 		return e.getObjects().filter((e) => e.id !== t.id && e.id !== n?.id && e.id !== r?.id);
 	}
-}, Ue = class {
+}, He = class {
 	constructor({ editor: e }) {
 		this.editor = e, this.options = e.options;
 	}
@@ -2140,7 +2140,7 @@ var He = class {
 			});
 		}
 	}
-}, We = class {
+}, Ue = class {
 	constructor({ editor: e }) {
 		this.editor = e, this.options = e.options, this.minZoom = this.options.minZoom || .1, this.maxZoom = this.options.maxZoom || 2, this.defaultZoom = this._normalizeDefaultZoom(this.options.defaultScale);
 	}
@@ -2194,7 +2194,7 @@ var He = class {
 			y: Math.abs(T) > Math.abs(d) ? d : T
 		};
 	}
-	_applyViewportCentering(e, t = !1, n = Ne) {
+	_applyViewportCentering(e, t = !1, n = Me) {
 		let { canvas: r } = this.editor, i = this._getScaledMontageDimensions(e), a = r.getWidth(), o = r.getHeight(), s = i.width > a || i.height > o, c = this._calculateFitZoom(), l = e - c;
 		if (!(!s || l) && !t) return !1;
 		let u = r.viewportTransform, d = this._calculateTargetViewportPosition(e);
@@ -2243,7 +2243,7 @@ var He = class {
 			pointY: u.y
 		});
 	}
-	zoom(e = Ne, t = {}) {
+	zoom(e = Me, t = {}) {
 		if (!e) return;
 		let { minZoom: n, maxZoom: r } = this, { canvas: i } = this.editor, a = e < 0, o = i.getZoom(), s = i.getCenterPoint(), c = new p(t.pointX ?? s.x, t.pointY ?? s.y);
 		this.editor.montageArea.setCoords(), this.editor.canvas.requestRenderAll();
@@ -2269,8 +2269,8 @@ var He = class {
 			point: r
 		}), this.editor.panConstraintManager.updateBounds();
 	}
-}, U = ({ value: e, fallback: t = 0 }) => typeof e == "number" && Number.isFinite(e) ? e : typeof t == "number" && Number.isFinite(t) ? t : 0, Ge = ({ value: e, dimension: t, useRelativePositions: n }) => {
-	let r = U({ value: e });
+}, We = ({ 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 = We({ value: e });
 	return n ? r : r / (t || 1);
 }, Ke = ({ object: e, baseWidth: t, baseHeight: n, useRelativePositions: r }) => ({
 	x: Ge({
@@ -2292,7 +2292,7 @@ var He = class {
 		top: Math.round(n)
 	};
 	u || (f > 0 && (m.scaleX = Math.max(1, Math.round(f * a)) / f), p > 0 && (m.scaleY = Math.max(1, Math.round(p * o)) / p)), e.set(m), e.setCoords();
-}, W = ({ object: e }) => {
+}, Ye = ({ object: e }) => {
 	if (!e) return null;
 	try {
 		e.setCoords();
@@ -2311,7 +2311,7 @@ var He = class {
 };
 //#endregion
 //#region src/editor/utils/primitive-shapes.ts
-function Ye({ canvas: e, object: t, left: n, top: r, centerPoint: i, flags: a }) {
+function Xe({ 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();
@@ -2319,9 +2319,9 @@ function Ye({ 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 Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
+var Ze = ({ 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 Ye({
+	return Xe({
 		canvas: e,
 		object: new g({
 			id: i,
@@ -2337,7 +2337,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		centerPoint: n,
 		flags: r
 	});
-}, Ze = class {
+}, Qe = class {
 	constructor({ editor: e }) {
 		this.editor = e, this.isBlocked = !1, this.overlayMask = null;
 	}
@@ -2359,7 +2359,7 @@ var Xe = ({ 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 = Xe({
+		e.suspendHistory(), this.overlayMask = Ze({
 			canvas: this.editor.canvas,
 			options: {
 				...this._getOverlayGeometry(),
@@ -2397,7 +2397,7 @@ var Xe = ({ 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();
 	}
-}, Qe = class e {
+}, $e = class e {
 	constructor({ editor: e }) {
 		this.editor = e, this.backgroundObject = null;
 	}
@@ -2589,7 +2589,7 @@ var Xe = ({ 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 = Xe({
+		this.backgroundObject = Ze({
 			canvas: this.editor.canvas,
 			options: {
 				...this._getMontageBackgroundRectOptions(),
@@ -2606,7 +2606,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		}), this.refresh();
 	}
 	_createGradientBackground(t) {
-		this.backgroundObject = Xe({
+		this.backgroundObject = Ze({
 			canvas: this.editor.canvas,
 			options: {
 				...this._getMontageBackgroundRectOptions(),
@@ -2705,7 +2705,7 @@ var Xe = ({ 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;
 	}
-}, $e = class t {
+}, et = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -2779,28 +2779,24 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			e.sendObjectBackwards(t.obj);
 		});
 	}
-}, G = 180, et = {
+}, W = 180, tt = {
 	top: 0,
 	right: 0,
 	bottom: 0,
 	left: 0
-}, tt = .45, nt = ({ value: e }) => Number(e.toFixed(4)), rt = ({ 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) })
-		});
-	}
-	return a;
+}, nt = .45, rt = ({ value: e }) => Number(e.toFixed(4)), G = ({ width: e, height: t }) => {
+	let n = W / Math.max(e, t);
+	return {
+		width: rt({ value: e * n }),
+		height: rt({ value: t * n })
+	};
 }, it = ({ 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: rt({ value: r + s * Math.cos(l) }),
+			y: rt({ value: i + s * Math.sin(l) })
 		});
 	}
 	return o;
@@ -2808,8 +2804,8 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 	{
 		key: "circle",
 		type: "ellipse",
-		width: G,
-		height: G,
+		width: W,
+		height: W,
 		internalTextInset: {
 			top: .24,
 			right: .24,
@@ -2817,29 +2813,46 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			left: .24
 		}
 	},
+	{
+		key: "pie",
+		type: "path",
+		...G({
+			width: 34,
+			height: 34
+		}),
+		path: "M34 17A17 17 0 1 1 17 0v17z",
+		internalTextInset: {
+			top: .22,
+			right: .26,
+			bottom: .14,
+			left: .14
+		}
+	},
 	{
 		key: "triangle",
 		type: "triangle",
-		width: G,
-		height: G,
+		...G({
+			width: 38,
+			height: 31
+		}),
 		internalTextInset: {
-			top: .38,
-			right: .2,
-			bottom: .14,
-			left: .2
+			top: .34,
+			right: .18,
+			bottom: .12,
+			left: .18
 		}
 	},
 	{
 		key: "square",
 		type: "rect",
-		width: G,
-		height: G
+		width: W,
+		height: W
 	},
 	{
 		key: "diamond",
 		type: "polygon",
-		width: G,
-		height: G,
+		width: W,
+		height: W,
 		points: [
 			{
 				x: 50,
@@ -2868,95 +2881,194 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 	{
 		key: "pentagon",
 		type: "polygon",
-		width: G,
-		height: G,
-		points: rt({
-			sides: 5,
-			radius: 50,
-			rotation: -Math.PI / 2
+		...G({
+			width: 36,
+			height: 33
 		}),
+		points: [
+			{
+				x: 50,
+				y: 0
+			},
+			{
+				x: 100,
+				y: 38.197
+			},
+			{
+				x: 80.9028,
+				y: 100
+			},
+			{
+				x: 19.0972,
+				y: 100
+			},
+			{
+				x: 0,
+				y: 38.197
+			}
+		],
 		internalTextInset: {
-			top: .28,
-			right: .2,
-			bottom: .2,
-			left: .2
+			top: .24,
+			right: .18,
+			bottom: .18,
+			left: .18
 		}
 	},
 	{
 		key: "hexagon",
 		type: "polygon",
-		width: G,
-		height: G,
-		points: rt({
-			sides: 6,
-			radius: 50,
-			rotation: 0
+		...G({
+			width: 32,
+			height: 36
 		}),
+		points: [
+			{
+				x: 50,
+				y: 0
+			},
+			{
+				x: 100,
+				y: 25
+			},
+			{
+				x: 100,
+				y: 75
+			},
+			{
+				x: 50,
+				y: 100
+			},
+			{
+				x: 0,
+				y: 75
+			},
+			{
+				x: 0,
+				y: 25
+			}
+		],
 		internalTextInset: {
-			top: .24,
-			right: .2,
-			bottom: .24,
-			left: .2
+			top: .22,
+			right: .18,
+			bottom: .22,
+			left: .18
 		}
 	},
 	{
 		key: "star",
 		type: "polygon",
-		width: G,
-		height: G,
+		...G({
+			width: 38,
+			height: 36
+		}),
+		points: [
+			{
+				x: 50,
+				y: 0
+			},
+			{
+				x: 61.8026,
+				y: 38.1944
+			},
+			{
+				x: 100,
+				y: 38.1944
+			},
+			{
+				x: 69.0974,
+				y: 61.8056
+			},
+			{
+				x: 80.9026,
+				y: 100
+			},
+			{
+				x: 50,
+				y: 76.3944
+			},
+			{
+				x: 19.0974,
+				y: 100
+			},
+			{
+				x: 30.9026,
+				y: 61.8056
+			},
+			{
+				x: 0,
+				y: 38.1944
+			},
+			{
+				x: 38.1974,
+				y: 38.1944
+			}
+		],
+		internalTextInset: {
+			top: .3,
+			right: .3,
+			bottom: .3,
+			left: .3
+		}
+	},
+	{
+		key: "star-16",
+		type: "polygon",
+		width: W,
+		height: W,
 		points: it({
-			spikes: 5,
+			spikes: 16,
 			outerRadius: 50,
-			innerRadius: 21,
+			innerRadius: 45,
 			rotation: -Math.PI / 2
 		}),
 		internalTextInset: {
-			top: .32,
-			right: .32,
-			bottom: .32,
-			left: .32
+			top: .24,
+			right: .24,
+			bottom: .24,
+			left: .24
 		}
 	},
 	{
 		key: "sparkle",
 		type: "polygon",
-		width: G,
-		height: G,
+		width: W,
+		height: W,
 		points: it({
 			spikes: 4,
 			outerRadius: 50,
-			innerRadius: 16,
+			innerRadius: 19.1,
 			rotation: -Math.PI / 2
 		}),
 		internalTextInset: {
-			top: .34,
-			right: .34,
-			bottom: .34,
-			left: .34
+			top: .32,
+			right: .32,
+			bottom: .32,
+			left: .32
 		}
 	},
 	{
 		key: "heart",
 		type: "path",
-		width: G,
-		height: G,
+		...G({
+			width: 36,
+			height: 34
+		}),
 		path: [
-			"M50 92 C20 74 4 56 4 35",
-			"C4 19 16 8 30 8 C40 8 47 12 50 18",
-			"C53 12 60 8 70 8 C84 8 96 19 96 35",
-			"C96 56 80 74 50 92 Z"
+			"M26 0c5.523 0 10 4.477 10 10l-.013.586",
+			"C35.443 22.876 18.003 33.998 18 34c-.004-.003-18-11.48-18-24",
+			"C0 4.477 4.477 0 10 0a9.99 9.99 0 0 1 8 3.999A9.99 9.99 0 0 1 26 0"
 		].join(" "),
 		internalTextInset: {
-			top: .3,
-			right: .28,
-			bottom: .22,
-			left: .28
+			top: .22,
+			right: .22,
+			bottom: .16,
+			left: .22
 		}
 	},
 	{
 		key: "arrow-right-fat",
 		type: "polygon",
-		width: G,
+		width: W,
 		height: 130,
 		points: [
 			{
@@ -2999,7 +3111,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		key: "arrow-up-fat",
 		type: "polygon",
 		width: 130,
-		height: G,
+		height: W,
 		points: [
 			{
 				x: 38,
@@ -3040,50 +3152,140 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 	{
 		key: "arrow-right",
 		type: "polygon",
-		width: G,
-		height: 120,
+		...G({
+			width: 36,
+			height: 28
+		}),
 		points: [
+			{
+				x: 100,
+				y: 50
+			},
+			{
+				x: 61.1111,
+				y: 100
+			},
+			{
+				x: 61.1111,
+				y: 71.4286
+			},
 			{
 				x: 0,
-				y: 42
+				y: 71.4286
 			},
 			{
-				x: 66,
-				y: 42
+				x: 0,
+				y: 28.5714
+			},
+			{
+				x: 61.1111,
+				y: 28.5714
+			},
+			{
+				x: 61.1111,
+				y: 0
+			}
+		],
+		internalTextInset: {
+			top: .2,
+			right: .38,
+			bottom: .2,
+			left: .1
+		}
+	},
+	{
+		key: "arrow-left",
+		type: "polygon",
+		...G({
+			width: 36,
+			height: 28
+		}),
+		points: [
+			{
+				x: 38.8889,
+				y: 28.5714
 			},
 			{
-				x: 66,
-				y: 22
+				x: 100,
+				y: 28.5714
 			},
 			{
 				x: 100,
+				y: 71.4286
+			},
+			{
+				x: 38.8889,
+				y: 71.4286
+			},
+			{
+				x: 38.8889,
+				y: 100
+			},
+			{
+				x: 0,
 				y: 50
 			},
 			{
-				x: 66,
-				y: 78
+				x: 38.8889,
+				y: 0
+			}
+		],
+		internalTextInset: {
+			top: .2,
+			right: .1,
+			bottom: .2,
+			left: .38
+		}
+	},
+	{
+		key: "arrow-up",
+		type: "polygon",
+		...G({
+			width: 28,
+			height: 36
+		}),
+		points: [
+			{
+				x: 71.4286,
+				y: 100
 			},
 			{
-				x: 66,
-				y: 58
+				x: 28.5714,
+				y: 100
+			},
+			{
+				x: 28.5714,
+				y: 38.8889
 			},
 			{
 				x: 0,
-				y: 58
+				y: 38.8889
+			},
+			{
+				x: 50,
+				y: 0
+			},
+			{
+				x: 100,
+				y: 38.8889
+			},
+			{
+				x: 71.4286,
+				y: 38.8889
 			}
 		],
 		internalTextInset: {
-			top: .24,
-			right: .4,
-			bottom: .24,
-			left: .14
+			top: .38,
+			right: .2,
+			bottom: .1,
+			left: .2
 		}
 	},
 	{
 		key: "arrow-down-fat",
 		type: "polygon",
 		width: 130,
-		height: G,
+		height: W,
 		points: [
 			{
 				x: 38,
@@ -3121,194 +3323,316 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			left: .24
 		}
 	},
+	{
+		key: "arrow-down",
+		type: "polygon",
+		...G({
+			width: 28,
+			height: 36
+		}),
+		points: [
+			{
+				x: 0,
+				y: 61.1111
+			},
+			{
+				x: 28.5714,
+				y: 61.1111
+			},
+			{
+				x: 28.5714,
+				y: 0
+			},
+			{
+				x: 71.4286,
+				y: 0
+			},
+			{
+				x: 71.4286,
+				y: 61.1111
+			},
+			{
+				x: 100,
+				y: 61.1111
+			},
+			{
+				x: 50,
+				y: 100
+			}
+		],
+		internalTextInset: {
+			top: .1,
+			right: .2,
+			bottom: .38,
+			left: .2
+		}
+	},
 	{
 		key: "arrow-up-down",
 		type: "polygon",
-		width: 130,
-		height: G,
+		...G({
+			width: 20,
+			height: 38
+		}),
 		points: [
+			{
+				x: 70,
+				y: 73.6842
+			},
+			{
+				x: 100,
+				y: 73.6842
+			},
 			{
 				x: 50,
-				y: 0
+				y: 100
 			},
 			{
-				x: 82,
-				y: 34
+				x: 0,
+				y: 73.6842
 			},
 			{
-				x: 62,
-				y: 34
+				x: 30,
+				y: 73.6842
 			},
 			{
-				x: 62,
-				y: 66
+				x: 30,
+				y: 26.3158
 			},
 			{
-				x: 82,
-				y: 66
+				x: 0,
+				y: 26.3158
 			},
 			{
 				x: 50,
+				y: 0
+			},
+			{
+				x: 100,
+				y: 26.3158
+			},
+			{
+				x: 70,
+				y: 26.3158
+			}
+		],
+		internalTextInset: {
+			top: .34,
+			right: .2,
+			bottom: .34,
+			left: .2
+		}
+	},
+	{
+		key: "arrow-left-right",
+		type: "polygon",
+		...G({
+			width: 38,
+			height: 20
+		}),
+		points: [
+			{
+				x: 100,
+				y: 50
+			},
+			{
+				x: 73.6842,
 				y: 100
 			},
 			{
-				x: 18,
-				y: 66
+				x: 73.6842,
+				y: 70
 			},
 			{
-				x: 38,
-				y: 66
+				x: 26.3158,
+				y: 70
+			},
+			{
+				x: 26.3158,
+				y: 100
+			},
+			{
+				x: 0,
+				y: 50
+			},
+			{
+				x: 26.3158,
+				y: 0
+			},
+			{
+				x: 26.3158,
+				y: 30
 			},
 			{
-				x: 38,
-				y: 34
+				x: 73.6842,
+				y: 30
 			},
 			{
-				x: 18,
-				y: 34
+				x: 73.6842,
+				y: 0
 			}
 		],
 		internalTextInset: {
-			top: .38,
-			right: .26,
-			bottom: .38,
-			left: .26
+			top: .2,
+			right: .32,
+			bottom: .2,
+			left: .32
 		}
 	},
 	{
-		key: "arrow-left-right",
+		key: "banner",
 		type: "polygon",
-		width: G,
-		height: 130,
+		...G({
+			width: 36,
+			height: 24
+		}),
 		points: [
 			{
 				x: 0,
-				y: 50
-			},
-			{
-				x: 30,
-				y: 18
-			},
-			{
-				x: 30,
-				y: 38
+				y: 100
 			},
 			{
-				x: 70,
-				y: 38
+				x: 0,
+				y: 0
 			},
 			{
-				x: 70,
-				y: 18
+				x: 77.7778,
+				y: 0
 			},
 			{
 				x: 100,
 				y: 50
 			},
 			{
-				x: 70,
-				y: 82
-			},
-			{
-				x: 70,
-				y: 62
-			},
-			{
-				x: 30,
-				y: 62
-			},
-			{
-				x: 30,
-				y: 82
+				x: 77.7778,
+				y: 100
 			}
 		],
 		internalTextInset: {
-			top: .26,
-			right: .34,
-			bottom: .26,
-			left: .34
+			top: .14,
+			right: .26,
+			bottom: .14,
+			left: .12
 		}
 	},
 	{
 		key: "drop",
 		type: "path",
-		width: 140,
-		height: G,
-		path: "M50 0 C68 18 88 41 88 62 C88 84 71 100 50 100 C29 100 12 84 12 62 C12 41 32 18 50 0 Z",
+		...G({
+			width: 26,
+			height: 36
+		}),
+		path: "M0 23C0 11 13 0 13 0s13 11 13 23c0 7.18-5.82 13-13 13S0 30.18 0 23",
 		internalTextInset: {
-			top: .3,
-			right: .27,
-			bottom: .2,
-			left: .27
+			top: .28,
+			right: .26,
+			bottom: .18,
+			left: .26
 		}
 	},
 	{
 		key: "cross",
 		type: "polygon",
-		width: G,
-		height: G,
+		width: W,
+		height: W,
 		points: [
 			{
-				x: 36,
-				y: 0
-			},
-			{
-				x: 64,
-				y: 0
-			},
-			{
-				x: 64,
-				y: 36
+				x: 67.6471,
+				y: 32.3529
 			},
 			{
 				x: 100,
-				y: 36
+				y: 32.3529
 			},
 			{
 				x: 100,
-				y: 64
+				y: 67.6471
 			},
 			{
-				x: 64,
-				y: 64
+				x: 67.6471,
+				y: 67.6471
 			},
 			{
-				x: 64,
+				x: 67.6471,
 				y: 100
 			},
 			{
-				x: 36,
+				x: 32.3529,
 				y: 100
 			},
 			{
-				x: 36,
-				y: 64
+				x: 32.3529,
+				y: 67.6471
 			},
 			{
 				x: 0,
-				y: 64
+				y: 67.6471
 			},
 			{
 				x: 0,
-				y: 36
+				y: 32.3529
+			},
+			{
+				x: 32.3529,
+				y: 32.3529
+			},
+			{
+				x: 32.3529,
+				y: 0
 			},
 			{
-				x: 36,
-				y: 36
+				x: 67.6471,
+				y: 0
 			}
 		],
 		internalTextInset: {
-			top: .34,
-			right: .34,
-			bottom: .34,
-			left: .34
+			top: .32,
+			right: .32,
+			bottom: .32,
+			left: .32
+		}
+	},
+	{
+		key: "ribbon",
+		type: "polygon",
+		...G({
+			width: 24,
+			height: 34
+		}),
+		points: [
+			{
+				x: 0,
+				y: 0
+			},
+			{
+				x: 100,
+				y: 0
+			},
+			{
+				x: 100,
+				y: 100
+			},
+			{
+				x: 50,
+				y: 76.4706
+			},
+			{
+				x: 0,
+				y: 100
+			}
+		],
+		internalTextInset: {
+			top: .16,
+			right: .18,
+			bottom: .28,
+			left: .18
 		}
 	},
 	{
 		key: "gear",
 		type: "polygon",
-		width: G,
-		height: G,
+		width: W,
+		height: W,
 		points: it({
 			spikes: 14,
 			outerRadius: 50,
@@ -3325,8 +3649,8 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 	{
 		key: "badge",
 		type: "path",
-		width: G,
-		height: G,
+		width: W,
+		height: W,
 		path: "M24 6 H76 L94 24 V76 L76 94 H24 L6 76 V24 Z",
 		internalTextInset: {
 			top: .24,
@@ -3339,7 +3663,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		key: "bookmark",
 		type: "polygon",
 		width: 130,
-		height: G,
+		height: W,
 		points: [
 			{
 				x: 18,
@@ -3372,7 +3696,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 	{
 		key: "tag",
 		type: "path",
-		width: G,
+		width: W,
 		height: 130,
 		path: "M4 20 L64 20 L96 50 L64 80 L4 80 Z",
 		internalTextInset: {
@@ -3386,7 +3710,7 @@ var Xe = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		key: "moon",
 		type: "path",
 		width: 150,
-		height: G,
+		height: W,
 		path: [
 			"M68 4 C36 4 10 30 10 62",
 			"C10 94 36 120 68 120 C85 120 100 112 111 100",
@@ -3407,26 +3731,26 @@ for (let e = 0; e < at.length; e += 1) {
 }
 var ut = lt, dt = ({ presetKey: e }) => ut[e] ?? null, ft = ({ preset: e, rounding: t }) => (typeof t == "number" ? t : 0) <= 0 || e.type === "rect" ? e.key : e.roundedVariant ?? e.key;
 function pt({ value: e, size: t }) {
-	let n = Number.isFinite(e) ? Math.min(Math.max(e, 0), tt) : 0;
+	let n = Number.isFinite(e) ? Math.min(Math.max(e, 0), nt) : 0;
 	return (Number.isFinite(t) && t > 0 ? t : 0) * n;
 }
 var mt = ({ preset: e, width: t, height: n }) => {
 	let r = e.internalTextInset ?? {};
 	return {
 		top: pt({
-			value: r.top ?? et.top,
+			value: r.top ?? tt.top,
 			size: n
 		}),
 		right: pt({
-			value: r.right ?? et.right,
+			value: r.right ?? tt.right,
 			size: t
 		}),
 		bottom: pt({
-			value: r.bottom ?? et.bottom,
+			value: r.bottom ?? tt.bottom,
 			size: n
 		}),
 		left: pt({
-			value: r.left ?? et.left,
+			value: r.left ?? tt.left,
 			size: t
 		})
 	};
@@ -4816,7 +5140,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 					width: D,
 					height: O
 				})
-			}), f.set({
+			}), r.shapeReplaceBoxWidth = Math.max(1, r.shapeBaseWidth ?? D), r.shapeReplaceBoxHeight = Math.max(1, r.shapeBaseHeight ?? O), f.set({
 				scaleX: 1,
 				scaleY: 1
 			}), r.set({
@@ -5085,7 +5409,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				width: u,
 				height: d
 			})
-		}), t.set({
+		}), t.shapeReplaceBoxWidth = Math.max(1, t.shapeBaseWidth ?? u), t.shapeReplaceBoxHeight = Math.max(1, t.shapeBaseHeight ?? d), t.set({
 			left: i.lastAllowedLeft,
 			top: i.lastAllowedTop,
 			flipX: i.lastAllowedFlipX,
@@ -5232,44 +5556,268 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			lockMovementY: n.textLockMovementY
 		}), this.editingInteractionState.delete(e), e.setCoords(), t.setCoords());
 	}
-}, ar = "#B0B5BF", or = 0, sr = 1, cr = class {
+}, ar = class e {
+	constructor({ canvas: e }) {
+		this.canvas = e, this.textEditingSnapshots = /* @__PURE__ */ new WeakMap(), this.pendingTextUpdates = /* @__PURE__ */ new WeakMap(), this.resizeStartSnapshots = /* @__PURE__ */ new Map(), this.pendingResizeUpdates = /* @__PURE__ */ new WeakMap();
+	}
+	createContext({ group: t, source: n, target: r, presetKey: i, options: a, withoutSave: o }) {
+		return this._createContextFromBefore({
+			group: t,
+			before: e.getSnapshot({ group: t }),
+			source: n,
+			target: r,
+			presetKey: i,
+			options: a,
+			withoutSave: o
+		});
+	}
+	fireBefore({ lifecycle: e }) {
+		this.canvas.fire("editor:before:shape-updated", e.payload);
+	}
+	fireUpdated({ lifecycle: t, after: n }) {
+		let r = n ?? e.getSnapshot({ group: t.payload.shape }), i = {
+			...t.payload,
+			before: t.before,
+			after: r
+		};
+		return this.canvas.fire("editor:shape-updated", i), r;
+	}
+	beginTextEditing({ group: t }) {
+		this.textEditingSnapshots.set(t, e.getSnapshot({ group: t }));
+	}
+	finishTextEditing({ group: t, textNode: n }) {
+		let r = this.textEditingSnapshots.get(t);
+		if (this.textEditingSnapshots.delete(t), !r) return null;
+		let i = e.getSnapshot({ group: t });
+		if (e.areSnapshotsEqual({
+			before: r,
+			after: i
+		})) return null;
+		let a = this._createContextFromBefore({
+			group: t,
+			before: r,
+			source: "text-edit",
+			target: n
+		});
+		return this.fireBefore({ lifecycle: a }), this.fireUpdated({
+			lifecycle: a,
+			after: i
+		});
+	}
+	beginTextUpdate({ group: e, textNode: t, withoutSave: n }) {
+		let r = this.createContext({
+			group: e,
+			source: "text-update",
+			target: t,
+			withoutSave: n
+		});
+		return this.pendingTextUpdates.set(t, r), r;
+	}
+	cancelTextUpdate({ textNode: e }) {
+		this.pendingTextUpdates.delete(e);
+	}
+	finishTextUpdate({ textNode: e }) {
+		let t = this.pendingTextUpdates.get(e);
+		if (!t) return null;
+		this.pendingTextUpdates.delete(e);
+		let n = this.fireUpdated({ lifecycle: t }), { group: r } = e;
+		return J(r) && this.textEditingSnapshots.has(r) && this.textEditingSnapshots.set(r, n), n;
+	}
+	captureResizeStart({ group: t }) {
+		this.resizeStartSnapshots.has(t) || this.resizeStartSnapshots.set(t, e.getSnapshot({ group: t }));
+	}
+	beginResize({ group: t }) {
+		if (this.pendingResizeUpdates.has(t)) return;
+		let n = this.resizeStartSnapshots.get(t) ?? e.getSnapshot({ group: t });
+		this.resizeStartSnapshots.delete(t), this.pendingResizeUpdates.set(t, this._createContextFromBefore({
+			group: t,
+			before: n,
+			source: "resize",
+			target: t
+		}));
+	}
+	clearResizeStarts() {
+		this.resizeStartSnapshots.clear();
+	}
+	finishResize({ group: t }) {
+		let n = this.pendingResizeUpdates.get(t);
+		if (!n) return null;
+		this.pendingResizeUpdates.delete(t);
+		let r = e.getSnapshot({ group: t });
+		return e.areSnapshotsEqual({
+			before: n.before,
+			after: r
+		}) ? null : (this.fireBefore({ lifecycle: n }), this.fireUpdated({
+			lifecycle: n,
+			after: r
+		}));
+	}
+	static getSnapshot({ group: t }) {
+		let { id: n, shapePresetKey: r, shapeBaseWidth: i, shapeBaseHeight: a, shapeManualBaseWidth: o, shapeManualBaseHeight: s, shapeTextAutoExpand: c, shapeAlignHorizontal: l, shapeAlignVertical: u, shapePaddingTop: d, shapePaddingRight: f, shapePaddingBottom: p, shapePaddingLeft: m, shapeFill: h, shapeStroke: g, shapeStrokeWidth: _, shapeStrokeDashArray: v, shapeOpacity: y, shapeRounding: b, left: x, top: S, originX: C, originY: w, angle: T, flipX: E, flipY: D, scaleX: O, scaleY: k } = t, { text: A } = Y({ group: t });
+		return {
+			id: n,
+			presetKey: r,
+			baseWidth: i,
+			baseHeight: a,
+			manualBaseWidth: o,
+			manualBaseHeight: s,
+			currentWidth: Math.max(1, (i ?? t.width ?? 1) * (Math.abs(O ?? 1) || 1)),
+			currentHeight: Math.max(1, (a ?? t.height ?? 1) * (Math.abs(k ?? 1) || 1)),
+			shapeTextAutoExpand: c !== !1,
+			alignH: l ?? "center",
+			alignV: u ?? "middle",
+			padding: {
+				top: d ?? 0,
+				right: f ?? 0,
+				bottom: p ?? 0,
+				left: m ?? 0
+			},
+			fill: h,
+			stroke: g,
+			strokeWidth: _,
+			strokeDashArray: v ? v.slice() : v ?? null,
+			opacity: y,
+			rounding: b,
+			left: x,
+			top: S,
+			originX: C,
+			originY: w,
+			angle: T,
+			flipX: !!E,
+			flipY: !!D,
+			scaleX: O,
+			scaleY: k,
+			text: A ? e._getTextNodeSnapshot({ textNode: A }) : void 0
+		};
+	}
+	static areSnapshotsEqual({ before: e, after: t }) {
+		return JSON.stringify(e) === JSON.stringify(t);
+	}
+	_createContextFromBefore({ group: e, before: t, source: n, target: r, presetKey: i, options: a, withoutSave: o }) {
+		return {
+			before: t,
+			payload: {
+				shape: e,
+				source: n,
+				target: r,
+				presetKey: i,
+				options: a,
+				withoutSave: o
+			}
+		};
+	}
+	static _getTextNodeSnapshot({ textNode: e }) {
+		let t = e, n = ({ snapshot: e, entries: t }) => {
+			Object.entries(t).forEach(([t, n]) => {
+				n != null && (e[t] = n);
+			});
+		}, { id: r, text: i, textCaseRaw: a, uppercase: o, autoExpand: s, fontFamily: c, fontSize: l, fontWeight: u, fontStyle: d, underline: f, linethrough: p, textAlign: m, fill: h, stroke: g, strokeWidth: _, opacity: v, backgroundColor: y, backgroundOpacity: b, paddingTop: x, paddingRight: S, paddingBottom: C, paddingLeft: w, radiusTopLeft: T, radiusTopRight: E, radiusBottomRight: D, radiusBottomLeft: O, left: k, top: A, width: j, height: M, angle: N, scaleX: P, scaleY: F } = t, I = {
+			id: r,
+			uppercase: !!o,
+			textAlign: m
+		};
+		return n({
+			snapshot: I,
+			entries: {
+				text: i,
+				textCaseRaw: a,
+				autoExpand: s,
+				fontFamily: c,
+				fontSize: l,
+				fontWeight: u,
+				fontStyle: d,
+				underline: f,
+				linethrough: p,
+				fill: h,
+				stroke: g,
+				strokeWidth: _,
+				opacity: v,
+				backgroundColor: y,
+				backgroundOpacity: b,
+				paddingTop: x,
+				paddingRight: S,
+				paddingBottom: C,
+				paddingLeft: w,
+				radiusTopLeft: T,
+				radiusTopRight: E,
+				radiusBottomRight: D,
+				radiusBottomLeft: O,
+				left: k,
+				top: A,
+				width: j,
+				height: M,
+				angle: N,
+				scaleX: P,
+				scaleY: F
+			}
+		}), I;
+	}
+}, or = "#B4B7BD", sr = 0, cr = 1, lr = class {
 	constructor({ editor: e }) {
 		this._handleObjectScaling = (e) => {
-			this.scalingController.handleObjectScaling(e);
+			let t = e.target && J(e.target) ? e.target : null;
+			t && this.lifecycleController.beginResize({ group: t }), this.scalingController.handleObjectScaling(e);
 		}, this._handleObjectModified = (e) => {
 			this.scalingController.handleObjectModified(e);
+			let t = e.target && J(e.target) ? e.target : null;
+			t && this.lifecycleController.finishResize({ group: t });
 		}, this._handleMouseMove = (e) => {
 			this.scalingController.handleCanvasMouseMove(e);
 		}, this._handleMouseDown = (e) => {
-			this.editingController.handleMouseDown(e);
+			this._collectShapeGroupsFromTarget({
+				target: e.target,
+				subTargets: e.subTargets
+			}).forEach((e) => {
+				this.lifecycleController.captureResizeStart({ group: e });
+			}), this.editingController.handleMouseDown(e);
+		}, this._handleMouseUp = () => {
+			this.lifecycleController.clearResizeStarts();
 		}, this._handleTextEditingExited = (e) => {
-			let { target: t } = e;
-			if (t instanceof _) {
-				let { group: e } = t;
-				J(e) && this.editingPlacements.delete(e);
+			let t = null, { target: n } = e;
+			if (n instanceof _) {
+				let e = n, { group: r } = e;
+				J(r) && (this.editingPlacements.delete(r), t = {
+					group: r,
+					textNode: e
+				});
 			}
-			this.editingController.handleTextEditingExited(e);
+			this.editingController.handleTextEditingExited(e), t && this.lifecycleController.finishTextEditing(t);
 		}, this._handleTextEditingEntered = (e) => {
 			let { target: t } = e;
 			if (t instanceof _) {
 				let { group: e } = t;
-				J(e) && (this._detachShapeGroupAutoLayout({ group: e }), this.editingPlacements.set(e, this.editor.canvasManager.getObjectPlacement({ object: e })));
+				J(e) && (this._detachShapeGroupAutoLayout({ group: e }), this.lifecycleController.beginTextEditing({ group: e }), this.editingPlacements.set(e, this.editor.canvasManager.getObjectPlacement({ object: e })));
 			}
 			this.editingController.handleTextEditingEntered(e);
 		}, this._handleTextChanged = (e) => {
 			let { target: t } = e;
 			if (!(t instanceof _)) return;
-			let n = t;
-			this._syncShapeTextLayoutAfterTextMutation({ textNode: n }) && this.editor.canvas.requestRenderAll();
+			let n = t, { group: r } = n;
+			J(r) && this._syncShapeTextLayoutAfterTextMutation({ textNode: n }) && this.editor.canvas.requestRenderAll();
 		}, this._handleBeforeTextUpdated = (e) => {
 			let { textbox: t, style: n } = e;
 			if (!(t instanceof _)) return;
-			let r = t;
-			this.internalTextUpdates.has(r) || this._syncShapeTextLayoutAfterTextMutation({
+			let r = t, { group: i } = r;
+			if (!J(i) || this.internalTextUpdates.has(r)) return;
+			let a = this.lifecycleController.beginTextUpdate({
+				group: i,
 				textNode: r,
-				textStyle: n
+				withoutSave: e.options.withoutSave
 			});
-		}, this.editor = e, zn(), this.scalingController = new rr({ canvas: e.canvas }), this.editingController = new ir({ canvas: e.canvas }), this.editingPlacements = /* @__PURE__ */ new WeakMap(), this.internalTextUpdates = /* @__PURE__ */ new WeakSet(), this._bindEvents();
+			if (!this._syncShapeTextLayoutAfterTextMutation({
+				textNode: r,
+				textStyle: n
+			})) {
+				this.lifecycleController.cancelTextUpdate({ textNode: r });
+				return;
+			}
+			this.lifecycleController.fireBefore({ lifecycle: a });
+		}, this._handleTextUpdated = (e) => {
+			let { textbox: t } = e;
+			if (!(t instanceof _)) return;
+			let n = t;
+			this.lifecycleController.finishTextUpdate({ textNode: n });
+		}, this.editor = e, zn(), this.scalingController = new rr({ canvas: e.canvas }), this.editingController = new ir({ canvas: e.canvas }), this.editingPlacements = /* @__PURE__ */ new WeakMap(), this.lifecycleController = new ar({ canvas: e.canvas }), this.internalTextUpdates = /* @__PURE__ */ new WeakSet(), this._bindEvents();
 	}
 	async add({ presetKey: e = ot, options: t = {} } = {}) {
 		let n = dt({ presetKey: e });
@@ -5330,7 +5878,11 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			changedPadding: j,
 			style: E,
 			rounding: h
-		});
+		}), I = {
+			shape: F,
+			presetKey: b.key,
+			options: t
+		};
 		if (o === void 0 && s === void 0) this.editor.canvasManager.centerObjectToMontageArea({ object: F });
 		else {
 			let e = this.editor.canvasManager.resolveObjectPlacement({
@@ -5346,51 +5898,69 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				placement: e
 			});
 		}
-		if (g) return F;
+		if (g) return this.editor.canvas.fire("editor:shape-added", I), F;
 		this._beginMutation();
 		try {
 			this.editor.canvas.add(F), _ || this.editor.canvas.setActiveObject(F), this.editor.canvas.requestRenderAll();
 		} finally {
 			this._endMutation({ withoutSave: v });
 		}
-		return F;
+		return this.editor.canvas.fire("editor:shape-added", I), F;
 	}
 	async update({ target: e, presetKey: t, options: n = {} } = {}) {
 		let r = this._resolveShapeGroup({ target: e });
 		if (!r) return null;
 		let i = dt({ 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({
+		let { left: a, top: o, originX: s, originY: c, width: l, height: u, preserveCurrentAspectRatio: d, shapeTextAutoExpand: f, text: p, textStyle: m, alignH: h, alignV: g, textPadding: _, rounding: v, withoutSelection: y, withoutSave: b } = n, x = this.editor.canvasManager.resolveObjectPlacement({
 			object: r,
 			left: a,
 			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 = dt({ presetKey: ft({
+		}), S = this._resolveCurrentDimensions({ group: r }), C = this._resolveManualDimensions({ group: r }), w = this._resolveReplaceBoxDimensions({ group: r }), T = this._isShapeTextAutoExpandEnabled({ group: r }), E = f === void 0 ? T : f !== !1, D = v ?? r.shapeRounding ?? 0, O = dt({ presetKey: ft({
 			preset: i,
-			rounding: T
-		}) }) ?? i, D = m ?? r.shapeAlignHorizontal ?? "center", O = h ?? r.shapeAlignVertical ?? "middle", k = this._resolveGroupUserPadding({ group: r }), A = Wt({ padding: g }), j = Vt({
-			base: k,
-			override: g
-		}), M = this._resolveShapeStyle({
+			rounding: D
+		}) }) ?? i, { width: k, height: A } = O, j = !!d, M = t !== void 0, N = M && !j ? {
+			width: Math.max(1, l ?? w.width),
+			height: Math.max(1, u ?? w.height)
+		} : null, { width: P, height: F } = N ? this._resolveAspectRatioFittedDimensions({
+			targetWidth: N.width,
+			targetHeight: N.height,
+			aspectWidth: k,
+			aspectHeight: A
+		}) : {
+			width: Math.max(1, l ?? S.width),
+			height: Math.max(1, u ?? S.height)
+		}, I = h ?? r.shapeAlignHorizontal ?? "center", ee = g ?? r.shapeAlignVertical ?? "middle", te = this._resolveGroupUserPadding({ group: r }), L = Wt({ padding: _ }), ne = Vt({
+			base: te,
+			override: _
+		}), re = this._resolveShapeStyle({
 			options: n,
 			fallback: r
-		}), N = Ut({
+		}), R = Ut({
 			baseInset: mt({
-				preset: E,
-				width: x.width,
-				height: S
+				preset: O,
+				width: P,
+				height: F
 			}),
-			stroke: M.stroke,
-			strokeWidth: M.strokeWidth
-		}), P = Ht({
-			base: N,
-			addition: j
-		}), F = Math.max(1, r.shapeManualBaseWidth ?? x.width);
-		l !== void 0 && (F = Math.max(1, l)), l === void 0 && C && !w && (F = Math.max(1, x.width));
-		let ee = Math.max(1, u ?? r.shapeManualBaseHeight ?? S), { shape: te, text: I } = Y({ group: r });
-		if (!te || !I) return null;
-		let ne = {
+			stroke: re.stroke,
+			strokeWidth: re.strokeWidth
+		}), ie = Ht({
+			base: R,
+			addition: ne
+		}), z = C.width, B = C.height;
+		M && (z = P, B = F), !M && l !== void 0 && (z = Math.max(1, l)), !M && u !== void 0 && (B = Math.max(1, u)), !M && l === void 0 && T && !E && (z = S.width);
+		let { shape: V, text: H } = Y({ group: r });
+		if (!V || !H) return null;
+		let U = this.lifecycleController.createContext({
+			group: r,
+			source: "update",
+			target: e,
+			presetKey: O.key,
+			options: n,
+			withoutSave: b
+		}), ae = {
 			angle: 0,
 			skewX: 0,
 			skewY: 0,
@@ -5403,74 +5973,97 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			top: 0,
 			originX: "left",
 			originY: "top"
-		}, re = this._createTextNode({
-			text: I.textCaseRaw ?? I.text ?? "",
-			textStyle: this._resolveCurrentTextStyle({ textNode: I }),
-			width: Math.max(1, I.width ?? x.width),
-			align: D
+		}, oe = H, se = this._createTextNode({
+			text: oe.textCaseRaw ?? H.text ?? "",
+			textStyle: this._resolveCurrentTextStyle({ textNode: H }),
+			width: Math.max(1, H.width ?? S.width),
+			align: I
 		});
-		re.set(ne), this._applyTextUpdates({
-			textNode: re,
-			text: f,
-			textStyle: p,
-			align: D
+		se.set(ae), this._applyTextUpdates({
+			textNode: se,
+			text: p,
+			textStyle: m,
+			align: I
 		});
-		let L = l === void 0 && u === void 0 && t === void 0 && d === void 0 && _ === void 0 && f === void 0 && !this._hasShapeTextSizeAffectingStyleChanges({ textStyle: p }), ie = g !== void 0 && L, R = L ? x.width : this._resolveShapeLayoutWidth({
-			text: re,
-			currentWidth: x.width,
-			manualWidth: F,
-			shapeTextAutoExpandEnabled: w,
-			padding: P
-		}), ae = await Pt({
-			preset: E,
-			width: R,
-			height: S,
-			style: M,
-			rounding: T
-		}), z = r.getObjects().indexOf(te);
-		if (z < 0) return null;
-		let oe = () => {
-			this._detachShapeGroupAutoLayout({ group: r }), I.set(ne), this._applyTextUpdates({
-				textNode: I,
-				text: f,
-				textStyle: p,
-				align: D
-			}), r.remove(te), r.insertAt(z, ae), this._applyShapeGroupMetadata({
+		let ce = l === void 0 && u === void 0 && t === void 0 && f === void 0 && v === void 0 && p === void 0 && !this._hasShapeTextSizeAffectingStyleChanges({ textStyle: m }), le = _ !== void 0 && ce, ue = ce ? S.width : this._resolveShapeLayoutWidth({
+			text: se,
+			currentWidth: P,
+			manualWidth: z,
+			shapeTextAutoExpandEnabled: E,
+			padding: ie
+		}), de = await Pt({
+			preset: O,
+			width: ue,
+			height: F,
+			style: re,
+			rounding: D
+		}), fe = r.getObjects().indexOf(V);
+		if (fe < 0) return null;
+		let pe = () => {
+			this._detachShapeGroupAutoLayout({ group: r }), H.set(ae), this._applyTextUpdates({
+				textNode: H,
+				text: p,
+				textStyle: m,
+				align: I
+			}), r.remove(V), r.insertAt(fe, de), this._applyShapeGroupMetadata({
 				group: r,
-				presetKey: E.key,
-				presetCanRound: gt({ preset: E }),
-				width: R,
-				height: S,
-				manualWidth: F,
-				manualHeight: ee,
-				shapeTextAutoExpand: w,
-				alignH: D,
-				alignV: O,
-				padding: j,
-				style: M,
-				rounding: T
+				presetKey: O.key,
+				presetCanRound: gt({ preset: O }),
+				width: ue,
+				height: F,
+				manualWidth: z,
+				manualHeight: B,
+				replaceBoxWidth: N?.width,
+				replaceBoxHeight: N?.height,
+				shapeTextAutoExpand: E,
+				alignH: I,
+				alignV: ee,
+				padding: ne,
+				style: re,
+				rounding: D
 			}), this._applyCurrentLayout({
 				group: r,
-				shape: ae,
-				text: I,
-				placement: b,
-				width: R,
-				height: S,
-				alignH: D,
-				alignV: O,
-				internalShapeTextInset: N,
-				expandShapeHeightToFitText: !ie,
-				changedPadding: A
-			}), I.isEditing && this.editingPlacements.set(r, b);
+				shape: de,
+				text: H,
+				placement: x,
+				width: ue,
+				height: F,
+				alignH: I,
+				alignV: ee,
+				internalShapeTextInset: R,
+				minimumReplaceBox: N ?? void 0,
+				expandShapeHeightToFitText: !le,
+				changedPadding: L
+			}), H.isEditing && this.editingPlacements.set(r, x);
 		};
-		if (!this._isOnCanvas({ object: r })) return oe(), r;
+		if (!this._isOnCanvas({ object: r })) return pe(), this.lifecycleController.fireBefore({ lifecycle: U }), this.lifecycleController.fireUpdated({ lifecycle: U }), r;
 		this._beginMutation();
 		try {
-			oe(), !I.isEditing && !v && this.editor.canvas.setActiveObject(r), this.editor.canvas.requestRenderAll();
+			pe(), !H.isEditing && !y && this.editor.canvas.setActiveObject(r), this.lifecycleController.fireBefore({ lifecycle: U }), this.editor.canvas.requestRenderAll();
 		} finally {
-			this._endMutation({ withoutSave: y });
+			this._endMutation({ withoutSave: b });
 		}
-		return r;
+		return this.lifecycleController.fireUpdated({ lifecycle: U }), r;
+	}
+	_resolveAspectRatioFittedDimensions({ targetWidth: e, targetHeight: t, aspectWidth: n, aspectHeight: r }) {
+		let i = Math.max(1, n), a = Math.max(1, r), o = e === void 0 ? void 0 : Math.max(1, e), s = t === void 0 ? void 0 : Math.max(1, t);
+		if (o !== void 0 && s === void 0) return {
+			width: o,
+			height: o / i * a
+		};
+		if (o === void 0 && s !== void 0) return {
+			width: s / a * i,
+			height: s
+		};
+		if (o === void 0 || s === void 0) return {
+			width: i,
+			height: a
+		};
+		let c = Math.min(o / i, s / a);
+		return {
+			width: i * c,
+			height: a * c
+		};
 	}
 	remove({ target: e, withoutSave: t } = {}) {
 		let n = this._resolveShapeGroup({ target: e });
@@ -5488,22 +6081,34 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!r) return null;
 		let { shape: i } = Y({ group: r });
 		if (!i) return null;
+		let a = this.lifecycleController.createContext({
+			group: r,
+			source: "fill",
+			target: e,
+			withoutSave: n
+		});
 		this._beginMutation();
 		try {
 			St({
 				shape: i,
 				style: { fill: t }
-			}), r.shapeFill = t, r.setCoords(), this.editor.canvas.requestRenderAll();
+			}), r.shapeFill = t, r.setCoords(), this.lifecycleController.fireBefore({ lifecycle: a }), this.editor.canvas.requestRenderAll();
 		} finally {
 			this._endMutation({ withoutSave: n });
 		}
-		return r;
+		return this.lifecycleController.fireUpdated({ lifecycle: a }), r;
 	}
 	setStroke({ target: e, stroke: t, strokeWidth: n, dash: r, withoutSave: i }) {
 		let a = this._resolveShapeGroup({ target: e });
 		if (!a) return null;
 		let { shape: o, text: s } = Y({ group: a });
 		if (!o) return null;
+		let c = this.lifecycleController.createContext({
+			group: a,
+			source: "stroke",
+			target: e,
+			withoutSave: i
+		});
 		this._beginMutation();
 		try {
 			if (St({
@@ -5523,27 +6128,33 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 					height: e.height
 				});
 			}
-			a.setCoords(), this.editor.canvas.requestRenderAll();
+			a.setCoords(), this.lifecycleController.fireBefore({ lifecycle: c }), this.editor.canvas.requestRenderAll();
 		} finally {
 			this._endMutation({ withoutSave: i });
 		}
-		return a;
+		return this.lifecycleController.fireUpdated({ lifecycle: c }), a;
 	}
 	setOpacity({ target: e, opacity: t, withoutSave: n }) {
 		let r = this._resolveShapeGroup({ target: e });
 		if (!r) return null;
 		let { shape: i, text: a } = Y({ group: r });
 		if (!i) return null;
+		let o = this.lifecycleController.createContext({
+			group: r,
+			source: "opacity",
+			target: e,
+			withoutSave: n
+		});
 		this._beginMutation();
 		try {
 			St({
 				shape: i,
 				style: { opacity: t }
-			}), a && (a.set({ opacity: t }), a.setCoords()), r.shapeOpacity = t, r.setCoords(), this.editor.canvas.requestRenderAll();
+			}), a && (a.set({ opacity: t }), a.setCoords()), r.shapeOpacity = t, r.setCoords(), this.lifecycleController.fireBefore({ lifecycle: o }), this.editor.canvas.requestRenderAll();
 		} finally {
 			this._endMutation({ withoutSave: n });
 		}
-		return r;
+		return this.lifecycleController.fireUpdated({ lifecycle: o }), r;
 	}
 	getTextNode({ target: e } = {}) {
 		let t = this._resolveShapeGroup({ target: e });
@@ -5560,6 +6171,11 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let o = this._resolveManualDimensions({ group: r }), s = this.editor.canvasManager.getObjectPlacement({ object: r }), c = this._resolveShapeTextHorizontalAlign({
 			group: r,
 			textStyle: t
+		}), l = this.lifecycleController.createContext({
+			group: r,
+			source: "text-style",
+			target: e,
+			withoutSave: n
 		});
 		this._beginMutation();
 		try {
@@ -5574,18 +6190,23 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				placement: s,
 				height: o.height,
 				alignH: c
-			}), this.editor.canvas.requestRenderAll();
+			}), this.lifecycleController.fireBefore({ lifecycle: l }), this.editor.canvas.requestRenderAll();
 		} finally {
 			this._endMutation({ withoutSave: n });
 		}
-		return r;
+		return this.lifecycleController.fireUpdated({ lifecycle: l }), r;
 	}
 	setTextAlign({ target: e, horizontal: t, vertical: n, withoutSave: r }) {
 		let i = this._resolveShapeGroup({ target: e });
 		if (!i) return null;
 		let { shape: a, text: o } = Y({ group: i });
 		if (!a || !o) return null;
-		let s = this._resolveCurrentDimensions({ group: i }), c = t ?? i.shapeAlignHorizontal ?? "center", l = n ?? i.shapeAlignVertical ?? "middle";
+		let s = this._resolveCurrentDimensions({ group: i }), c = t ?? i.shapeAlignHorizontal ?? "center", l = n ?? i.shapeAlignVertical ?? "middle", u = this.lifecycleController.createContext({
+			group: i,
+			source: "text-align",
+			target: e,
+			withoutSave: r
+		});
 		this._beginMutation();
 		try {
 			this._applyTextUpdates({
@@ -5599,11 +6220,11 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				width: s.width,
 				alignH: c,
 				alignV: l
-			}), this.editor.canvas.requestRenderAll();
+			}), this.lifecycleController.fireBefore({ lifecycle: u }), this.editor.canvas.requestRenderAll();
 		} finally {
 			this._endMutation({ withoutSave: r });
 		}
-		return i;
+		return this.lifecycleController.fireUpdated({ lifecycle: u }), i;
 	}
 	async setRounding({ target: e, rounding: t, withoutSave: n }) {
 		let r = this._resolveShapeGroup({ target: e });
@@ -5622,15 +6243,14 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	}
 	destroy() {
 		let { canvas: e } = this.editor;
-		e.off("object:scaling", this._handleObjectScaling), e.off("object:modified", this._handleObjectModified), e.off("mouse:move", this._handleMouseMove), e.off("mouse:down", this._handleMouseDown), e.off("text:editing:entered", this._handleTextEditingEntered), e.off("text:editing:exited", this._handleTextEditingExited), e.off("text:changed", this._handleTextChanged), e.off("editor:before:text-updated", this._handleBeforeTextUpdated);
+		e.off("object:scaling", this._handleObjectScaling), e.off("object:modified", this._handleObjectModified), e.off("mouse:move", this._handleMouseMove), e.off("mouse:down", this._handleMouseDown), e.off("mouse:up", this._handleMouseUp), e.off("text:editing:entered", this._handleTextEditingEntered), e.off("text:editing:exited", this._handleTextEditingExited), e.off("text:changed", this._handleTextChanged), e.off("editor:before:text-updated", this._handleBeforeTextUpdated), e.off("editor:text-updated", this._handleTextUpdated);
 	}
 	_bindEvents() {
 		let { canvas: e } = this.editor;
-		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);
+		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("mouse:up", this._handleMouseUp), 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), e.on("editor:text-updated", this._handleTextUpdated);
 	}
 	_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, internalShapeTextInset: p, changedPadding: m, style: h, rounding: g }) {
 		let _ = new Rn([r, i], {
-			id: e,
 			originX: "center",
 			originY: "center",
 			left: 0,
@@ -5638,8 +6258,8 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			lockScalingFlip: !0,
 			centeredScaling: !1,
 			objectCaching: !1
-		});
-		return this._applyShapeGroupMetadata({
+		}), v = _;
+		return v.id = e, this._applyShapeGroupMetadata({
 			group: _,
 			presetKey: t,
 			presetCanRound: n,
@@ -5664,10 +6284,10 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			padding: f,
 			internalShapeTextInset: p,
 			changedPadding: m
-		}), this._detachShapeGroupAutoLayout({ group: _ }), _;
+		}), _.shapeReplaceBoxWidth = Math.max(1, _.shapeBaseWidth ?? a), _.shapeReplaceBoxHeight = Math.max(1, _.shapeBaseHeight ?? o), this._detachShapeGroupAutoLayout({ group: _ }), _;
 	}
-	_applyShapeGroupMetadata({ group: e, presetKey: t, presetCanRound: n, width: r, height: i, manualWidth: a, manualHeight: o, shapeTextAutoExpand: s, alignH: c, alignV: l, padding: u, style: d, rounding: f }) {
-		let p = d.strokeDashArray ? d.strokeDashArray.slice() : d.strokeDashArray ?? null;
+	_applyShapeGroupMetadata({ group: e, presetKey: t, presetCanRound: n, width: r, height: i, manualWidth: a, manualHeight: o, replaceBoxWidth: s, replaceBoxHeight: c, shapeTextAutoExpand: l, alignH: u, alignV: d, padding: f, style: p, rounding: m }) {
+		let h = p.strokeDashArray ? p.strokeDashArray.slice() : p.strokeDashArray ?? null;
 		e.set({
 			shapeComposite: !0,
 			shapePresetKey: t,
@@ -5675,19 +6295,21 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			shapeBaseHeight: i,
 			shapeManualBaseWidth: Math.max(1, a ?? r),
 			shapeManualBaseHeight: Math.max(1, o ?? i),
-			shapeTextAutoExpand: s,
-			shapeAlignHorizontal: c,
-			shapeAlignVertical: l,
-			shapePaddingTop: u.top,
-			shapePaddingRight: u.right,
-			shapePaddingBottom: u.bottom,
-			shapePaddingLeft: u.left,
-			shapeFill: d.fill,
-			shapeStroke: d.stroke,
-			shapeStrokeWidth: d.strokeWidth,
-			shapeStrokeDashArray: p,
-			shapeOpacity: d.opacity,
-			shapeRounding: Math.max(0, f ?? 0),
+			shapeReplaceBoxWidth: Math.max(1, s ?? r),
+			shapeReplaceBoxHeight: Math.max(1, c ?? i),
+			shapeTextAutoExpand: l,
+			shapeAlignHorizontal: u,
+			shapeAlignVertical: d,
+			shapePaddingTop: f.top,
+			shapePaddingRight: f.right,
+			shapePaddingBottom: f.bottom,
+			shapePaddingLeft: f.left,
+			shapeFill: p.fill,
+			shapeStroke: p.stroke,
+			shapeStrokeWidth: p.strokeWidth,
+			shapeStrokeDashArray: h,
+			shapeOpacity: p.opacity,
+			shapeRounding: Math.max(0, m ?? 0),
 			shapeCanRound: n
 		});
 	}
@@ -5706,7 +6328,8 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let s = this.editor.textManager.addText(o, {
 			withoutAdding: !0,
 			withoutSave: !0,
-			withoutSelection: !0
+			withoutSelection: !0,
+			emitLifecycleEvents: !1
 		});
 		return s.set({
 			shapeNodeType: "text",
@@ -5729,7 +6352,8 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 					target: e,
 					style: i,
 					skipRender: !0,
-					withoutSave: !0
+					withoutSave: !0,
+					emitLifecycleEvents: !1
 				});
 			} finally {
 				this.internalTextUpdates.delete(e);
@@ -5738,11 +6362,11 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}
 	}
 	_resolveCurrentTextStyle({ textNode: e }) {
-		let { backgroundColor: t, backgroundOpacity: n, fill: r, fontFamily: i, fontSize: a, fontStyle: o, fontWeight: s, lineFontDefaults: c, linethrough: l, opacity: u, paddingBottom: d, paddingLeft: f, paddingRight: p, paddingTop: m, radiusBottomLeft: h, radiusBottomRight: g, radiusTopLeft: _, radiusTopRight: v, stroke: y, strokeWidth: b, styles: x, textAlign: S, underline: C, uppercase: w } = e;
+		let { backgroundColor: t, backgroundOpacity: n, fill: r, fontFamily: i, fontSize: a, fontStyle: o, fontWeight: s, lineFontDefaults: c, linethrough: l, opacity: u, paddingBottom: d, paddingLeft: f, paddingRight: p, paddingTop: m, radiusBottomLeft: h, radiusBottomRight: g, radiusTopLeft: _, radiusTopRight: v, stroke: y, strokeWidth: b, styles: x, textAlign: S, underline: C, uppercase: w } = e, T = S === "left" || S === "center" || S === "right" || S === "justify" ? { align: S } : void 0;
 		return {
 			align: this._resolveShapeTextHorizontalAlign({
 				group: e.group,
-				textStyle: { align: S }
+				textStyle: T
 			}),
 			backgroundColor: typeof t == "string" ? t : void 0,
 			backgroundOpacity: n,
@@ -5782,6 +6406,13 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			height: Math.max(1, e.shapeManualBaseHeight ?? e.shapeBaseHeight ?? e.height ?? 1)
 		};
 	}
+	_resolveReplaceBoxDimensions({ group: e }) {
+		let t = this._resolveCurrentDimensions({ group: e });
+		return {
+			width: Math.max(1, e.shapeReplaceBoxWidth ?? t.width),
+			height: Math.max(1, e.shapeReplaceBoxHeight ?? t.height)
+		};
+	}
 	_resolveGroupUserPadding({ group: e }) {
 		return zt({ padding: {
 			top: e.shapePaddingTop,
@@ -5833,42 +6464,42 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let n = t?.align;
 		return n === "left" || n === "center" || n === "right" || n === "justify" ? n : e.shapeAlignHorizontal ?? "center";
 	}
-	_applyCurrentLayout({ group: e, shape: t, text: n, placement: r, width: i, height: a, alignH: o, alignV: s, internalShapeTextInset: c, expandShapeHeightToFitText: l = !0, changedPadding: u }) {
-		let d = this._resolveCurrentDimensions({ group: e }), f = this._resolveManualDimensions({ group: e }), p = this._resolveGroupUserPadding({ group: e }), m = d.width;
-		m = i === void 0 ? this._resolveShapeLayoutWidth({
+	_applyCurrentLayout({ group: e, shape: t, text: n, placement: r, width: i, height: a, alignH: o, alignV: s, internalShapeTextInset: c, minimumReplaceBox: l, expandShapeHeightToFitText: u = !0, changedPadding: d }) {
+		let f = this._resolveCurrentDimensions({ group: e }), p = this._resolveManualDimensions({ group: e }), m = this._resolveGroupUserPadding({ group: e }), h = f.width;
+		h = i === void 0 ? this._resolveShapeLayoutWidth({
 			text: n,
-			currentWidth: d.width,
-			manualWidth: f.width,
+			currentWidth: f.width,
+			manualWidth: p.width,
 			shapeTextAutoExpandEnabled: this._isShapeTextAutoExpandEnabled({ group: e }),
 			padding: Ht({
 				base: c ?? this._resolveGroupInternalShapeTextInset({
 					group: e,
-					width: m,
-					height: Math.max(1, a ?? d.height)
+					width: h,
+					height: Math.max(1, a ?? f.height)
 				}),
-				addition: p
+				addition: m
 			})
 		}) : Math.max(1, i);
-		let h = Math.max(1, a ?? d.height), g = c ?? this._resolveGroupInternalShapeTextInset({
+		let g = Math.max(1, a ?? f.height), _ = c ?? this._resolveGroupInternalShapeTextInset({
 			group: e,
-			width: m,
-			height: h
-		}), _ = r ?? this.editor.canvasManager.getObjectPlacement({ object: e });
+			width: h,
+			height: g
+		}), v = r ?? this.editor.canvasManager.getObjectPlacement({ object: e });
 		rn({
 			group: e,
 			shape: t,
 			text: n,
-			width: m,
-			height: h,
+			width: h,
+			height: g,
 			alignH: o ?? e.shapeAlignHorizontal ?? "center",
 			alignV: s ?? e.shapeAlignVertical ?? "middle",
-			padding: p,
-			internalShapeTextInset: g,
-			expandShapeHeightToFitText: l,
-			changedPadding: u
-		}), this.editor.canvasManager.applyObjectPlacement({
+			padding: m,
+			internalShapeTextInset: _,
+			expandShapeHeightToFitText: u,
+			changedPadding: d
+		}), e.shapeReplaceBoxWidth = Math.max(1, l?.width ?? 0, e.shapeBaseWidth ?? h), e.shapeReplaceBoxHeight = Math.max(1, l?.height ?? 0, e.shapeBaseHeight ?? g), this.editor.canvasManager.applyObjectPlacement({
 			object: e,
-			placement: _
+			placement: v
 		});
 	}
 	_syncShapeTextLayoutAfterTextMutation({ textNode: e, textStyle: t }) {
@@ -5913,12 +6544,32 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	_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 ?? ar,
+			fill: n ?? t?.shapeFill ?? or,
 			stroke: r ?? t?.shapeStroke ?? null,
-			strokeWidth: i ?? t?.shapeStrokeWidth ?? or,
+			strokeWidth: i ?? t?.shapeStrokeWidth ?? sr,
 			strokeDashArray: s ?? null,
-			opacity: o ?? t?.shapeOpacity ?? sr
+			opacity: o ?? t?.shapeOpacity ?? cr
+		};
+	}
+	_collectShapeGroupsFromTarget({ target: t, subTargets: n = [] }) {
+		let r = [], i = (t) => {
+			if (!t) return;
+			if (t instanceof e) {
+				t.getObjects().forEach((e) => {
+					i(e);
+				});
+				return;
+			}
+			if (J(t)) {
+				r.includes(t) || r.push(t);
+				return;
+			}
+			let { group: n } = t;
+			!n || !J(n) || r.includes(n) || r.push(n);
 		};
+		return i(t), n.forEach((e) => {
+			i(e);
+		}), r;
 	}
 	_beginMutation() {
 		this.editor.historyManager.suspendHistory();
@@ -5953,7 +6604,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}
 		return null;
 	}
-}, lr = class {
+}, ur = class {
 	constructor({ editor: e }) {
 		this.editor = e, this.clipboard = null;
 	}
@@ -5972,7 +6623,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	async _cloneToInternalClipboard(e) {
 		let { canvas: t, errorManager: n } = this.editor;
 		try {
-			let n = await e.clone(Le);
+			let n = await e.clone(Ie);
 			this.clipboard = n, t.fire("editor:object-copied", { object: n });
 		} catch (e) {
 			n.emitError({
@@ -5993,7 +6644,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			message: "navigator.clipboard не поддерживается в этом браузере или отсутствует HTTPS-соединение."
 		}), !1;
 		try {
-			let t = e.toObject(Le), n = JSON.stringify(t);
+			let t = e.toObject(Ie), n = JSON.stringify(t);
 			return e.type === "image" ? this._copyImageToClipboard(e, n) : this._copyTextToClipboard(n);
 		} catch (e) {
 			return t.emitError({
@@ -6023,7 +6674,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	}
 	async _copyTextToClipboard(e) {
 		try {
-			let t = `${Ie}${e}`;
+			let t = `${Fe}${e}`;
 			return await navigator.clipboard.writeText(t), console.info("Text copied to clipboard successfully"), !0;
 		} catch (e) {
 			let { errorManager: t } = this.editor;
@@ -6108,7 +6759,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let { canvas: n } = this.editor, r = t || n.getActiveObject();
 		if (!r || r.locked) return !1;
 		try {
-			let t = await r.clone(Le);
+			let t = await r.clone(Ie);
 			return t instanceof e && t.forEachObject((e) => {
 				e.set({
 					id: `${e.type}-${D()}`,
@@ -6182,7 +6833,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let { canvas: t } = this.editor;
 		if (!this.clipboard) return !1;
 		try {
-			let n = await this.clipboard.clone(Le);
+			let n = await this.clipboard.clone(Ie);
 			return t.discardActiveObject(), n instanceof e && n.forEachObject((e) => {
 				e.set({
 					id: `${e.type}-${D()}`,
@@ -6209,7 +6860,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			}), !1;
 		}
 	}
-}, ur = class t {
+}, dr = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -6274,7 +6925,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			!(n instanceof _) || !n.isEditing || n.exitEditing();
 		}
 	}
-}, dr = class {
+}, fr = class {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -6340,7 +6991,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			i.resumeHistory(), n || i.saveState();
 		}
 	}
-}, fr = class t {
+}, pr = 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();
 	}
@@ -6534,7 +7185,7 @@ var tr = ({ 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;
 	}
-}, pr = class e {
+}, mr = class e {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -6574,7 +7225,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		};
 		return i.fire("editor:objects-deleted", l), l;
 	}
-}, mr = {
+}, hr = {
 	IMAGE_MANAGER: {
 		INVALID_CONTENT_TYPE: "INVALID_CONTENT_TYPE",
 		INVALID_SOURCE_TYPE: "INVALID_SOURCE_TYPE",
@@ -6612,7 +7263,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		INVALID_TARGET: "TEMPLATE_INVALID_TARGET",
 		APPLY_FAILED: "TEMPLATE_APPLY_FAILED"
 	}
-}, hr = class e {
+}, gr = class e {
 	constructor({ editor: e }) {
 		this._buffer = [], this.editor = e;
 	}
@@ -6670,9 +7321,9 @@ var tr = ({ 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(mr).some((t) => Object.values(t).includes(e)) : !1;
+		return e ? Object.values(hr).some((t) => Object.values(t).includes(e)) : !1;
 	}
-}, gr = class {
+}, _r = class {
 	constructor({ editor: e }) {
 		this.currentBounds = null, this.editor = e;
 	}
@@ -6721,32 +7372,32 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	updateBounds() {
 		this.currentBounds = this.calculatePanBounds();
 	}
-}, _r = ({ textbox: e }) => {
+}, vr = ({ 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)
 	};
-}, vr = ({ textbox: e }) => {
+}, yr = ({ textbox: e }) => {
 	let t = e.text?.length ?? 0;
 	return t <= 0 ? null : {
 		start: 0,
 		end: t
 	};
-}, yr = ({ textbox: e, range: t }) => {
+}, br = ({ textbox: e, range: t }) => {
 	if (!t) return !1;
 	let n = e.text?.length ?? 0;
 	return n <= 0 ? !1 : t.start <= 0 && t.end >= n;
-}, br = ({ textbox: e, styles: t, range: n }) => {
+}, xr = ({ 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);
-}, xr = ({ 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];
-}, Sr = ({ strokeColor: e, width: t }) => t <= 0 ? null : e ?? "#000000", Cr = ({ width: e = 0 }) => e ? Math.max(0, e) : 0, wr = ({ value: e }) => typeof e == "string" ? e.toLocaleUpperCase() : "", Tr = ({ value: e, min: t, max: n }) => Math.min(Math.max(e, t), n), Er = class e extends _ {
+}, Cr = ({ strokeColor: e, width: t }) => t <= 0 ? null : e ?? "#000000", wr = ({ width: e = 0 }) => e ? Math.max(0, e) : 0, Tr = ({ value: e }) => typeof e == "string" ? e.toLocaleUpperCase() : "", Er = ({ value: e, min: t, max: n }) => Math.min(Math.max(e, t), n), Dr = class e extends _ {
 	static {
 		this.type = "background-textbox";
 	}
@@ -6788,6 +7439,15 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	initDimensions() {
 		super.initDimensions(), this.shouldRoundDimensionsOnInit !== !1 && this._roundDimensions();
 	}
+	transformMatrixKey(e = !1) {
+		return [
+			...super.transformMatrixKey(e),
+			this.paddingTop ?? 0,
+			this.paddingRight ?? 0,
+			this.paddingBottom ?? 0,
+			this.paddingLeft ?? 0
+		];
+	}
 	_getLeftOffset() {
 		let { width: e } = this._getBackgroundDimensions(), { left: t } = this._getPadding();
 		return -e / 2 + t;
@@ -6871,7 +7531,7 @@ var tr = ({ 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 = Cr({ width: typeof n == "number" && Number.isFinite(n) ? n : 0 }), i = this.getValueOfPropertyAt(e, t, "stroke"), a = i == null ? null : Sr({
+		let n = this.getValueOfPropertyAt(e, t, "strokeWidth"), r = wr({ width: typeof n == "number" && Number.isFinite(n) ? n : 0 }), i = this.getValueOfPropertyAt(e, t, "stroke"), a = i == null ? null : Cr({
 			strokeColor: i,
 			width: r
 		});
@@ -6887,22 +7547,22 @@ var tr = ({ 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: Tr({
+			bottomLeft: Er({
 				value: this.radiusBottomLeft ?? 0,
 				min: 0,
 				max: i
 			}),
-			bottomRight: Tr({
+			bottomRight: Er({
 				value: this.radiusBottomRight ?? 0,
 				min: 0,
 				max: i
 			}),
-			topLeft: Tr({
+			topLeft: Er({
 				value: this.radiusTopLeft ?? 0,
 				min: 0,
 				max: i
 			}),
-			topRight: Tr({
+			topRight: Er({
 				value: this.radiusTopRight ?? 0,
 				min: 0,
 				max: i
@@ -6920,7 +7580,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	_getEffectiveBackgroundFill() {
 		let e = this.backgroundColor;
 		if (!e) return null;
-		let t = Tr({
+		let t = Er({
 			value: this.backgroundOpacity ?? 1,
 			min: 0,
 			max: 1
@@ -6928,7 +7588,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		try {
 			r = new n(e);
 		} catch (t) {
-			return hr.emitError({
+			return gr.emitError({
 				origin: "BackgroundTextbox",
 				method: "_getEffectiveBackgroundFill",
 				code: "INVALID_COLOR_VALUE",
@@ -6942,19 +7602,19 @@ var tr = ({ 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 = Tr({
+		let o = n + a, s = i + t, { topLeft: c, topRight: l, bottomRight: u, bottomLeft: d } = r, f = Er({
 			value: c,
 			min: 0,
 			max: a
-		}), p = Tr({
+		}), p = Er({
 			value: l,
 			min: 0,
 			max: a
-		}), m = Tr({
+		}), m = Er({
 			value: u,
 			min: 0,
 			max: a
-		}), h = Tr({
+		}), h = Er({
 			value: d,
 			min: 0,
 			max: a
@@ -6965,9 +7625,9 @@ var tr = ({ 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));
 	}
-}, Dr = () => {
-	y?.setClass && y.setClass(Er, "background-textbox");
-}, Or = .01, kr = ({ textbox: e, lineIndices: t, updates: n }) => {
+}, Or = () => {
+	y?.setClass && y.setClass(Dr, "background-textbox");
+}, kr = .01, Ar = ({ 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;
@@ -6979,7 +7639,7 @@ var tr = ({ 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;
-}, Ar = ({ lineText: e, lineStyles: t, lineDefaults: n }) => {
+}, jr = ({ lineText: e, lineStyles: t, lineDefaults: n }) => {
 	let r = e.length;
 	if (r === 0) return {
 		lineStyles: t,
@@ -7011,7 +7671,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		lineStyles: l,
 		changed: u
 	};
-}, jr = ({ lineFontDefaults: e }) => {
+}, Mr = ({ lineFontDefaults: e }) => {
 	if (!e) return;
 	let t = {};
 	for (let n in e) {
@@ -7022,7 +7682,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		i && (t[r] = { ...i });
 	}
 	return t;
-}, Mr = ({ lineFontDefaults: e, scale: t }) => {
+}, Nr = ({ 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) {
@@ -7039,20 +7699,34 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		n[o] = c, r = !0;
 	}
 	if (!(!r || !i)) return n;
-}, Nr = ({ textbox: e, text: t }) => {
+}, Pr = ({ 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;
-}, Pr = ({ textbox: e, montageLeft: t, montageRight: n }) => {
+}, Fr = ({ origin: e, size: t }) => e === "left" || e === "top" || e === "start" || e === 0 ? 0 : e === "right" || e === "bottom" || e === "end" || e === 1 ? t : t / 2, Ir = ({ textbox: e, originX: t = e.originX ?? "center", originY: n = e.originY ?? "center" }) => {
+	let r = e.width ?? e.calcTextWidth() ?? 0, i = e.height ?? e.calcTextHeight() ?? 0, a = e.paddingTop ?? 0, o = e.paddingRight ?? 0, s = e.paddingBottom ?? 0, c = e.paddingLeft ?? 0, l = -r / 2 + (c - o) / 2, u = -i / 2 + (a - s) / 2, d = new p(l + Fr({
+		origin: t,
+		size: r
+	}), u + Fr({
+		origin: n,
+		size: i
+	})), f = e.getPointByOrigin("center", "center"), m = e, h = typeof m.calcTransformMatrix == "function" ? m.calcTransformMatrix() : null, g = Array.isArray(h) ? new p(d.x * h[0] + d.y * h[2] + f.x, d.x * h[1] + d.y * h[3] + f.y) : new p(f.x + d.x, f.y + d.y);
+	return {
+		left: g.x,
+		top: g.y,
+		originX: t,
+		originY: n
+	};
+}, Lr = ({ 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);
-}, Fr = ({ rawValue: e, calculatedValue: t }) => typeof e == "number" ? e : typeof t == "number" ? t : 0, Ir = ({ stylesList: e }) => {
+}, Rr = ({ rawValue: e, calculatedValue: t }) => typeof e == "number" ? e : typeof t == "number" ? t : 0, zr = ({ stylesList: e }) => {
 	let t = e.length;
 	if (!t) return !1;
 	for (let n = 0; n < t; n += 1) {
@@ -7062,16 +7736,16 @@ var tr = ({ 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;
-}, Lr = ({ 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 = Fr({
+}, Br = ({ 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 = Rr({
 		rawValue: t,
 		calculatedValue: a
-	}), c = Fr({
+	}), c = Rr({
 		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;
-}, Rr = ({ textbox: e }) => {
+}, Vr = ({ textbox: e }) => {
 	let t = e.width ?? e.calcTextWidth(), n = e.fontSize ?? 16, { styles: r = {} } = e, { lineFontDefaults: i } = e, { paddingTop: a = 0, paddingRight: o = 0, paddingBottom: s = 0, paddingLeft: c = 0 } = e, { radiusTopLeft: l = 0, radiusTopRight: u = 0, radiusBottomRight: d = 0, radiusBottomLeft: f = 0 } = e;
 	return {
 		width: t,
@@ -7089,9 +7763,9 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			bottomLeft: f
 		},
 		styles: JSON.parse(JSON.stringify(r)),
-		lineFontDefaults: jr({ lineFontDefaults: i })
+		lineFontDefaults: Mr({ lineFontDefaults: i })
 	};
-}, zr = ({ base: e }) => {
+}, Hr = ({ base: e }) => {
 	let t = 1 / Math.max(1, e.width), n = [e.fontSize];
 	Object.values(e.styles).forEach((e) => {
 		Object.values(e).forEach((e) => {
@@ -7108,11 +7782,11 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		fontScale: r,
 		proportionalScale: Math.max(t, r)
 	};
-}, Br = ({ textbox: e, canvasManager: t, base: n, widthScale: r, heightScale: i, placement: a, shouldScaleFontSize: o, shouldScalePadding: s, shouldScaleRadii: c, shouldDisableAutoExpandOnHorizontalChange: l = !1, shouldRoundDimensions: u = !0 }) => {
-	let { width: d, fontSize: f, padding: p, radii: m, styles: h, lineFontDefaults: g } = n, _ = Math.max(1, d * r), v = u ? Math.max(1, Math.round(_)) : _, y = Math.max(Math.min(8, f), f * i), b = Object.keys(h).length > 0, x;
-	if (o && b) {
+}, Ur = ({ textbox: e, canvasManager: t, base: n, widthScale: r, heightScale: i, placement: a, anchorPlacement: o, shouldScaleFontSize: s, shouldScalePadding: c, shouldScaleRadii: l, shouldDisableAutoExpandOnHorizontalChange: u = !1, shouldRoundDimensions: d = !0 }) => {
+	let { width: f, fontSize: m, padding: h, radii: g, styles: _, lineFontDefaults: v } = n, y = Math.max(1, f * r), b = d ? Math.max(1, Math.round(y)) : y, x = Math.max(Math.min(8, m), m * i), S = Object.keys(_).length > 0, C;
+	if (s && S) {
 		let e = {};
-		Object.entries(h).forEach(([t, n]) => {
+		Object.entries(_).forEach(([t, n]) => {
 			if (!n) return;
 			let r = {};
 			Object.entries(n).forEach(([e, t]) => {
@@ -7124,65 +7798,71 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				}
 				r[e] = n;
 			}), Object.keys(r).length && (e[t] = r);
-		}), Object.keys(e).length && (x = e);
+		}), Object.keys(e).length && (C = e);
 	}
-	let S;
-	o && (S = Mr({
-		lineFontDefaults: g,
+	let w;
+	s && (w = Nr({
+		lineFontDefaults: v,
 		scale: i
 	}));
-	let C = s ? {
-		top: Math.max(0, p.top * i),
-		right: Math.max(0, p.right * i),
-		bottom: Math.max(0, p.bottom * i),
-		left: Math.max(0, p.left * i)
-	} : p, w = c ? {
-		topLeft: Math.max(0, m.topLeft * i),
-		topRight: Math.max(0, m.topRight * i),
-		bottomRight: Math.max(0, m.bottomRight * i),
-		bottomLeft: Math.max(0, m.bottomLeft * i)
-	} : m, T = e.width ?? d, E = Math.abs(v - T) > Or;
-	l && E && (e.autoExpand = !1), x && (e.styles = x), S && (e.lineFontDefaults = S), e.set({
-		width: v,
-		fontSize: o ? y : f,
-		paddingTop: C.top,
-		paddingRight: C.right,
-		paddingBottom: C.bottom,
-		paddingLeft: C.left,
-		radiusTopLeft: w.topLeft,
-		radiusTopRight: w.topRight,
-		radiusBottomRight: w.bottomRight,
-		radiusBottomLeft: w.bottomLeft,
+	let T = c ? {
+		top: Math.max(0, h.top * i),
+		right: Math.max(0, h.right * i),
+		bottom: Math.max(0, h.bottom * i),
+		left: Math.max(0, h.left * i)
+	} : h, E = l ? {
+		topLeft: Math.max(0, g.topLeft * i),
+		topRight: Math.max(0, g.topRight * i),
+		bottomRight: Math.max(0, g.bottomRight * i),
+		bottomLeft: Math.max(0, g.bottomLeft * i)
+	} : g, D = e.width ?? f, O = Math.abs(b - D) > kr;
+	u && O && (e.autoExpand = !1), C && (e.styles = C), w && (e.lineFontDefaults = w), e.set({
+		width: b,
+		fontSize: s ? x : m,
+		paddingTop: T.top,
+		paddingRight: T.right,
+		paddingBottom: T.bottom,
+		paddingLeft: T.left,
+		radiusTopLeft: E.topLeft,
+		radiusTopRight: E.topRight,
+		radiusBottomRight: E.bottomRight,
+		radiusBottomLeft: E.bottomLeft,
 		scaleX: 1,
 		scaleY: 1
 	});
-	let D = e.shouldRoundDimensionsOnInit;
-	e.shouldRoundDimensionsOnInit = u;
+	let k = e.shouldRoundDimensionsOnInit;
+	e.shouldRoundDimensionsOnInit = d;
 	try {
 		e.initDimensions();
 	} finally {
-		e.shouldRoundDimensionsOnInit = D;
-	}
-	let O = u ? Lr({ textbox: e }) : !1;
-	return O && (e.dirty = !0), t.applyObjectPlacement({
+		e.shouldRoundDimensionsOnInit = k;
+	}
+	let A = d ? Br({ textbox: e }) : !1;
+	return A && (e.dirty = !0), o ? (e.set({
+		originX: a.originX,
+		originY: a.originY
+	}), e.setPositionByOrigin(new p(o.left, o.top), o.originX, o.originY), e.setCoords(), {
+		appliedWidth: e.width ?? b,
+		dimensionsRounded: A
+	}) : (t.applyObjectPlacement({
 		object: e,
 		placement: a
 	}), e.setCoords(), {
-		appliedWidth: e.width ?? v,
-		dimensionsRounded: O
-	};
-}, Vr = ({ transform: e }) => {
+		appliedWidth: e.width ?? b,
+		dimensionsRounded: A
+	});
+}, Wr = ({ transform: e }) => {
 	let { corner: t = "", action: n = "" } = e;
 	return {
 		isCornerHandle: t === "tl" || t === "tr" || t === "bl" || t === "br" || n === "scale",
 		isHorizontalHandle: t === "ml" || t === "mr" || n === "scaleX",
 		isVerticalHandle: t === "mt" || t === "mb" || n === "scaleY"
 	};
-}, Hr = ({ textbox: e, transform: t, appliedWidth: n }) => {
+}, Gr = ({ textbox: e, transform: t, appliedWidth: n }) => {
 	t.scaleX = 1, t.scaleY = 1;
 	let { original: r } = t;
 	r && (r.scaleX = 1, r.scaleY = 1, r.width = n, r.height = e.height, r.left = e.left, r.top = e.top);
-}, Ur = ({ textbox: e, transform: t, scenePoint: n }) => {
+}, Kr = ({ textbox: e, transform: t, scenePoint: n }) => {
 	let { x: r, y: i } = e._getTransformedDimensions();
 	if (r <= 0 || i <= 0) return null;
 	let a = b.getLocalPoint(t, t.originX, t.originY, n.x, n.y), o = t, s = typeof o.signX == "number" && a.x * o.signX <= 0, c = typeof o.signY == "number" && a.y * o.signY <= 0, l = Math.abs(a.x / r), u = Math.abs(a.y / i);
@@ -7192,27 +7872,27 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		stepScaleX: l,
 		stepScaleY: u
 	};
-}, Wr = 1e-4;
-function Gr(e) {
+}, qr = 1e-4;
+function Jr(e) {
 	return !!e && e instanceof _;
 }
-function Kr(e) {
-	if (!Gr(e)) return !1;
+function Yr(e) {
+	if (!Jr(e)) return !1;
 	let t = e.group;
 	return e.shapeNodeType === "text" && t?.shapeComposite === !0;
 }
-var qr = class {
+var Xr = class {
 	constructor({ canvas: t, canvasManager: n, persistScaledTextbox: r }) {
 		this.handleMouseMove = (e) => {
 			let t = this.canvas._currentTransform;
 			if (!t) return;
 			let { target: n } = t;
-			if (!Gr(n) || Kr(n)) return;
+			if (!Jr(n) || Yr(n)) return;
 			let r = this.scalingState.get(n);
 			if (!r || !e.e) return;
-			let { isCornerHandle: i, isHorizontalHandle: a, isVerticalHandle: o } = Vr({ transform: t });
+			let { isCornerHandle: i, isHorizontalHandle: a, isVerticalHandle: o } = Wr({ transform: t });
 			if (!a && !o && !i) return;
-			let s = Ur({
+			let s = Kr({
 				textbox: n,
 				transform: t,
 				scenePoint: this.canvas.getScenePoint(e.e)
@@ -7235,33 +7915,34 @@ var qr = class {
 			}, j = r.lastAllowedScaleX, M = r.lastAllowedScaleY;
 			if (i) {
 				let e = Math.max(r.minimumProportionalScale, r.lastAllowedScaleX * Math.sqrt(u * d)), t = c || l ? r.minimumProportionalScale : e;
-				if (Math.abs(t - r.lastAllowedScaleX) <= Wr) return;
+				if (Math.abs(t - r.lastAllowedScaleX) <= qr) return;
 				j = t, M = t;
 			} else {
 				if (a) {
 					let e = r.lastAllowedScaleX * u, t = c ? r.minimumWidthScale : Math.max(r.minimumWidthScale, e);
-					Math.abs(t - r.lastAllowedScaleX) > Wr && (j = t);
+					Math.abs(t - r.lastAllowedScaleX) > qr && (j = t);
 				}
 				if (o) {
 					let e = r.lastAllowedScaleY * d, t = l ? r.minimumFontScale : Math.max(r.minimumFontScale, e);
-					Math.abs(t - r.lastAllowedScaleY) > Wr && (M = t);
+					Math.abs(t - r.lastAllowedScaleY) > qr && (M = t);
 				}
-				if (Math.abs(j - r.lastAllowedScaleX) <= Wr && Math.abs(M - r.lastAllowedScaleY) <= Wr) return;
+				if (Math.abs(j - r.lastAllowedScaleX) <= qr && Math.abs(M - r.lastAllowedScaleY) <= qr) return;
 			}
-			let { appliedWidth: N, dimensionsRounded: P } = Br({
+			let { appliedWidth: N, dimensionsRounded: P } = Ur({
 				textbox: n,
 				canvasManager: this.canvasManager,
 				base: r.startBase,
+				placement: r.startObjectPlacement,
+				anchorPlacement: m,
 				widthScale: j,
 				heightScale: M,
-				placement: m,
 				shouldScaleFontSize: i || o,
 				shouldScalePadding: i || o,
 				shouldScaleRadii: i || o,
 				shouldDisableAutoExpandOnHorizontalChange: a,
 				shouldRoundDimensions: !i
 			});
-			Hr({
+			Gr({
 				textbox: n,
 				transform: t,
 				appliedWidth: N
@@ -7282,47 +7963,48 @@ var qr = class {
 			}), this.canvas.requestRenderAll();
 		}, this.handleObjectScaling = (t) => {
 			let { target: n, transform: r } = t;
-			if (n instanceof e || !Gr(n) || Kr(n) || !r) return;
+			if (n instanceof e || !Jr(n) || Yr(n) || !r) return;
 			n.isScaling = !0;
 			let i = this._ensureScalingState({
 				textbox: n,
 				transform: r
-			}), { startBase: a } = i, { width: o, fontSize: s } = a, { isCornerHandle: c, isHorizontalHandle: l, isVerticalHandle: u } = Vr({ transform: r }), d = r.corner ?? "", f = c || u;
+			}), { startBase: a } = i, { width: o, fontSize: s } = a, { isCornerHandle: c, isHorizontalHandle: l, isVerticalHandle: u } = Wr({ transform: r }), d = r.corner ?? "", f = c || u;
 			if (!l && !u && !c) return;
 			let p = n.scaleX ?? r.scaleX ?? 1, m = n.scaleY ?? r.scaleY ?? 1, h = Math.abs(p) || 1, g = Math.abs(m) || 1, _ = r.originX ?? n.originX ?? "center", v = r.originY ?? n.originY ?? "center", y = this.canvasManager.getObjectPlacement({
 				object: n,
 				originX: _,
 				originY: v
-			}), { paddingTop: b = 0, paddingRight: x = 0, paddingBottom: S = 0, paddingLeft: C = 0, radiusTopLeft: w = 0, radiusTopRight: T = 0, radiusBottomRight: E = 0, radiusBottomLeft: D = 0, fontSize: O, width: k } = n, A = c || u, j = c || u, M = k ?? o, N = i.lastAllowedScaleX, P = i.lastAllowedScaleY, F = y, ee = !0;
+			}), { paddingTop: b = 0, paddingRight: x = 0, paddingBottom: S = 0, paddingLeft: C = 0, radiusTopLeft: w = 0, radiusTopRight: T = 0, radiusBottomRight: E = 0, radiusBottomLeft: D = 0, fontSize: O, width: k } = n, A = c || u, j = c || u, M = k ?? o, N = i.lastAllowedScaleX, P = i.lastAllowedScaleY, F = y, I = !0;
 			if (c) {
 				let e = Math.sqrt(h * g), t = i.lastAllowedScaleX * e, n = p < 0 || m < 0, r = _ !== i.startTransformOriginX || v !== i.startTransformOriginY, a = d !== i.startTransformCorner;
-				if (n || r || a) N = i.lastAllowedScaleX, P = i.lastAllowedScaleY, F = i.lastAllowedPlacement, ee = !1;
+				if (n || r || a) N = i.lastAllowedScaleX, P = i.lastAllowedScaleY, F = i.lastAllowedAnchorPlacement, I = !1;
 				else {
 					let e = Math.max(i.minimumProportionalScale, t);
 					N = e, P = e;
 				}
 			} else l && (N = Math.max(i.minimumWidthScale, i.lastAllowedScaleX * h)), u && (P = Math.max(i.minimumFontScale, i.lastAllowedScaleY * g));
-			let { appliedWidth: te, dimensionsRounded: I } = Br({
+			let { appliedWidth: ee, dimensionsRounded: te } = Ur({
 				textbox: n,
 				canvasManager: this.canvasManager,
 				base: a,
+				placement: i.startObjectPlacement,
+				anchorPlacement: F,
 				widthScale: N,
 				heightScale: P,
-				placement: F,
 				shouldScaleFontSize: f,
 				shouldScalePadding: A,
 				shouldScaleRadii: j,
 				shouldDisableAutoExpandOnHorizontalChange: l,
 				shouldRoundDimensions: !c
 			});
-			Hr({
+			Gr({
 				textbox: n,
 				transform: r,
-				appliedWidth: te
-			}), this.canvas.requestRenderAll(), ee && this._updateScalingStateAfterLiveCommit({
+				appliedWidth: ee
+			}), this.canvas.requestRenderAll(), I && this._updateScalingStateAfterLiveCommit({
 				textbox: n,
 				state: i,
-				appliedWidth: te,
+				appliedWidth: ee,
 				previousFontSize: O ?? s,
 				previousPadding: {
 					top: b,
@@ -7337,7 +8019,7 @@ var qr = class {
 					bottomLeft: D
 				},
 				previousWidth: M,
-				dimensionsRounded: I,
+				dimensionsRounded: te,
 				isCornerHandle: c,
 				isHorizontalHandle: l,
 				isVerticalHandle: u,
@@ -7348,7 +8030,7 @@ var qr = class {
 			let { target: n } = t;
 			if (n instanceof e) {
 				let t = n.getObjects();
-				if (!t.some((e) => Gr(e))) return;
+				if (!t.some((e) => Jr(e))) return;
 				let { scaleX: r = 1, scaleY: i = 1 } = n;
 				if (Math.abs(r - 1) < .01 && Math.abs(i - 1) < .01) return;
 				this.canvas.discardActiveObject(), t.forEach((e) => {
@@ -7358,7 +8040,7 @@ var qr = class {
 				this.canvas.setActiveObject(a), this.canvas.requestRenderAll();
 				return;
 			}
-			if (!Gr(n) || Kr(n)) return;
+			if (!Jr(n) || Yr(n)) return;
 			n.isScaling = !1;
 			let r = this.scalingState.get(n);
 			if (this.scalingState.delete(n), !r?.hasScalingChange) return;
@@ -7383,11 +8065,11 @@ var qr = class {
 		}, this.canvas = t, this.canvasManager = n, this.persistScaledTextbox = r, this.scalingState = /* @__PURE__ */ new WeakMap();
 	}
 	commitStandaloneTextScale({ target: e, shouldDisableAutoExpandOnHorizontalChange: t = !1 }) {
-		if (!Gr(e) || Kr(e)) return !1;
+		if (!Jr(e) || Yr(e)) return !1;
 		let n = Math.abs(e.scaleX ?? 1) || 1, r = Math.abs(e.scaleY ?? 1) || 1;
 		if (!(Math.abs(n - 1) > .01 || Math.abs(r - 1) > .01)) return !1;
-		let i = Rr({ textbox: e }), a = this.canvasManager.getObjectPlacement({ object: e });
-		return Br({
+		let i = Vr({ textbox: e }), a = this.canvasManager.getObjectPlacement({ object: e });
+		return Ur({
 			textbox: e,
 			canvasManager: this.canvasManager,
 			base: i,
@@ -7403,22 +8085,23 @@ var qr = class {
 	_ensureScalingState({ textbox: e, transform: t }) {
 		let n = this.scalingState.get(e);
 		if (!n) {
-			let r = Rr({ textbox: e }), i = zr({ base: r }), a = t.original?.originX ?? t.originX ?? e.originX ?? "center", o = t.original?.originY ?? t.originY ?? e.originY ?? "center";
+			let r = Vr({ textbox: e }), i = this.canvasManager.getObjectPlacement({ object: e }), a = Hr({ base: r }), o = t.original?.originX ?? t.originX ?? e.originX ?? "center", s = t.original?.originY ?? t.originY ?? e.originY ?? "center";
 			n = {
 				startBase: r,
+				startObjectPlacement: i,
 				startTransformCorner: typeof t.corner == "string" ? t.corner : null,
-				startTransformOriginX: a,
-				startTransformOriginY: o,
+				startTransformOriginX: o,
+				startTransformOriginY: s,
 				lastAllowedScaleX: 1,
 				lastAllowedScaleY: 1,
-				lastAllowedPlacement: this.canvasManager.getObjectPlacement({
+				lastAllowedAnchorPlacement: this.canvasManager.getObjectPlacement({
 					object: e,
-					originX: a,
-					originY: o
+					originX: o,
+					originY: s
 				}),
-				minimumWidthScale: i.widthScale,
-				minimumFontScale: i.fontScale,
-				minimumProportionalScale: i.proportionalScale,
+				minimumWidthScale: a.widthScale,
+				minimumFontScale: a.fontScale,
+				minimumProportionalScale: a.proportionalScale,
 				hasScalingChange: !1
 			}, this.scalingState.set(e, n);
 		}
@@ -7435,7 +8118,7 @@ var qr = class {
 			topRight: e.radiusTopRight ?? 0,
 			bottomRight: e.radiusBottomRight ?? 0,
 			bottomLeft: e.radiusBottomLeft ?? 0
-		}, v = Math.abs(n - o) > Or, y = Math.abs(h - r) > Or, b = Math.abs(g.top - i.top) > .01 || Math.abs(g.right - i.right) > .01 || Math.abs(g.bottom - i.bottom) > .01 || Math.abs(g.left - i.left) > .01, x = Math.abs(_.topLeft - a.topLeft) > .01 || Math.abs(_.topRight - a.topRight) > .01 || Math.abs(_.bottomRight - a.bottomRight) > .01 || Math.abs(_.bottomLeft - a.bottomLeft) > .01, S = t.lastAllowedScaleX, C = t.lastAllowedScaleY;
+		}, v = Math.abs(n - o) > kr, y = Math.abs(h - r) > kr, b = Math.abs(g.top - i.top) > .01 || Math.abs(g.right - i.right) > .01 || Math.abs(g.bottom - i.bottom) > .01 || Math.abs(g.left - i.left) > .01, x = Math.abs(_.topLeft - a.topLeft) > .01 || Math.abs(_.topRight - a.topRight) > .01 || Math.abs(_.bottomRight - a.bottomRight) > .01 || Math.abs(_.bottomLeft - a.bottomLeft) > .01, S = t.lastAllowedScaleX, C = t.lastAllowedScaleY;
 		if (c) {
 			let e = h / Math.max(1, m);
 			S = e, C = e;
@@ -7450,13 +8133,13 @@ var qr = class {
 		}), t.hasScalingChange = t.hasScalingChange || v || y || b || x || s;
 	}
 	_storeLastAllowedScalingState({ textbox: e, state: t, widthScale: n, heightScale: r, originX: i, originY: a }) {
-		t.lastAllowedScaleX = n, t.lastAllowedScaleY = r, t.lastAllowedPlacement = this.canvasManager.getObjectPlacement({
+		t.lastAllowedScaleX = n, t.lastAllowedScaleY = r, t.lastAllowedAnchorPlacement = this.canvasManager.getObjectPlacement({
 			object: e,
 			originX: i,
 			originY: a
 		});
 	}
-}, Jr = ({ textbox: e }) => {
+}, Zr = ({ textbox: e }) => {
 	let t = e.text ?? "";
 	if (!t.length) return [];
 	let n = t.split("\n"), r = [], i = 0;
@@ -7468,7 +8151,7 @@ var qr = class {
 		});
 	}
 	return r;
-}, Yr = ({ range: e, text: t }) => {
+}, Qr = ({ range: e, text: t }) => {
 	if (!e) return null;
 	let n = t.length;
 	if (n <= 0) return null;
@@ -7477,8 +8160,8 @@ var qr = class {
 		start: l,
 		end: u
 	};
-}, Xr = ({ textbox: e, range: t }) => {
-	let n = Jr({ textbox: e });
+}, $r = ({ textbox: e, range: t }) => {
+	let n = Zr({ textbox: e });
 	if (!n.length) return t;
 	let { start: r } = t, { end: i } = t;
 	for (let e = 0; e < n.length; e += 1) {
@@ -7491,7 +8174,7 @@ var qr = class {
 		start: r,
 		end: i
 	};
-}, Zr = ({ textbox: e, range: t }) => {
+}, ei = ({ 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;
@@ -7500,7 +8183,7 @@ var qr = class {
 		i > n && r < c && o.push(e), s = c + 1;
 	}
 	return o;
-}, Qr = ({ textbox: e, range: t }) => {
+}, ti = ({ 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;
@@ -7509,20 +8192,20 @@ var qr = class {
 		r <= n && i >= c && o.push(e), s = c + 1;
 	}
 	return o;
-}, $r = ({ previous: e, next: t }) => {
+}, ni = ({ 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;
-}, ei = ({ text: e, charIndex: t }) => {
+}, ri = ({ 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;
-}, ti = ({ text: e, lineIndex: t }) => {
+}, ii = ({ 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;
-}, ni = class e {
+}, ai = class e {
 	constructor({ editor: t }) {
 		this._handleTextEditingEntered = (t) => {
 			this.isTextEditingActive = !0;
@@ -7535,7 +8218,7 @@ var qr = class {
 			if (!e._isTextbox(n) || this.lineDefaultsSyncing.has(n)) return;
 			let r = e._isShapeOwnedTextbox(n), { text: i = "", uppercase: a, autoExpand: o } = n, s = !!a, c = o !== !1, l = i.toLocaleLowerCase(), u = r ? null : this.editingPlacementState?.get(n) ?? this.editor.canvasManager.getObjectPlacement({ object: n });
 			if (s) {
-				let e = wr({ value: l });
+				let e = Tr({ value: l });
 				e !== i && n.set({ text: e }), n.textCaseRaw = l;
 			} else n.textCaseRaw = i;
 			if (!r && o === void 0 && (n.autoExpand = !0), r) {
@@ -7553,7 +8236,7 @@ var qr = class {
 			let r = e._isShapeOwnedTextbox(n);
 			this.editingPlacementState?.delete(n);
 			let i = n.text ?? "";
-			n.uppercase ? n.textCaseRaw = n.textCaseRaw ?? i.toLocaleLowerCase() : n.textCaseRaw = i, r || (Lr({ 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 || (Br({ textbox: n }) && (n.setCoords(), n.dirty = !0, this.canvas.requestRenderAll()), n.locked || n.set({
 				lockMovementX: !1,
 				lockMovementY: !1
 			}));
@@ -7580,7 +8263,7 @@ var qr = class {
 				transform: r,
 				event: i ?? null
 			});
-		}, this.editor = t, this.canvas = t.canvas, this.fonts = t.options.fonts ?? [], this.scalingController = new qr({
+		}, this.editor = t, this.canvas = t.canvas, this.fonts = t.options.fonts ?? [], this.scalingController = new Xr({
 			canvas: t.canvas,
 			canvasManager: t.canvasManager,
 			persistScaledTextbox: ({ target: e, style: t }) => {
@@ -7589,17 +8272,17 @@ var qr = class {
 					style: t
 				});
 			}
-		}), this.editingPlacementState = /* @__PURE__ */ new WeakMap(), this.lineDefaultsSyncing = /* @__PURE__ */ new WeakSet(), this.isTextEditingActive = !1, this._bindEvents(), Dr();
+		}), this.editingPlacementState = /* @__PURE__ */ new WeakMap(), this.lineDefaultsSyncing = /* @__PURE__ */ new WeakSet(), this.isTextEditingActive = !1, this._bindEvents(), Or();
 	}
-	addText({ id: t = `text-${D()}`, text: n = "Новый текст", autoExpand: r = !0, fontFamily: i, fontSize: a = 48, bold: o = !1, italic: s = !1, underline: c = !1, uppercase: l = !1, strikethrough: u = !1, align: d = "left", color: f = "#000000", strokeColor: p, strokeWidth: m = 0, opacity: h = 1, backgroundColor: g, backgroundOpacity: _ = 1, paddingTop: v = 0, paddingRight: y = 0, paddingBottom: b = 0, paddingLeft: x = 0, radiusTopLeft: S = 0, radiusTopRight: C = 0, radiusBottomRight: w = 0, radiusBottomLeft: T = 0, ...E } = {}, { withoutSelection: O = !1, withoutSave: k = !1, withoutAdding: A = !1 } = {}) {
-		let { canvasManager: j, historyManager: M } = this.editor, { canvas: N } = this;
-		M.suspendHistory();
-		let P = i ?? this._getDefaultFontFamily(), F = Cr({ width: m }), ee = Sr({
+	addText({ id: t = `text-${D()}`, text: n = "Новый текст", autoExpand: r = !0, fontFamily: i, fontSize: a = 48, bold: o = !1, italic: s = !1, underline: c = !1, uppercase: l = !1, strikethrough: u = !1, align: d = "left", color: f = "#000000", strokeColor: p, strokeWidth: m = 0, opacity: h = 1, backgroundColor: g, backgroundOpacity: _ = 1, paddingTop: v = 0, paddingRight: y = 0, paddingBottom: b = 0, paddingLeft: x = 0, radiusTopLeft: S = 0, radiusTopRight: C = 0, radiusBottomRight: w = 0, radiusBottomLeft: T = 0, ...E } = {}, { withoutSelection: O = !1, withoutSave: k = !1, withoutAdding: A = !1, emitLifecycleEvents: j = !0 } = {}) {
+		let { canvasManager: M, historyManager: N } = this.editor, { canvas: P } = this;
+		N.suspendHistory();
+		let F = i ?? this._getDefaultFontFamily(), I = wr({ width: m }), ee = Cr({
 			strokeColor: p,
-			width: F
+			width: I
 		}), te = {
 			id: t,
-			fontFamily: P,
+			fontFamily: F,
 			fontSize: a,
 			fontWeight: o ? "bold" : "normal",
 			fontStyle: s ? "italic" : "normal",
@@ -7609,7 +8292,7 @@ var qr = class {
 			textAlign: d,
 			fill: f,
 			stroke: ee,
-			strokeWidth: F,
+			strokeWidth: I,
 			strokeUniform: !0,
 			opacity: h,
 			backgroundColor: g,
@@ -7623,31 +8306,31 @@ var qr = class {
 			radiusBottomRight: w,
 			radiusBottomLeft: T,
 			...E
-		}, I = new Er(n, te), ne = r !== !1;
-		I.autoExpand = ne;
+		}, L = new Dr(n, te), ne = r !== !1;
+		L.autoExpand = ne;
 		let re = E.left !== void 0 || E.top !== void 0;
-		if (I.textCaseRaw = I.text ?? "", l) {
-			let e = wr({ value: I.textCaseRaw });
-			e !== I.text && I.set({ text: e });
-		}
-		Lr({ textbox: I }) && (I.dirty = !0);
-		let L;
-		re && (L = j.resolveObjectPlacement({
-			object: I,
+		if (L.textCaseRaw = L.text ?? "", l) {
+			let e = Tr({ value: L.textCaseRaw });
+			e !== L.text && L.set({ text: e });
+		}
+		Br({ textbox: L }) && (L.dirty = !0);
+		let R;
+		re && (R = M.resolveObjectPlacement({
+			object: L,
 			left: E.left,
 			top: E.top,
 			originX: E.originX,
 			originY: E.originY,
-			fallbackPoint: j.getMontageAreaSceneCenter()
+			fallbackPoint: M.getMontageAreaSceneCenter()
 		}));
-		let ie = ne && e._hasWrappedLinesBeyondExplicitBreaks(I);
+		let ie = ne && e._hasWrappedLinesBeyondExplicitBreaks(L);
 		return (re || ie) && this._normalizeTextboxAfterContentChange({
-			textbox: I,
-			placement: L,
+			textbox: L,
+			placement: R,
 			shouldAutoExpand: ie,
 			clampToMontage: re
-		}), L || j.centerObjectToMontageArea({ object: I }), A || N.add(I), O || N.setActiveObject(I), N.requestRenderAll(), M.resumeHistory(), k || M.saveState(), N.fire("editor:text-added", {
-			textbox: I,
+		}), R || M.centerObjectToMontageArea({ object: L }), A || P.add(L), O || P.setActiveObject(L), P.requestRenderAll(), N.resumeHistory(), k || N.saveState(), j && P.fire("editor:text-added", {
+			textbox: L,
 			options: {
 				...te,
 				text: n,
@@ -7657,144 +8340,171 @@ var qr = class {
 				align: d,
 				color: f,
 				strokeColor: ee,
-				strokeWidth: F
+				strokeWidth: I
 			},
 			flags: {
 				withoutSelection: !!O,
 				withoutSave: !!k,
 				withoutAdding: !!A
 			}
-		}), I;
+		}), L;
 	}
-	updateText({ target: t, style: n = {}, withoutSave: r, skipRender: i, selectionRange: a } = {}) {
-		let o = this._resolveTextObject(t);
-		if (!o) return null;
-		let { text: s = "" } = o, { historyManager: c } = this.editor, { canvasManager: l } = this.editor, { canvas: u } = this;
-		c.suspendHistory();
-		let d = e._getSnapshot(o), { text: f, autoExpand: p, fontFamily: m, fontSize: h, bold: g, italic: _, underline: v, uppercase: y, strikethrough: b, align: x, color: S, strokeColor: C, strokeWidth: w, opacity: T, backgroundColor: E, backgroundOpacity: D, paddingTop: O, paddingRight: k, paddingBottom: A, paddingLeft: j, radiusTopLeft: M, radiusTopRight: N, radiusBottomRight: P, radiusBottomLeft: F, left: ee, top: te, originX: I, originY: ne, ...re } = n, L = { ...re }, ie = l.resolveObjectPlacement({
-			object: o,
+	updateText({ target: t, style: n = {}, withoutSave: r, skipRender: i, selectionRange: a, emitLifecycleEvents: o = !0 } = {}) {
+		let s = this._resolveTextObject(t);
+		if (!s) return null;
+		let { text: c = "" } = s, { historyManager: l } = this.editor, { canvasManager: u } = this.editor, { canvas: d } = this;
+		l.suspendHistory();
+		let f = e._getSnapshot(s), { text: p, autoExpand: m, fontFamily: h, fontSize: g, bold: _, italic: v, underline: y, uppercase: b, strikethrough: x, align: S, color: C, strokeColor: w, strokeWidth: T, opacity: E, backgroundColor: D, backgroundOpacity: O, paddingTop: k, paddingRight: A, paddingBottom: j, paddingLeft: M, radiusTopLeft: N, radiusTopRight: P, radiusBottomRight: F, radiusBottomLeft: I, left: ee, top: te, originX: L, originY: ne, ...re } = n, R = { ...re }, ie = u.resolveObjectPlacement({
+			object: s,
 			left: ee,
 			top: te,
-			originX: I,
+			originX: L,
 			originY: ne
-		}), R = a === void 0 ? _r({ textbox: o }) : Yr({
-			text: s,
+		}), z = a === void 0 ? vr({ textbox: s }) : Qr({
+			text: c,
 			range: a
-		}), ae = R ? Xr({
-			textbox: o,
-			range: R
-		}) : null, z = {}, oe = {}, B = {}, se, ce, le = yr({
-			textbox: o,
-			range: R
-		}), V = !R || le, H = !R;
-		if (m !== void 0 && (ae && (oe.fontFamily = m), V && (L.fontFamily = m, H && (B.fontFamily = m))), h !== void 0 && (ae && (oe.fontSize = h), V && (L.fontSize = h, H && (B.fontSize = h))), g !== void 0) {
-			let e = g ? "bold" : "normal";
-			R && (z.fontWeight = e), V && (L.fontWeight = e, H && (B.fontWeight = e));
-		}
-		if (_ !== void 0) {
-			let e = _ ? "italic" : "normal";
-			R && (z.fontStyle = e), V && (L.fontStyle = e, H && (B.fontStyle = e));
-		}
-		if (v !== void 0 && (R && (z.underline = v), V && (L.underline = v, H && (B.underline = v))), b !== void 0 && (R && (z.linethrough = b), V && (L.linethrough = b, H && (B.linethrough = b))), x !== void 0 && (L.textAlign = x), S !== void 0 && (R && (z.fill = S), V && (L.fill = S, H && (B.fill = S))), C !== void 0 || w !== void 0) {
-			let e = R ? xr({
-				textbox: o,
-				range: R,
+		}), B = z ? $r({
+			textbox: s,
+			range: z
+		}) : null, V = {}, H = {}, U = {}, ae, oe, se = br({
+			textbox: s,
+			range: z
+		}), ce = !z || se, le = !z;
+		if (h !== void 0 && (B && (H.fontFamily = h), ce && (R.fontFamily = h, le && (U.fontFamily = h))), g !== void 0 && (B && (H.fontSize = g), ce && (R.fontSize = g, le && (U.fontSize = g))), _ !== void 0) {
+			let e = _ ? "bold" : "normal";
+			z && (V.fontWeight = e), ce && (R.fontWeight = e, le && (U.fontWeight = e));
+		}
+		if (v !== void 0) {
+			let e = v ? "italic" : "normal";
+			z && (V.fontStyle = e), ce && (R.fontStyle = e, le && (U.fontStyle = e));
+		}
+		if (y !== void 0 && (z && (V.underline = y), ce && (R.underline = y, le && (U.underline = y))), x !== void 0 && (z && (V.linethrough = x), ce && (R.linethrough = x, le && (U.linethrough = x))), S !== void 0 && (R.textAlign = S), C !== void 0 && (z && (V.fill = C), ce && (R.fill = C, le && (U.fill = C))), w !== void 0 || T !== void 0) {
+			let e = z ? Sr({
+				textbox: s,
+				range: z,
 				property: "strokeWidth"
-			}) : void 0, t = R ? xr({
-				textbox: o,
-				range: R,
+			}) : void 0, t = z ? Sr({
+				textbox: s,
+				range: z,
 				property: "stroke"
 			}) : void 0;
-			ce = Cr({ width: w ?? e ?? o.strokeWidth ?? 0 }), se = Sr({
-				strokeColor: C ?? t ?? o.stroke ?? void 0,
-				width: ce
-			}), R && (z.stroke = se, z.strokeWidth = ce), V && (L.stroke = se, L.strokeWidth = ce, H && (B.stroke = se, B.strokeWidth = ce));
-		}
-		T !== void 0 && (L.opacity = T), E !== void 0 && (L.backgroundColor = E), D !== void 0 && (L.backgroundOpacity = D), O !== void 0 && (L.paddingTop = O), k !== void 0 && (L.paddingRight = k), A !== void 0 && (L.paddingBottom = A), j !== void 0 && (L.paddingLeft = j), M !== void 0 && (L.radiusTopLeft = M), N !== void 0 && (L.radiusTopRight = N), P !== void 0 && (L.radiusBottomRight = P), F !== void 0 && (L.radiusBottomLeft = F);
-		let ue = o.textCaseRaw ?? s, de = !!o.uppercase, fe = f !== void 0, pe = fe ? f ?? "" : ue, me = y ?? de, he = me !== de;
-		fe || he ? (L.text = me ? wr({ value: pe }) : pe, o.textCaseRaw = pe) : o.textCaseRaw === void 0 && (o.textCaseRaw = ue), o.uppercase = me, o.set(L);
-		let ge = !1;
-		if (R) {
-			let e = br({
-				textbox: o,
-				styles: z,
-				range: R
-			}), t = ae ? br({
-				textbox: o,
-				styles: oe,
-				range: ae
+			oe = wr({ width: T ?? e ?? s.strokeWidth ?? 0 }), ae = Cr({
+				strokeColor: w ?? t ?? s.stroke ?? void 0,
+				width: oe
+			}), z && (V.stroke = ae, V.strokeWidth = oe), ce && (R.stroke = ae, R.strokeWidth = oe, le && (U.stroke = ae, U.strokeWidth = oe));
+		}
+		E !== void 0 && (R.opacity = E), D !== void 0 && (R.backgroundColor = D), O !== void 0 && (R.backgroundOpacity = O), k !== void 0 && (R.paddingTop = k), A !== void 0 && (R.paddingRight = A), j !== void 0 && (R.paddingBottom = j), M !== void 0 && (R.paddingLeft = M), N !== void 0 && (R.radiusTopLeft = N), P !== void 0 && (R.radiusTopRight = P), F !== void 0 && (R.radiusBottomRight = F), I !== void 0 && (R.radiusBottomLeft = I);
+		let ue = s.textCaseRaw ?? c, de = !!s.uppercase, fe = p !== void 0, pe = fe ? p ?? "" : ue, me = b ?? de, he = me !== de;
+		fe || he ? (R.text = me ? Tr({ value: pe }) : pe, s.textCaseRaw = pe) : s.textCaseRaw === void 0 && (s.textCaseRaw = ue);
+		let ge = zr({ stylesList: [
+			R,
+			V,
+			H,
+			U
+		] }), _e = [
+			ee,
+			te,
+			L,
+			ne
+		], ve = [
+			k,
+			A,
+			j,
+			M
+		], ye = _e.some((e) => e !== void 0), be = ve.some((e) => e !== void 0), xe = Object.prototype.hasOwnProperty.call(R, "width"), Se = be && !ye && !fe && !he && !ge && !xe, Ce = null;
+		Se && (Ce = Ir({
+			textbox: s,
+			originX: ie.originX,
+			originY: ie.originY
+		})), s.uppercase = me, s.set(R);
+		let we = !1;
+		if (z) {
+			let e = xr({
+				textbox: s,
+				styles: V,
+				range: z
+			}), t = B ? xr({
+				textbox: s,
+				styles: H,
+				range: B
 			}) : !1;
-			ge = e || t;
-		} else if (Object.keys(B).length) {
-			let e = vr({ textbox: o });
-			e && (ge = br({
-				textbox: o,
-				styles: B,
+			we = e || t;
+		} else if (Object.keys(U).length) {
+			let e = yr({ textbox: s });
+			e && (we = xr({
+				textbox: s,
+				styles: U,
 				range: e
 			}));
 		}
-		let _e = ge && Ir({ stylesList: [
-			z,
-			oe,
-			B
+		let Te = we && zr({ stylesList: [
+			V,
+			H,
+			U
 		] });
-		if (ge && (o.dirty = !0), ae && (m !== void 0 || h !== void 0)) {
-			let e = Zr({
-				textbox: o,
-				range: ae
+		if (we && (s.dirty = !0), B && (h !== void 0 || g !== void 0)) {
+			let e = ei({
+				textbox: s,
+				range: B
 			}), t = {};
-			m !== void 0 && (t.fontFamily = m), h !== void 0 && (t.fontSize = h), kr({
-				textbox: o,
+			h !== void 0 && (t.fontFamily = h), g !== void 0 && (t.fontSize = g), Ar({
+				textbox: s,
 				lineIndices: e,
 				updates: t
 			});
 		}
-		if (R && (S !== void 0 || C !== void 0 || w !== void 0)) {
-			let e = Qr({
-				textbox: o,
-				range: R
+		if (z && (C !== void 0 || w !== void 0 || T !== void 0)) {
+			let e = ti({
+				textbox: s,
+				range: z
 			}), t = {};
-			S !== void 0 && (t.fill = S), (C !== void 0 || w !== void 0) && (se === null && (t.stroke = null), se != null && (t.stroke = se)), kr({
-				textbox: o,
+			C !== void 0 && (t.fill = C), (w !== void 0 || T !== void 0) && (ae === null && (t.stroke = null), ae != null && (t.stroke = ae)), Ar({
+				textbox: s,
 				lineIndices: e,
 				updates: t
 			});
 		}
-		_e && (o.initDimensions(), o.dirty = !0), (E !== void 0 || D !== void 0 || O !== void 0 || k !== void 0 || A !== void 0 || j !== void 0 || M !== void 0 || N !== void 0 || P !== void 0 || F !== void 0) && (o.dirty = !0);
-		let ve = Ir({ stylesList: [
-			L,
-			z,
-			oe,
-			B
-		] }), { autoExpand: ye } = o, be = p !== void 0, xe = Object.prototype.hasOwnProperty.call(L, "width"), Se = (p ?? ye) !== !1;
-		be ? o.autoExpand = p !== !1 : ye === void 0 && (o.autoExpand = !0);
-		let Ce = Se && !xe && (fe || he || ve);
+		Te && (s.initDimensions(), s.dirty = !0), [
+			D,
+			O,
+			...ve,
+			N,
+			P,
+			F,
+			I
+		].some((e) => e !== void 0) && (s.dirty = !0);
+		let { autoExpand: Ee } = s, De = m !== void 0, Oe = (m ?? Ee) !== !1;
+		De ? s.autoExpand = m !== !1 : Ee === void 0 && (s.autoExpand = !0);
+		let ke = Oe && !xe && (fe || he || ge);
 		this._normalizeTextboxAfterContentChange({
-			textbox: o,
+			textbox: s,
 			placement: ie,
-			shouldAutoExpand: Ce
-		}), o.setCoords();
-		let we = {
+			shouldAutoExpand: ke
+		}), Ce && this._restoreTextboxContentPlacement({
+			textbox: s,
+			contentPlacement: Ce
+		}), s.setCoords();
+		let Ae = {
 			withoutSave: !!r,
 			skipRender: !!i
-		}, Te = !!R && Object.keys(z).length > 0, Ee = {
-			textbox: o,
+		}, je = !!z && Object.keys(V).length > 0, Me = {
+			textbox: s,
 			target: t,
 			style: n,
-			options: we,
-			updates: L,
-			selectionRange: R ?? void 0,
-			selectionStyles: Te ? z : void 0
+			options: Ae,
+			updates: R,
+			selectionRange: z ?? void 0,
+			selectionStyles: je ? V : void 0
 		};
-		u.fire("editor:before:text-updated", Ee), i || u.requestRenderAll();
-		let De = e._getSnapshot(o);
-		c.resumeHistory(), r || c.saveState();
-		let Oe = {
-			...Ee,
-			before: d,
-			after: De
+		o && d.fire("editor:before:text-updated", Me), i || d.requestRenderAll();
+		let Ne = e._getSnapshot(s);
+		l.resumeHistory(), r || l.saveState();
+		let Pe = {
+			...Me,
+			before: f,
+			after: Ne
 		};
-		return u.fire("editor:text-updated", Oe), o;
+		return o && d.fire("editor:text-updated", Pe), s;
 	}
 	stylesFromArray(e, t) {
 		return C.stylesFromArray(e, t);
@@ -7843,13 +8553,27 @@ var qr = class {
 			clampToMontage: r
 		}));
 		let a = !1;
-		i || (a = Lr({ textbox: e }));
+		i || (a = Br({ textbox: e }));
 		let o = !1;
 		return !i && t && (this.editor.canvasManager.applyObjectPlacement({
 			object: e,
 			placement: t
 		}), o = !0), (i || a) && (e.dirty = !0), (i || a || o) && e.setCoords(), i || a;
 	}
+	_restoreTextboxContentPlacement({ textbox: e, contentPlacement: t }) {
+		let n = Ir({
+			textbox: e,
+			originX: t.originX,
+			originY: t.originY
+		}), r = this.editor.canvasManager.getObjectPlacement({
+			object: e,
+			originX: "center",
+			originY: "center"
+		}), i = t.left - n.left, a = t.top - n.top;
+		if (Math.abs(i) <= .01 && Math.abs(a) <= .01) return !1;
+		let o = new p(r.left + i, r.top + a), s = e;
+		return typeof s.setXY == "function" ? s.setXY(o, "center", "center") : e.setPositionByOrigin(o, "center", "center"), e.setCoords(), !0;
+	}
 	_bindEvents() {
 		let { canvas: e } = this;
 		e.on("object:scaling", this.scalingController.handleObjectScaling), e.on("object:resizing", this._handleObjectResizing), e.on("object:modified", this.scalingController.handleObjectModified), e.on("mouse:move", this.scalingController.handleMouseMove), e.on("text:editing:entered", this._handleTextEditingEntered), e.on("text:editing:exited", this._handleTextEditingExited), e.on("text:changed", this._handleTextChanged);
@@ -7857,15 +8581,15 @@ var qr = class {
 	_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 = $r({
+			let e = ni({
 				previous: d,
 				next: u
-			}), t = ei({
+			}), t = ri({
 				text: d,
 				charIndex: e
 			});
 			if (h > 0) {
-				let r = ti({
+				let r = ii({
 					text: d,
 					lineIndex: t
 				}), i = t + 1;
@@ -7906,7 +8630,7 @@ var qr = class {
 			let t = p[e] ?? "", n = g ? g[e] : void 0;
 			if (n && (T = n), t.length !== 0) {
 				if (n) {
-					let r = Ar({
+					let r = jr({
 						lineText: t,
 						lineStyles: S ? S[e] : void 0,
 						lineDefaults: n
@@ -7946,16 +8670,16 @@ var qr = class {
 		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(Nr({
+		let { textLines: h } = e, g = Array.isArray(h) && h.length > p, _ = Math.ceil(Pr({
 			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), Lr({ 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), Br({ textbox: e }) && (m = !0), t && r.applyObjectPlacement({
 			object: e,
 			placement: t
 		});
 		let b = !1;
-		return n && (b = Pr({
+		return n && (b = Lr({
 			textbox: e,
 			montageLeft: o,
 			montageRight: o + s
@@ -8013,7 +8737,7 @@ var qr = class {
 	_getDefaultFontFamily() {
 		return this.fonts[0]?.family ?? "Arial";
 	}
-}, ri = ({ x1: e, y1: t, x2: n, y2: r }) => (Math.atan2(r - t, n - e) * 180 / Math.PI + 360) % 360, ii = (e) => {
+}, oi = ({ x1: e, y1: t, x2: n, y2: r }) => (Math.atan2(r - t, n - e) * 180 / Math.PI + 360) % 360, si = (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",
@@ -8024,7 +8748,7 @@ var qr = class {
 		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: ri({
+			angle: oi({
 				x1: e,
 				y1: t,
 				x2: r,
@@ -8052,7 +8776,7 @@ var qr = class {
 		};
 	}
 	return null;
-}, ai = "_templateAnchorX", oi = "_templateAnchorY", si = class t {
+}, ci = "_templateAnchorX", li = "_templateAnchorY", ui = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -8061,7 +8785,7 @@ var qr = class {
 		if (!p.length) return s.emitWarning({
 			origin: "TemplateManager",
 			method: "serializeSelection",
-			code: mr.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
+			code: hr.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
 			message: "Нет объектов для сериализации шаблона"
 		}), null;
 		let m = t._getBounds(o), h = t._getMontageSize({
@@ -8090,14 +8814,14 @@ var qr = class {
 		if (!s?.length) return a.emitWarning({
 			origin: "TemplateManager",
 			method: "applyTemplate",
-			code: mr.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+			code: hr.TEMPLATE_MANAGER.INVALID_TEMPLATE,
 			message: "Шаблон не содержит объектов"
 		}), null;
 		let u = t._getBounds(r);
 		if (!u) return a.emitWarning({
 			origin: "TemplateManager",
 			method: "applyTemplate",
-			code: mr.TEMPLATE_MANAGER.INVALID_TARGET,
+			code: hr.TEMPLATE_MANAGER.INVALID_TARGET,
 			message: "Не удалось определить границы монтажной области"
 		}), null;
 		let d = t._getMontageSize({
@@ -8116,7 +8840,7 @@ var qr = class {
 			if (!r.length) return a.emitWarning({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: mr.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+				code: hr.TEMPLATE_MANAGER.INVALID_TEMPLATE,
 				message: "Не удалось создать объекты шаблона"
 			}), null;
 			let { backgroundObject: i, contentObjects: c } = t._extractBackgroundObject(r);
@@ -8151,7 +8875,7 @@ var qr = class {
 			return a.emitError({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: mr.TEMPLATE_MANAGER.APPLY_FAILED,
+				code: hr.TEMPLATE_MANAGER.APPLY_FAILED,
 				message: "Ошибка применения шаблона",
 				data: {
 					templateId: l,
@@ -8203,22 +8927,22 @@ var qr = class {
 			naturalHeight: 0,
 			width: 0,
 			height: 0
-		}, m = U({
+		}, m = We({
 			value: u || f || c.width,
 			fallback: 0
-		}), h = U({
+		}), h = We({
 			value: d || p || c.height,
 			fallback: 0
-		}), g = U({
+		}), g = We({
 			value: r,
 			fallback: m
-		}), _ = U({
+		}), _ = We({
 			value: i,
 			fallback: h
-		}), v = U({
+		}), v = We({
 			value: a,
 			fallback: c.scaleX || 1
-		}), y = U({
+		}), y = We({
 			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 = {};
@@ -8290,10 +9014,10 @@ var qr = class {
 			baseWidth: i,
 			baseHeight: a,
 			useRelativePositions: o
-		}), { scaleX: u, scaleY: d } = e, f = U({
+		}), { scaleX: u, scaleY: d } = e, f = We({
 			value: u,
 			fallback: 1
-		}), p = U({
+		}), p = We({
 			value: d,
 			fallback: 1
 		}), m = qe({
@@ -8305,8 +9029,8 @@ var qr = class {
 				baseHeight: a,
 				scale: n,
 				useRelativePositions: o,
-				anchorX: t._resolveAnchor(s, ai),
-				anchorY: t._resolveAnchor(s, oi)
+				anchorX: t._resolveAnchor(s, ci),
+				anchorY: t._resolveAnchor(s, li)
 			})
 		}), h = f * n, g = p * n, _ = e.originX ?? "center", v = e.originY ?? "center";
 		e.set({
@@ -8320,7 +9044,7 @@ var qr = class {
 				originX: _,
 				originY: v
 			}
-		}), delete s[ai], delete s[oi];
+		}), delete s[ci], delete s[li];
 	}
 	static _getPositioningBounds({ bounds: e, baseWidth: n, baseHeight: r, scale: i, useRelativePositions: a, anchorX: o, anchorY: s }) {
 		if (!a) return e;
@@ -8372,19 +9096,19 @@ var qr = class {
 		if (!(e instanceof _)) return;
 		let r = typeof e.text == "string" ? e.text : "";
 		if (!r) return;
-		let i = U({
+		let i = We({
 			value: this.editor?.montageArea?.width,
 			fallback: 0
-		}), { width: a = 0 } = e, o = U({
+		}), { width: a = 0 } = e, o = We({
 			value: n,
 			fallback: 0
-		}), s = U({
+		}), s = We({
 			value: a,
 			fallback: 0
 		});
 		if (!i || !s || !o) return;
 		e.setCoords();
-		let c = e, l = t._resolveAnchor(c, ai), 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, ci), 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,
@@ -8403,7 +9127,7 @@ var qr = class {
 		return i;
 	}
 	_serializeObject({ object: e, bounds: n, baseWidth: r, baseHeight: i }) {
-		let a = e.toDatalessObject([...le]);
+		let a = e.toDatalessObject([...oe]);
 		if (t._isSvgObject(e)) {
 			let n = t._extractSvgMarkup(e);
 			n && (a.svgMarkup = n, delete a.objects, delete a.path);
@@ -8413,10 +9137,10 @@ var qr = class {
 			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[ai] = t._detectAnchor({
+		return a[ci] = t._detectAnchor({
 			start: h,
 			end: _
-		}), a[oi] = t._detectAnchor({
+		}), a[li] = t._detectAnchor({
 			start: g,
 			end: v
 		}), a.left = m.x, a.top = m.y, a;
@@ -8441,7 +9165,7 @@ var qr = class {
 				withoutSave: !0
 			}), !0;
 			if (a === "gradient") {
-				let e = ii(r);
+				let e = si(r);
 				if (e) return n.setGradientBackground({
 					gradient: e,
 					customData: o,
@@ -8462,7 +9186,7 @@ var qr = class {
 			r.emitWarning({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: mr.TEMPLATE_MANAGER.APPLY_FAILED,
+				code: hr.TEMPLATE_MANAGER.APPLY_FAILED,
 				message: "Не удалось применить фон из шаблона",
 				data: e
 			});
@@ -8498,29 +9222,29 @@ var qr = class {
 	enlivenObjectEnlivables(e) {
 		return C.enlivenObjectEnlivables(e);
 	}
-}, ci = "#3D8BF4", li = .5, ui = ({ distance: e }) => Number.isFinite(e) ? Math.round(Math.max(0, e)) : 0, di = ({ firstDistance: e, secondDistance: t }) => {
-	let n = ui({ distance: e }), r = ui({ distance: t });
+}, di = "#3D8BF4", fi = .5, pi = ({ distance: e }) => Number.isFinite(e) ? Math.round(Math.max(0, e)) : 0, mi = ({ firstDistance: e, secondDistance: t }) => {
+	let n = pi({ distance: e }), r = pi({ distance: t });
 	return {
 		firstDisplayDistance: n,
 		secondDisplayDistance: r,
 		displayDistanceDiff: Math.abs(n - r),
 		commonDisplayDistance: Math.max(n, r)
 	};
-}, fi = ({ firstStart: e, firstEnd: t, secondStart: n, secondEnd: r }) => Math.min(t, r) - Math.max(e, n), pi = ({ step: e }) => {
+}, hi = ({ firstStart: e, firstEnd: t, secondStart: n, secondEnd: r }) => Math.min(t, r) - Math.max(e, n), gi = ({ step: e }) => {
 	let t = Math.abs(e).toString(), n = t.indexOf(".");
 	return n === -1 ? 0 : t.slice(n + 1).length;
-}, mi = ({ value: e, step: t }) => {
+}, _i = ({ value: e, step: t }) => {
 	if (t === 0) return e;
-	let n = pi({ step: t }), r = Math.round(e / t) * t;
+	let n = gi({ step: t }), r = Math.round(e / t) * t;
 	return Number(r.toFixed(n));
-}, hi = ({ value: e, step: t }) => {
+}, vi = ({ value: e, step: t }) => {
 	if (t === 0) return !0;
-	let n = mi({
+	let n = _i({
 		value: e,
 		step: t
-	}), r = 10 ** -(pi({ step: t }) + 4);
+	}), r = 10 ** -(gi({ step: t }) + 4);
 	return Math.abs(n - e) <= r;
-}, gi = ({ bounds: e, axis: t }) => {
+}, yi = ({ bounds: e, axis: t }) => {
 	let { left: n = 0, right: r = 0, top: i = 0, bottom: a = 0 } = e;
 	return t === "vertical" ? {
 		start: i,
@@ -8529,7 +9253,7 @@ var qr = class {
 		start: n,
 		end: r
 	};
-}, _i = ({ items: e, axis: t }) => {
+}, bi = ({ 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;) {
@@ -8539,10 +9263,10 @@ var qr = class {
 		}
 		e[o + 1] = r;
 	}
-}, vi = ({ items: e, index: t, axis: n, direction: r }) => {
+}, xi = ({ items: e, index: t, axis: n, direction: r }) => {
 	let i = e[t];
 	if (!i) return null;
-	let { bounds: a } = i, { start: o, end: s } = gi({
+	let { bounds: a } = i, { start: o, end: s } = yi({
 		bounds: a,
 		axis: n
 	});
@@ -8550,7 +9274,7 @@ var qr = class {
 		for (let r = t - 1; r >= 0; --r) {
 			let t = e[r];
 			if (!t) continue;
-			let { bounds: i } = t, { end: a } = gi({
+			let { bounds: i } = t, { end: a } = yi({
 				bounds: i,
 				axis: n
 			});
@@ -8561,26 +9285,26 @@ var qr = class {
 	for (let r = t + 1; r < e.length; r += 1) {
 		let t = e[r];
 		if (!t) continue;
-		let { bounds: i } = t, { start: a } = gi({
+		let { bounds: i } = t, { start: a } = yi({
 			bounds: i,
 			axis: n
 		});
 		if (a - s >= 0) return r;
 	}
 	return null;
-}, yi = ({ items: e }) => {
+}, Si = ({ items: e }) => {
 	for (let t = 0; t < e.length; t += 1) {
 		let { isActive: n } = e[t];
 		if (n) return t;
 	}
 	return -1;
-}, bi = ({ patternAxis: e, activeRangeStart: t, activeRangeEnd: n, tolerance: r = 0 }) => {
+}, Ci = ({ 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;
-}, xi = ({ patternStart: e, patternEnd: t, activeStart: n, activeEnd: r }) => t <= n ? "before" : e >= r ? "after" : null, Si = ({ baseOption: e, candidateOption: t }) => {
+}, wi = ({ patternStart: e, patternEnd: t, activeStart: n, activeEnd: r }) => t <= n ? "before" : e >= r ? "after" : null, Ti = ({ baseOption: e, candidateOption: t }) => {
 	let { delta: n, guide: { distance: r } } = e, { delta: i, guide: { distance: a } } = t;
 	return n === i && r === a;
-}, Ci = ({ options: e }) => {
+}, Ei = ({ options: e }) => {
 	let t = e[0];
 	for (let n = 1; n < e.length; n += 1) {
 		let r = e[n];
@@ -8591,11 +9315,11 @@ var qr = class {
 		r.diff === t.diff && Math.abs(r.delta) < Math.abs(t.delta) && (t = r);
 	}
 	return t;
-}, wi = ({ currentOption: e, nextOption: t }) => {
+}, Di = ({ currentOption: e, nextOption: t }) => {
 	if (!e) return !0;
 	let { contextDistance: n, diff: r, delta: i } = e, { contextDistance: a, diff: o, delta: s } = t;
 	return a < n ? !0 : a > n ? !1 : o < r ? !0 : o > r ? !1 : Math.abs(s) < Math.abs(i);
-}, Ti = ({ options: e }) => {
+}, Oi = ({ options: e }) => {
 	let t = [], n = null, r = null;
 	for (let i of e) {
 		let { kind: e, side: a } = i;
@@ -8603,18 +9327,18 @@ var qr = class {
 			t.push(i);
 			continue;
 		}
-		a === "before" && wi({
+		a === "before" && Di({
 			currentOption: n,
 			nextOption: i
-		}) && (n = i), a === "after" && wi({
+		}) && (n = i), a === "after" && Di({
 			currentOption: r,
 			nextOption: i
 		}) && (r = i);
 	}
 	return n && t.push(n), r && t.push(r), t;
-}, Ei = ({ options: e, side: t, baseOption: n }) => {
+}, ki = ({ options: e, side: t, baseOption: n }) => {
 	let r = null;
-	for (let i of e) if (i.side === t && Si({
+	for (let i of e) if (i.side === t && Ti({
 		baseOption: n,
 		candidateOption: i
 	})) {
@@ -8625,63 +9349,63 @@ var qr = class {
 		!r || i.diff !== r.diff || Math.abs(i.delta) < Math.abs(r.delta) && (r = i);
 	}
 	return r;
-}, Di = ({ option: e }) => {
+}, Ai = ({ option: e }) => {
 	let { side: t, kind: n, guide: { distance: r } } = e;
 	return {
 		side: t,
 		kind: n,
 		distance: r
 	};
-}, Oi = ({ option: e, context: t }) => {
+}, ji = ({ 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;
-}, ki = ({ options: e, context: t }) => {
+}, Mi = ({ options: e, context: t }) => {
 	if (!t) return null;
-	for (let n of e) if (Oi({
+	for (let n of e) if (ji({
 		option: n,
 		context: t
 	})) return n;
 	return null;
-}, Ai = ({ options: e, bestOption: t, previousContext: n, switchDistance: r = 0 }) => {
-	let i = ki({
+}, Ni = ({ options: e, bestOption: t, previousContext: n, switchDistance: r = 0 }) => {
+	let i = Mi({
 		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;
-}, ji = ({ guides: e, seenGuideKeys: t, guide: n }) => {
+}, Pi = ({ 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));
-}, Mi = ({ options: e, previousContext: t = null, switchDistance: n = 0 }) => {
+}, Fi = ({ options: e, previousContext: t = null, switchDistance: n = 0 }) => {
 	if (!e.length) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let r = Ti({ options: e }), i = [];
+	let r = Oi({ options: e }), i = [];
 	for (let e of r) e.kind === "reference" && i.push(e);
-	let a = i.length > 0, o = a ? i : r, s = Ai({
+	let a = i.length > 0, o = a ? i : r, s = Ni({
 		options: o,
-		bestOption: Ci({ options: o }),
+		bestOption: Ei({ options: o }),
 		previousContext: t,
 		switchDistance: n
-	}), c = Ei({
+	}), c = ki({
 		options: o,
 		side: "before",
 		baseOption: s
-	}), l = Ei({
+	}), l = ki({
 		options: o,
 		side: "after",
 		baseOption: s
-	}), u = Ei({
+	}), u = ki({
 		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) ji({
+	for (let e of d) Pi({
 		guides: f,
 		seenGuideKeys: p,
 		guide: e.guide
@@ -8689,15 +9413,15 @@ var qr = class {
 	return {
 		delta: s.delta,
 		guides: f,
-		context: Di({ option: s })
+		context: Ai({ option: s })
 	};
-}, Ni = ({ activeStart: e, activeEnd: t, targetGap: n, beforeEdge: r, afterEdge: i, threshold: a, step: o }) => {
-	let s = n - (e - r), c = mi({
+}, Ii = ({ activeStart: e, activeEnd: t, targetGap: n, beforeEdge: r, afterEdge: i, threshold: a, step: o }) => {
+	let s = n - (e - r), c = _i({
 		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: _ } = di({
+		let l = c + d * o, f = e + l, p = t + l, m = f - r, h = i - p, { displayDistanceDiff: g, commonDisplayDistance: _ } = mi({
 			firstDistance: m,
 			secondDistance: h
 		});
@@ -8712,13 +9436,13 @@ var qr = class {
 		});
 	}
 	return u;
-}, Pi = ({ currentGap: e, referenceGap: t }) => {
-	let { secondDisplayDistance: n, displayDistanceDiff: r } = di({
+}, Li = ({ currentGap: e, referenceGap: t }) => {
+	let { secondDisplayDistance: n, displayDistanceDiff: r } = mi({
 		firstDistance: e,
 		secondDistance: t
 	});
 	return r > 1 ? null : n;
-}, Fi = ({ anchors: e, positions: t, threshold: n }) => {
+}, Ri = ({ 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);
@@ -8728,8 +9452,8 @@ var qr = class {
 		delta: r,
 		guidePosition: a
 	};
-}, Ii = ({ activeBounds: e, threshold: t, anchors: n }) => {
-	let { left: r, right: i, centerX: a, top: o, bottom: s, centerY: c } = e, l = Fi({
+}, zi = ({ activeBounds: e, threshold: t, anchors: n }) => {
+	let { left: r, right: i, centerX: a, top: o, bottom: s, centerY: c } = e, l = Ri({
 		anchors: n.vertical,
 		positions: [
 			r,
@@ -8737,7 +9461,7 @@ var qr = class {
 			i
 		],
 		threshold: t
-	}), u = Fi({
+	}), u = Ri({
 		anchors: n.horizontal,
 		positions: [
 			o,
@@ -8757,11 +9481,11 @@ var qr = class {
 		deltaY: u.delta,
 		guides: d
 	};
-}, Li = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
+}, Bi = ({ 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;
-		fi({
+		hi({
 			firstStart: t,
 			firstEnd: n,
 			secondStart: l,
@@ -8781,22 +9505,22 @@ var qr = class {
 	f.push({
 		bounds: e,
 		isActive: !0
-	}), _i({
+	}), bi({
 		items: f,
 		axis: "top"
 	});
-	let p = yi({ items: f });
+	let p = Si({ items: f });
 	if (p === -1) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let m = [], h = c - s, g = vi({
+	let m = [], h = c - s, g = xi({
 		items: f,
 		index: p,
 		axis: "vertical",
 		direction: "prev"
-	}), _ = vi({
+	}), _ = xi({
 		items: f,
 		index: p,
 		axis: "vertical",
@@ -8805,19 +9529,19 @@ var qr = class {
 	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 = mi({
+			let e = _i({
 				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 = Ni({
+				let t = Ii({
 					activeStart: s,
 					activeEnd: c,
 					targetGap: e,
 					beforeEdge: r,
 					afterEdge: i,
 					threshold: n,
-					step: li
+					step: fi
 				});
 				if (t) {
 					let { delta: e, distance: n, diff: i, activeStart: a, activeEnd: s } = t, c = {
@@ -8854,16 +9578,16 @@ var qr = class {
 	}
 	for (let e of r) {
 		let { axis: t, start: r, end: i, distance: a } = e;
-		if (!hi({
+		if (!vi({
 			value: a,
 			step: .5
-		}) || !bi({
+		}) || !Ci({
 			patternAxis: t,
 			activeRangeStart: l,
 			activeRangeEnd: u,
 			tolerance: n
 		})) continue;
-		let d = xi({
+		let d = wi({
 			patternStart: r,
 			patternEnd: i,
 			activeStart: s,
@@ -8871,12 +9595,12 @@ var qr = class {
 		});
 		if (d) {
 			if (b !== null && S && d === "before" && Math.abs(b - a) <= n) {
-				let e = mi({
+				let e = _i({
 					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 = Pi({
+				let d = Li({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -8900,12 +9624,12 @@ var qr = class {
 				});
 			}
 			if (x !== null && C && d === "after" && Math.abs(x - a) <= n) {
-				let e = mi({
+				let e = _i({
 					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 = Pi({
+				let d = Li({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -8930,16 +9654,16 @@ var qr = class {
 			}
 		}
 	}
-	return Mi({
+	return Fi({
 		options: m,
 		previousContext: i,
 		switchDistance: a
 	});
-}, Ri = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
+}, Vi = ({ 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;
-		fi({
+		hi({
 			firstStart: t,
 			firstEnd: n,
 			secondStart: l,
@@ -8959,22 +9683,22 @@ var qr = class {
 	f.push({
 		bounds: e,
 		isActive: !0
-	}), _i({
+	}), bi({
 		items: f,
 		axis: "left"
 	});
-	let p = yi({ items: f });
+	let p = Si({ items: f });
 	if (p === -1) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let m = [], h = c - s, g = vi({
+	let m = [], h = c - s, g = xi({
 		items: f,
 		index: p,
 		axis: "horizontal",
 		direction: "prev"
-	}), _ = vi({
+	}), _ = xi({
 		items: f,
 		index: p,
 		axis: "horizontal",
@@ -8983,19 +9707,19 @@ var qr = class {
 	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 = mi({
+			let e = _i({
 				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 = Ni({
+				let t = Ii({
 					activeStart: s,
 					activeEnd: c,
 					targetGap: e,
 					beforeEdge: r,
 					afterEdge: i,
 					threshold: n,
-					step: li
+					step: fi
 				});
 				if (t) {
 					let { delta: e, distance: n, diff: i, activeStart: a, activeEnd: s } = t, c = {
@@ -9032,16 +9756,16 @@ var qr = class {
 	}
 	for (let e of r) {
 		let { axis: t, start: r, end: i, distance: a } = e;
-		if (!hi({
+		if (!vi({
 			value: a,
 			step: .5
-		}) || !bi({
+		}) || !Ci({
 			patternAxis: t,
 			activeRangeStart: l,
 			activeRangeEnd: u,
 			tolerance: n
 		})) continue;
-		let d = xi({
+		let d = wi({
 			patternStart: r,
 			patternEnd: i,
 			activeStart: s,
@@ -9049,12 +9773,12 @@ var qr = class {
 		});
 		if (d) {
 			if (b !== null && S && d === "before" && Math.abs(b - a) <= n) {
-				let e = mi({
+				let e = _i({
 					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 = Pi({
+				let d = Li({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -9078,12 +9802,12 @@ var qr = class {
 				});
 			}
 			if (x !== null && C && d === "after" && Math.abs(x - a) <= n) {
-				let e = mi({
+				let e = _i({
 					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 = Pi({
+				let d = Li({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -9108,20 +9832,20 @@ var qr = class {
 			}
 		}
 	}
-	return Mi({
+	return Fi({
 		options: m,
 		previousContext: i,
 		switchDistance: a
 	});
-}, zi = ({ activeBounds: e, candidates: t, threshold: n, spacingPatterns: r, previousContexts: i, switchDistance: a = 0 }) => {
-	let { vertical: o = null, horizontal: s = null } = i ?? {}, c = Li({
+}, Hi = ({ activeBounds: e, candidates: t, threshold: n, spacingPatterns: r, previousContexts: i, switchDistance: a = 0 }) => {
+	let { vertical: o = null, horizontal: s = null } = i ?? {}, c = Bi({
 		activeBounds: e,
 		candidates: t,
 		threshold: n,
 		patterns: r.vertical,
 		previousContext: o,
 		switchDistance: a
-	}), l = Ri({
+	}), l = Vi({
 		activeBounds: e,
 		candidates: t,
 		threshold: n,
@@ -9140,14 +9864,14 @@ var qr = class {
 			horizontal: l.context
 		}
 	};
-}, Bi = ({ context: e, x: t, y: n, width: r, height: i, radius: a }) => {
+}, Ui = ({ 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 }) => {
+}, Wi = ({ 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(), Bi({
+	e.beginPath(), Ui({
 		context: e,
 		x: w,
 		y: T,
@@ -9155,11 +9879,11 @@ var qr = class {
 		height: C,
 		radius: v
 	}), e.fill(), e.fillStyle = c, e.fillText(a, b, x), e.restore();
-}, Hi = ({ context: e, guide: t, zoom: n }) => {
-	let { type: r, axis: i, refStart: a, refEnd: o, activeStart: s, activeEnd: c, distance: l } = t, u = ui({ distance: l }).toString();
+}, Gi = ({ context: e, guide: t, zoom: n }) => {
+	let { type: r, axis: i, refStart: a, refEnd: o, activeStart: s, activeEnd: c, distance: l } = t, u = pi({ 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 = ci;
-	Vi({
+	let d = di;
+	Wi({
 		context: e,
 		type: r,
 		axis: i,
@@ -9169,7 +9893,7 @@ var qr = class {
 		zoom: n,
 		color: d,
 		lineWidth: 1
-	}), Vi({
+	}), Wi({
 		context: e,
 		type: r,
 		axis: i,
@@ -9180,10 +9904,10 @@ var qr = class {
 		color: d,
 		lineWidth: 1
 	});
-}, Ui = ({ anchors: e, bounds: t }) => {
+}, Ki = ({ anchors: e, bounds: t }) => {
 	let { left: n, right: r, centerX: i, top: a, bottom: o, centerY: s } = t;
 	e.vertical.push(n, i, r), e.horizontal.push(a, s, o);
-}, Wi = ({ bounds: e, type: t, primaryStart: n, primaryEnd: r }) => {
+}, qi = ({ 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;
@@ -9204,35 +9928,35 @@ var qr = class {
 		});
 	}
 	return i;
-}, Gi = ({ bounds: e }) => ({
-	vertical: Wi({
+}, Ji = ({ bounds: e }) => ({
+	vertical: qi({
 		bounds: e,
 		axis: "centerX",
 		type: "vertical",
 		primaryStart: "top",
 		primaryEnd: "bottom"
 	}),
-	horizontal: Wi({
+	horizontal: qi({
 		bounds: e,
 		axis: "centerY",
 		type: "horizontal",
 		primaryStart: "left",
 		primaryEnd: "right"
 	})
-}), Ki = [
+}), Yi = [
 	"montage-area",
 	"background",
 	"interaction-blocker"
-], qi = ({ activeObject: t }) => {
+], Xi = ({ activeObject: t }) => {
 	let n = /* @__PURE__ */ new Set();
 	return t ? (n.add(t), t instanceof e && t.getObjects().forEach((e) => n.add(e)), n) : n;
-}, Ji = ({ object: e, excluded: t, ignoredIds: n = Ki }) => {
+}, Zi = ({ object: e, excluded: t, ignoredIds: n = Yi }) => {
 	if (t.has(e)) return !0;
 	let { visible: r = !0 } = e;
 	if (!r) return !0;
 	let { id: i } = e;
 	return !!(i && n.includes(i));
-}, Yi = class e {
+}, Qi = class e {
 	constructor({ editor: e }) {
 		this.anchors = {
 			vertical: [],
@@ -9280,12 +10004,12 @@ var qr = class {
 			target: n,
 			transform: i
 		}), !this.anchors.vertical.length && !this.anchors.horizontal.length && this._cacheAnchors({ activeObject: n });
-		let a = W({ object: n });
+		let a = Ye({ object: n });
 		if (!a) {
 			this._clearSpacingContexts(), this._clearGuides();
 			return;
 		}
-		let { canvas: o } = this, s = o.getZoom() || 1, c = 5 / s, { deltaX: l, deltaY: u } = Ii({
+		let { canvas: o } = this, s = o.getZoom() || 1, c = 5 / s, { deltaX: l, deltaY: u } = zi({
 			activeBounds: a,
 			threshold: c,
 			anchors: this.anchors
@@ -9295,9 +10019,9 @@ var qr = class {
 			n.set({
 				left: e + l,
 				top: t + u
-			}), n.setCoords(), a = W({ object: n }) ?? a;
+			}), n.setCoords(), a = Ye({ object: n }) ?? a;
 		}
-		let d = this._resolveCurrentTargetBounds({ activeObject: n }), f = this.spacingContexts.vertical || this.spacingContexts.horizontal ? 10 / s : c, p = zi({
+		let d = this._resolveCurrentTargetBounds({ activeObject: n }), f = this.spacingContexts.vertical || this.spacingContexts.horizontal ? 10 / s : c, p = Hi({
 			activeBounds: a,
 			candidates: d,
 			threshold: f,
@@ -9312,17 +10036,17 @@ var qr = class {
 			n.set({
 				left: e + p.deltaX,
 				top: t + p.deltaY
-			}), n.setCoords(), a = W({ object: n }) ?? a;
+			}), n.setCoords(), a = Ye({ object: n }) ?? a;
 		}
 		m || e._applyMovementStep({
 			target: n,
 			transform: i
 		});
-		let h = W({ object: n }) ?? a, g = Ii({
+		let h = Ye({ object: n }) ?? a, g = zi({
 			activeBounds: h,
 			threshold: c,
 			anchors: this.anchors
-		}), _ = zi({
+		}), _ = Hi({
 			activeBounds: h,
 			candidates: d,
 			threshold: c,
@@ -9362,7 +10086,7 @@ var qr = class {
 		}
 		let { anchors: l } = this, { vertical: u, horizontal: d } = l;
 		!u.length && !d.length && this._cacheAnchors({ activeObject: n });
-		let f = W({ object: n });
+		let f = Ye({ object: n });
 		if (!f) {
 			this._clearGuides();
 			return;
@@ -9486,7 +10210,7 @@ var qr = class {
 		}
 		let { anchors: a } = this, { vertical: o, horizontal: s } = a;
 		!o.length && !s.length && this._cacheAnchors({ activeObject: t });
-		let c = W({ object: t });
+		let c = Ye({ object: t });
 		if (!c) {
 			this._clearGuides();
 			return;
@@ -9553,9 +10277,9 @@ var qr = class {
 		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 = ci, n.setLineDash([4, 4]);
+		n.save(), Array.isArray(s) && n.transform(...s), n.lineWidth = 1 / c, n.strokeStyle = di, 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) Hi({
+		for (let e of this.activeSpacingGuides) Gi({
 			context: n,
 			guide: e,
 			zoom: c
@@ -9765,15 +10489,15 @@ var qr = class {
 			horizontal: []
 		}, r = [];
 		for (let e of t) {
-			let t = W({ object: e });
-			t && (Ui({
+			let t = Ye({ object: e });
+			t && (Ki({
 				anchors: n,
 				bounds: t
 			}), r.push(t));
 		}
-		let { montageArea: i } = this.editor, a = W({ object: i });
+		let { montageArea: i } = this.editor, a = Ye({ object: i });
 		if (a) {
-			Ui({
+			Ki({
 				anchors: n,
 				bounds: a
 			});
@@ -9785,12 +10509,12 @@ var qr = class {
 				bottom: i
 			};
 		} else this.guideBounds = this._calculateViewportBounds();
-		this.anchors = n, this.spacingPatterns = Gi({ bounds: r }), this.cachedTargetBounds = r;
+		this.anchors = n, this.spacingPatterns = Ji({ bounds: r }), this.cachedTargetBounds = r;
 	}
 	_collectTargets({ activeObject: e }) {
-		let t = qi({ activeObject: e }), n = [];
+		let t = Xi({ activeObject: e }), n = [];
 		return this.canvas.forEachObject((e) => {
-			Ji({
+			Zi({
 				object: e,
 				excluded: t
 			}) || n.push(e);
@@ -9799,7 +10523,7 @@ var qr = class {
 	_resolveCurrentTargetBounds({ activeObject: e }) {
 		let t = this._collectTargets({ activeObject: e }), n = [];
 		for (let e of t) {
-			let t = W({ object: e });
+			let t = Ye({ object: e });
 			t && n.push(t);
 		}
 		return n;
@@ -9813,7 +10537,7 @@ var qr = class {
 			bottom: (r - s) / a
 		};
 	}
-}, Xi = "#3D8BF4", Zi = class e {
+}, $i = "#3D8BF4", ea = 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();
 	}
@@ -9877,7 +10601,7 @@ var qr = class {
 			this._clearGuides();
 			return;
 		}
-		let a = W({ object: i });
+		let a = Ye({ object: i });
 		if (!a) {
 			this._clearGuides();
 			return;
@@ -9885,7 +10609,7 @@ var qr = class {
 		let o = e._resolveTarget({
 			event: t,
 			activeObject: i
-		}), { montageArea: s } = r, c = o ?? s, l = c === s, u = W({ object: c });
+		}), { montageArea: s } = r, c = o ?? s, l = c === s, u = Ye({ object: c });
 		if (!u) {
 			this._clearGuides();
 			return;
@@ -9906,8 +10630,8 @@ var qr = class {
 		this.isTargetMontageArea = l, this.activeGuides = d, this._hideToolbar(), n.requestRenderAll();
 	}
 	static _resolveTarget({ event: e, activeObject: t }) {
-		let { target: n } = e, r = qi({ activeObject: t });
-		return n && !Ji({
+		let { target: n } = e, r = Xi({ activeObject: t });
+		return n && !Zi({
 			object: n,
 			excluded: r
 		}) ? n : null;
@@ -10024,18 +10748,18 @@ var qr = class {
 		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 = Xi, t.setLineDash([]);
+		t.save(), Array.isArray(n) && t.transform(...n), t.lineWidth = 1 / r, t.strokeStyle = $i, 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(), Wi({
 				context: t,
 				type: n,
 				axis: i,
 				start: a,
 				end: c,
-				text: ui({ distance: l }).toString(),
+				text: pi({ distance: l }).toString(),
 				zoom: r,
-				color: Xi,
+				color: $i,
 				lineWidth: 1,
 				offsetAlongAxis: d,
 				offsetPerpendicular: 0
@@ -10053,13 +10777,13 @@ var qr = class {
 		let { toolbar: e } = this.editor;
 		e?.showAfterTemporary?.(), this.isToolbarHidden = !1;
 	}
-}, Qi = class e {
+}, ta = 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 (R.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new A(), this.workerManager = new M(), this.errorManager = new hr({ editor: this }), this.historyManager = new Me({ editor: this }), this.toolbar = new oe({ 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 cr({ editor: this }), this.interactionBlocker = new Ze({ editor: this }), this.backgroundManager = new Qe({ editor: this }), this.clipboardManager = new lr({ editor: this }), this.objectLockManager = new ur({ editor: this }), this.groupingManager = new dr({ editor: this }), this.selectionManager = new fr({ editor: this }), this.deletionManager = new pr({ editor: this }), this.panConstraintManager = new gr({ editor: this }), this.snappingManager = new Yi({ editor: this }), this.measurementManager = new Zi({ editor: this }), this.fontManager = new ae(this.options.fonts ?? []), this.textManager = new ni({ editor: this }), this.templateManager = new si({ editor: this }), u && (this.angleIndicator = new ce({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.interactionBlocker.ensureOverlay(), this.listeners = new k({
+		if (ie.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new A(), this.workerManager = new M(), this.errorManager = new gr({ editor: this }), this.historyManager = new je({ editor: this }), this.toolbar = new V({ 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 lr({ editor: this }), this.interactionBlocker = new Qe({ editor: this }), this.backgroundManager = new $e({ editor: this }), this.clipboardManager = new ur({ editor: this }), this.objectLockManager = new dr({ editor: this }), this.groupingManager = new fr({ editor: this }), this.selectionManager = new pr({ editor: this }), this.deletionManager = new mr({ editor: this }), this.panConstraintManager = new _r({ editor: this }), this.snappingManager = new Qi({ editor: this }), this.measurementManager = new ea({ editor: this }), this.fontManager = new z(this.options.fonts ?? []), this.textManager = new ai({ editor: this }), this.templateManager = new ui({ editor: this }), u && (this.angleIndicator = new ae({ 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) {
@@ -10100,7 +10824,7 @@ var qr = class {
 	}
 	_createMontageArea() {
 		let { montageAreaWidth: t, montageAreaHeight: n } = this.options, r = new p(t / 2, n / 2);
-		this.montageArea = Xe({
+		this.montageArea = Ze({
 			canvas: this.canvas,
 			centerPoint: r,
 			options: {
@@ -10124,7 +10848,7 @@ var qr = class {
 	}
 	_createClippingArea() {
 		let { montageAreaWidth: e, montageAreaHeight: t } = this.options, n = new p(e / 2, t / 2);
-		this.canvas.clipPath = Xe({
+		this.canvas.clipPath = Ze({
 			canvas: this.canvas,
 			centerPoint: n,
 			options: {
@@ -10167,7 +10891,7 @@ var qr = class {
 	"U+A640-A69F",
 	"U+FE2E-FE2F",
 	"U+2116"
-].join(", "), $i = {
+].join(", "), na = {
 	preserveObjectStacking: !0,
 	controlsAboveOverlay: !0,
 	centeredRotation: !0,
@@ -11021,20 +11745,20 @@ var qr = class {
 };
 //#endregion
 //#region src/main.ts
-function ea(e, t = {}) {
+function ra(e, t = {}) {
 	let n = {
-		...$i,
+		...na,
 		...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 Qi(i.id, n);
+		let r = new ta(i.id, n);
 		window[e] = r;
 	});
 }
 //#endregion
-export { ea as default };
+export { ra as default };
 
 //# sourceMappingURL=main.js.map