@anu3ev/fabric-image-editor 0.8.18 → 0.8.20

package/dist/main.js

@@ -1672,8 +1672,33 @@ function Re({ padding: e }) {
 	return t;
 }
 //#endregion
-//#region src/editor/shape-manager/domain/shape-runtime.ts
+//#region src/editor/shape-manager/domain/shape-nodes.ts
 var ze = ({ group: e }) => {
+	let t = e.getObjects();
+	for (let e = 0; e < t.length; e += 1) {
+		let n = t[e];
+		if (n.shapeNodeType === "shape") return n;
+	}
+	for (let e = 0; e < t.length; e += 1) {
+		let n = t[e];
+		if (!(n instanceof v)) return n;
+	}
+	return null;
+}, Be = ({ group: e }) => {
+	let t = e.getObjects();
+	for (let e = 0; e < t.length; e += 1) {
+		let n = t[e];
+		if (n.shapeNodeType === "text" && n instanceof v) return n;
+	}
+	for (let e = 0; e < t.length; e += 1) {
+		let n = t[e];
+		if (n instanceof v) return n;
+	}
+	return null;
+}, H = ({ group: e }) => ({
+	shape: ze({ group: e }),
+	text: Be({ group: e })
+}), Ve = ({ group: e }) => {
 	let t = !!e.locked, n = e;
 	typeof n.setInteractive == "function" && n.setInteractive(!0), n.set({
 		evented: !0,
@@ -1685,7 +1710,7 @@ var ze = ({ group: e }) => {
 		subTargetCheck: !0,
 		hoverCursor: void 0
 	});
-}, Be = ({ text: e }) => {
+}, He = ({ text: e }) => {
 	let t = !!(e.locked || e.group?.locked);
 	e.set({
 		hasBorders: !1,
@@ -1698,7 +1723,7 @@ var ze = ({ group: e }) => {
 		autoExpand: !1,
 		shapeNodeType: "text"
 	}), e.setCoords();
-}, Ve = ({ group: e }) => {
+}, Ue = ({ group: e }) => {
 	let { layoutManager: t } = e;
 	if (!t || typeof t.unsubscribeTargets != "function") return;
 	let n = e.getObjects();
@@ -1706,7 +1731,7 @@ var ze = ({ group: e }) => {
 		target: e,
 		targets: n
 	});
-}, He = ({ group: e }) => {
+}, We = ({ group: e }) => {
 	let t = e.getObjects();
 	for (let e = 0; e < t.length; e += 1) {
 		let n = t[e];
@@ -1717,20 +1742,20 @@ var ze = ({ group: e }) => {
 		if (n instanceof v) return n;
 	}
 	return null;
-}, Ue = "shape-group";
-function We() {
+}, Ge = "shape-group";
+function Ke() {
 	let e = new d();
 	return e.performLayout = () => {}, e;
 }
-function Ge({ layoutManager: e }) {
+function qe({ layoutManager: e }) {
 	let t = b.getClass("layoutManager");
 	if (!e) return new t();
 	let { strategy: n, type: r } = e, i = b.getClass(r);
 	return n ? new i(new (b.getClass(n))()) : new i();
 }
-var Ke = class e extends l {
+var Je = class e extends l {
 	static {
-		this.type = Ue;
+		this.type = Ge;
 	}
 	constructor(e = [], t = {}) {
 		let { layoutManager: n, objectCaching: r, centeredScaling: i, lockScalingFlip: a, ...o } = t;
@@ -1753,17 +1778,17 @@ var Ke = class e extends l {
 			bottom: this.shapePaddingBottom,
 			left: this.shapePaddingLeft
 		} });
-		this.shapePaddingTop = e.top, this.shapePaddingRight = e.right, this.shapePaddingBottom = e.bottom, this.shapePaddingLeft = e.left, this._syncRoundability(), ze({ group: this }), ue({ target: this });
-		let t = He({ group: this });
-		t && Be({ text: t }), Ve({ group: this }), this.setCoords();
+		this.shapePaddingTop = e.top, this.shapePaddingRight = e.right, this.shapePaddingBottom = e.bottom, this.shapePaddingLeft = e.left, this._syncRoundability(), this._foldGroupOpacityIntoNodes(), Ve({ group: this }), ue({ target: this });
+		let t = We({ group: this });
+		t && He({ text: t }), Ue({ group: this }), this.setCoords();
 	}
 	static async fromObject({ type: t, objects: n = [], layoutManager: r, ...i }, a) {
 		let [o, s] = await Promise.all([w.enlivenObjects(n, a), w.enlivenObjectEnlivables(i, a)]), c = new e(o, {
 			...i,
 			...s,
-			layoutManager: We()
+			layoutManager: Ke()
 		});
-		return c.layoutManager = Ge({ layoutManager: r }), c.layoutManager.subscribeTargets({
+		return c.layoutManager = qe({ layoutManager: r }), c.layoutManager.subscribeTargets({
 			type: "initialization",
 			target: c,
 			targets: c.getObjects()
@@ -1779,19 +1804,35 @@ var Ke = class e extends l {
 		let t = we({ presetKey: e });
 		t && (this.shapeCanRound = ke({ preset: t }));
 	}
-}, qe = () => {
-	b?.setClass && b.setClass(Ke, Ue);
-}, H = (e) => e instanceof Ke || e instanceof l && e.shapeComposite === !0, Je = ({ target: e, subTargets: t = [] }) => {
-	if (H(e)) return e;
-	if (e?.group && H(e.group)) return e.group;
+	_foldGroupOpacityIntoNodes() {
+		let e = this.opacity;
+		if (typeof e != "number" || e === 1) return;
+		let { shape: t, text: n } = H({ group: this });
+		if (!(!t && !n)) {
+			if (t) {
+				let n = (typeof t.opacity == "number" ? t.opacity : this.shapeOpacity ?? 1) * e;
+				t.set({ opacity: n }), t.setCoords(), this.shapeOpacity = n;
+			}
+			if (n) {
+				let t = typeof n.opacity == "number" ? n.opacity : 1;
+				n.set({ opacity: t * e }), n.setCoords();
+			}
+			this.set({ opacity: 1 });
+		}
+	}
+}, Ye = () => {
+	b?.setClass && b.setClass(Je, Ge);
+}, U = (e) => e instanceof Je || e instanceof l && e.shapeComposite === !0, Xe = ({ target: e, subTargets: t = [] }) => {
+	if (U(e)) return e;
+	if (e?.group && U(e.group)) return e.group;
 	for (let e = 0; e < t.length; e += 1) {
 		let n = t[e];
-		if (H(n)) return n;
+		if (U(n)) return n;
 		let { group: r } = n;
-		if (r && H(r)) return r;
+		if (r && U(r)) return r;
 	}
 	return null;
-}, Ye = {
+}, Ze = {
 	style: {
 		position: "absolute",
 		display: "none",
@@ -1901,7 +1942,7 @@ var Ke = class e extends l {
 			e.layerManager.sendBackwards(t ?? void 0);
 		}
 	}
-}, Xe = class {
+}, Qe = 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();
 	}
@@ -1909,22 +1950,22 @@ var Ke = class e extends l {
 		if (!this.options.showToolbar) return;
 		let e = this.options.toolbar || {};
 		this.config = {
-			...Ye,
+			...Ze,
 			...e,
 			style: {
-				...Ye.style,
+				...Ze.style,
 				...e.style || {}
 			},
 			btnStyle: {
-				...Ye.btnStyle,
+				...Ze.btnStyle,
 				...e.btnStyle || {}
 			},
 			icons: {
-				...Ye.icons,
+				...Ze.icons,
 				...e.icons || {}
 			},
 			handlers: {
-				...Ye.handlers,
+				...Ze.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 = () => {
@@ -2001,12 +2042,12 @@ var Ke = class e extends l {
 	}
 	_resolveCurrentTarget() {
 		let e = this.canvas.getActiveObject();
-		return Je({ target: e }) ?? e ?? null;
+		return Xe({ target: e }) ?? e ?? null;
 	}
 	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();
 	}
-}, Ze = {
+}, $e = {
 	position: "absolute",
 	display: "none",
 	background: "#2B2D33",
@@ -2020,12 +2061,12 @@ var Ke = class e extends l {
 	"pointer-events": "none",
 	"white-space": "nowrap",
 	"box-shadow": "0 2px 8px rgba(0, 0, 0, 0.2)"
-}, Qe = "fabric-editor-angle-indicator", $e = class e {
+}, et = "fabric-editor-angle-indicator", tt = 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 = Qe, Object.entries(Ze).forEach(([e, t]) => {
+		this.el = document.createElement("div"), this.el.className = et, Object.entries($e).forEach(([e, t]) => {
 			this.el.style.setProperty(e, t);
 		}), this.canvas.wrapperEl.appendChild(this.el);
 	}
@@ -2070,44 +2111,44 @@ var Ke = class e extends l {
 	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;
 	}
-}, et = /* @__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.shapeTextWrapPolicy.shapeAlignHorizontal.shapeAlignVertical.shapePaddingTop.shapePaddingRight.shapePaddingBottom.shapePaddingLeft.shapeFill.shapeStroke.shapeStrokeWidth.shapeStrokeDashArray.shapeOpacity.shapeRounding.shapeNodeType".split(".");
+}, nt = /* @__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.shapeTextWrapPolicy.shapeAlignHorizontal.shapeAlignVertical.shapePaddingTop.shapePaddingRight.shapePaddingBottom.shapePaddingLeft.shapeFill.shapeStroke.shapeStrokeWidth.shapeStrokeDashArray.shapeOpacity.shapeRounding.shapeNodeType".split(".");
 //#endregion
 //#region src/editor/history-manager/diff-normalization.ts
-function tt({ state: e }) {
+function rt({ state: e }) {
 	return JSON.parse(JSON.stringify(e));
 }
-function nt({ value: e }) {
+function it({ value: e }) {
 	if (Array.isArray(e)) {
 		let t = [];
-		for (let n = 0; n < e.length; n += 1) t.push(nt({ value: e[n] }));
+		for (let n = 0; n < e.length; n += 1) t.push(it({ 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] = nt({ value: e[i] });
+			t[i] = it({ value: e[i] });
 		}
 		return t;
 	}
 	return e;
 }
-function rt({ value: e }) {
-	let t = nt({ value: e });
+function at({ value: e }) {
+	let t = it({ value: e });
 	return JSON.stringify(t);
 }
-function it({ prevState: e, nextState: t }) {
-	return rt({ value: e }) === rt({ value: t });
+function ot({ prevState: e, nextState: t }) {
+	return at({ value: e }) === at({ value: t });
 }
-function at({ objects: e, id: t }) {
+function st({ 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 ot({ objects: e }) {
-	let t = at({
+function ct({ objects: e }) {
+	let t = st({
 		objects: e,
 		id: "montage-area"
 	});
@@ -2121,7 +2162,7 @@ function ot({ objects: e }) {
 		height: r
 	};
 }
-function st({ objects: e }) {
+function lt({ objects: e }) {
 	let t = [], n = [...e];
 	for (let e = 0; e < n.length; e += 1) {
 		let r = n[e];
@@ -2131,20 +2172,20 @@ function st({ objects: e }) {
 	}
 	return t;
 }
-function ct({ objects: e }) {
-	let t = st({ objects: e });
+function ut({ objects: e }) {
+	let t = lt({ 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 lt({ prevState: e, nextState: t }) {
-	let { width: n, height: r, objects: i } = e, { objects: a } = t, { width: o, height: s } = ot({ objects: i }), { width: c, height: l } = ot({ objects: a });
+function dt({ prevState: e, nextState: t }) {
+	let { width: n, height: r, objects: i } = e, { objects: a } = t, { width: o, height: s } = ct({ objects: i }), { width: c, height: l } = ct({ objects: a });
 	o !== c || s !== l || (t.width = n, t.height = r);
 }
-function ut({ prevState: e, nextState: t }) {
-	let n = tt({ state: e }), r = tt({ state: t });
-	return ct({ objects: n.objects }), ct({ objects: r.objects }), lt({
+function ft({ prevState: e, nextState: t }) {
+	let n = rt({ state: e }), r = rt({ state: t });
+	return ut({ objects: n.objects }), ut({ objects: r.objects }), dt({
 		prevState: n,
 		nextState: r
 	}), {
@@ -2154,10 +2195,10 @@ function ut({ prevState: e, nextState: t }) {
 }
 //#endregion
 //#region src/editor/history-manager/load-state.ts
-function dt({ customData: e }) {
+function pt({ customData: e }) {
 	return JSON.parse(JSON.stringify(e));
 }
-function ft({ state: e }) {
+function mt({ 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) {
@@ -2166,7 +2207,7 @@ function ft({ state: e }) {
 	}
 	return t;
 }
-function pt({ state: e, canvas: t }) {
+function ht({ 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];
@@ -2181,23 +2222,23 @@ function pt({ 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 = dt({ customData: o }));
+		typeof n == "string" && (o = r.get(n)), o ||= i.get(e), o && (t.customData = pt({ customData: o }));
 	}
 }
 //#endregion
 //#region src/editor/history-manager/snapshot-interactivity.ts
-function mt({ object: e }) {
+function gt({ object: e }) {
 	return typeof e.getObjects == "function" ? e.getObjects() : [];
 }
-function ht({ objects: e }) {
+function _t({ objects: e }) {
 	for (let t = 0; t < e.length; t += 1) if (e[t].isEditing) return !0;
 	return !1;
 }
-function gt({ object: e }) {
+function vt({ object: e }) {
 	let t = typeof e.type == "string" ? e.type.toLowerCase() : "";
 	return t === "textbox" || t === "background-textbox" || typeof e.isEditing == "boolean";
 }
-function _t({ object: e, withEvented: t = !1 }) {
+function yt({ object: e, withEvented: t = !1 }) {
 	let n = {
 		object: e,
 		lockMovementX: e.lockMovementX,
@@ -2206,66 +2247,66 @@ function _t({ object: e, withEvented: t = !1 }) {
 	};
 	return t && (n.evented = e.evented), n;
 }
-function vt({ object: e, snapshotStates: t }) {
-	return e.shapeComposite !== !0 || !ht({ objects: mt({ object: e }) }) ? !1 : (t.push(_t({ object: e })), e.lockMovementX = !1, e.lockMovementY = !1, e.selectable = !0, !0);
+function bt({ object: e, snapshotStates: t }) {
+	return e.shapeComposite !== !0 || !_t({ objects: gt({ object: e }) }) ? !1 : (t.push(yt({ object: e })), e.lockMovementX = !1, e.lockMovementY = !1, e.selectable = !0, !0);
 }
-function yt({ object: e, snapshotStates: t }) {
-	if (!gt({ object: e })) return !1;
+function xt({ object: e, snapshotStates: t }) {
+	if (!vt({ 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(_t({
+	return !i || a || !r ? !1 : (t.push(yt({
 		object: e,
 		withEvented: !0
 	})), e.lockMovementX = !1, e.lockMovementY = !1, e.selectable = !1, e.evented = !1, !0);
 }
-function bt({ object: e, snapshotStates: t }) {
-	if (!gt({ object: e })) return !1;
+function St({ object: e, snapshotStates: t }) {
+	if (!vt({ object: e })) return !1;
 	let n = !!e.lockMovementX, r = !!e.lockMovementY;
-	return !n && !r ? !1 : (t.push(_t({ object: e })), e.lockMovementX = !1, e.lockMovementY = !1, e.selectable = !0, !0);
+	return !n && !r ? !1 : (t.push(yt({ object: e })), e.lockMovementX = !1, e.lockMovementY = !1, e.selectable = !0, !0);
 }
-function xt({ objects: e }) {
+function Ct({ objects: e }) {
 	let t = [];
 	for (let n = 0; n < e.length; n += 1) {
 		let r = e[n];
-		r.locked || vt({
+		r.locked || bt({
 			object: r,
 			snapshotStates: t
-		}) || yt({
+		}) || xt({
 			object: r,
 			snapshotStates: t
-		}) || bt({
+		}) || St({
 			object: r,
 			snapshotStates: t
 		});
 	}
 	return t;
 }
-function St({ canvas: e }) {
+function wt({ 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 = mt({ object: r });
+		let i = gt({ object: r });
 		for (let e = 0; e < i.length; e += 1) t.push(i[e]);
 	}
 	return n;
 }
-function Ct({ snapshotStates: e }) {
+function Tt({ 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 wt({ canvas: e, callback: t }) {
-	let n = xt({ objects: St({ canvas: e }) });
+function Et({ canvas: e, callback: t }) {
+	let n = Ct({ objects: wt({ canvas: e }) });
 	try {
 		return t();
 	} finally {
-		Ct({ snapshotStates: n });
+		Tt({ snapshotStates: n });
 	}
 }
 //#endregion
 //#region src/editor/history-manager/index.ts
-var Tt = class {
+var Dt = 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();
 	}
@@ -2330,14 +2371,14 @@ var Tt = class {
 		return console.log("getFullState state", r), r;
 	}
 	_captureCurrentState() {
-		return wt({
+		return Et({
 			canvas: this.canvas,
 			callback: () => this._serializeCanvasState()
 		});
 	}
 	_serializeCanvasState() {
 		let { canvas: e } = this;
-		return e.toDatalessObject([...et]);
+		return e.toDatalessObject([...nt]);
 	}
 	_handlePendingSaveTimeout() {
 		this._pendingSaveTimeoutId !== null && (this._pendingSaveTimeoutId = null, this._pendingSaveReason = null, this.saveState());
@@ -2380,7 +2421,7 @@ var Tt = class {
 			this.baseState = e, this.patches = [], this.currentIndex = 0, console.log("Базовое состояние сохранено.");
 			return;
 		}
-		let { prevState: t, nextState: n } = ut({
+		let { prevState: t, nextState: n } = ft({
 			prevState: this.getFullState(),
 			nextState: e
 		}), r = this.diffPatcher.diff(t, n);
@@ -2388,7 +2429,7 @@ var Tt = class {
 			console.log("Нет изменений для сохранения.");
 			return;
 		}
-		if (it({
+		if (ot({
 			prevState: t,
 			nextState: n
 		})) {
@@ -2410,9 +2451,9 @@ var Tt = 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 = wt({
+				let t = Et({
 					canvas: this.canvas,
-					callback: () => this.canvas.toDatalessObject([...et])
+					callback: () => this.canvas.toDatalessObject([...nt])
 				});
 				console.timeEnd("saveState"), this._saveSerializedState({ currentStateObj: t });
 			} finally {
@@ -2425,8 +2466,8 @@ var Tt = 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 = ft({ state: e });
-		await t.loadFromJSON(d), pt({
+		let d = mt({ state: e });
+		await t.loadFromJSON(d), ht({
 			state: e,
 			canvas: t
 		});
@@ -2508,7 +2549,7 @@ var Tt = class {
 			}
 		}
 	}
-}, Et = .1, Dt = 4096, Ot = 4096, kt = "application/image-editor:", At = /* @__PURE__ */ "id.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.shapeTextWrapPolicy.shapeAlignHorizontal.shapeAlignVertical.shapePaddingTop.shapePaddingRight.shapePaddingBottom.shapePaddingLeft.shapeFill.shapeStroke.shapeStrokeWidth.shapeStrokeDashArray.shapeOpacity.shapeRounding.shapeNodeType".split("."), jt = class e {
+}, Ot = .1, kt = 4096, At = 4096, jt = "application/image-editor:", Mt = /* @__PURE__ */ "id.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.shapeTextWrapPolicy.shapeAlignHorizontal.shapeAlignVertical.shapePaddingTop.shapePaddingRight.shapePaddingBottom.shapePaddingLeft.shapeFill.shapeStroke.shapeStrokeWidth.shapeStrokeDashArray.shapeOpacity.shapeRounding.shapeNodeType".split("."), Nt = class e {
 	constructor({ editor: e }) {
 		this.editor = e, this.options = e.options, this._createdBlobUrls = [], this.acceptContentTypes = this.editor.options.acceptContentTypes, this.acceptFormats = this.getAllowedFormatsFromContentTypes();
 	}
@@ -2705,7 +2746,7 @@ var Tt = class {
 		}
 	}
 	async resizeImageToBoundaries(e) {
-		let { dataURL: t, sizeType: n = "max", contentType: r = "image/png", quality: i = 1, maxWidth: a = Dt, maxHeight: o = Ot, 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 = kt, maxHeight: o = At, 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,
@@ -2981,11 +3022,11 @@ var Tt = class {
 		let t = e.match(/^[^/]+\/([^+;]+)/);
 		return t ? t[1] : "";
 	}
-}, Mt = (e, t, n) => Math.max(Math.min(e, n), t), Nt = (e, t) => e * t;
-function Pt(e) {
+}, Pt = (e, t, n) => Math.max(Math.min(e, n), t), Ft = (e, t) => e * t;
+function It(e) {
 	return (e?.type === "image" || e?.format === "svg") && typeof e?.width == "number" && typeof e?.height == "number";
 }
-var Ft = class {
+var Lt = class {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -2995,7 +3036,7 @@ var Ft = 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 m(Mt(o, a.left, a.right), Mt(s, a.top, a.bottom));
+		return new m(Pt(o, a.left, a.right), Pt(s, a.top, a.bottom));
 	}
 	getMontageAreaSceneCenter() {
 		let { montageArea: e } = this.editor;
@@ -3074,9 +3115,9 @@ var Ft = 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 = Mt(Number(e), 16, Dt);
+		let { canvas: i, montageArea: a, options: { canvasBackstoreWidth: o } } = this.editor, { width: s, height: c } = a, l = Pt(Number(e), 16, kt);
 		if (!o || o === "auto" || r ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreWidth(Number(o)) : this.setCanvasBackstoreWidth(l), a.set({ width: l }), this.placeMontageAreaAtCanonicalScenePosition(), t) {
-			let e = Nt(c, l / s);
+			let e = Ft(c, l / s);
 			this.setResolutionHeight(e, {
 				withoutSave: n,
 				adaptCanvasToContainer: r
@@ -3092,9 +3133,9 @@ var Ft = 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 = Mt(Number(e), 16, Ot);
+		let { canvas: i, montageArea: a, options: { canvasBackstoreHeight: o } } = this.editor, { width: s, height: c } = a, l = Pt(Number(e), 16, At);
 		if (!o || o === "auto" || r ? this.adaptCanvasToContainer() : o ? this.setCanvasBackstoreHeight(Number(o)) : this.setCanvasBackstoreHeight(l), a.set({ height: l }), this.placeMontageAreaAtCanonicalScenePosition(), t) {
-			let e = Nt(s, l / c);
+			let e = Ft(s, l / c);
 			this.setResolutionWidth(e, {
 				withoutSave: n,
 				adaptCanvasToContainer: r
@@ -3121,16 +3162,16 @@ var Ft = class {
 	}
 	setCanvasBackstoreWidth(e) {
 		if (!e || typeof e != "number") return;
-		let t = Mt(e, 16, Dt);
+		let t = Pt(e, 16, kt);
 		this.editor.canvas.setDimensions({ width: t }, { backstoreOnly: !0 });
 	}
 	setCanvasBackstoreHeight(e) {
 		if (!e || typeof e != "number") return;
-		let t = Mt(e, 16, Ot);
+		let t = Pt(e, 16, At);
 		this.editor.canvas.setDimensions({ height: t }, { backstoreOnly: !0 });
 	}
 	adaptCanvasToContainer() {
-		let { canvas: e } = this.editor, t = this.getEditorContainer(), n = t.clientWidth, r = t.clientHeight, i = Mt(n, 16, Dt), a = Mt(r, 16, Ot);
+		let { canvas: e } = this.editor, t = this.getEditorContainer(), n = t.clientWidth, r = t.clientHeight, i = Pt(n, 16, kt), a = Pt(r, 16, At);
 		e.setDimensions({
 			width: i,
 			height: a
@@ -3218,8 +3259,8 @@ var Ft = class {
 	}
 	scaleMontageAreaToImage({ object: e, preserveAspectRatio: t, withoutSave: n } = {}) {
 		let { canvas: r, montageArea: i, transformManager: a } = this.editor, o = e || r.getActiveObject();
-		if (!Pt(o)) return;
-		let { width: s, height: c } = o, l = Math.min(s, Dt), u = Math.min(c, Ot);
+		if (!It(o)) return;
+		let { width: s, height: c } = o, l = Math.min(s, kt), u = Math.min(c, At);
 		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;
@@ -3247,7 +3288,7 @@ var Ft = 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);
 	}
-}, It = class {
+}, Rt = class {
 	constructor({ editor: e }) {
 		this.editor = e, this.options = e.options;
 	}
@@ -3281,14 +3322,35 @@ var Ft = class {
 	}
 	setActiveObjectOpacity({ object: t, opacity: n = 1, withoutSave: r } = {}) {
 		let { canvas: i, historyManager: a } = this.editor, o = t || i.getActiveObject();
-		o && (o instanceof e ? o.getObjects().forEach((e) => {
-			e.set("opacity", n);
-		}) : o.set("opacity", n), i.renderAll(), r || a.saveState(), i.fire("editor:object-opacity-changed", {
+		if (!o) return;
+		let s = !1;
+		if (o instanceof e) {
+			let e = o.getObjects();
+			for (let t = 0; t < e.length; t += 1) {
+				let r = e[t], i = this._setCanvasObjectOpacity({
+					object: r,
+					opacity: n
+				});
+				s ||= i;
+			}
+		} else s = this._setCanvasObjectOpacity({
+			object: o,
+			opacity: n
+		});
+		s && (i.renderAll(), r || a.saveState(), i.fire("editor:object-opacity-changed", {
 			object: o,
 			opacity: n,
 			withoutSave: r
 		}));
 	}
+	_setCanvasObjectOpacity({ object: e, opacity: t }) {
+		let n = Xe({ target: e });
+		return n ? !!this.editor.shapeManager.setOpacity({
+			target: n,
+			opacity: t,
+			withoutSave: !0
+		}) : (e.set("opacity", t), !0);
+	}
 	fitObject({ object: t, type: n = this.options.scaleType, withoutSave: r, fitAsOneObject: i } = {}) {
 		let { canvas: a, historyManager: o } = this.editor, s = t || a.getActiveObject();
 		if (s) {
@@ -3378,7 +3440,7 @@ var Ft = class {
 			});
 		}
 	}
-}, Lt = class {
+}, zt = 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);
 	}
@@ -3432,7 +3494,7 @@ var Ft = class {
 			y: Math.abs(T) > Math.abs(d) ? d : T
 		};
 	}
-	_applyViewportCentering(e, t = !1, n = Et) {
+	_applyViewportCentering(e, t = !1, n = Ot) {
 		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);
@@ -3481,7 +3543,7 @@ var Ft = class {
 			pointY: u.y
 		});
 	}
-	zoom(e = Et, t = {}) {
+	zoom(e = Ot, 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 m(t.pointX ?? s.x, t.pointY ?? s.y);
 		this.editor.montageArea.setCoords(), this.editor.canvas.requestRenderAll();
@@ -3507,30 +3569,30 @@ var Ft = 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, Rt = ({ value: e, dimension: t, useRelativePositions: n }) => {
-	let r = U({ value: e });
+}, W = ({ value: e, fallback: t = 0 }) => typeof e == "number" && Number.isFinite(e) ? e : typeof t == "number" && Number.isFinite(t) ? t : 0, Bt = ({ value: e, dimension: t, useRelativePositions: n }) => {
+	let r = W({ value: e });
 	return n ? r : r / (t || 1);
-}, zt = ({ object: e, baseWidth: t, baseHeight: n, useRelativePositions: r }) => ({
-	x: Rt({
+}, Vt = ({ object: e, baseWidth: t, baseHeight: n, useRelativePositions: r }) => ({
+	x: Bt({
 		value: e.left,
 		dimension: t,
 		useRelativePositions: r
 	}),
-	y: Rt({
+	y: Bt({
 		value: e.top,
 		dimension: n,
 		useRelativePositions: r
 	})
-}), Bt = ({ normalizedX: e, normalizedY: t, bounds: n }) => {
+}), Ht = ({ normalizedX: e, normalizedY: t, bounds: n }) => {
 	let { left: r, top: i, width: a, height: o } = n;
 	return new m(r + e * a, i + t * o);
-}, Vt = ({ object: e }) => {
+}, Ut = ({ object: e }) => {
 	let { left: t = 0, top: n = 0, width: r = 0, height: i = 0, scaleX: a = 1, scaleY: o = 1, strokeWidth: s = 0, strokeUniform: c = !1 } = e, l = typeof e.type == "string" ? e.type.toLowerCase() : "", u = e instanceof v || l === "textbox" || l === "background-textbox", d = c ? 0 : s, f = r + d, p = i + d, m = {
 		left: Math.round(t),
 		top: Math.round(n)
 	};
 	u || (f > 0 && (m.scaleX = Math.max(1, Math.round(f * a)) / f), p > 0 && (m.scaleY = Math.max(1, Math.round(p * o)) / p)), e.set(m), e.setCoords();
-}, W = ({ object: e }) => {
+}, G = ({ object: e }) => {
 	if (!e) return null;
 	try {
 		e.setCoords();
@@ -3549,17 +3611,17 @@ var Ft = class {
 };
 //#endregion
 //#region src/editor/utils/primitive-shapes.ts
-function Ht({ canvas: e, object: t, left: n, top: r, centerPoint: i, flags: a }) {
+function Wt({ 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();
 		t.setPositionByOrigin(n, "center", "center"), t.setCoords();
 	}
-	return Vt({ object: t }), s ? t : (e.add(t), o || e.setActiveObject(t), e.renderAll(), t);
+	return Ut({ object: t }), s ? t : (e.add(t), o || e.setActiveObject(t), e.renderAll(), t);
 }
-var Ut = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
+var Gt = ({ 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 Ht({
+	return Wt({
 		canvas: e,
 		object: new _({
 			id: i,
@@ -3575,7 +3637,7 @@ var Ut = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		centerPoint: n,
 		flags: r
 	});
-}, Wt = "ai-generation-overlay", Gt = 1080, Kt = Math.PI * 2, qt = 40, Jt = 8, Yt = Jt / 2, Xt = (Gt - qt * Jt) / (qt + 1), Zt = Jt + Xt, Qt = .18, $t = .58, en = "rgba(136, 136, 136, 0.5)", tn = "rgba(255, 255, 255, 0.92)", nn = [
+}, Kt = "ai-generation-overlay", qt = 1080, Jt = Math.PI * 2, Yt = 40, Xt = 8, Zt = Xt / 2, Qt = (qt - Yt * Xt) / (Yt + 1), $t = Xt + Qt, en = .18, tn = .58, nn = "rgba(136, 136, 136, 0.5)", rn = "rgba(255, 255, 255, 0.92)", an = [
 	{
 		rx: 540,
 		ry: 430,
@@ -3637,40 +3699,40 @@ var Ut = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		seed: 5.37
 	}
 ];
-function rn({ value: e, min: t = 0, max: n = 1 }) {
+function on({ value: e, min: t = 0, max: n = 1 }) {
 	return Math.max(t, Math.min(n, e));
 }
-function an({ from: e, to: t, progress: n }) {
+function sn({ from: e, to: t, progress: n }) {
 	return e + (t - e) * n;
 }
-function on({ edgeStart: e, edgeEnd: t, value: n }) {
-	let r = rn({ value: (n - e) / (t - e) });
+function cn({ edgeStart: e, edgeEnd: t, value: n }) {
+	let r = on({ value: (n - e) / (t - e) });
 	return r * r * (3 - 2 * r);
 }
-function sn({ time: e, seed: t }) {
-	return rn({ value: .5 + .5 * (.53 * Math.sin(e * .73 + t * 11.17) + .29 * Math.sin(e * 1.37 + t * 7.13 + 1.1) + .18 * Math.sin(e * 2.21 + t * 3.97 + 2.4)) });
+function ln({ time: e, seed: t }) {
+	return on({ value: .5 + .5 * (.53 * Math.sin(e * .73 + t * 11.17) + .29 * Math.sin(e * 1.37 + t * 7.13 + 1.1) + .18 * Math.sin(e * 2.21 + t * 3.97 + 2.4)) });
 }
-function cn() {
+function un() {
 	let e = [];
-	for (let t = 0; t < qt; t += 1) for (let n = 0; n < qt; n += 1) e.push({
-		x: Xt + Yt + n * Zt,
-		y: Xt + Yt + t * Zt
+	for (let t = 0; t < Yt; t += 1) for (let n = 0; n < Yt; n += 1) e.push({
+		x: Qt + Zt + n * $t,
+		y: Qt + Zt + t * $t
 	});
 	return e;
 }
-var ln = cn();
-function un({ blob: e, time: t }) {
-	let n = t * e.speed, r = t * e.pulseSpeed + e.seed * 3.1, i = -e.travelPadX, a = Gt + e.travelPadX, o = -e.travelPadY, s = Gt + e.travelPadY, c = sn({
+var dn = un();
+function fn({ blob: e, time: t }) {
+	let n = t * e.speed, r = t * e.pulseSpeed + e.seed * 3.1, i = -e.travelPadX, a = qt + e.travelPadX, o = -e.travelPadY, s = qt + e.travelPadY, c = ln({
 		time: n,
 		seed: e.seed + .11
-	}), l = sn({
+	}), l = ln({
 		time: n * .93 + 7.3,
 		seed: e.seed + .67
-	}), u = an({
+	}), u = sn({
 		from: i,
 		to: a,
 		progress: c
-	}), d = an({
+	}), d = sn({
 		from: o,
 		to: s,
 		progress: l
@@ -3683,46 +3745,46 @@ function un({ blob: e, time: t }) {
 		weight: e.weight
 	};
 }
-function dn({ state: e, dot: t }) {
+function pn({ state: e, dot: t }) {
 	let n = (t.x - e.x) / e.rx, r = (t.y - e.y) / e.ry;
 	return Math.exp(-(n * n + r * r) * 1.6) * e.weight;
 }
-function fn({ dot: e, states: t, time: n }) {
+function mn({ dot: e, states: t, time: n }) {
 	let r = 0;
-	for (let n of t) r += dn({
+	for (let n of t) r += pn({
 		state: n,
 		dot: e
 	});
 	let i = .98 + .02 * Math.sin(e.x * .012 + e.y * .01 + n * 3.1);
-	return on({
-		edgeStart: Qt,
-		edgeEnd: $t,
+	return cn({
+		edgeStart: en,
+		edgeEnd: tn,
 		value: r
 	}) * i;
 }
-function pn({ ctx: e, time: t }) {
-	let n = nn.map((e) => un({
+function hn({ ctx: e, time: t }) {
+	let n = an.map((e) => fn({
 		blob: e,
 		time: t
 	}));
-	e.fillStyle = tn;
-	for (let r of ln) {
-		let i = fn({
+	e.fillStyle = rn;
+	for (let r of dn) {
+		let i = mn({
 			dot: r,
 			states: n,
 			time: t
 		});
-		i <= .01 || (e.beginPath(), e.arc(r.x, r.y, Yt * Math.min(i, 1), 0, Kt), e.fill());
+		i <= .01 || (e.beginPath(), e.arc(r.x, r.y, Zt * Math.min(i, 1), 0, Jt), e.fill());
 	}
 }
-var mn = class extends _ {
+var gn = class extends _ {
 	static {
-		this.type = Wt;
+		this.type = Kt;
 	}
 	constructor(e = {}) {
 		super({
 			...e,
-			fill: en,
+			fill: nn,
 			objectCaching: !1
 		}), this._animationFrameId = null, this._renderTimeMs = 0;
 	}
@@ -3743,16 +3805,16 @@ var mn = class extends _ {
 	}
 	_render(e) {
 		let t = this.width ?? 0, n = this.height ?? 0;
-		t <= 0 || n <= 0 || (e.save(), e.beginPath(), e.rect(-t / 2, -n / 2, t, n), e.clip(), e.fillStyle = en, e.fillRect(-t / 2, -n / 2, t, n), e.translate(-t / 2, -n / 2), e.scale(t / Gt, n / Gt), pn({
+		t <= 0 || n <= 0 || (e.save(), e.beginPath(), e.rect(-t / 2, -n / 2, t, n), e.clip(), e.fillStyle = nn, e.fillRect(-t / 2, -n / 2, t, n), e.translate(-t / 2, -n / 2), e.scale(t / qt, n / qt), hn({
 			ctx: e,
 			time: this._renderTimeMs / 1e3
 		}), e.restore());
 	}
-}, hn = () => {
-	b?.setClass && b.setClass(mn, Wt);
-}, gn = "default", _n = "overlay-mask", vn = class {
+}, _n = () => {
+	b?.setClass && b.setClass(gn, Kt);
+}, vn = "default", yn = "overlay-mask", bn = class {
 	constructor({ editor: e }) {
-		hn(), this.editor = e, this.isBlocked = !1, this.overlayMask = null, this._overlayType = gn;
+		_n(), this.editor = e, this.isBlocked = !1, this.overlayMask = null, this._overlayType = vn;
 	}
 	_getOverlayGeometry() {
 		let { canvasManager: e } = this.editor, t = e.getMontageAreaSceneBounds();
@@ -3780,12 +3842,12 @@ var mn = class extends _ {
 			hasControls: !1,
 			excludeFromExport: !0,
 			visible: !1,
-			id: _n
+			id: yn
 		};
 	}
 	_createDefaultOverlay() {
 		let { options: { overlayMaskColor: e = "rgba(136, 136, 136, 0.5)" } } = this.editor;
-		return Ut({
+		return Gt({
 			canvas: this.editor.canvas,
 			options: {
 				...this._getOverlayBaseOptions(),
@@ -3795,11 +3857,11 @@ var mn = class extends _ {
 		});
 	}
 	_createAiGenerationOverlay() {
-		let e = new mn(this._getOverlayBaseOptions());
+		let e = new gn(this._getOverlayBaseOptions());
 		return this.editor.canvas.add(e), e;
 	}
 	_stopOverlayAnimation() {
-		this.overlayMask instanceof mn && this.overlayMask.stopAnimation();
+		this.overlayMask instanceof gn && this.overlayMask.stopAnimation();
 	}
 	_createOverlay({ overlay: e }) {
 		let { canvas: t, historyManager: n } = this.editor;
@@ -3811,7 +3873,7 @@ var mn = class extends _ {
 		}
 	}
 	_startOverlayAnimation() {
-		this.overlayMask instanceof mn && this.overlayMask.startAnimation({ canvas: this.editor.canvas });
+		this.overlayMask instanceof gn && this.overlayMask.startAnimation({ canvas: this.editor.canvas });
 	}
 	ensureOverlay({ overlay: e = this._overlayType } = {}) {
 		(!this.overlayMask || this._overlayType !== e) && this._createOverlay({ overlay: e }), this.overlayMask && (this.overlayMask.set(this._getOverlayGeometry()), this.overlayMask.visible = this.isBlocked, this.overlayMask.setCoords());
@@ -3827,7 +3889,7 @@ var mn = class extends _ {
 			}
 		}
 	}
-	block({ overlay: e = gn } = {}) {
+	block({ overlay: e = vn } = {}) {
 		if (this.isBlocked) {
 			this.ensureOverlay();
 			return;
@@ -3856,7 +3918,7 @@ var mn = class extends _ {
 		}
 		n.flushDeferredSaveAfterUnblock();
 	}
-}, yn = class e {
+}, xn = class e {
 	constructor({ editor: e }) {
 		this.editor = e, this.backgroundObject = null;
 	}
@@ -4048,7 +4110,7 @@ var mn = class extends _ {
 		this.backgroundObject && a !== i + 1 && e.moveObjectTo(this.backgroundObject, i + 1), e.requestRenderAll(), n.resumeHistory();
 	}
 	_createColorBackground(e) {
-		this.backgroundObject = Ut({
+		this.backgroundObject = Gt({
 			canvas: this.editor.canvas,
 			options: {
 				...this._getMontageBackgroundRectOptions(),
@@ -4065,7 +4127,7 @@ var mn = class extends _ {
 		}), this.refresh();
 	}
 	_createGradientBackground(t) {
-		this.backgroundObject = Ut({
+		this.backgroundObject = Gt({
 			canvas: this.editor.canvas,
 			options: {
 				...this._getMontageBackgroundRectOptions(),
@@ -4164,7 +4226,7 @@ var mn = class extends _ {
 			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;
 	}
-}, bn = class t {
+}, Sn = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -4238,24 +4300,24 @@ var mn = class extends _ {
 			e.sendObjectBackwards(t.obj);
 		});
 	}
-}, xn = 1, Sn = 1e-4;
-function G({ value: e }) {
+}, Cn = 1, wn = 1e-4;
+function K({ value: e }) {
 	return Number(e.toFixed(4));
 }
-function Cn({ rounding: e }) {
+function Tn({ rounding: e }) {
 	return R({ rounding: e }) > 0;
 }
-function wn({ width: e, height: t, strokeWidth: n }) {
+function En({ width: e, height: t, strokeWidth: n }) {
 	let r = Math.max(0, n ?? 0);
 	return {
-		width: Math.max(xn, e - r),
-		height: Math.max(xn, t - r)
+		width: Math.max(Cn, e - r),
+		height: Math.max(Cn, t - r)
 	};
 }
-function Tn({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
-	let a = wn({
-		width: Math.max(xn, t),
-		height: Math.max(xn, n),
+function Dn({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
+	let a = En({
+		width: Math.max(Cn, t),
+		height: Math.max(Cn, n),
 		strokeWidth: i
 	});
 	if (e instanceof _) {
@@ -4274,7 +4336,7 @@ function Tn({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
 		}), e.setCoords();
 		return;
 	}
-	let { width: o = xn, height: s = xn } = e, c = Math.max(xn, o), l = Math.max(xn, s);
+	let { width: o = Cn, height: s = Cn } = e, c = Math.max(Cn, o), l = Math.max(Cn, s);
 	e.set({
 		scaleX: a.width / c,
 		scaleY: a.height / l,
@@ -4284,7 +4346,7 @@ function Tn({ shape: e, width: t, height: n, rounding: r, strokeWidth: i }) {
 		originY: "center"
 	}), e.setCoords();
 }
-function En({ shape: e, style: t }) {
+function On({ shape: e, style: t }) {
 	let { fill: n, stroke: r, strokeWidth: i, strokeDashArray: a, opacity: o } = t, s = {
 		strokeUniform: !0,
 		strokeLineCap: "round",
@@ -4292,7 +4354,7 @@ function En({ shape: e, style: t }) {
 	};
 	n !== void 0 && (s.fill = n), r !== void 0 && (s.stroke = r), i !== void 0 && (s.strokeWidth = i), a !== void 0 && (s.strokeDashArray = a), o !== void 0 && (s.opacity = o), e.set(s), e.setCoords();
 }
-function Dn({ shape: e, style: t }) {
+function kn({ shape: e, style: t }) {
 	let n = [e];
 	for (let e = 0; e < n.length; e += 1) {
 		let r = n[e];
@@ -4302,22 +4364,22 @@ function Dn({ shape: e, style: t }) {
 			t.opacity !== void 0 && r.set({ opacity: t.opacity }), r.setCoords();
 			continue;
 		}
-		En({
+		On({
 			shape: r,
 			style: t
 		});
 	}
 }
-function On({ points: e, closed: t }) {
+function An({ points: e, closed: t }) {
 	if (e.length === 0) return "";
-	let n = `M ${G({ value: e[0].x })} ${G({ value: e[0].y })}`;
+	let n = `M ${K({ value: e[0].x })} ${K({ value: e[0].y })}`;
 	for (let t = 1; t < e.length; t += 1) {
 		let r = e[t];
-		n += ` L ${G({ value: r.x })} ${G({ value: r.y })}`;
+		n += ` L ${K({ value: r.x })} ${K({ value: r.y })}`;
 	}
 	return t && (n += " Z"), n;
 }
-function kn({ previous: e, current: t, next: n, roundingRatio: r }) {
+function jn({ previous: e, current: t, next: n, roundingRatio: r }) {
 	let i = {
 		x: e.x - t.x,
 		y: e.y - t.y
@@ -4325,36 +4387,36 @@ function kn({ previous: e, current: t, next: n, roundingRatio: r }) {
 		x: n.x - t.x,
 		y: n.y - t.y
 	}, o = Math.hypot(i.x, i.y), s = Math.hypot(a.x, a.y);
-	if (o <= Sn || s <= Sn) return {
+	if (o <= wn || s <= wn) return {
 		start: {
-			x: G({ value: t.x }),
-			y: G({ value: t.y })
+			x: K({ value: t.x }),
+			y: K({ value: t.y })
 		},
 		end: {
-			x: G({ value: t.x }),
-			y: G({ value: t.y })
+			x: K({ value: t.x }),
+			y: K({ value: t.y })
 		}
 	};
 	let c = Math.min(o / 2, s / 2) * r;
 	return {
 		start: {
-			x: G({ value: t.x + i.x / o * c }),
-			y: G({ value: t.y + i.y / o * c })
+			x: K({ value: t.x + i.x / o * c }),
+			y: K({ value: t.y + i.y / o * c })
 		},
 		end: {
-			x: G({ value: t.x + a.x / s * c }),
-			y: G({ value: t.y + a.y / s * c })
+			x: K({ value: t.x + a.x / s * c }),
+			y: K({ value: t.y + a.y / s * c })
 		}
 	};
 }
-function An({ points: e, roundingRatio: t, closed: n }) {
+function Mn({ points: e, roundingRatio: t, closed: n }) {
 	let r = e.length;
 	if (r === 0) return "";
 	if (!n && r === 1) {
 		let t = e[0];
-		return `M ${G({ value: t.x })} ${G({ value: t.y })}`;
+		return `M ${K({ value: t.x })} ${K({ value: t.y })}`;
 	}
-	if (t <= 0) return On({
+	if (t <= 0) return An({
 		points: e,
 		closed: n
 	});
@@ -4362,7 +4424,7 @@ function An({ points: e, roundingRatio: t, closed: n }) {
 		let n = [];
 		for (let i = 0; i < r; i += 1) {
 			let a = i === 0 ? r - 1 : i - 1, o = i === r - 1 ? 0 : i + 1;
-			n.push(kn({
+			n.push(jn({
 				previous: e[a],
 				current: e[i],
 				next: e[o],
@@ -4376,13 +4438,13 @@ function An({ points: e, roundingRatio: t, closed: n }) {
 		}
 		return a += " Z", a;
 	}
-	if (r === 2) return On({
+	if (r === 2) return An({
 		points: e,
 		closed: !1
 	});
-	let i = `M ${G({ value: e[0].x })} ${G({ value: e[0].y })}`;
+	let i = `M ${K({ value: e[0].x })} ${K({ value: e[0].y })}`;
 	for (let n = 1; n < r - 1; n += 1) {
-		let r = kn({
+		let r = jn({
 			previous: e[n - 1],
 			current: e[n],
 			next: e[n + 1],
@@ -4391,10 +4453,10 @@ function An({ points: e, roundingRatio: t, closed: n }) {
 		i += ` L ${r.start.x} ${r.start.y}`, i += ` Q ${e[n].x} ${e[n].y} ${r.end.x} ${r.end.y}`;
 	}
 	let a = e[r - 1];
-	return i += ` L ${G({ value: a.x })} ${G({ value: a.y })}`, i;
+	return i += ` L ${K({ value: a.x })} ${K({ value: a.y })}`, i;
 }
-function jn({ points: e, rounding: t, closed: n }) {
-	return new f(An({
+function Nn({ points: e, rounding: t, closed: n }) {
+	return new f(Mn({
 		points: e,
 		roundingRatio: pe({ rounding: t }),
 		closed: n
@@ -4405,8 +4467,8 @@ function jn({ points: e, rounding: t, closed: n }) {
 		top: 0
 	});
 }
-function Mn({ rounding: e }) {
-	return Cn({ rounding: e }) ? jn({
+function Pn({ rounding: e }) {
+	return Tn({ rounding: e }) ? Nn({
 		points: [
 			{
 				x: 50,
@@ -4432,7 +4494,7 @@ function Mn({ rounding: e }) {
 		top: 0
 	});
 }
-function Nn({ path: e }) {
+function Fn({ path: e }) {
 	return new f(e, {
 		originX: "center",
 		originY: "center",
@@ -4440,8 +4502,8 @@ function Nn({ path: e }) {
 		top: 0
 	});
 }
-function Pn({ path: e, rounding: t }) {
-	let n = Nn({ path: e }).path ?? [], r = w.makePathSimpler(n), i = [], a = !1;
+function In({ path: e, rounding: t }) {
+	let n = Fn({ path: e }).path ?? [], r = w.makePathSimpler(n), i = [], a = !1;
 	for (let e = 0; e < r.length; e += 1) {
 		let t = r[e];
 		if (!t) return null;
@@ -4461,19 +4523,19 @@ function Pn({ path: e, rounding: t }) {
 		}
 		return null;
 	}
-	return i.length < 2 || a && i.length < 3 ? null : jn({
+	return i.length < 2 || a && i.length < 3 ? null : Nn({
 		points: i,
 		rounding: t,
 		closed: a
 	});
 }
-function Fn({ path: e, rounding: t }) {
-	return Cn({ rounding: t }) && Pn({
+function Ln({ path: e, rounding: t }) {
+	return Tn({ rounding: t }) && In({
 		path: e,
 		rounding: R({ rounding: t })
-	}) || Nn({ path: e });
+	}) || Fn({ path: e });
 }
-function In({ points: e, type: t, rounding: n }) {
+function Rn({ points: e, type: t, rounding: n }) {
 	let r = e.length > 0 ? e : [
 		{
 			x: 0,
@@ -4489,12 +4551,12 @@ function In({ points: e, type: t, rounding: n }) {
 		}
 	], i = R({ rounding: n });
 	if (i > 0) {
-		if (t === "polygon" && r.length >= 3) return jn({
+		if (t === "polygon" && r.length >= 3) return Nn({
 			points: r,
 			rounding: i,
 			closed: !0
 		});
-		if (t === "polyline" && r.length >= 2) return jn({
+		if (t === "polyline" && r.length >= 2) return Nn({
 			points: r,
 			rounding: i,
 			closed: !1
@@ -4507,7 +4569,7 @@ function In({ points: e, type: t, rounding: n }) {
 		top: 0
 	});
 }
-async function Ln({ svg: e }) {
+async function zn({ svg: e }) {
 	let t = await S(e), n = w.groupSVGElements(t.objects, t.options);
 	return n.set({
 		originX: "center",
@@ -4516,7 +4578,7 @@ async function Ln({ svg: e }) {
 		top: 0
 	}), n.setCoords(), n;
 }
-async function Rn({ preset: e, rounding: t }) {
+async function Bn({ preset: e, rounding: t }) {
 	switch (e.type) {
 		case "rect": return new _({
 			width: 100,
@@ -4534,22 +4596,22 @@ async function Rn({ preset: e, rounding: t }) {
 			left: 0,
 			top: 0
 		});
-		case "triangle": return Mn({ rounding: t });
-		case "polygon": return In({
+		case "triangle": return Pn({ rounding: t });
+		case "polygon": return Rn({
 			points: e.points,
 			type: "polygon",
 			rounding: t
 		});
-		case "polyline": return In({
+		case "polyline": return Rn({
 			points: e.points,
 			type: "polyline",
 			rounding: t
 		});
-		case "path": return Fn({
+		case "path": return Ln({
 			path: e.path,
 			rounding: t
 		});
-		case "svg": return Ln({ svg: e.svg });
+		case "svg": return zn({ svg: e.svg });
 		default: return new _({
 			width: 100,
 			height: 100,
@@ -4560,15 +4622,15 @@ async function Rn({ preset: e, rounding: t }) {
 		});
 	}
 }
-async function zn({ preset: e, width: t, height: n, style: r, rounding: i }) {
-	let a = await Rn({
+async function Vn({ preset: e, width: t, height: n, style: r, rounding: i }) {
+	let a = await Bn({
 		preset: e,
 		rounding: i
 	});
-	return Dn({
+	return kn({
 		shape: a,
 		style: r
-	}), Tn({
+	}), Dn({
 		shape: a,
 		width: t,
 		height: n,
@@ -4585,30 +4647,30 @@ async function zn({ preset: e, width: t, height: n, style: r, rounding: i }) {
 }
 //#endregion
 //#region src/editor/shape-manager/domain/shape-style.ts
-var Bn = "#B4B7BD", Vn = 0, Hn = 1;
-function Un({ options: e, fallback: t }) {
+var Hn = "#B4B7BD", Un = 0, Wn = 1;
+function Gn({ 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 ?? Bn,
+		fill: n ?? t?.shapeFill ?? Hn,
 		stroke: r ?? t?.shapeStroke ?? null,
-		strokeWidth: i ?? t?.shapeStrokeWidth ?? Vn,
+		strokeWidth: i ?? t?.shapeStrokeWidth ?? Un,
 		strokeDashArray: s ?? null,
-		opacity: o ?? t?.shapeOpacity ?? Hn
+		opacity: o ?? t?.shapeOpacity ?? Wn
 	};
 }
 //#endregion
 //#region src/editor/shape-manager/layout/shape-layout-padding.ts
-var Wn = .5, Gn = 12;
-function Kn({ width: e, padding: t }) {
+var Kn = .5, qn = 12;
+function Jn({ width: e, padding: t }) {
 	let n = Math.max(0, t.left), r = Math.max(0, t.right);
 	return Math.max(1, e - n - r);
 }
-function qn({ text: e }) {
+function Yn({ text: e }) {
 	return (e.text ?? "").trim().length > 0;
 }
-function Jn({ start: e, end: t, maxTotalPadding: n, startChanged: r, endChanged: i }) {
+function Xn({ start: e, end: t, maxTotalPadding: n, startChanged: r, endChanged: i }) {
 	let a = Math.max(0, e), o = Math.max(0, t), s = Math.max(0, n);
-	if (a + o <= s + Wn) return {
+	if (a + o <= s + Kn) return {
 		start: a,
 		end: o
 	};
@@ -4637,8 +4699,8 @@ function Jn({ start: e, end: t, maxTotalPadding: n, startChanged: r, endChanged:
 		end: o * l
 	};
 }
-function Yn({ start: e, end: t, insetStart: n, insetEnd: r, maxTotalPadding: i, startChanged: a, endChanged: o }) {
-	let s = Math.max(0, n), c = Math.max(0, r), l = Math.max(0, i - s - c), u = Jn({
+function Zn({ start: e, end: t, insetStart: n, insetEnd: r, maxTotalPadding: i, startChanged: a, endChanged: o }) {
+	let s = Math.max(0, n), c = Math.max(0, r), l = Math.max(0, i - s - c), u = Xn({
 		start: Math.max(0, e),
 		end: Math.max(0, t),
 		maxTotalPadding: l,
@@ -4652,23 +4714,23 @@ function Yn({ start: e, end: t, insetStart: n, insetEnd: r, maxTotalPadding: i,
 		appliedUserPaddingEnd: f
 	};
 }
-function Xn({ text: e, minFrameWidth: t, maxFrameWidth: n, frameHeight: r, measureTextboxHeightForFrame: i }) {
+function Qn({ text: e, minFrameWidth: t, maxFrameWidth: n, frameHeight: r, measureTextboxHeightForFrame: i }) {
 	let a = Math.max(1, t), o = Math.max(a, n), s = Math.max(1, r);
-	if (!qn({ text: e }) || i({
+	if (!Yn({ text: e }) || i({
 		text: e,
 		frameWidth: a
-	}) <= s + Wn) return a;
+	}) <= s + Kn) return a;
 	if (i({
 		text: e,
 		frameWidth: o
-	}) > s + Wn) return o;
+	}) > s + Kn) return o;
 	let c = a, l = o;
-	for (let t = 0; t < Gn; t += 1) {
+	for (let t = 0; t < qn; t += 1) {
 		let t = (c + l) / 2;
 		if (i({
 			text: e,
 			frameWidth: t
-		}) <= s + Wn) {
+		}) <= s + Kn) {
 			l = t;
 			continue;
 		}
@@ -4676,16 +4738,16 @@ function Xn({ text: e, minFrameWidth: t, maxFrameWidth: n, frameHeight: r, measu
 	}
 	return l;
 }
-function Zn({ text: e, width: t, availableTextFrameHeight: n, padding: r, internalShapeTextInset: i, expandShapeHeightToFitText: a, changedPadding: o, measureTextboxHeightForFrame: s, resolveMinimumTextFrameWidth: c }) {
-	let l = Math.max(1, t), u = Math.max(1, n), d = qn({ text: e }) ? c({ text: e }) : 1, f = d;
-	a || (f = Xn({
+function $n({ text: e, width: t, availableTextFrameHeight: n, padding: r, internalShapeTextInset: i, expandShapeHeightToFitText: a, changedPadding: o, measureTextboxHeightForFrame: s, resolveMinimumTextFrameWidth: c }) {
+	let l = Math.max(1, t), u = Math.max(1, n), d = Yn({ text: e }) ? c({ text: e }) : 1, f = d;
+	a || (f = Qn({
 		text: e,
 		minFrameWidth: d,
 		maxFrameWidth: l,
 		frameHeight: u,
 		measureTextboxHeightForFrame: s
 	}));
-	let p = f + i.left + i.right, m = Math.max(0, l - f), h = Yn({
+	let p = f + i.left + i.right, m = Math.max(0, l - f), h = Zn({
 		start: r.left,
 		end: r.right,
 		insetStart: i.left,
@@ -4706,8 +4768,8 @@ function Zn({ text: e, width: t, availableTextFrameHeight: n, padding: r, intern
 		requiredWidth: p
 	};
 }
-function Qn({ padding: e, internalShapeTextInset: t, height: n, textHeight: r, changedPadding: i }) {
-	let a = Math.max(0, Math.max(1, n) - Math.max(1, r)), o = Yn({
+function er({ padding: e, internalShapeTextInset: t, height: n, textHeight: r, changedPadding: i }) {
+	let a = Math.max(0, Math.max(1, n) - Math.max(1, r)), o = Zn({
 		start: e.top,
 		end: e.bottom,
 		insetStart: t.top,
@@ -4727,8 +4789,8 @@ function Qn({ padding: e, internalShapeTextInset: t, height: n, textHeight: r, c
 		}
 	};
 }
-function $n({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, expandShapeHeightToFitText: a, changedPadding: o, measureTextboxHeightForFrame: s, resolveMinimumTextFrameWidth: c }) {
-	let l = Math.max(1, t), u = Math.max(1, n), d = V({ padding: r }), f = V({ padding: i }), p = !!o?.left || !!o?.right, m = !!o?.top || !!o?.bottom, h = !a && p && !m, g = f.top + f.bottom, _ = g + (h ? d.top + d.bottom : 0), v = Zn({
+function tr({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, expandShapeHeightToFitText: a, changedPadding: o, measureTextboxHeightForFrame: s, resolveMinimumTextFrameWidth: c }) {
+	let l = Math.max(1, t), u = Math.max(1, n), d = V({ padding: r }), f = V({ padding: i }), p = !!o?.left || !!o?.right, m = !!o?.top || !!o?.bottom, h = !a && p && !m, g = f.top + f.bottom, _ = g + (h ? d.top + d.bottom : 0), v = $n({
 		text: e,
 		width: l,
 		availableTextFrameHeight: Math.max(1, u - _),
@@ -4738,7 +4800,7 @@ function $n({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 		changedPadding: o,
 		measureTextboxHeightForFrame: s,
 		resolveMinimumTextFrameWidth: c
-	}), y = Kn({
+	}), y = Jn({
 		width: l,
 		padding: {
 			top: 0,
@@ -4746,10 +4808,10 @@ function $n({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 			bottom: 0,
 			left: v.appliedPadding.left
 		}
-	}), b = qn({ text: e }) ? s({
+	}), b = Yn({ text: e }) ? s({
 		text: e,
 		frameWidth: y
-	}) : 1, x = d.top + d.bottom, S = a ? Math.max(u, b + g + x) : u, C = Qn({
+	}) : 1, x = d.top + d.bottom, S = a ? Math.max(u, b + g + x) : u, C = er({
 		padding: d,
 		internalShapeTextInset: f,
 		height: S,
@@ -4775,14 +4837,14 @@ function $n({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 }
 //#endregion
 //#region src/editor/shape-manager/layout/shape-text-measurement.ts
-var er = 1, tr = .5, nr = 1e6;
-function rr({ text: e, frameWidth: t, splitByGrapheme: n, requiresGraphemeSplit: r, measurementCache: i }) {
-	let a = Math.max(er, t), o = yr({
+var nr = 1, rr = .5, ir = 1e6;
+function ar({ text: e, frameWidth: t, splitByGrapheme: n, requiresGraphemeSplit: r, measurementCache: i }) {
+	let a = Math.max(nr, t), o = xr({
 		frameWidth: a,
 		splitByGrapheme: n
 	}), s = i?.measurementsByKey.get(o);
 	if (s) return s;
-	let c = hr({ text: e }), l = r ?? cr({
+	let c = _r({ text: e }), l = r ?? ur({
 		text: e,
 		frameWidth: a,
 		measurementCache: i
@@ -4794,24 +4856,24 @@ function rr({ text: e, frameWidth: t, splitByGrapheme: n, requiresGraphemeSplit:
 		scaleX: 1,
 		scaleY: 1
 	}), e.initDimensions();
-	let u = pr({ text: e }), d = fr({ text: e }), f = {
-		measuredHeight: ur({ text: e }),
+	let u = hr({ text: e }), d = mr({ text: e }), f = {
+		measuredHeight: fr({ text: e }),
 		renderedLineCount: u > 0 ? u : d,
-		longestLineWidth: Math.ceil(dr({ text: e })),
+		longestLineWidth: Math.ceil(pr({ text: e })),
 		requiresGraphemeSplit: l
 	};
-	return gr({
+	return vr({
 		text: e,
 		state: c
 	}), i?.measurementsByKey.set(o, f), f;
 }
-function ir({ text: e, frameWidth: t, wrapPolicy: n, measurementCache: r }) {
-	let i = fr({ text: e }), a = cr({
+function or({ text: e, frameWidth: t, wrapPolicy: n, measurementCache: r }) {
+	let i = mr({ text: e }), a = ur({
 		text: e,
 		frameWidth: t,
 		wrapPolicy: n,
 		measurementCache: r
-	}), o = rr({
+	}), o = ar({
 		text: e,
 		frameWidth: t,
 		splitByGrapheme: a,
@@ -4823,14 +4885,14 @@ function ir({ text: e, frameWidth: t, wrapPolicy: n, measurementCache: r }) {
 		longestLineWidth: o.longestLineWidth
 	};
 }
-function ar({ text: e, frameWidth: t, splitByGrapheme: n, wrapPolicy: r, measurementCache: i }) {
-	let a = n ?? cr({
+function sr({ text: e, frameWidth: t, splitByGrapheme: n, wrapPolicy: r, measurementCache: i }) {
+	let a = n ?? ur({
 		text: e,
 		frameWidth: t,
 		wrapPolicy: r,
 		measurementCache: i
 	});
-	return rr({
+	return ar({
 		text: e,
 		frameWidth: t,
 		splitByGrapheme: a,
@@ -4838,25 +4900,25 @@ function ar({ text: e, frameWidth: t, splitByGrapheme: n, wrapPolicy: r, measure
 		measurementCache: i
 	}).measuredHeight;
 }
-function or({ text: e, measurementCache: t }) {
+function cr({ text: e, measurementCache: t }) {
 	if (t?.minimumTextFrameWidth !== null && t?.minimumTextFrameWidth !== void 0) return t.minimumTextFrameWidth;
-	let n = lr({
+	let n = dr({
 		text: e,
-		frameWidth: er,
+		frameWidth: nr,
 		splitByGrapheme: !0,
 		measurementCache: t
-	}), r = Math.max(er, n);
+	}), r = Math.max(nr, n);
 	return t && (t.minimumTextFrameWidth = r), r;
 }
-function sr({ alignV: e, frameHeight: t, frameTop: n, textHeight: r }) {
+function lr({ alignV: e, frameHeight: t, frameTop: n, textHeight: r }) {
 	let i = Math.max(0, t - r);
 	return e === "top" ? n : e === "bottom" ? n + i : n + i / 2;
 }
-function cr({ text: e, frameWidth: t, wrapPolicy: n, measurementCache: r }) {
+function ur({ text: e, frameWidth: t, wrapPolicy: n, measurementCache: r }) {
 	if (n === "words-only") return !1;
-	let i = Math.max(er, t), a = vr({ frameWidth: i }), o = r?.splitByGraphemeByFrameWidth.get(a);
+	let i = Math.max(nr, t), a = br({ frameWidth: i }), o = r?.splitByGraphemeByFrameWidth.get(a);
 	if (typeof o == "boolean") return o;
-	let s = hr({ text: e });
+	let s = _r({ text: e });
 	e.set({
 		autoExpand: !1,
 		width: i,
@@ -4864,70 +4926,70 @@ function cr({ text: e, frameWidth: t, wrapPolicy: n, measurementCache: r }) {
 		scaleX: 1,
 		scaleY: 1
 	}), e.initDimensions();
-	let c = _r({ text: e }) > i + tr;
-	return gr({
+	let c = yr({ text: e }) > i + rr;
+	return vr({
 		text: e,
 		state: s
 	}), r?.splitByGraphemeByFrameWidth.set(a, c), c;
 }
-function lr({ text: e, frameWidth: t, splitByGrapheme: n, measurementCache: r }) {
-	let i = r?.measurementsByKey.get(yr({
+function dr({ text: e, frameWidth: t, splitByGrapheme: n, measurementCache: r }) {
+	let i = r?.measurementsByKey.get(xr({
 		frameWidth: t,
 		splitByGrapheme: n
 	}));
 	if (i) return i.longestLineWidth;
-	let a = hr({ text: e });
+	let a = _r({ text: e });
 	e.set({
 		autoExpand: !1,
-		width: Math.max(er, t),
+		width: Math.max(nr, t),
 		splitByGrapheme: n,
 		scaleX: 1,
 		scaleY: 1
 	}), e.initDimensions();
-	let o = dr({ text: e });
-	return gr({
+	let o = pr({ text: e });
+	return vr({
 		text: e,
 		state: a
 	}), o;
 }
-function ur({ text: e }) {
+function fr({ text: e }) {
 	let { height: t } = e;
 	if (typeof t == "number" && Number.isFinite(t)) return t;
 	if (typeof e.calcTextHeight == "function") {
 		let t = e.calcTextHeight();
 		if (typeof t == "number" && Number.isFinite(t)) return t;
 	}
-	return er;
+	return nr;
 }
-function dr({ text: e }) {
-	let t = pr({ text: e });
-	if (t > 0) return mr({
+function pr({ text: e }) {
+	let t = hr({ text: e });
+	if (t > 0) return gr({
 		text: e,
 		lineCount: t
 	});
 	let n = e.text ?? "";
-	return mr({
+	return gr({
 		text: e,
 		lineCount: Math.max(n.split("\n").length, 1)
 	});
 }
-function fr({ text: e }) {
+function mr({ text: e }) {
 	let t = e.text ?? "";
 	return Math.max(t.split("\n").length, 1);
 }
-function pr({ text: e }) {
+function hr({ text: e }) {
 	let t = e;
 	return Array.isArray(t.textLines) ? t.textLines.length : 0;
 }
-function mr({ text: e, lineCount: t }) {
-	let n = er;
+function gr({ text: e, lineCount: t }) {
+	let n = nr;
 	for (let r = 0; r < t; r += 1) {
 		let t = e.getLineWidth(r);
 		t > n && (n = t);
 	}
 	return n;
 }
-function hr({ text: e }) {
+function _r({ text: e }) {
 	let { autoExpand: t, splitByGrapheme: n, width: r, scaleX: i, scaleY: a } = e;
 	return {
 		autoExpand: t,
@@ -4937,25 +4999,25 @@ function hr({ text: e }) {
 		scaleY: typeof a == "number" ? a : void 0
 	};
 }
-function gr({ text: e, state: t }) {
+function vr({ text: e, state: t }) {
 	let { autoExpand: n, splitByGrapheme: r, width: i, scaleX: a, scaleY: o } = t, s = {};
 	n !== void 0 && (s.autoExpand = n), r !== void 0 && (s.splitByGrapheme = r), typeof i == "number" && (s.width = i), typeof a == "number" && (s.scaleX = a), typeof o == "number" && (s.scaleY = o), Object.keys(s).length > 0 && (e.set(s), e.initDimensions());
 }
-function _r({ text: e }) {
+function yr({ text: e }) {
 	let { dynamicMinWidth: t } = e;
 	return typeof t == "number" && Number.isFinite(t) ? t : 0;
 }
-function vr({ frameWidth: e }) {
-	return String(Math.round(Math.max(er, e) * nr) / nr);
+function br({ frameWidth: e }) {
+	return String(Math.round(Math.max(nr, e) * ir) / ir);
 }
-function yr({ frameWidth: e, splitByGrapheme: t }) {
-	return `${vr({ frameWidth: e })}:${t ? 1 : 0}`;
+function xr({ frameWidth: e, splitByGrapheme: t }) {
+	return `${br({ frameWidth: e })}:${t ? 1 : 0}`;
 }
 //#endregion
 //#region src/editor/shape-manager/layout/shape-layout.ts
-var K = 1, q = .5, br = 24, xr = 20, Sr = 16;
-function Cr({ text: e, alignV: t, width: n, height: r, appliedPadding: i, appliedUserPadding: a, wrapPolicy: o }) {
-	let { frame: s, splitByGrapheme: c, textTop: l } = Mr({
+var q = 1, J = .5, Sr = 24, Cr = 20, wr = 16;
+function Tr({ text: e, alignV: t, width: n, height: r, appliedPadding: i, appliedUserPadding: a, wrapPolicy: o }) {
+	let { frame: s, splitByGrapheme: c, textTop: l } = Pr({
 		text: e,
 		width: n,
 		height: r,
@@ -4974,8 +5036,8 @@ function Cr({ text: e, alignV: t, width: n, height: r, appliedPadding: i, applie
 		wrapPolicy: o
 	};
 }
-var wr = ({ text: e, width: t, height: n, alignV: r, padding: i, wrapPolicy: a, internalShapeTextInset: o, resolveInternalShapeTextInset: s, preserveAspectRatio: c, shapeTextAutoExpandEnabled: l, montageAreaWidth: u, expandShapeHeightToFitText: d = !0, changedPadding: f }) => {
-	let { width: p, height: m, appliedPadding: h, appliedUserPadding: g } = c ? kr({
+var Er = ({ text: e, width: t, height: n, alignV: r, padding: i, wrapPolicy: a, internalShapeTextInset: o, resolveInternalShapeTextInset: s, preserveAspectRatio: c, shapeTextAutoExpandEnabled: l, montageAreaWidth: u, expandShapeHeightToFitText: d = !0, changedPadding: f }) => {
+	let { width: p, height: m, appliedPadding: h, appliedUserPadding: g } = c ? jr({
 		text: e,
 		width: t,
 		height: n,
@@ -4987,7 +5049,7 @@ var wr = ({ text: e, width: t, height: n, alignV: r, padding: i, wrapPolicy: a,
 		montageAreaWidth: u,
 		expandShapeHeightToFitText: d,
 		changedPadding: f
-	}) : Rr({
+	}) : Br({
 		text: e,
 		width: t,
 		height: n,
@@ -4998,7 +5060,7 @@ var wr = ({ text: e, width: t, height: n, alignV: r, padding: i, wrapPolicy: a,
 		expandShapeHeightToFitText: d,
 		changedPadding: f
 	});
-	return Cr({
+	return Tr({
 		text: e,
 		alignV: r,
 		width: p,
@@ -5007,18 +5069,18 @@ var wr = ({ text: e, width: t, height: n, alignV: r, padding: i, wrapPolicy: a,
 		appliedUserPadding: g,
 		wrapPolicy: a
 	});
-}, Tr = ({ text: e, width: t, height: n, alignV: r, padding: i, wrapPolicy: a, internalShapeTextInset: o, resolveInternalShapeTextInset: s, expandShapeHeightToFitText: c = !0, changedPadding: l, measurementCache: u }) => {
-	let d = Ne({ padding: i }), f = V({ padding: o }), p = Math.max(K, t), m = Math.max(K, n), h = ({ text: e, frameWidth: t }) => ar({
+}, Dr = ({ text: e, width: t, height: n, alignV: r, padding: i, wrapPolicy: a, internalShapeTextInset: o, resolveInternalShapeTextInset: s, expandShapeHeightToFitText: c = !0, changedPadding: l, measurementCache: u }) => {
+	let d = Ne({ padding: i }), f = V({ padding: o }), p = Math.max(q, t), m = Math.max(q, n), h = ({ text: e, frameWidth: t }) => sr({
 		text: e,
 		frameWidth: t,
 		wrapPolicy: a,
 		measurementCache: u
-	}), g = $n({
+	}), g = tr({
 		text: e,
 		width: p,
 		height: m,
 		padding: d,
-		internalShapeTextInset: Lr({
+		internalShapeTextInset: zr({
 			width: p,
 			height: m,
 			internalShapeTextInset: f,
@@ -5027,20 +5089,20 @@ var wr = ({ text: e, width: t, height: n, alignV: r, padding: i, wrapPolicy: a,
 		expandShapeHeightToFitText: c,
 		changedPadding: l,
 		measureTextboxHeightForFrame: h,
-		resolveMinimumTextFrameWidth: ({ text: e }) => or({
+		resolveMinimumTextFrameWidth: ({ text: e }) => cr({
 			text: e,
 			measurementCache: u
 		})
 	});
-	for (let t = 0; t < br; t += 1) {
+	for (let t = 0; t < Sr; t += 1) {
 		let t = Math.max(m, g.requiredHeight);
-		if (t <= m + q) break;
-		m = t, g = $n({
+		if (t <= m + J) break;
+		m = t, g = tr({
 			text: e,
 			width: p,
 			height: m,
 			padding: d,
-			internalShapeTextInset: Lr({
+			internalShapeTextInset: zr({
 				width: p,
 				height: m,
 				internalShapeTextInset: f,
@@ -5049,13 +5111,13 @@ var wr = ({ text: e, width: t, height: n, alignV: r, padding: i, wrapPolicy: a,
 			expandShapeHeightToFitText: c,
 			changedPadding: l,
 			measureTextboxHeightForFrame: h,
-			resolveMinimumTextFrameWidth: ({ text: e }) => or({
+			resolveMinimumTextFrameWidth: ({ text: e }) => cr({
 				text: e,
 				measurementCache: u
 			})
 		});
 	}
-	return Cr({
+	return Tr({
 		text: e,
 		alignV: r,
 		width: p,
@@ -5065,9 +5127,9 @@ var wr = ({ text: e, width: t, height: n, alignV: r, padding: i, wrapPolicy: a,
 		wrapPolicy: a
 	});
 };
-function Er({ group: e, shape: t, text: n, alignH: r, alignV: i, resolvedLayout: a }) {
-	let o = Math.max(K, e.shapeManualBaseWidth ?? a.width), s = Math.max(K, e.shapeManualBaseHeight ?? a.height), { width: c, height: l, appliedUserPadding: u, frame: d, splitByGrapheme: f, textTop: p, wrapPolicy: m } = a;
-	Tn({
+function Or({ group: e, shape: t, text: n, alignH: r, alignV: i, resolvedLayout: a }) {
+	let o = Math.max(q, e.shapeManualBaseWidth ?? a.width), s = Math.max(q, e.shapeManualBaseHeight ?? a.height), { width: c, height: l, appliedUserPadding: u, frame: d, splitByGrapheme: f, textTop: p, wrapPolicy: m } = a;
+	Dn({
 		shape: t,
 		width: c,
 		height: l,
@@ -5096,14 +5158,14 @@ function Er({ group: e, shape: t, text: n, alignH: r, alignV: i, resolvedLayout:
 		scaleY: 1
 	}), e.set("dirty", !0), e.setCoords();
 }
-var Dr = ({ group: e, shape: t, text: n, width: r, height: i, alignH: a, alignV: o, padding: s, wrapPolicy: c, internalShapeTextInset: l, resolveInternalShapeTextInset: u, preserveAspectRatio: d, shapeTextAutoExpandEnabled: f, montageAreaWidth: p, expandShapeHeightToFitText: m = !0, changedPadding: h }) => {
-	Er({
+var kr = ({ group: e, shape: t, text: n, width: r, height: i, alignH: a, alignV: o, padding: s, wrapPolicy: c, internalShapeTextInset: l, resolveInternalShapeTextInset: u, preserveAspectRatio: d, shapeTextAutoExpandEnabled: f, montageAreaWidth: p, expandShapeHeightToFitText: m = !0, changedPadding: h }) => {
+	Or({
 		group: e,
 		shape: t,
 		text: n,
 		alignH: a,
 		alignV: o,
-		resolvedLayout: wr({
+		resolvedLayout: Er({
 			text: n,
 			width: r,
 			height: i,
@@ -5119,14 +5181,14 @@ var Dr = ({ group: e, shape: t, text: n, width: r, height: i, alignH: a, alignV:
 			changedPadding: h
 		})
 	});
-}, Or = ({ group: e, shape: t, text: n, width: r, height: i, alignH: a, alignV: o, padding: s, wrapPolicy: c, internalShapeTextInset: l, resolveInternalShapeTextInset: u, expandShapeHeightToFitText: d = !0, changedPadding: f }) => {
-	Er({
+}, Ar = ({ group: e, shape: t, text: n, width: r, height: i, alignH: a, alignV: o, padding: s, wrapPolicy: c, internalShapeTextInset: l, resolveInternalShapeTextInset: u, expandShapeHeightToFitText: d = !0, changedPadding: f }) => {
+	Or({
 		group: e,
 		shape: t,
 		text: n,
 		alignH: a,
 		alignV: o,
-		resolvedLayout: Tr({
+		resolvedLayout: Dr({
 			text: n,
 			width: r,
 			height: i,
@@ -5140,9 +5202,9 @@ var Dr = ({ group: e, shape: t, text: n, width: r, height: i, alignH: a, alignV:
 		})
 	});
 };
-function kr({ text: e, width: t, height: n, padding: r, wrapPolicy: i, internalShapeTextInset: a, resolveInternalShapeTextInset: o, shapeTextAutoExpandEnabled: s = !0, montageAreaWidth: c, expandShapeHeightToFitText: l = !0, changedPadding: u }) {
-	let d = Math.max(K, t), f = Math.max(K, n), p = Number.isFinite(c) && (c ?? 0) > 0 ? Math.max(K, c ?? K) : null;
-	if (!Pr({ text: e })) return Rr({
+function jr({ text: e, width: t, height: n, padding: r, wrapPolicy: i, internalShapeTextInset: a, resolveInternalShapeTextInset: o, shapeTextAutoExpandEnabled: s = !0, montageAreaWidth: c, expandShapeHeightToFitText: l = !0, changedPadding: u }) {
+	let d = Math.max(q, t), f = Math.max(q, n), p = Number.isFinite(c) && (c ?? 0) > 0 ? Math.max(q, c ?? q) : null;
+	if (!Ir({ text: e })) return Br({
 		text: e,
 		width: d,
 		height: f,
@@ -5154,7 +5216,7 @@ function kr({ text: e, width: t, height: n, padding: r, wrapPolicy: i, internalS
 		changedPadding: u
 	});
 	let m = f / d, h = ({ width: t }) => {
-		let n = Math.max(K, t * m), s = Rr({
+		let n = Math.max(q, t * m), s = Br({
 			text: e,
 			width: t,
 			height: n,
@@ -5167,13 +5229,13 @@ function kr({ text: e, width: t, height: n, padding: r, wrapPolicy: i, internalS
 		});
 		return {
 			candidateHeight: n,
-			frameWidth: Kn({
+			frameWidth: Jn({
 				width: t,
 				padding: s.appliedPadding
 			}),
 			layoutResolution: s
 		};
-	}, g = ({ candidateWidth: e, candidateHeight: t, layoutResolution: n }) => !(n.width > e + q || n.height > t + q);
+	}, g = ({ candidateWidth: e, candidateHeight: t, layoutResolution: n }) => !(n.width > e + J || n.height > t + J);
 	if (!s) {
 		let e = ({ width: e }) => {
 			let { candidateHeight: t, layoutResolution: n } = h({ width: e });
@@ -5183,11 +5245,11 @@ function kr({ text: e, width: t, height: n, padding: r, wrapPolicy: i, internalS
 				layoutResolution: n
 			});
 		}, t = p ? Math.max(d, p) : d;
-		e({ width: t }) || (t = zr({
+		e({ width: t }) || (t = Vr({
 			minimumWidth: t,
 			isWidthValid: e
 		}));
-		let { layoutResolution: n } = h({ width: Br({
+		let { layoutResolution: n } = h({ width: Hr({
 			minimumWidth: d,
 			maximumWidth: t,
 			isWidthValid: e
@@ -5200,21 +5262,21 @@ function kr({ text: e, width: t, height: n, padding: r, wrapPolicy: i, internalS
 			candidateWidth: t,
 			candidateHeight: r,
 			layoutResolution: o
-		}) || n !== void 0 && a < n - q ? !1 : !ir({
+		}) || n !== void 0 && a < n - J ? !1 : !or({
 			text: e,
 			frameWidth: a,
 			wrapPolicy: i
 		}).hasWrappedLines;
-	}, v = p ? Math.max(d, p) : zr({
+	}, v = p ? Math.max(d, p) : Vr({
 		minimumWidth: d,
 		isWidthValid: ({ width: e }) => _({ width: e })
-	}), y = h({ width: v }), b = ir({
+	}), y = h({ width: v }), b = or({
 		text: e,
 		frameWidth: y.frameWidth,
 		wrapPolicy: i
 	});
 	if (b.hasWrappedLines) return y.layoutResolution;
-	let x = Math.max(K, b.longestLineWidth), { layoutResolution: S } = h({ width: Br({
+	let x = Math.max(q, b.longestLineWidth), { layoutResolution: S } = h({ width: Hr({
 		minimumWidth: d,
 		maximumWidth: v,
 		isWidthValid: ({ width: e }) => _({
@@ -5224,73 +5286,73 @@ function kr({ text: e, width: t, height: n, padding: r, wrapPolicy: i, internalS
 	}) });
 	return S;
 }
-var Ar = ({ text: e, currentWidth: t, minimumWidth: n, padding: r, wrapPolicy: i, montageAreaWidth: a, resolvePaddingForWidth: o }) => {
-	let s = Math.max(K, t), c = Math.max(K, n);
-	if (!Pr({ text: e })) return c;
-	let l = Math.max(c, Number.isFinite(a) && a > 0 ? Math.max(K, a) : Math.max(s, c)), u = Kn({
+var Mr = ({ text: e, currentWidth: t, minimumWidth: n, padding: r, wrapPolicy: i, montageAreaWidth: a, resolvePaddingForWidth: o }) => {
+	let s = Math.max(q, t), c = Math.max(q, n);
+	if (!Ir({ text: e })) return c;
+	let l = Math.max(c, Number.isFinite(a) && a > 0 ? Math.max(q, a) : Math.max(s, c)), u = Jn({
 		width: l,
-		padding: Fr({
+		padding: Lr({
 			width: l,
 			padding: r,
 			resolvePaddingForWidth: o
 		})
-	}), d = l, f = ir({
+	}), d = l, f = or({
 		text: e,
 		frameWidth: u,
 		wrapPolicy: i
 	});
 	if (f.hasWrappedLines) return d;
-	let p = Math.max(K, f.longestLineWidth);
-	return Br({
+	let p = Math.max(q, f.longestLineWidth);
+	return Hr({
 		minimumWidth: c,
 		maximumWidth: d,
 		isWidthValid: ({ width: t }) => {
-			let n = Kn({
+			let n = Jn({
 				width: t,
-				padding: Fr({
+				padding: Lr({
 					width: t,
 					padding: r,
 					resolvePaddingForWidth: o
 				})
 			});
-			return n < p - q ? !1 : !ir({
+			return n < p - J ? !1 : !or({
 				text: e,
 				frameWidth: n,
 				wrapPolicy: i
 			}).hasWrappedLines;
 		}
 	});
-}, jr = ({ text: e, padding: t, resolvePaddingForWidth: n, measurementCache: r }) => {
-	if (!Pr({ text: e })) return K;
-	let i = or({
+}, Nr = ({ text: e, padding: t, resolvePaddingForWidth: n, measurementCache: r }) => {
+	if (!Ir({ text: e })) return q;
+	let i = cr({
 		text: e,
 		measurementCache: r
-	}), a = Math.max(K, i), o = ({ width: e }) => Kn({
+	}), a = Math.max(q, i), o = ({ width: e }) => Jn({
 		width: e,
-		padding: Fr({
+		padding: Lr({
 			width: e,
 			padding: t,
 			resolvePaddingForWidth: n
 		})
-	}) >= i - q;
-	return Br({
+	}) >= i - J;
+	return Hr({
 		minimumWidth: a,
-		maximumWidth: zr({
+		maximumWidth: Vr({
 			minimumWidth: a,
 			isWidthValid: o
 		}),
 		isWidthValid: o
 	});
-}, Mr = ({ text: e, width: t, height: n, alignV: r, wrapPolicy: i, padding: a }) => {
-	let o = Vr({
-		width: Math.max(K, t),
-		height: Math.max(K, n),
+}, Pr = ({ text: e, width: t, height: n, alignV: r, wrapPolicy: i, padding: a }) => {
+	let o = Ur({
+		width: Math.max(q, t),
+		height: Math.max(q, n),
 		padding: V({ padding: a })
-	}), s = cr({
+	}), s = ur({
 		text: e,
 		frameWidth: o.width,
 		wrapPolicy: i
-	}), c = ar({
+	}), c = sr({
 		text: e,
 		frameWidth: o.width,
 		splitByGrapheme: s,
@@ -5299,66 +5361,66 @@ var Ar = ({ text: e, currentWidth: t, minimumWidth: n, padding: r, wrapPolicy: i
 	return {
 		frame: o,
 		splitByGrapheme: s,
-		textTop: sr({
+		textTop: lr({
 			alignV: r,
 			frameHeight: o.height,
 			frameTop: o.top,
 			textHeight: c
 		})
 	};
-}, Nr = ({ text: e, width: t, height: n, padding: r, wrapPolicy: i, resolvePaddingForSize: a, measurementCache: o }) => {
-	let s = Math.max(K, n);
-	if (!Pr({ text: e })) return s;
-	let c = Math.max(K, t), l = s;
-	for (let t = 0; t < br; t += 1) {
-		let t = Ir({
+}, Fr = ({ text: e, width: t, height: n, padding: r, wrapPolicy: i, resolvePaddingForSize: a, measurementCache: o }) => {
+	let s = Math.max(q, n);
+	if (!Ir({ text: e })) return s;
+	let c = Math.max(q, t), l = s;
+	for (let t = 0; t < Sr; t += 1) {
+		let t = Rr({
 			width: c,
 			height: l,
 			padding: r,
 			resolvePaddingForSize: a
-		}), n = ar({
+		}), n = sr({
 			text: e,
-			frameWidth: Kn({
+			frameWidth: Jn({
 				width: c,
 				padding: t
 			}),
 			wrapPolicy: i,
 			measurementCache: o
 		}), u = Math.max(s, n + t.top + t.bottom);
-		if (u <= l + q) return u;
+		if (u <= l + J) return u;
 		l = u;
 	}
 	return l;
 };
-function Pr({ text: e }) {
+function Ir({ text: e }) {
 	return (e.text ?? "").trim().length > 0;
 }
-function Fr({ width: e, padding: t, resolvePaddingForWidth: n }) {
-	return V(n ? { padding: n({ width: Math.max(K, e) }) } : { padding: t });
+function Lr({ width: e, padding: t, resolvePaddingForWidth: n }) {
+	return V(n ? { padding: n({ width: Math.max(q, e) }) } : { padding: t });
 }
-function Ir({ width: e, height: t, padding: n, resolvePaddingForSize: r }) {
+function Rr({ width: e, height: t, padding: n, resolvePaddingForSize: r }) {
 	return V(r ? { padding: r({
-		width: Math.max(K, e),
-		height: Math.max(K, t)
+		width: Math.max(q, e),
+		height: Math.max(q, t)
 	}) } : { padding: n });
 }
-function Lr({ width: e, height: t, internalShapeTextInset: n, resolveInternalShapeTextInset: r }) {
+function zr({ width: e, height: t, internalShapeTextInset: n, resolveInternalShapeTextInset: r }) {
 	return V(r ? { padding: r({
-		width: Math.max(K, e),
-		height: Math.max(K, t)
+		width: Math.max(q, e),
+		height: Math.max(q, t)
 	}) } : { padding: n });
 }
-function Rr({ text: e, width: t, height: n, padding: r, wrapPolicy: i, internalShapeTextInset: a, resolveInternalShapeTextInset: o, expandShapeHeightToFitText: s = !0, changedPadding: c }) {
-	let l = Ne({ padding: r }), u = V({ padding: a }), d = Math.max(K, t), f = Math.max(K, n), p = ({ text: e, frameWidth: t }) => ar({
+function Br({ text: e, width: t, height: n, padding: r, wrapPolicy: i, internalShapeTextInset: a, resolveInternalShapeTextInset: o, expandShapeHeightToFitText: s = !0, changedPadding: c }) {
+	let l = Ne({ padding: r }), u = V({ padding: a }), d = Math.max(q, t), f = Math.max(q, n), p = ({ text: e, frameWidth: t }) => sr({
 		text: e,
 		frameWidth: t,
 		wrapPolicy: i
-	}), m = $n({
+	}), m = tr({
 		text: e,
 		width: d,
 		height: f,
 		padding: l,
-		internalShapeTextInset: Lr({
+		internalShapeTextInset: zr({
 			width: d,
 			height: f,
 			internalShapeTextInset: u,
@@ -5367,17 +5429,17 @@ function Rr({ text: e, width: t, height: n, padding: r, wrapPolicy: i, internalS
 		expandShapeHeightToFitText: s,
 		changedPadding: c,
 		measureTextboxHeightForFrame: p,
-		resolveMinimumTextFrameWidth: or
+		resolveMinimumTextFrameWidth: cr
 	});
-	for (let t = 0; t < br; t += 1) {
+	for (let t = 0; t < Sr; t += 1) {
 		let t = Math.max(d, m.requiredWidth), n = Math.max(f, m.requiredHeight);
-		if (t <= d + q && n <= f + q) break;
-		d = t, f = n, m = $n({
+		if (t <= d + J && n <= f + J) break;
+		d = t, f = n, m = tr({
 			text: e,
 			width: d,
 			height: f,
 			padding: l,
-			internalShapeTextInset: Lr({
+			internalShapeTextInset: zr({
 				width: d,
 				height: f,
 				internalShapeTextInset: u,
@@ -5386,7 +5448,7 @@ function Rr({ text: e, width: t, height: n, padding: r, wrapPolicy: i, internalS
 			expandShapeHeightToFitText: s,
 			changedPadding: c,
 			measureTextboxHeightForFrame: p,
-			resolveMinimumTextFrameWidth: or
+			resolveMinimumTextFrameWidth: cr
 		});
 	}
 	return {
@@ -5396,17 +5458,17 @@ function Rr({ text: e, width: t, height: n, padding: r, wrapPolicy: i, internalS
 		appliedUserPadding: m.appliedUserPadding
 	};
 }
-function zr({ minimumWidth: e, isWidthValid: t }) {
-	let n = Math.max(K, e);
+function Vr({ minimumWidth: e, isWidthValid: t }) {
+	let n = Math.max(q, e);
 	if (t({ width: n })) return n;
-	for (let e = 0; e < Sr; e += 1) if (n = Math.max(n + 1, n * 2), t({ width: n })) return n;
+	for (let e = 0; e < wr; e += 1) if (n = Math.max(n + 1, n * 2), t({ width: n })) return n;
 	return n;
 }
-function Br({ minimumWidth: e, maximumWidth: t, isWidthValid: n }) {
-	let r = Math.max(K, e), i = Math.max(r, t);
+function Hr({ minimumWidth: e, maximumWidth: t, isWidthValid: n }) {
+	let r = Math.max(q, e), i = Math.max(r, t);
 	if (n({ width: r })) return r;
 	if (!n({ width: i })) return i;
-	for (let e = 0; e < xr && !(i - r <= q); e += 1) {
+	for (let e = 0; e < Cr && !(i - r <= J); e += 1) {
 		let e = r + (i - r) / 2;
 		if (n({ width: e })) {
 			i = e;
@@ -5416,43 +5478,18 @@ function Br({ minimumWidth: e, maximumWidth: t, isWidthValid: n }) {
 	}
 	return i;
 }
-function Vr({ width: e, height: t, padding: n }) {
+function Ur({ width: e, height: t, padding: n }) {
 	let r = Math.max(0, n.left), i = Math.max(0, n.right), a = Math.max(0, n.top), o = Math.max(0, n.bottom);
 	return {
 		left: -e / 2 + r,
 		top: -t / 2 + a,
-		width: Math.max(K, e - r - i),
-		height: Math.max(K, t - a - o)
+		width: Math.max(q, e - r - i),
+		height: Math.max(q, t - a - o)
 	};
 }
 //#endregion
-//#region src/editor/shape-manager/domain/shape-nodes.ts
-var Hr = ({ group: e }) => {
-	let t = e.getObjects();
-	for (let e = 0; e < t.length; e += 1) {
-		let n = t[e];
-		if (n.shapeNodeType === "shape") return n;
-	}
-	for (let e = 0; e < t.length; e += 1) {
-		let n = t[e];
-		if (!(n instanceof v)) return n;
-	}
-	return null;
-}, Ur = ({ group: e }) => {
-	let t = e.getObjects();
-	for (let e = 0; e < t.length; e += 1) {
-		let n = t[e];
-		if (n.shapeNodeType === "text" && n instanceof v) return n;
-	}
-	for (let e = 0; e < t.length; e += 1) {
-		let n = t[e];
-		if (n instanceof v) return n;
-	}
-	return null;
-}, J = ({ group: e }) => ({
-	shape: Hr({ group: e }),
-	text: Ur({ group: e })
-}), Wr = ({ transform: e, key: t }) => {
+//#region src/editor/shape-manager/scaling/shape-scaling-transform.ts
+var Wr = ({ transform: e, key: t }) => {
 	let n = e?.original;
 	if (!n || typeof n != "object") return null;
 	let r = n[t];
@@ -5486,7 +5523,7 @@ function Zr({ size: e, scale: t, strokeWidth: n, minSize: r, scaleEpsilon: i })
 }
 function Qr({ group: e, shape: t, width: n, height: r, scaleX: i, scaleY: a, minSize: o, scaleEpsilon: s }) {
 	let c = Math.max(0, e.shapeStrokeWidth ?? 0);
-	Tn({
+	Dn({
 		shape: t,
 		width: Zr({
 			size: n,
@@ -5616,7 +5653,7 @@ function ui({ group: e, text: t, width: n, height: r, measurementCache: i, const
 	}), f = ai({
 		height: s,
 		padding: u
-	}), p = rr({
+	}), p = ar({
 		text: t,
 		frameWidth: d,
 		splitByGrapheme: !1,
@@ -5661,7 +5698,7 @@ function di({ group: e, text: t, state: n }) {
 	};
 }
 function fi({ group: e, text: t, width: n, padding: r, wrapPolicy: i, measurementCache: a }) {
-	return Nr({
+	return Fr({
 		text: t,
 		width: n,
 		height: 1,
@@ -5676,7 +5713,7 @@ function fi({ group: e, text: t, width: n, padding: r, wrapPolicy: i, measuremen
 	});
 }
 function pi({ group: e, text: t, constraintPadding: n, startDimensions: r, appliedScaleX: i, appliedScaleY: a, minimumHeight: o, wrapPolicy: s, measurementCache: c }) {
-	let l = r.canScaleWidth ? Math.max(1, r.startWidth * i) : r.startWidth, u = r.canScaleHeight ? Math.max(1, r.startHeight * a) : r.startManualBaseHeight, d = o ?? Nr({
+	let l = r.canScaleWidth ? Math.max(1, r.startWidth * i) : r.startWidth, u = r.canScaleHeight ? Math.max(1, r.startHeight * a) : r.startManualBaseHeight, d = o ?? Fr({
 		text: t,
 		width: l,
 		height: u,
@@ -5696,7 +5733,7 @@ function pi({ group: e, text: t, constraintPadding: n, startDimensions: r, appli
 }
 function mi({ group: e, text: t, state: n, appliedScaleX: r, appliedScaleY: i, minimumHeight: a }) {
 	let o = n.canScaleWidth ? Math.max(1, n.startWidth * r) : n.startWidth, s = n.canScaleHeight ? Math.max(1, n.startHeight * i) : n.startManualBaseHeight, c = a == null ? s : Math.max(s, a), l = !n.canScaleHeight, u = ni({ isProportionalScaling: n.isProportionalScaling });
-	return Tr({
+	return Dr({
 		text: t,
 		width: o,
 		height: c,
@@ -5836,7 +5873,7 @@ function yi({ group: e, shape: t, text: n, width: r, height: i, alignH: a, align
 		width: t,
 		height: n
 	});
-	!l && u ? Or({
+	!l && u ? Ar({
 		group: e,
 		shape: t,
 		text: n,
@@ -5849,7 +5886,7 @@ function yi({ group: e, shape: t, text: n, width: r, height: i, alignH: a, align
 		internalShapeTextInset: h,
 		expandShapeHeightToFitText: g,
 		resolveInternalShapeTextInset: _
-	}) : Dr({
+	}) : kr({
 		group: e,
 		shape: t,
 		text: n,
@@ -5960,7 +5997,7 @@ var bi = class {
 		e.setCoords(), this.canvas.requestRenderAll();
 	}
 	commitGroupScaling({ group: e, scaleX: t, scaleY: n, transform: r }) {
-		let { shape: i, text: a } = J({ group: e });
+		let { shape: i, text: a } = H({ group: e });
 		if (!i || !a) return this.shapeScalingState.delete(e), !1;
 		let o = this.shapeScalingState.get(e), s = o ?? hi({
 			group: e,
@@ -6015,8 +6052,8 @@ var bi = class {
 	_collectPreviewItems({ selection: e, transform: t }) {
 		let n = [];
 		for (let r of e.getObjects()) {
-			if (!H(r)) continue;
-			let { shape: e, text: i } = J({ group: r });
+			if (!U(r)) continue;
+			let { shape: e, text: i } = H({ group: r });
 			if (!e || !i) continue;
 			let a = Z({ group: r }), o = gi({
 				scalingState: this.shapeScalingState,
@@ -6272,7 +6309,7 @@ var bi = class {
 	}
 	_resolveMinimumShapeWidth({ item: e, scaleY: t }) {
 		let { group: n, text: r, constraintPadding: i, state: a } = e, o = Math.max(1, a.startHeight * t);
-		return jr({
+		return Nr({
 			text: r,
 			padding: i,
 			measurementCache: a.previewTextMeasurementCache ?? void 0,
@@ -6380,8 +6417,8 @@ var bi = class {
 				});
 				return;
 			}
-			if (!H(n)) return;
-			let i = n, { shape: a, text: o } = J({ group: i });
+			if (!U(n)) return;
+			let i = n, { shape: a, text: o } = H({ group: i });
 			if (!a || !o) return;
 			i.set({
 				lockScalingFlip: !0,
@@ -6465,10 +6502,10 @@ var bi = class {
 				});
 				return;
 			}
-			if (!H(r)) return;
+			if (!U(r)) return;
 			let i = r, a = this.scalingState.get(i);
 			if (!a) return;
-			let { shape: o, text: s } = J({ group: i });
+			let { shape: o, text: s } = H({ group: i });
 			if (!o || !s) return;
 			let c = Z({ group: i }), l = i.shapeAlignHorizontal ?? "center", { canScaleWidth: u, canScaleHeight: d } = a;
 			if (!u && !d) return;
@@ -6506,7 +6543,7 @@ var bi = class {
 					state: a,
 					axis: "x"
 				})) {
-					let e = jr({
+					let e = Nr({
 						text: s,
 						padding: c,
 						resolvePaddingForWidth: ({ width: e }) => Z({
@@ -6593,12 +6630,12 @@ var bi = class {
 			}), this.canvas.requestRenderAll();
 		}, this.handleObjectModified = (e) => {
 			let { target: t } = e;
-			if (!H(t)) return;
+			if (!U(t)) return;
 			let n = t, r = this.scalingState.get(n), i = Math.abs(n.scaleX ?? 1) || 1, a = Math.abs(n.scaleY ?? 1) || 1;
 			if (!(Math.abs(i - 1) > 1e-4 || Math.abs(a - 1) > 1e-4) && !r) return;
 			let o = r?.startWidth ?? Math.max(1, n.shapeBaseWidth ?? n.width ?? n.shapeManualBaseWidth ?? 1), s = r?.startHeight ?? Math.max(1, n.shapeBaseHeight ?? n.height ?? n.shapeManualBaseHeight ?? 1), c = r?.startManualBaseWidth ?? Math.max(1, n.shapeManualBaseWidth ?? o), l = r?.startManualBaseHeight ?? Math.max(1, n.shapeManualBaseHeight ?? s);
 			if (r?.blockedScaleAttempt && r) {
-				let { shape: e, text: t } = J({ group: n });
+				let { shape: e, text: t } = H({ group: n });
 				if (!e || !t) {
 					n.shapeScalingNoopTransform = !1, this.scalingState.delete(n);
 					return;
@@ -6616,7 +6653,7 @@ var bi = class {
 				}), n.shapeScalingNoopTransform = !1, this.scalingState.delete(n), this.canvas.requestRenderAll();
 				return;
 			}
-			let { shape: u, text: d } = J({ group: n });
+			let { shape: u, text: d } = H({ group: n });
 			if (!u || !d) {
 				this.scalingState.delete(n);
 				return;
@@ -6643,7 +6680,7 @@ var bi = class {
 					(i < e.scale - 1e-4 || a < e.scale - 1e-4) && (v = e.scale, y = e.scale);
 				}
 			} else {
-				let t = jr({
+				let t = Nr({
 					text: d,
 					padding: m,
 					resolvePaddingForWidth: ({ width: e }) => Z({
@@ -6769,7 +6806,7 @@ var bi = class {
 		};
 	}
 	_resolveScalingConstraintState({ group: e, text: t, constraintPadding: n, state: r, scaleX: i, scaleY: a }) {
-		let { canScaleHeight: o, canScaleWidth: s, startHeight: c, startWidth: l, cannotScaleDownAtStart: u, crossedOppositeCorner: d, isProportionalScaling: f, lastAllowedScaleX: p, lastAllowedScaleY: m, startScaleY: h } = r, g = o && !s, _ = s ? Math.max(1, l * i) : l, v = o ? Math.max(1, c * a) : c, y = i < p - X, b = a < m - X, x = a < h - X, S = g ? r.fixedWidthMinimumTextFitHeight : null, C = s && y ? jr({
+		let { canScaleHeight: o, canScaleWidth: s, startHeight: c, startWidth: l, cannotScaleDownAtStart: u, crossedOppositeCorner: d, isProportionalScaling: f, lastAllowedScaleX: p, lastAllowedScaleY: m, startScaleY: h } = r, g = o && !s, _ = s ? Math.max(1, l * i) : l, v = o ? Math.max(1, c * a) : c, y = i < p - X, b = a < m - X, x = a < h - X, S = g ? r.fixedWidthMinimumTextFitHeight : null, C = s && y ? Nr({
 			text: t,
 			padding: n,
 			measurementCache: r.previewTextMeasurementCache ?? void 0,
@@ -6990,7 +7027,7 @@ var bi = class {
 			width: t,
 			height: n
 		});
-		!r.canScaleWidth && r.canScaleHeight ? Or({
+		!r.canScaleWidth && r.canScaleHeight ? Ar({
 			group: e,
 			shape: t,
 			text: n,
@@ -7002,7 +7039,7 @@ var bi = class {
 			wrapPolicy: m,
 			internalShapeTextInset: d,
 			resolveInternalShapeTextInset: h
-		}) : Dr({
+		}) : kr({
 			group: e,
 			shape: t,
 			text: n,
@@ -7029,17 +7066,17 @@ var bi = class {
 }, Si = class {
 	constructor({ canvas: e }) {
 		this.handleMouseDown = (e) => {
-			let { target: t, e: n, subTargets: r = [] } = e, i = Je({
+			let { target: t, e: n, subTargets: r = [] } = e, i = Xe({
 				target: t,
 				subTargets: r
 			});
 			if (!i) return;
-			let { text: a } = J({ group: i });
+			let { text: a } = H({ group: i });
 			if (!a) return;
 			let o = this.canvas.getActiveObject(), s = o === i;
 			if (!(o === a && a.isEditing)) {
 				if (!s) {
-					a.isEditing || Be({ text: a });
+					a.isEditing || He({ text: a });
 					return;
 				}
 				n instanceof MouseEvent && (n.detail < 2 || this.enterTextEditing({ group: i }));
@@ -7048,7 +7085,7 @@ var bi = class {
 			let { target: t } = e;
 			if (!(t instanceof v)) return;
 			let n = t, { group: r } = n;
-			H(r) && (this._enterTextEditingInteractionMode({
+			U(r) && (this._enterTextEditingInteractionMode({
 				group: r,
 				text: n
 			}), this.canvas.requestRenderAll());
@@ -7056,17 +7093,17 @@ var bi = class {
 			let { target: t } = e;
 			if (!(t instanceof v)) return;
 			let n = t, { group: r } = n;
-			H(r) && (this._restoreTextEditingInteractionMode({
+			U(r) && (this._restoreTextEditingInteractionMode({
 				group: r,
 				text: n
-			}), Be({ text: n }), this.canvas.getActiveObject() === n && this.canvas.setActiveObject(r), this.canvas.requestRenderAll());
+			}), He({ text: n }), this.canvas.getActiveObject() === n && this.canvas.setActiveObject(r), this.canvas.requestRenderAll());
 		}, this.canvas = e, this.editingInteractionState = /* @__PURE__ */ new WeakMap(), this.editingTargetResolverState = void 0;
 	}
 	enterTextEditing({ group: e }) {
-		let { text: t } = J({ group: e });
+		let { text: t } = H({ group: e });
 		if (t) {
 			if (e.locked || t.locked) {
-				Be({ text: t }), this.canvas.requestRenderAll();
+				He({ text: t }), this.canvas.requestRenderAll();
 				return;
 			}
 			this._enterTextEditingInteractionMode({
@@ -7126,7 +7163,7 @@ var bi = class {
 		let r = this.canvas, i = r.findTarget.bind(r);
 		r.findTarget = (n) => {
 			let r = i(n);
-			if (this.canvas.getActiveObject() !== t || !t.isEditing || r.target === t || Je({
+			if (this.canvas.getActiveObject() !== t || !t.isEditing || r.target === t || Xe({
 				target: r.target,
 				subTargets: r.subTargets
 			}) !== e) return r;
@@ -7184,7 +7221,7 @@ var bi = class {
 			let t = null;
 			if (e.target instanceof v) {
 				let n = e.target, { group: r } = n;
-				H(r) && (this.runtime.editingPlacements.delete(r), t = {
+				U(r) && (this.runtime.editingPlacements.delete(r), t = {
 					group: r,
 					textNode: n
 				});
@@ -7193,18 +7230,18 @@ var bi = class {
 		}, this._handleTextEditingEntered = (e) => {
 			if (e.target instanceof v) {
 				let { group: t } = e.target;
-				H(t) && (this.runtime.detachShapeGroupAutoLayout({ group: t }), this.runtime.lifecycleController.beginTextEditing({ group: t }), this.runtime.editingPlacements.set(t, this.runtime.editor.canvasManager.getObjectPlacement({ object: t })));
+				U(t) && (this.runtime.detachShapeGroupAutoLayout({ group: t }), this.runtime.lifecycleController.beginTextEditing({ group: t }), this.runtime.editingPlacements.set(t, this.runtime.editor.canvasManager.getObjectPlacement({ object: t })));
 			}
 			this.runtime.editingController.handleTextEditingEntered(e);
 		}, this._handleTextChanged = (e) => {
 			if (!(e.target instanceof v)) return;
 			let t = e.target;
-			H(t.group) && this.runtime.syncShapeTextLayoutAfterTextMutation({ textNode: t }) && this.runtime.editor.canvas.requestRenderAll();
+			U(t.group) && this.runtime.syncShapeTextLayoutAfterTextMutation({ textNode: t }) && this.runtime.editor.canvas.requestRenderAll();
 		}, this._handleBeforeTextUpdated = (e) => {
 			let { textbox: t, style: n } = e;
 			if (!(t instanceof v)) return;
 			let r = t, { group: i } = r;
-			if (!H(i) || this.runtime.internalTextUpdates.has(r)) return;
+			if (!U(i) || this.runtime.internalTextUpdates.has(r)) return;
 			let a = this.runtime.lifecycleController.beginTextUpdate({
 				group: i,
 				textNode: r,
@@ -7232,7 +7269,7 @@ var bi = class {
 		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);
 	}
 	_commitActiveSelectionShapeScaling({ selection: t, transform: n }) {
-		let r = t.getObjects(), i = r.filter((e) => H(e));
+		let r = t.getObjects(), i = r.filter((e) => U(e));
 		if (!i.length) return;
 		let { scaleX: a, scaleY: o } = this.runtime.scalingController.resolveActiveSelectionCommittedScale({ selection: t });
 		if (!(Math.abs(a - 1) > Ci || Math.abs(o - 1) > Ci)) {
@@ -7372,7 +7409,7 @@ var bi = class {
 			width: y,
 			height: b
 		}), S = u ?? e.shapeTextWrapPolicy, C = r ?? this.editor.canvasManager.getObjectPlacement({ object: e });
-		Dr({
+		kr({
 			group: e,
 			shape: t,
 			text: n,
@@ -7396,7 +7433,7 @@ var bi = class {
 	}
 	_resolveAutoExpandShapeWidth({ text: e, currentWidth: t, minimumWidth: n, padding: r, resolvePaddingForWidth: i }) {
 		let a = this.resolveMontageAreaWidth();
-		return a ? Ar({
+		return a ? Mr({
 			text: e,
 			currentWidth: t,
 			minimumWidth: n,
@@ -7470,7 +7507,7 @@ var bi = class {
 		if (!t) return null;
 		this.pendingTextUpdates.delete(e);
 		let n = this.fireUpdated({ lifecycle: t }), { group: r } = e;
-		return H(r) && this.textEditingSnapshots.has(r) && this.textEditingSnapshots.set(r, n), n;
+		return U(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 }));
@@ -7502,7 +7539,7 @@ var bi = class {
 		}));
 	}
 	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 } = J({ 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 } = H({ group: t });
 		return {
 			id: n,
 			presetKey: r,
@@ -8339,7 +8376,7 @@ var da = {
 			options: n,
 			styleState: i,
 			dimensionState: a
-		}), c = await zn({
+		}), c = await Vn({
 			preset: r.effectivePreset,
 			width: s.width,
 			height: s.height,
@@ -8397,7 +8434,7 @@ var da = {
 		};
 	}
 	_resolvePreparedCurrentNodes({ currentGroup: e }) {
-		let { shape: t, text: n } = J({ group: e });
+		let { shape: t, text: n } = H({ group: e });
 		if (!t || !n) return null;
 		let r = e.getObjects().indexOf(t);
 		return r < 0 ? null : {
@@ -8571,7 +8608,7 @@ var da = {
 	setFill({ target: e, fill: t, withoutSave: n }) {
 		let r = this._resolveUnlockedGroup({ target: e });
 		if (!r) return null;
-		let { shape: i } = J({ group: r });
+		let { shape: i } = H({ group: r });
 		if (!i) return null;
 		let a = this.runtime.lifecycleController.createContext({
 			group: r,
@@ -8581,7 +8618,7 @@ var da = {
 		});
 		this.runtime.beginMutation();
 		try {
-			Dn({
+			kn({
 				shape: i,
 				style: { fill: t }
 			}), r.shapeFill = t, r.setCoords(), this.runtime.lifecycleController.fireBefore({ lifecycle: a }), this.runtime.editor.canvas.requestRenderAll();
@@ -8593,7 +8630,7 @@ var da = {
 	setStroke({ target: e, stroke: t, strokeWidth: n, dash: r, withoutSave: i }) {
 		let a = this._resolveUnlockedGroup({ target: e });
 		if (!a) return null;
-		let { shape: o, text: s } = J({ group: a });
+		let { shape: o, text: s } = H({ group: a });
 		if (!o) return null;
 		let c = this.runtime.lifecycleController.createContext({
 			group: a,
@@ -8619,7 +8656,7 @@ var da = {
 	setOpacity({ target: e, opacity: t, applyToText: n = !0, withoutSave: r }) {
 		let i = this._resolveUnlockedGroup({ target: e });
 		if (!i) return null;
-		let { shape: a, text: o } = J({ group: i });
+		let { shape: a, text: o } = H({ group: i });
 		if (!a) return null;
 		let s = this.runtime.lifecycleController.createContext({
 			group: i,
@@ -8629,10 +8666,10 @@ var da = {
 		});
 		this.runtime.beginMutation();
 		try {
-			Dn({
+			kn({
 				shape: a,
 				style: { opacity: t }
-			}), n && o && (o.set({ opacity: t }), o.setCoords()), i.shapeOpacity = t, i.setCoords(), this.runtime.lifecycleController.fireBefore({ lifecycle: s }), this.runtime.editor.canvas.requestRenderAll();
+			}), n && o && (o.set({ opacity: t }), o.setCoords()), i.shapeOpacity = t, i.set({ opacity: 1 }), i.setCoords(), this.runtime.lifecycleController.fireBefore({ lifecycle: s }), this.runtime.editor.canvas.requestRenderAll();
 		} finally {
 			this.runtime.endMutation({ withoutSave: r });
 		}
@@ -8641,7 +8678,7 @@ var da = {
 	updateTextStyle({ target: e, style: t = {}, withoutSave: n } = {}) {
 		let r = this._resolveUnlockedGroup({ target: e });
 		if (!r) return null;
-		let { shape: i, text: a } = J({ group: r }), o = Object.keys(t).length > 0;
+		let { shape: i, text: a } = H({ group: r }), o = Object.keys(t).length > 0;
 		if (!i || !a) return null;
 		if (!o) return r;
 		let s = this.runtime.resolveManualDimensions({ group: r }), c = this.runtime.editor.canvasManager.getObjectPlacement({ object: r }), l = this.runtime.resolveShapeTextHorizontalAlign({
@@ -8672,7 +8709,7 @@ var da = {
 	setTextAlign({ target: e, horizontal: t, vertical: n, withoutSave: r }) {
 		let i = this._resolveUnlockedGroup({ target: e });
 		if (!i) return null;
-		let { shape: a, text: o } = J({ group: i });
+		let { shape: a, text: o } = H({ group: i });
 		if (!a || !o) return null;
 		let s = this.runtime.resolveCurrentDimensions({ group: i }), c = t ?? i.shapeAlignHorizontal ?? "center", l = n ?? i.shapeAlignVertical ?? "middle", u = this.runtime.lifecycleController.createContext({
 			group: i,
@@ -8712,7 +8749,7 @@ var da = {
 	commitRehydratedShapeLayout({ target: e, textScale: t = 1, shapeTextAutoExpand: n }) {
 		let r = this.runtime.resolveShapeGroup({ target: e });
 		if (!r) return !1;
-		let { shape: i, text: a } = J({ group: r });
+		let { shape: i, text: a } = H({ group: r });
 		if (!i || !a) return !1;
 		let o = this.runtime.editor.canvasManager.getObjectPlacement({ object: r }), { currentDimensions: s, manualDimensions: c, replaceBoxDimensions: l } = la({ group: r });
 		return ua({
@@ -8734,7 +8771,7 @@ var da = {
 		return !t || t.locked ? null : t;
 	}
 	_applyStrokeAndTextLayout({ group: e, shape: t, text: n, stroke: r, strokeWidth: i, dash: a }) {
-		if (Dn({
+		if (kn({
 			shape: t,
 			style: {
 				stroke: r,
@@ -8840,7 +8877,7 @@ var da = {
 	}
 }, ma = class {
 	constructor({ editor: e }) {
-		this.editor = e, qe(), this.scalingController = new xi({ canvas: e.canvas }), this.editingController = new Si({ canvas: e.canvas }), this.editingPlacements = /* @__PURE__ */ new WeakMap(), this.lifecycleController = new Ei({ canvas: e.canvas }), this.layoutController = new Ti({ editor: this.editor }), this.mutationController = new pa({ runtime: {
+		this.editor = e, Ye(), this.scalingController = new xi({ canvas: e.canvas }), this.editingController = new Si({ canvas: e.canvas }), this.editingPlacements = /* @__PURE__ */ new WeakMap(), this.lifecycleController = new Ei({ canvas: e.canvas }), this.layoutController = new Ti({ editor: this.editor }), this.mutationController = new pa({ runtime: {
 			editor: this.editor,
 			lifecycleController: this.lifecycleController,
 			editingPlacements: this.editingPlacements,
@@ -8850,7 +8887,7 @@ var da = {
 			resolveReplaceBoxDimensions: (e) => this._resolveReplaceBoxDimensions(e),
 			resolveGroupUserPadding: (e) => this._resolveGroupUserPadding(e),
 			isShapeTextAutoExpandEnabled: (e) => this._isShapeTextAutoExpandEnabled(e),
-			resolveShapeStyle: Un,
+			resolveShapeStyle: Gn,
 			resolveCurrentTextStyle: (e) => this._resolveCurrentTextStyle(e),
 			createTextNode: (e) => this._createTextNode(e),
 			applyTextUpdates: (e) => this._applyTextUpdates(e),
@@ -8928,7 +8965,7 @@ var da = {
 		let w = a !== !1, T = this._resolveHorizontalAlign({
 			explicitAlign: c,
 			textStyle: s
-		}), E = l ?? "middle", O = Un({
+		}), E = l ?? "middle", O = Gn({
 			options: t,
 			fallback: null
 		}), k = Ne({ padding: u }), A = ({ width: e, height: t }) => Le({
@@ -8971,7 +9008,7 @@ var da = {
 				addition: k
 			})
 		}));
-		let I = await zn({
+		let I = await Vn({
 			preset: m,
 			width: F,
 			height: x,
@@ -9050,7 +9087,7 @@ var da = {
 	getTextNode({ target: e } = {}) {
 		let t = this._resolveShapeGroup({ target: e });
 		if (!t) return null;
-		let { text: n } = J({ group: t });
+		let { text: n } = H({ group: t });
 		return n || null;
 	}
 	updateTextStyle({ target: e, style: t = {}, withoutSave: n } = {}) {
@@ -9086,7 +9123,7 @@ var da = {
 		this.eventController.destroy();
 	}
 	_createShapeGroup({ id: e, presetKey: t, presetCanRound: n, shape: r, text: i, width: a, height: o, manualWidth: s, manualHeight: c, replaceBoxWidth: l, replaceBoxHeight: u, preserveAspectRatio: d, shapeTextAutoExpand: f, alignH: p, alignV: m, padding: h, internalShapeTextInset: g, resolveInternalShapeTextInset: _, changedPadding: v, style: y, rounding: b }) {
-		let x = new Ke([r, i], {
+		let x = new Je([r, i], {
 			originX: "center",
 			originY: "center",
 			left: 0,
@@ -9111,7 +9148,7 @@ var da = {
 			padding: h,
 			style: y,
 			rounding: b
-		}), x.rehydrateRuntimeState(), ze({ group: x }), Be({ text: i }), Dr({
+		}), x.rehydrateRuntimeState(), Ve({ group: x }), He({ text: i }), kr({
 			group: x,
 			shape: r,
 			text: i,
@@ -9176,7 +9213,7 @@ var da = {
 		return s.set({
 			shapeNodeType: "text",
 			splitByGrapheme: !1
-		}), Be({ text: s }), s;
+		}), He({ text: s }), s;
 	}
 	_applyTextUpdates({ textNode: e, text: t, textStyle: n, align: r, syncLineStylesWithText: i }) {
 		let a = {};
@@ -9308,8 +9345,8 @@ var da = {
 	}
 	_syncShapeTextLayoutAfterTextMutation({ textNode: e, textStyle: t }) {
 		let { group: n } = e;
-		if (!H(n)) return !1;
-		let { shape: r, text: i } = J({ group: n });
+		if (!U(n)) return !1;
+		let { shape: r, text: i } = H({ group: n });
 		if (!r || !i) return !1;
 		this._detachShapeGroupAutoLayout({ group: n });
 		let a = this._resolveEditingPlacement({ group: n }), o = this._resolveManualDimensions({ group: n }), s = this._resolveShapeTextHorizontalAlign({
@@ -9329,7 +9366,7 @@ var da = {
 		return this.editingPlacements.get(e) || this.editor.canvasManager.getObjectPlacement({ object: e });
 	}
 	_detachShapeGroupAutoLayout({ group: e }) {
-		Ve({ group: e });
+		Ue({ group: e });
 	}
 	_resolveHorizontalAlign({ explicitAlign: e, textStyle: t }) {
 		if (e) return e;
@@ -9354,12 +9391,12 @@ var da = {
 				});
 				return;
 			}
-			if (H(t)) {
+			if (U(t)) {
 				r.includes(t) || r.push(t);
 				return;
 			}
 			let { group: n } = t;
-			!n || !H(n) || r.includes(n) || r.push(n);
+			!n || !U(n) || r.includes(n) || r.push(n);
 		};
 		return i(t), n.forEach((e) => {
 			i(e);
@@ -9377,24 +9414,24 @@ var da = {
 		return !1;
 	}
 	_resolveShapeGroup({ target: e }) {
-		if (e instanceof l && H(e)) return e;
+		if (e instanceof l && U(e)) return e;
 		if (!e) {
 			let e = this.editor.canvas.getActiveObject();
-			if (H(e)) return e;
+			if (U(e)) return e;
 			let t = e?.group;
-			return t && H(t) ? t : null;
+			return t && U(t) ? t : null;
 		}
 		if (typeof e == "string") {
 			let t = this.editor.canvas.getObjects();
 			for (let n = 0; n < t.length; n += 1) {
 				let r = t[n];
-				if (r.id === e && H(r)) return r;
+				if (r.id === e && U(r)) return r;
 			}
 		}
 		if (e instanceof o) {
-			if (H(e)) return e;
+			if (U(e)) return e;
 			let { group: t } = e;
-			if (t && H(t)) return t;
+			if (t && U(t)) return t;
 		}
 		return null;
 	}
@@ -9431,7 +9468,7 @@ var da = {
 	async _cloneToInternalClipboard(e) {
 		let { canvas: t, errorManager: n } = this.editor;
 		try {
-			let n = await e.clone(At);
+			let n = await e.clone(Mt);
 			this._materializeCloneGeometry({ clonedObject: n }), this.clipboard = n, t.fire("editor:object-copied", { object: n });
 		} catch (e) {
 			n.emitError({
@@ -9452,7 +9489,7 @@ var da = {
 			message: "navigator.clipboard не поддерживается в этом браузере или отсутствует HTTPS-соединение."
 		}), !1;
 		try {
-			let t = e.toObject(At), n = JSON.stringify(t);
+			let t = e.toObject(Mt), n = JSON.stringify(t);
 			return e.type === "image" ? this._copyImageToClipboard(e, n) : this._copyTextToClipboard(n);
 		} catch (e) {
 			return t.emitError({
@@ -9482,7 +9519,7 @@ var da = {
 	}
 	async _copyTextToClipboard(e) {
 		try {
-			let t = `${kt}${e}`;
+			let t = `${jt}${e}`;
 			return await navigator.clipboard.writeText(t), console.info("Text copied to clipboard successfully"), !0;
 		} catch (e) {
 			let { errorManager: t } = this.editor;
@@ -9569,7 +9606,7 @@ var da = {
 		let { canvas: t } = this.editor, n = e || t.getActiveObject();
 		if (!n || n.locked) return !1;
 		try {
-			let e = await n.clone(At);
+			let e = await n.clone(Mt);
 			return ha({ rootObject: e }), e.set({
 				left: e.left + 10,
 				top: e.top + 10
@@ -9636,7 +9673,7 @@ var da = {
 		let { canvas: e } = this.editor;
 		if (!this.clipboard) return !1;
 		try {
-			let t = await this.clipboard.clone(At);
+			let t = await this.clipboard.clone(Mt);
 			return e.discardActiveObject(), ha({ rootObject: t }), t.set({
 				left: t.left + 10,
 				top: t.top + 10
@@ -9661,7 +9698,7 @@ var da = {
 		this.editor = e;
 	}
 	lockObject({ object: e, skipInnerObjects: n, withoutSave: r } = {}) {
-		let { canvas: i, historyManager: a } = this.editor, o = e || i.getActiveObject(), s = Je({ target: o }) ?? o;
+		let { canvas: i, historyManager: a } = this.editor, o = e || i.getActiveObject(), s = Xe({ target: o }) ?? o;
 		if (!s || s.locked) return;
 		let c = {
 			lockMovementX: !0,
@@ -9683,7 +9720,7 @@ var da = {
 		});
 	}
 	unlockObject({ object: e, withoutSave: n } = {}) {
-		let { canvas: r, historyManager: i } = this.editor, a = e || r.getActiveObject(), o = Je({ target: a }) ?? a;
+		let { canvas: r, historyManager: i } = this.editor, a = e || r.getActiveObject(), o = Xe({ target: a }) ?? a;
 		if (!o) return;
 		let s = {
 			lockMovementX: !1,
@@ -11553,7 +11590,7 @@ var Ha = class {
 			}), c.commitStandaloneTextScale({ target: e }), s.commitRehydratedShapeLayout({
 				target: e,
 				textScale: h
-			}), Vt({ object: e }), ha({ rootObject: e }), n.add(e), e));
+			}), Ut({ object: e }), ha({ rootObject: e }), n.add(e), e));
 			return !d.length && !v ? null : (_ = d.length > 0 || v, d.length && t._activateObjects({
 				canvas: n,
 				objects: d
@@ -11621,22 +11658,22 @@ var Ha = class {
 			naturalHeight: 0,
 			width: 0,
 			height: 0
-		}, m = U({
+		}, m = W({
 			value: u || f || c.width,
 			fallback: 0
-		}), h = U({
+		}), h = W({
 			value: d || p || c.height,
 			fallback: 0
-		}), g = U({
+		}), g = W({
 			value: r,
 			fallback: m
-		}), _ = U({
+		}), _ = W({
 			value: i,
 			fallback: h
-		}), v = U({
+		}), v = W({
 			value: a,
 			fallback: c.scaleX || 1
-		}), y = U({
+		}), y = W({
 			value: o,
 			fallback: c.scaleY || 1
 		}), b = g * v, x = _ * y, S = m > 0, C = h > 0, w = b > 0, T = x > 0, E = t._resolveImageFit({ customData: s }), D = {};
@@ -11703,18 +11740,18 @@ var Ha = class {
 		}
 	}
 	_transformObject({ object: e, scale: n, bounds: r, baseWidth: i, baseHeight: a, useRelativePositions: o }) {
-		let s = e, { x: c, y: l } = zt({
+		let s = e, { x: c, y: l } = Vt({
 			object: e,
 			baseWidth: i,
 			baseHeight: a,
 			useRelativePositions: o
-		}), { scaleX: u, scaleY: d } = e, f = U({
+		}), { scaleX: u, scaleY: d } = e, f = W({
 			value: u,
 			fallback: 1
-		}), p = U({
+		}), p = W({
 			value: d,
 			fallback: 1
-		}), m = Bt({
+		}), m = Ht({
 			normalizedX: c,
 			normalizedY: l,
 			bounds: t._getPositioningBounds({
@@ -11790,10 +11827,10 @@ var Ha = class {
 		if (!(e instanceof v)) return;
 		let r = typeof e.text == "string" ? e.text : "";
 		if (!r) return;
-		let i = U({
+		let i = W({
 			value: n,
 			fallback: 0
-		}), a = U({
+		}), a = W({
 			value: e.width,
 			fallback: 0
 		});
@@ -11818,7 +11855,7 @@ var Ha = class {
 		return i;
 	}
 	_serializeObject({ object: e, bounds: n, baseWidth: r, baseHeight: i }) {
-		let a = e.toDatalessObject([...et]);
+		let a = e.toDatalessObject([...nt]);
 		if (t._isSvgObject(e)) {
 			let n = t._extractSvgMarkup(e);
 			n && (a.svgMarkup = n, delete a.objects, delete a.path);
@@ -12695,7 +12732,7 @@ var Ha = class {
 			target: n,
 			transform: i
 		}), !this.anchors.vertical.length && !this.anchors.horizontal.length && this._cacheAnchors({ activeObject: n });
-		let a = W({ object: n });
+		let a = G({ object: n });
 		if (!a) {
 			this._clearSpacingContexts(), this._clearGuides();
 			return;
@@ -12710,7 +12747,7 @@ var Ha = class {
 			n.set({
 				left: e + l,
 				top: t + u
-			}), n.setCoords(), a = W({ object: n }) ?? a;
+			}), n.setCoords(), a = G({ object: n }) ?? a;
 		}
 		let d = this._resolveCurrentTargetBounds({ activeObject: n }), f = this.spacingContexts.vertical || this.spacingContexts.horizontal ? 10 / s : c, p = Do({
 			activeBounds: a,
@@ -12727,13 +12764,13 @@ var Ha = class {
 			n.set({
 				left: e + p.deltaX,
 				top: t + p.deltaY
-			}), n.setCoords(), a = W({ object: n }) ?? a;
+			}), n.setCoords(), a = G({ object: n }) ?? a;
 		}
 		m || e._applyMovementStep({
 			target: n,
 			transform: i
 		});
-		let h = W({ object: n }) ?? a, g = wo({
+		let h = G({ object: n }) ?? a, g = wo({
 			activeBounds: h,
 			threshold: c,
 			anchors: this.anchors
@@ -12777,7 +12814,7 @@ var Ha = 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 = G({ object: n });
 		if (!f) {
 			this._clearGuides();
 			return;
@@ -12901,7 +12938,7 @@ var Ha = 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 = G({ object: t });
 		if (!c) {
 			this._clearGuides();
 			return;
@@ -13180,13 +13217,13 @@ var Ha = class {
 			horizontal: []
 		}, r = [];
 		for (let e of t) {
-			let t = W({ object: e });
+			let t = G({ object: e });
 			t && (jo({
 				anchors: n,
 				bounds: t
 			}), r.push(t));
 		}
-		let { montageArea: i } = this.editor, a = W({ object: i });
+		let { montageArea: i } = this.editor, a = G({ object: i });
 		if (a) {
 			jo({
 				anchors: n,
@@ -13214,7 +13251,7 @@ var Ha = class {
 	_resolveCurrentTargetBounds({ activeObject: e }) {
 		let t = this._collectTargets({ activeObject: e }), n = [];
 		for (let e of t) {
-			let t = W({ object: e });
+			let t = G({ object: e });
 			t && n.push(t);
 		}
 		return n;
@@ -13292,7 +13329,7 @@ var Ha = class {
 			this._clearGuides();
 			return;
 		}
-		let a = W({ object: i });
+		let a = G({ object: i });
 		if (!a) {
 			this._clearGuides();
 			return;
@@ -13300,7 +13337,7 @@ var Ha = 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 = G({ object: c });
 		if (!u) {
 			this._clearGuides();
 			return;
@@ -13474,7 +13511,7 @@ var Ha = class {
 	}
 	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 (de.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new A(), this.workerManager = new M(), this.errorManager = new Sa({ editor: this }), this.historyManager = new Tt({ editor: this }), this.toolbar = new Xe({ editor: this }), this.transformManager = new It({ editor: this }), this.zoomManager = new Lt({ editor: this }), this.canvasManager = new Ft({ editor: this }), this.imageManager = new jt({ editor: this }), this.layerManager = new bn({ editor: this }), this.shapeManager = new ma({ editor: this }), this.interactionBlocker = new vn({ editor: this }), this.backgroundManager = new yn({ editor: this }), this.clipboardManager = new ga({ editor: this }), this.objectLockManager = new _a({ editor: this }), this.groupingManager = new va({ editor: this }), this.selectionManager = new ya({ editor: this }), this.deletionManager = new ba({ editor: this }), this.panConstraintManager = new Ca({ editor: this }), this.snappingManager = new Lo({ editor: this }), this.measurementManager = new zo({ editor: this }), this.fontManager = new fe(this.options.fonts ?? []), this.textManager = new Ua({ editor: this }), this.templateManager = new Ja({ editor: this }), u && (this.angleIndicator = new $e({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.interactionBlocker.ensureOverlay(), this.listeners = new k({
+		if (de.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new A(), this.workerManager = new M(), this.errorManager = new Sa({ editor: this }), this.historyManager = new Dt({ editor: this }), this.toolbar = new Qe({ editor: this }), this.transformManager = new Rt({ editor: this }), this.zoomManager = new zt({ editor: this }), this.canvasManager = new Lt({ editor: this }), this.imageManager = new Nt({ editor: this }), this.layerManager = new Sn({ editor: this }), this.shapeManager = new ma({ editor: this }), this.interactionBlocker = new bn({ editor: this }), this.backgroundManager = new xn({ editor: this }), this.clipboardManager = new ga({ editor: this }), this.objectLockManager = new _a({ editor: this }), this.groupingManager = new va({ editor: this }), this.selectionManager = new ya({ editor: this }), this.deletionManager = new ba({ editor: this }), this.panConstraintManager = new Ca({ editor: this }), this.snappingManager = new Lo({ editor: this }), this.measurementManager = new zo({ editor: this }), this.fontManager = new fe(this.options.fonts ?? []), this.textManager = new Ua({ editor: this }), this.templateManager = new Ja({ editor: this }), u && (this.angleIndicator = new tt({ 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) {
@@ -13515,7 +13552,7 @@ var Ha = class {
 	}
 	_createMontageArea() {
 		let { montageAreaWidth: t, montageAreaHeight: n } = this.options, r = new m(t / 2, n / 2);
-		this.montageArea = Ut({
+		this.montageArea = Gt({
 			canvas: this.canvas,
 			centerPoint: r,
 			options: {
@@ -13539,7 +13576,7 @@ var Ha = class {
 	}
 	_createClippingArea() {
 		let { montageAreaWidth: e, montageAreaHeight: t } = this.options, n = new m(e / 2, t / 2);
-		this.canvas.clipPath = Ut({
+		this.canvas.clipPath = Gt({
 			canvas: this.canvas,
 			centerPoint: n,
 			options: {