@anu3ev/fabric-image-editor 0.7.12 → 0.7.14

package/dist/main.js

@@ -255,20 +255,20 @@ var M = class {
 function I(e, t, n, r, i) {
 	e.save(), e.translate(t, n), e.rotate(C.degreesToRadians(i.angle)), e.fillStyle = F, e.strokeStyle = P, e.lineWidth = 1, e.beginPath(), e.roundRect(-12 / 2, -12 / 2, 12, 12, 2), e.fill(), e.stroke(), e.restore();
 }
-function ee(e, t, n, r, i) {
+function L(e, t, n, r, i) {
 	e.save(), e.translate(t, n), e.rotate(C.degreesToRadians(i.angle)), e.fillStyle = F, e.strokeStyle = P, e.lineWidth = 1, e.beginPath(), e.roundRect(-8 / 2, -20 / 2, 8, 20, 100), e.fill(), e.stroke(), e.restore();
 }
-function te(e, t, n, r, i) {
+function ee(e, t, n, r, i) {
 	e.save(), e.translate(t, n), e.rotate(C.degreesToRadians(i.angle)), e.fillStyle = F, e.strokeStyle = P, e.lineWidth = 1, e.beginPath(), e.roundRect(-20 / 2, -8 / 2, 20, 8, 100), e.fill(), e.stroke(), e.restore();
 }
-var L = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", ne = new Image();
-ne.src = L;
-function re(e, t, n, r, i) {
-	e.save(), e.translate(t, n), e.rotate(C.degreesToRadians(i.angle)), e.fillStyle = N, e.beginPath(), e.arc(0, 0, 16, 0, 2 * Math.PI), e.fill(), e.drawImage(ne, -16 / 2, -16 / 2, 16, 16), e.restore();
+var R = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE4Ljc1IDQuMzc1djMuNzVhLjYyNS42MjUgMCAwIDEtLjYyNS42MjVoLTMuNzVhLjYyNS42MjUgMCAwIDEgMC0xLjI1aDIuMTRsLTIuMDc3LTEuOTAzLS4wMi0uMDE5YTYuMjUgNi4yNSAwIDEgMC0uMTMgOC45NjcuNjI2LjYyNiAwIDAgMSAuODYuOTA5QTcuNDU2IDcuNDU2IDAgMCAxIDEwIDE3LjVoLS4xMDNhNy41IDcuNSAwIDEgMSA1LjM5Ni0xMi44MTJMMTcuNSA2LjcwM1Y0LjM3NWEuNjI1LjYyNSAwIDAgMSAxLjI1IDBaIi8+PC9zdmc+", te = new Image();
+te.src = R;
+function ne(e, t, n, r, i) {
+	e.save(), e.translate(t, n), e.rotate(C.degreesToRadians(i.angle)), e.fillStyle = N, e.beginPath(), e.arc(0, 0, 16, 0, 2 * Math.PI), e.fill(), e.drawImage(te, -16 / 2, -16 / 2, 16, 16), e.restore();
 }
 //#endregion
 //#region src/editor/customized-controls/default-controls.ts
-var R = {
+var z = {
 	tl: {
 		render: I,
 		sizeX: 12,
@@ -298,41 +298,41 @@ var R = {
 		offsetY: 0
 	},
 	ml: {
-		render: ee,
+		render: L,
 		sizeX: 8,
 		sizeY: 20,
 		offsetX: 0,
 		offsetY: 0
 	},
 	mr: {
-		render: ee,
+		render: L,
 		sizeX: 8,
 		sizeY: 20,
 		offsetX: 0,
 		offsetY: 0
 	},
 	mt: {
-		render: te,
+		render: ee,
 		sizeX: 20,
 		sizeY: 8,
 		offsetX: 0,
 		offsetY: 0
 	},
 	mb: {
-		render: te,
+		render: ee,
 		sizeX: 20,
 		sizeY: 8,
 		offsetX: 0,
 		offsetY: 0
 	},
 	mtr: {
-		render: re,
+		render: ne,
 		sizeX: 32,
 		sizeY: 32,
 		offsetX: 0,
 		offsetY: -32
 	}
-}, ie = class t {
+}, re = class t {
 	static wrapWidthControl(e) {
 		if (!e?.actionHandler) return;
 		let t = e.actionHandler;
@@ -342,7 +342,7 @@ var R = {
 		};
 	}
 	static applyControlOverrides(e) {
-		Object.entries(R).forEach(([t, n]) => {
+		Object.entries(z).forEach(([t, n]) => {
 			let r = e[t];
 			r && (Object.assign(r, n), t === "mtr" && (r.cursorStyle = "grab", r.mouseDownHandler = (e, t, n, r) => {
 				let i = t?.target;
@@ -432,7 +432,7 @@ var R = {
 			mr: !0
 		});
 	}
-}, z = class e {
+}, B = class e {
 	static {
 		this.registeredFontKeys = /* @__PURE__ */ new Set();
 	}
@@ -585,7 +585,7 @@ var R = {
 		};
 		return Object.entries(e).filter(([, e]) => e != null && `${e}`.length > 0).map(([e, n]) => `${t[e] ?? e}: ${n};`);
 	}
-}, B = {
+}, V = {
 	style: {
 		position: "absolute",
 		display: "none",
@@ -687,7 +687,7 @@ var R = {
 			e.layerManager.sendBackwards();
 		}
 	}
-}, V = class {
+}, H = class {
 	constructor({ editor: e }) {
 		this.currentTarget = null, this.currentLocked = !1, this.isTransforming = !1, this.isTemporarilyHidden = !1, this.editor = e, this.canvas = e.canvas, this.options = e.options, this._initToolbar();
 	}
@@ -695,22 +695,22 @@ var R = {
 		if (!this.options.showToolbar) return;
 		let e = this.options.toolbar || {};
 		this.config = {
-			...B,
+			...V,
 			...e,
 			style: {
-				...B.style,
+				...V.style,
 				...e.style || {}
 			},
 			btnStyle: {
-				...B.btnStyle,
+				...V.btnStyle,
 				...e.btnStyle || {}
 			},
 			icons: {
-				...B.icons,
+				...V.icons,
 				...e.icons || {}
 			},
 			handlers: {
-				...B.handlers,
+				...V.handlers,
 				...e.handlers || {}
 			}
 		}, this.currentTarget = null, this.currentLocked = !1, this.isTransforming = !1, this.isTemporarilyHidden = !1, this._onMouseDown = this._handleMouseDown.bind(this), this._onObjectMoving = this._startTransform.bind(this), this._onObjectScaling = this._startTransform.bind(this), this._onObjectRotating = this._startTransform.bind(this), this._onMouseUp = this._endTransform.bind(this), this._onObjectModified = this._endTransform.bind(this), this._onSelectionChange = this._updateToolbar.bind(this), this._onSelectionClear = () => {
@@ -788,7 +788,7 @@ var R = {
 	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();
 	}
-}, H = {
+}, ie = {
 	position: "absolute",
 	display: "none",
 	background: "#2B2D33",
@@ -807,7 +807,7 @@ var R = {
 		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 = U, Object.entries(H).forEach(([e, t]) => {
+		this.el = document.createElement("div"), this.el.className = U, Object.entries(ie).forEach(([e, t]) => {
 			this.el.style.setProperty(e, t);
 		}), this.canvas.wrapperEl.appendChild(this.el);
 	}
@@ -2807,10 +2807,10 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		width: W,
 		height: W,
 		internalTextInset: {
-			top: .24,
-			right: .24,
-			bottom: .24,
-			left: .24
+			top: .05,
+			right: .05,
+			bottom: .05,
+			left: .05
 		}
 	},
 	{
@@ -2820,13 +2820,7 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			width: 34,
 			height: 34
 		}),
-		path: "M34 17A17 17 0 1 1 17 0v17z",
-		internalTextInset: {
-			top: .22,
-			right: .26,
-			bottom: .14,
-			left: .14
-		}
+		path: "M34 17A17 17 0 1 1 17 0v17z"
 	},
 	{
 		key: "triangle",
@@ -2837,9 +2831,9 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		}),
 		internalTextInset: {
 			top: .34,
-			right: .18,
+			right: .24,
 			bottom: .12,
-			left: .18
+			left: .24
 		}
 	},
 	{
@@ -2873,9 +2867,9 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		],
 		internalTextInset: {
 			top: .3,
-			right: .3,
+			right: .24,
 			bottom: .3,
-			left: .3
+			left: .24
 		}
 	},
 	{
@@ -2909,9 +2903,9 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		],
 		internalTextInset: {
 			top: .24,
-			right: .18,
-			bottom: .18,
-			left: .18
+			right: .08,
+			bottom: .08,
+			left: .08
 		}
 	},
 	{
@@ -2949,9 +2943,7 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		],
 		internalTextInset: {
 			top: .22,
-			right: .18,
-			bottom: .22,
-			left: .18
+			bottom: .22
 		}
 	},
 	{
@@ -3004,9 +2996,9 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			}
 		],
 		internalTextInset: {
-			top: .3,
+			top: .38,
 			right: .3,
-			bottom: .3,
+			bottom: .22,
 			left: .3
 		}
 	},
@@ -3022,10 +3014,10 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			rotation: -Math.PI / 2
 		}),
 		internalTextInset: {
-			top: .24,
-			right: .24,
-			bottom: .24,
-			left: .24
+			top: .05,
+			right: .05,
+			bottom: .05,
+			left: .05
 		}
 	},
 	{
@@ -3059,10 +3051,10 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			"C0 4.477 4.477 0 10 0a9.99 9.99 0 0 1 8 3.999A9.99 9.99 0 0 1 26 0"
 		].join(" "),
 		internalTextInset: {
-			top: .22,
-			right: .22,
+			top: .1,
+			right: .1,
 			bottom: .16,
-			left: .22
+			left: .1
 		}
 	},
 	{
@@ -3143,10 +3135,9 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			}
 		],
 		internalTextInset: {
-			top: .4,
-			right: .24,
-			bottom: .16,
-			left: .24
+			top: .1,
+			right: .35,
+			left: .35
 		}
 	},
 	{
@@ -3187,10 +3178,9 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			}
 		],
 		internalTextInset: {
-			top: .2,
-			right: .38,
-			bottom: .2,
-			left: .1
+			top: .3,
+			right: .1,
+			bottom: .3
 		}
 	},
 	{
@@ -3231,10 +3221,9 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			}
 		],
 		internalTextInset: {
-			top: .2,
-			right: .1,
-			bottom: .2,
-			left: .38
+			top: .3,
+			bottom: .3,
+			left: .1
 		}
 	},
 	{
@@ -3275,10 +3264,9 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			}
 		],
 		internalTextInset: {
-			top: .38,
-			right: .2,
-			bottom: .1,
-			left: .2
+			top: .12,
+			right: .28,
+			left: .28
 		}
 	},
 	{
@@ -3317,10 +3305,9 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			}
 		],
 		internalTextInset: {
-			top: .16,
-			right: .24,
-			bottom: .4,
-			left: .24
+			right: .35,
+			bottom: .1,
+			left: .35
 		}
 	},
 	{
@@ -3361,10 +3348,9 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			}
 		],
 		internalTextInset: {
-			top: .1,
-			right: .2,
-			bottom: .38,
-			left: .2
+			right: .28,
+			bottom: .12,
+			left: .28
 		}
 	},
 	{
@@ -3417,10 +3403,10 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			}
 		],
 		internalTextInset: {
-			top: .34,
-			right: .2,
-			bottom: .34,
-			left: .2
+			top: .1,
+			right: .3,
+			bottom: .1,
+			left: .3
 		}
 	},
 	{
@@ -3473,10 +3459,10 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			}
 		],
 		internalTextInset: {
-			top: .2,
-			right: .32,
-			bottom: .2,
-			left: .32
+			top: .3,
+			right: .08,
+			bottom: .3,
+			left: .08
 		}
 	},
 	{
@@ -3508,12 +3494,7 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 				y: 100
 			}
 		],
-		internalTextInset: {
-			top: .14,
-			right: .26,
-			bottom: .14,
-			left: .12
-		}
+		internalTextInset: { right: .2 }
 	},
 	{
 		key: "drop",
@@ -3524,10 +3505,10 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		}),
 		path: "M0 23C0 11 13 0 13 0s13 11 13 23c0 7.18-5.82 13-13 13S0 30.18 0 23",
 		internalTextInset: {
-			top: .28,
-			right: .26,
-			bottom: .18,
-			left: .26
+			top: .24,
+			right: .1,
+			bottom: .1,
+			left: .1
 		}
 	},
 	{
@@ -3621,12 +3602,7 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 				y: 100
 			}
 		],
-		internalTextInset: {
-			top: .16,
-			right: .18,
-			bottom: .28,
-			left: .18
-		}
+		internalTextInset: { bottom: .22 }
 	},
 	{
 		key: "gear",
@@ -3640,10 +3616,10 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 			rotation: -Math.PI / 2
 		}),
 		internalTextInset: {
-			top: .28,
-			right: .28,
-			bottom: .28,
-			left: .28
+			top: .1,
+			right: .1,
+			bottom: .1,
+			left: .1
 		}
 	},
 	{
@@ -3653,10 +3629,8 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		height: W,
 		path: "M24 6 H76 L94 24 V76 L76 94 H24 L6 76 V24 Z",
 		internalTextInset: {
-			top: .24,
-			right: .24,
-			bottom: .24,
-			left: .24
+			top: .1,
+			bottom: .1
 		}
 	},
 	{
@@ -3686,12 +3660,7 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 				y: 100
 			}
 		],
-		internalTextInset: {
-			top: .2,
-			right: .22,
-			bottom: .34,
-			left: .22
-		}
+		internalTextInset: { bottom: .24 }
 	},
 	{
 		key: "tag",
@@ -3699,12 +3668,7 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		width: W,
 		height: 130,
 		path: "M4 20 L64 20 L96 50 L64 80 L4 80 Z",
-		internalTextInset: {
-			top: .24,
-			right: .34,
-			bottom: .24,
-			left: .18
-		}
+		internalTextInset: { right: .28 }
 	},
 	{
 		key: "moon",
@@ -3719,9 +3683,8 @@ var Ze = ({ canvas: e, options: t = {}, centerPoint: n, flags: r = {} }) => {
 		].join(" "),
 		internalTextInset: {
 			top: .28,
-			right: .34,
-			bottom: .28,
-			left: .2
+			right: .5,
+			bottom: .28
 		}
 	}
 ], ot = "circle", st = "center", ct = "middle", lt = {};
@@ -4367,51 +4330,124 @@ function en({ text: e, width: t, height: n, padding: r, internalShapeTextInset:
 }
 //#endregion
 //#region src/editor/shape-manager/layout/shape-layout.ts
-var q = 1, tn = .5, nn = 8, rn = ({ group: e, shape: t, text: n, width: r, height: i, alignH: a, alignV: o, padding: s, internalShapeTextInset: c, expandShapeHeightToFitText: l = !0, changedPadding: u }) => {
-	let d = zt({ padding: s }), f = Rt({ padding: c }), p = Math.max(q, e.shapeManualBaseWidth ?? r), m = Math.max(q, e.shapeManualBaseHeight ?? i), h = Math.max(q, i), g = Math.max(q, r), _ = en({
-		text: n,
-		width: g,
-		height: h,
-		padding: d,
-		internalShapeTextInset: f,
-		expandShapeHeightToFitText: l,
-		changedPadding: u,
-		measureTextboxHeightForFrame: pn,
-		resolveMinimumTextFrameWidth: mn
+var q = 1, tn = .5, nn = 8, rn = 20, an = 16;
+function on({ text: e, alignV: t, width: n, height: r, appliedPadding: i, appliedUserPadding: a }) {
+	let { frame: o, splitByGrapheme: s, textTop: c } = pn({
+		text: e,
+		width: n,
+		height: r,
+		alignV: t,
+		padding: i
 	});
-	for (let e = 0; e < nn; e += 1) {
-		let e = Math.max(g, _.requiredWidth);
-		if (e <= g + tn) break;
-		g = e, _ = en({
-			text: n,
-			width: g,
-			height: h,
-			padding: d,
-			internalShapeTextInset: f,
-			expandShapeHeightToFitText: l,
-			changedPadding: u,
-			measureTextboxHeightForFrame: pn,
-			resolveMinimumTextFrameWidth: mn
+	return {
+		width: n,
+		height: r,
+		appliedPadding: i,
+		appliedUserPadding: a,
+		frame: o,
+		splitByGrapheme: s,
+		textTop: c
+	};
+}
+var sn = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTextInset: a, resolveInternalShapeTextInset: o, preserveAspectRatio: s, shapeTextAutoExpandEnabled: c, montageAreaWidth: l, expandShapeHeightToFitText: u = !0, changedPadding: d }) => {
+	let { width: f, height: p, appliedPadding: m, appliedUserPadding: h } = s ? un({
+		text: e,
+		width: t,
+		height: n,
+		padding: i,
+		internalShapeTextInset: a,
+		resolveInternalShapeTextInset: o,
+		shapeTextAutoExpandEnabled: c,
+		montageAreaWidth: l,
+		expandShapeHeightToFitText: u,
+		changedPadding: d
+	}) : yn({
+		text: e,
+		width: t,
+		height: n,
+		padding: i,
+		internalShapeTextInset: a,
+		resolveInternalShapeTextInset: o,
+		expandShapeHeightToFitText: u,
+		changedPadding: d
+	});
+	return on({
+		text: e,
+		alignV: r,
+		width: f,
+		height: p,
+		appliedPadding: m,
+		appliedUserPadding: h
+	});
+}, cn = ({ text: e, width: t, height: n, alignV: r, padding: i, internalShapeTextInset: a, resolveInternalShapeTextInset: o, expandShapeHeightToFitText: s = !0, changedPadding: c }) => {
+	let l = zt({ padding: i }), u = Rt({ padding: a }), d = Math.max(q, t), f = Math.max(q, n), p = en({
+		text: e,
+		width: d,
+		height: f,
+		padding: l,
+		internalShapeTextInset: vn({
+			width: d,
+			height: f,
+			internalShapeTextInset: u,
+			resolveInternalShapeTextInset: o
+		}),
+		expandShapeHeightToFitText: s,
+		changedPadding: c,
+		measureTextboxHeightForFrame: Tn,
+		resolveMinimumTextFrameWidth: En
+	});
+	for (let t = 0; t < nn; t += 1) {
+		let t = Math.max(f, p.requiredHeight);
+		if (t <= f + tn) break;
+		f = t, p = en({
+			text: e,
+			width: d,
+			height: f,
+			padding: l,
+			internalShapeTextInset: vn({
+				width: d,
+				height: f,
+				internalShapeTextInset: u,
+				resolveInternalShapeTextInset: o
+			}),
+			expandShapeHeightToFitText: s,
+			changedPadding: c,
+			measureTextboxHeightForFrame: Tn,
+			resolveMinimumTextFrameWidth: En
 		});
 	}
-	let { appliedPadding: v, appliedUserPadding: y, requiredHeight: b } = _, x = Math.max(q, b);
-	xt({
-		shape: t,
-		width: g,
-		height: x,
-		rounding: e.shapeRounding,
-		strokeWidth: e.shapeStrokeWidth
+	return on({
+		text: e,
+		alignV: r,
+		width: d,
+		height: f,
+		appliedPadding: p.appliedPadding,
+		appliedUserPadding: p.appliedUserPadding
 	});
-	let { frame: S, splitByGrapheme: C, textTop: w } = sn({
+}, ln = ({ group: e, shape: t, text: n, width: r, height: i, alignH: a, alignV: o, padding: s, internalShapeTextInset: c, resolveInternalShapeTextInset: l, preserveAspectRatio: u, shapeTextAutoExpandEnabled: d, montageAreaWidth: f, expandShapeHeightToFitText: p = !0, changedPadding: m }) => {
+	let h = Math.max(q, e.shapeManualBaseWidth ?? r), g = Math.max(q, e.shapeManualBaseHeight ?? i), { width: _, height: v, appliedUserPadding: y, frame: b, splitByGrapheme: x, textTop: S } = sn({
 		text: n,
-		width: g,
-		height: x,
+		width: r,
+		height: i,
 		alignV: o,
-		padding: v
+		padding: s,
+		internalShapeTextInset: c,
+		resolveInternalShapeTextInset: l,
+		preserveAspectRatio: u,
+		shapeTextAutoExpandEnabled: d ?? e.shapeTextAutoExpand !== !1,
+		montageAreaWidth: f,
+		expandShapeHeightToFitText: p,
+		changedPadding: m
 	});
-	n.set({
+	xt({
+		shape: t,
+		width: _,
+		height: v,
+		rounding: e.shapeRounding,
+		strokeWidth: e.shapeStrokeWidth
+	}), n.set({
 		autoExpand: !1,
-		width: S.width,
+		width: b.width,
 		textAlign: a,
 		scaleX: 1,
 		scaleY: 1,
@@ -4420,56 +4456,159 @@ var q = 1, tn = .5, nn = 8, rn = ({ group: e, shape: t, text: n, width: r, heigh
 		skewY: 0,
 		flipX: !1,
 		flipY: !1,
-		left: S.left,
-		top: w,
+		left: b.left,
+		top: S,
 		originX: "left",
 		originY: "top",
-		splitByGrapheme: C
-	}), n.initDimensions(), n.setCoords(), t.setCoords(), e.shapeBaseWidth = g, e.shapeBaseHeight = x, e.shapeManualBaseWidth = p, e.shapeManualBaseHeight = m, e.shapePaddingTop = y.top, e.shapePaddingRight = y.right, e.shapePaddingBottom = y.bottom, e.shapePaddingLeft = y.left, e.shapeAlignHorizontal = a, e.shapeAlignVertical = o, e.set({
-		width: g,
-		height: x,
+		splitByGrapheme: x
+	}), n.initDimensions(), n.setCoords(), t.setCoords(), e.shapeBaseWidth = _, e.shapeBaseHeight = v, e.shapeManualBaseWidth = h, e.shapeManualBaseHeight = g, e.shapePaddingTop = y.top, e.shapePaddingRight = y.right, e.shapePaddingBottom = y.bottom, e.shapePaddingLeft = y.left, e.shapeAlignHorizontal = a, e.shapeAlignVertical = o, e.set({
+		width: _,
+		height: v,
 		scaleX: 1,
 		scaleY: 1
 	}), e.set("dirty", !0), e.setCoords();
-}, an = ({ text: e, currentWidth: t, minimumWidth: n, padding: r, montageAreaWidth: i }) => {
-	let a = Math.max(q, t), o = Math.max(q, n);
-	if (!ln({ text: e })) return o;
-	let s = Number.isFinite(i) && i > 0 ? Math.max(q, i) : Math.max(a, o), c = Rt({ padding: r }), l = Math.max(o, s), u = qt({
-		width: l,
-		padding: c
-	}), d = l, f = fn({
+};
+function un({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, resolveInternalShapeTextInset: a, shapeTextAutoExpandEnabled: o = !0, montageAreaWidth: s, expandShapeHeightToFitText: c = !0, changedPadding: l }) {
+	let u = Math.max(q, t), d = Math.max(q, n), f = Number.isFinite(s) && (s ?? 0) > 0 ? Math.max(q, s ?? q) : null;
+	if (!hn({ text: e })) return yn({
 		text: e,
-		frameWidth: u
+		width: u,
+		height: d,
+		padding: r,
+		internalShapeTextInset: i,
+		resolveInternalShapeTextInset: a,
+		expandShapeHeightToFitText: c,
+		changedPadding: l
 	});
-	if (f.hasWrappedLines) return d;
-	let p = Math.max(q, f.longestLineWidth), m = Math.max(q, p + c.left + c.right), h = Math.min(d, Math.max(o, m));
-	for (let t = 0; t < nn; t += 1) {
-		let t = qt({
-			width: h,
-			padding: c
-		}), n = fn({
+	let p = d / u, m = ({ width: t }) => {
+		let n = Math.max(q, t * p), o = yn({
 			text: e,
-			frameWidth: t
-		}), r = t >= p - tn;
-		if (!n.hasWrappedLines && r) return h;
-		if (h >= d - tn) return d;
-		let i = n.hasWrappedLines ? Math.max(m + 1, h + 1) : p;
-		h = Math.min(d, Math.max(h + 1, n.hasWrappedLines ? i : m));
-	}
-	return h;
-}, on = ({ text: e, padding: t }) => {
-	if (!ln({ text: e })) return q;
-	let n = Rt({ padding: t });
-	return mn({ text: e }) + n.left + n.right;
-}, sn = ({ text: e, width: t, height: n, alignV: r, padding: i }) => {
-	let a = un({
+			width: t,
+			height: n,
+			padding: r,
+			internalShapeTextInset: i,
+			resolveInternalShapeTextInset: a,
+			expandShapeHeightToFitText: c,
+			changedPadding: l
+		});
+		return {
+			candidateHeight: n,
+			frameWidth: qt({
+				width: t,
+				padding: o.appliedPadding
+			}),
+			layoutResolution: o
+		};
+	}, h = ({ candidateWidth: e, candidateHeight: t, layoutResolution: n }) => !(n.width > e + tn || n.height > t + tn);
+	if (!o) {
+		let e = ({ width: e }) => {
+			let { candidateHeight: t, layoutResolution: n } = m({ width: e });
+			return h({
+				candidateWidth: e,
+				candidateHeight: t,
+				layoutResolution: n
+			});
+		}, t = f ? Math.max(u, f) : u;
+		e({ width: t }) || (t = bn({
+			minimumWidth: t,
+			isWidthValid: e
+		}));
+		let { layoutResolution: n } = m({ width: xn({
+			minimumWidth: u,
+			maximumWidth: t,
+			isWidthValid: e
+		}) });
+		return n;
+	}
+	let g = ({ width: t, requiredFrameWidth: n }) => {
+		let { candidateHeight: r, frameWidth: i, layoutResolution: a } = m({ width: t });
+		return !h({
+			candidateWidth: t,
+			candidateHeight: r,
+			layoutResolution: a
+		}) || n !== void 0 && i < n - tn ? !1 : !wn({
+			text: e,
+			frameWidth: i
+		}).hasWrappedLines;
+	}, _ = f ? Math.max(u, f) : bn({
+		minimumWidth: u,
+		isWidthValid: ({ width: e }) => g({ width: e })
+	}), v = m({ width: _ }), y = wn({
+		text: e,
+		frameWidth: v.frameWidth
+	});
+	if (y.hasWrappedLines) return v.layoutResolution;
+	let b = Math.max(q, y.longestLineWidth), { layoutResolution: x } = m({ width: xn({
+		minimumWidth: u,
+		maximumWidth: _,
+		isWidthValid: ({ width: e }) => g({
+			width: e,
+			requiredFrameWidth: b
+		})
+	}) });
+	return x;
+}
+var dn = ({ text: e, currentWidth: t, minimumWidth: n, padding: r, montageAreaWidth: i, resolvePaddingForWidth: a }) => {
+	let o = Math.max(q, t), s = Math.max(q, n);
+	if (!hn({ text: e })) return s;
+	let c = Math.max(s, Number.isFinite(i) && i > 0 ? Math.max(q, i) : Math.max(o, s)), l = qt({
+		width: c,
+		padding: gn({
+			width: c,
+			padding: r,
+			resolvePaddingForWidth: a
+		})
+	}), u = c, d = wn({
+		text: e,
+		frameWidth: l
+	});
+	if (d.hasWrappedLines) return u;
+	let f = Math.max(q, d.longestLineWidth);
+	return xn({
+		minimumWidth: s,
+		maximumWidth: u,
+		isWidthValid: ({ width: t }) => {
+			let n = qt({
+				width: t,
+				padding: gn({
+					width: t,
+					padding: r,
+					resolvePaddingForWidth: a
+				})
+			});
+			return n < f - tn ? !1 : !wn({
+				text: e,
+				frameWidth: n
+			}).hasWrappedLines;
+		}
+	});
+}, fn = ({ text: e, padding: t, resolvePaddingForWidth: n }) => {
+	if (!hn({ text: e })) return q;
+	let r = En({ text: e }), i = Math.max(q, r), a = ({ width: e }) => qt({
+		width: e,
+		padding: gn({
+			width: e,
+			padding: t,
+			resolvePaddingForWidth: n
+		})
+	}) >= r - tn;
+	return xn({
+		minimumWidth: i,
+		maximumWidth: bn({
+			minimumWidth: i,
+			isWidthValid: a
+		}),
+		isWidthValid: a
+	});
+}, pn = ({ text: e, width: t, height: n, alignV: r, padding: i }) => {
+	let a = Sn({
 		width: Math.max(q, t),
 		height: Math.max(q, n),
 		padding: Rt({ padding: i })
-	}), o = _n({
+	}), o = kn({
 		text: e,
 		frameWidth: a.width
-	}), s = pn({
+	}), s = Tn({
 		text: e,
 		frameWidth: a.width,
 		splitByGrapheme: o
@@ -4477,29 +4616,118 @@ var q = 1, tn = .5, nn = 8, rn = ({ group: e, shape: t, text: n, width: r, heigh
 	return {
 		frame: a,
 		splitByGrapheme: o,
-		textTop: gn({
+		textTop: On({
 			alignV: r,
 			frameHeight: a.height,
 			frameTop: a.top,
 			textHeight: s
 		})
 	};
-}, cn = ({ text: e, width: t, height: n, padding: r }) => {
-	let i = Math.max(q, n);
-	if (!ln({ text: e })) return i;
-	let a = Math.max(q, t), o = Rt({ padding: r }), s = pn({
-		text: e,
-		frameWidth: qt({
-			width: a,
-			padding: o
-		})
-	});
-	return Math.max(i, s + o.top + o.bottom);
+}, mn = ({ text: e, width: t, height: n, padding: r, resolvePaddingForSize: i }) => {
+	let a = Math.max(q, n);
+	if (!hn({ text: e })) return a;
+	let o = Math.max(q, t), s = a;
+	for (let t = 0; t < nn; t += 1) {
+		let t = _n({
+			width: o,
+			height: s,
+			padding: r,
+			resolvePaddingForSize: i
+		}), n = Tn({
+			text: e,
+			frameWidth: qt({
+				width: o,
+				padding: t
+			})
+		}), c = Math.max(a, n + t.top + t.bottom);
+		if (c <= s + tn) return c;
+		s = c;
+	}
+	return s;
 };
-function ln({ text: e }) {
+function hn({ text: e }) {
 	return (e.text ?? "").trim().length > 0;
 }
-function un({ width: e, height: t, padding: n }) {
+function gn({ width: e, padding: t, resolvePaddingForWidth: n }) {
+	return Rt(n ? { padding: n({ width: Math.max(q, e) }) } : { padding: t });
+}
+function _n({ width: e, height: t, padding: n, resolvePaddingForSize: r }) {
+	return Rt(r ? { padding: r({
+		width: Math.max(q, e),
+		height: Math.max(q, t)
+	}) } : { padding: n });
+}
+function vn({ width: e, height: t, internalShapeTextInset: n, resolveInternalShapeTextInset: r }) {
+	return Rt(r ? { padding: r({
+		width: Math.max(q, e),
+		height: Math.max(q, t)
+	}) } : { padding: n });
+}
+function yn({ text: e, width: t, height: n, padding: r, internalShapeTextInset: i, resolveInternalShapeTextInset: a, expandShapeHeightToFitText: o = !0, changedPadding: s }) {
+	let c = zt({ padding: r }), l = Rt({ padding: i }), u = Math.max(q, t), d = Math.max(q, n), f = en({
+		text: e,
+		width: u,
+		height: d,
+		padding: c,
+		internalShapeTextInset: vn({
+			width: u,
+			height: d,
+			internalShapeTextInset: l,
+			resolveInternalShapeTextInset: a
+		}),
+		expandShapeHeightToFitText: o,
+		changedPadding: s,
+		measureTextboxHeightForFrame: Tn,
+		resolveMinimumTextFrameWidth: En
+	});
+	for (let t = 0; t < nn; t += 1) {
+		let t = Math.max(u, f.requiredWidth), n = Math.max(d, f.requiredHeight);
+		if (t <= u + tn && n <= d + tn) break;
+		u = t, d = n, f = en({
+			text: e,
+			width: u,
+			height: d,
+			padding: c,
+			internalShapeTextInset: vn({
+				width: u,
+				height: d,
+				internalShapeTextInset: l,
+				resolveInternalShapeTextInset: a
+			}),
+			expandShapeHeightToFitText: o,
+			changedPadding: s,
+			measureTextboxHeightForFrame: Tn,
+			resolveMinimumTextFrameWidth: En
+		});
+	}
+	return {
+		width: u,
+		height: d,
+		appliedPadding: f.appliedPadding,
+		appliedUserPadding: f.appliedUserPadding
+	};
+}
+function bn({ minimumWidth: e, isWidthValid: t }) {
+	let n = Math.max(q, e);
+	if (t({ width: n })) return n;
+	for (let e = 0; e < an; e += 1) if (n = Math.max(n + 1, n * 2), t({ width: n })) return n;
+	return n;
+}
+function xn({ 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 < rn && !(i - r <= tn); e += 1) {
+		let e = r + (i - r) / 2;
+		if (n({ width: e })) {
+			i = e;
+			continue;
+		}
+		r = e;
+	}
+	return i;
+}
+function Sn({ 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,
@@ -4508,7 +4736,7 @@ function un({ width: e, height: t, padding: n }) {
 		height: Math.max(q, t - a - o)
 	};
 }
-function dn({ text: e }) {
+function Cn({ text: e }) {
 	let { height: t } = e;
 	if (typeof t == "number" && Number.isFinite(t)) return t;
 	if (typeof e.calcTextHeight == "function") {
@@ -4517,18 +4745,18 @@ function dn({ text: e }) {
 	}
 	return q;
 }
-function fn({ text: e, frameWidth: t }) {
-	let n = yn({ text: e }), r = _n({
+function wn({ text: e, frameWidth: t }) {
+	let n = jn({ text: e }), r = kn({
 		text: e,
 		frameWidth: t
-	}), i = Sn({ text: e });
+	}), i = Pn({ text: e });
 	e.set({
 		autoExpand: !1,
 		width: Math.max(q, t),
 		splitByGrapheme: r
 	}), e.initDimensions();
-	let a = bn({ text: e }) > n, o = Math.ceil(vn({ text: e }));
-	return Cn({
+	let a = Mn({ text: e }) > n, o = Math.ceil(An({ text: e }));
+	return Fn({
 		text: e,
 		state: i
 	}), {
@@ -4536,8 +4764,8 @@ function fn({ text: e, frameWidth: t }) {
 		longestLineWidth: o
 	};
 }
-function pn({ text: e, frameWidth: t, splitByGrapheme: n }) {
-	let r = Sn({ text: e }), i = n ?? _n({
+function Tn({ text: e, frameWidth: t, splitByGrapheme: n }) {
+	let r = Pn({ text: e }), i = n ?? kn({
 		text: e,
 		frameWidth: t
 	});
@@ -4546,71 +4774,71 @@ function pn({ text: e, frameWidth: t, splitByGrapheme: n }) {
 		width: Math.max(q, t),
 		splitByGrapheme: i
 	}), e.initDimensions();
-	let a = dn({ text: e });
-	return Cn({
+	let a = Cn({ text: e });
+	return Fn({
 		text: e,
 		state: r
 	}), a;
 }
-function mn({ text: e }) {
-	let t = hn({
+function En({ text: e }) {
+	let t = Dn({
 		text: e,
 		frameWidth: q,
 		splitByGrapheme: !0
 	});
 	return Math.max(q, t);
 }
-function hn({ text: e, frameWidth: t, splitByGrapheme: n }) {
-	let r = Sn({ text: e });
+function Dn({ text: e, frameWidth: t, splitByGrapheme: n }) {
+	let r = Pn({ text: e });
 	e.set({
 		autoExpand: !1,
 		width: Math.max(q, t),
 		splitByGrapheme: n
 	}), e.initDimensions();
-	let i = vn({ text: e });
-	return Cn({
+	let i = An({ text: e });
+	return Fn({
 		text: e,
 		state: r
 	}), i;
 }
-function gn({ alignV: e, frameHeight: t, frameTop: n, textHeight: r }) {
+function On({ 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 _n({ text: e, frameWidth: t }) {
-	let n = Math.max(q, t), r = Sn({ text: e });
+function kn({ text: e, frameWidth: t }) {
+	let n = Math.max(q, t), r = Pn({ text: e });
 	e.set({
 		autoExpand: !1,
 		width: n,
 		splitByGrapheme: !1
 	}), e.initDimensions();
-	let i = wn({ text: e }) > n + tn;
-	return Cn({
+	let i = In({ text: e }) > n + tn;
+	return Fn({
 		text: e,
 		state: r
 	}), i;
 }
-function vn({ text: e }) {
-	let t = bn({ text: e });
-	if (t > 0) return xn({
+function An({ text: e }) {
+	let t = Mn({ text: e });
+	if (t > 0) return Nn({
 		text: e,
 		lineCount: t
 	});
 	let n = e.text ?? "";
-	return xn({
+	return Nn({
 		text: e,
 		lineCount: Math.max(n.split("\n").length, 1)
 	});
 }
-function yn({ text: e }) {
+function jn({ text: e }) {
 	let t = e.text ?? "";
 	return Math.max(t.split("\n").length, 1);
 }
-function bn({ text: e }) {
+function Mn({ text: e }) {
 	let t = e;
 	return Array.isArray(t.textLines) ? t.textLines.length : 0;
 }
-function xn({ text: e, lineCount: t }) {
+function Nn({ text: e, lineCount: t }) {
 	let n = q;
 	for (let r = 0; r < t; r += 1) {
 		let t = e.getLineWidth(r);
@@ -4618,7 +4846,7 @@ function xn({ text: e, lineCount: t }) {
 	}
 	return n;
 }
-function Sn({ text: e }) {
+function Pn({ text: e }) {
 	let { autoExpand: t, splitByGrapheme: n, width: r } = e;
 	return {
 		autoExpand: t,
@@ -4626,23 +4854,23 @@ function Sn({ text: e }) {
 		width: typeof r == "number" ? r : void 0
 	};
 }
-function Cn({ text: e, state: t }) {
+function Fn({ text: e, state: t }) {
 	let { autoExpand: n, splitByGrapheme: r, width: i } = t, a = {};
 	n !== void 0 && (a.autoExpand = n), r !== void 0 && (a.splitByGrapheme = r), typeof i == "number" && (a.width = i), Object.keys(a).length > 0 && (e.set(a), e.initDimensions());
 }
-function wn({ text: e }) {
+function In({ text: e }) {
 	let { dynamicMinWidth: t } = e;
 	return typeof t == "number" && Number.isFinite(t) ? t : 0;
 }
 //#endregion
 //#region src/editor/shape-manager/shape-runtime.ts
-var Tn = ({ group: e }) => {
+var Ln = ({ group: e }) => {
 	let t = e;
 	typeof t.setInteractive == "function" && t.setInteractive(!0), t.set({
 		interactive: !0,
 		subTargetCheck: !0
 	});
-}, En = ({ text: e }) => {
+}, Rn = ({ text: e }) => {
 	let t = !!(e.locked || e.group?.locked);
 	e.set({
 		hasBorders: !1,
@@ -4655,7 +4883,7 @@ var Tn = ({ group: e }) => {
 		autoExpand: !1,
 		shapeNodeType: "text"
 	}), e.setCoords();
-}, Dn = ({ group: e }) => {
+}, zn = ({ group: e }) => {
 	let { layoutManager: t } = e;
 	if (!t || typeof t.unsubscribeTargets != "function") return;
 	let n = e.getObjects();
@@ -4663,7 +4891,7 @@ var Tn = ({ group: e }) => {
 		target: e,
 		targets: n
 	});
-}, On = ({ group: e }) => {
+}, Bn = ({ group: e }) => {
 	let t = e.getObjects();
 	for (let e = 0; e < t.length; e += 1) {
 		let n = t[e];
@@ -4674,23 +4902,23 @@ var Tn = ({ group: e }) => {
 		if (n instanceof _) return n;
 	}
 	return null;
-}, kn = [
+}, Vn = [
 	"tl",
 	"tr",
 	"bl",
 	"br"
-], An = ({ transform: e }) => {
+], Hn = ({ transform: e }) => {
 	let { originX: t, originY: n } = e;
 	return (t === "center" || t === .5) && (n === "center" || n === .5);
-}, jn = ({ transform: e, x: t, y: n }) => {
+}, Un = ({ transform: e, x: t, y: n }) => {
 	let r = e, { target: i } = r, { scaleX: a = 1, scaleY: o = 1 } = i, s = b.getLocalPoint(r, r.originX, r.originY, t, n), c = Math.sign(s.x || r.signX || 1), l = Math.sign(s.y || r.signY || 1);
 	r.signX === void 0 && (r.signX = c), r.signY === void 0 && (r.signY = l);
 	let u = i._getTransformedDimensions(), d = Math.abs(s.x * a / u.x), f = Math.abs(s.y * o / u.y);
-	An({ transform: r }) && (d *= 2, f *= 2);
+	Hn({ transform: r }) && (d *= 2, f *= 2);
 	let p = !i.lockScalingX && (!i.lockScalingFlip || r.signX === c), m = !i.lockScalingY && (!i.lockScalingFlip || r.signY === l);
 	return p && i.set("scaleX", d), m && i.set("scaleY", f), a !== i.scaleX || o !== i.scaleY;
-}, Mn = () => {
-	let e = b.wrapWithFireEvent("scaling", b.wrapWithFixedAnchor((e, t, n, r) => jn({
+}, Wn = () => {
+	let e = b.wrapWithFireEvent("scaling", b.wrapWithFixedAnchor((e, t, n, r) => Un({
 		transform: t,
 		x: n,
 		y: r
@@ -4706,31 +4934,31 @@ var Tn = ({ group: e }) => {
 			a.uniformScaling = s;
 		}
 	};
-}, Nn = ({ control: e }) => {
+}, Gn = ({ control: e }) => {
 	let t = new r({
 		...e,
-		actionHandler: Mn()
+		actionHandler: Wn()
 	});
 	return t.shapeFreeScaleCornerControl = !0, t;
-}, Pn = ({ group: e }) => {
+}, Kn = ({ group: e }) => {
 	let t = { ...e.controls };
-	kn.forEach((n) => {
+	Vn.forEach((n) => {
 		let r = e.controls[n];
-		r && (r.shapeFreeScaleCornerControl || (t[n] = Nn({ control: r })));
+		r && (r.shapeFreeScaleCornerControl || (t[n] = Gn({ control: r })));
 	}), e.controls = t;
-}, Fn = "shape-group";
-function In() {
+}, qn = "shape-group";
+function Jn() {
 	return { performLayout() {} };
 }
-function Ln({ layoutManager: e }) {
+function Yn({ layoutManager: e }) {
 	let t = y.getClass("layoutManager");
 	if (!e) return new t();
 	let { strategy: n, type: r } = e, i = y.getClass(r);
 	return n ? new i(new (y.getClass(n))()) : new i();
 }
-var Rn = class e extends l {
+var Xn = class e extends l {
 	static {
-		this.type = Fn;
+		this.type = qn;
 	}
 	constructor(e = [], t = {}) {
 		let { layoutManager: n, objectCaching: r, centeredScaling: i, lockScalingFlip: a, ...o } = t;
@@ -4753,17 +4981,17 @@ var Rn = 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(), Tn({ group: this }), Pn({ group: this });
-		let t = On({ group: this });
-		t && En({ text: t }), Dn({ group: this }), this.setCoords();
+		this.shapePaddingTop = e.top, this.shapePaddingRight = e.right, this.shapePaddingBottom = e.bottom, this.shapePaddingLeft = e.left, this._syncRoundability(), Ln({ group: this }), Kn({ group: this });
+		let t = Bn({ group: this });
+		t && Rn({ text: t }), zn({ group: this }), this.setCoords();
 	}
 	static async fromObject({ type: t, objects: n = [], layoutManager: r, ...i }, a) {
 		let [o, s] = await Promise.all([C.enlivenObjects(n, a), C.enlivenObjectEnlivables(i, a)]), c = new e(o, {
 			...i,
 			...s,
-			layoutManager: In()
+			layoutManager: Jn()
 		});
-		return c.layoutManager = Ln({ layoutManager: r }), c.layoutManager.subscribeTargets({
+		return c.layoutManager = Yn({ layoutManager: r }), c.layoutManager.subscribeTargets({
 			type: "initialization",
 			target: c,
 			targets: c.getObjects()
@@ -4776,9 +5004,9 @@ var Rn = class e extends l {
 		let t = dt({ presetKey: e });
 		t && (this.shapeCanRound = gt({ preset: t }));
 	}
-}, zn = () => {
-	y?.setClass && y.setClass(Rn, Fn);
-}, J = (e) => e instanceof Rn || e instanceof l && e.shapeComposite === !0, Bn = ({ target: e, subTargets: t = [] }) => {
+}, Zn = () => {
+	y?.setClass && y.setClass(Xn, qn);
+}, J = (e) => e instanceof Xn || e instanceof l && e.shapeComposite === !0, Qn = ({ target: e, subTargets: t = [] }) => {
 	if (J(e)) return e;
 	if (e?.group && J(e.group)) return e.group;
 	for (let e = 0; e < t.length; e += 1) {
@@ -4788,7 +5016,7 @@ var Rn = class e extends l {
 		if (r && J(r)) return r;
 	}
 	return null;
-}, Vn = ({ group: e }) => {
+}, $n = ({ group: e }) => {
 	let t = e.getObjects();
 	for (let e = 0; e < t.length; e += 1) {
 		let n = t[e];
@@ -4799,7 +5027,7 @@ var Rn = class e extends l {
 		if (!(n instanceof _)) return n;
 	}
 	return null;
-}, Hn = ({ group: e }) => {
+}, er = ({ group: e }) => {
 	let t = e.getObjects();
 	for (let e = 0; e < t.length; e += 1) {
 		let n = t[e];
@@ -4811,16 +5039,16 @@ var Rn = class e extends l {
 	}
 	return null;
 }, Y = ({ group: e }) => ({
-	shape: Vn({ group: e }),
-	text: Hn({ group: e })
-}), Un = ({ group: e }) => {
-	Tn({ group: e });
-}, Wn = ({ transform: e, key: t }) => {
+	shape: $n({ group: e }),
+	text: er({ group: e })
+}), tr = ({ group: e }) => {
+	Ln({ group: e });
+}, nr = ({ transform: e, key: t }) => {
 	let n = e?.original;
 	if (!n || typeof n != "object") return null;
 	let r = n[t];
 	return typeof r != "number" || !Number.isFinite(r) ? null : r;
-}, Gn = ({ value: e }) => e === "left" || e === "center" || e === "right" || typeof e == "number" && Number.isFinite(e) ? e : null, Kn = ({ value: e }) => e === "top" || e === "center" || e === "bottom" || typeof e == "number" && Number.isFinite(e) ? e : null, qn = ({ transform: e }) => {
+}, rr = ({ value: e }) => e === "left" || e === "center" || e === "right" || typeof e == "number" && Number.isFinite(e) ? e : null, ir = ({ value: e }) => e === "top" || e === "center" || e === "bottom" || typeof e == "number" && Number.isFinite(e) ? e : null, ar = ({ transform: e }) => {
 	let t = e?.action ?? "", n = typeof e?.corner == "string" ? e.corner : "", r = n === "tl" || n === "tr" || n === "bl" || n === "br", i = t === "scaleX" || n === "ml" || n === "mr", a = t === "scaleY" || n === "mt" || n === "mb", o = i || r, s = a || r;
 	return {
 		canScaleWidth: o,
@@ -4828,37 +5056,37 @@ var Rn = class e extends l {
 		isCornerScaleAction: r,
 		isVerticalOnlyScale: s && !o
 	};
-}, Jn = ({ event: e, group: t, transform: n, canvas: r }) => {
+}, or = ({ event: e, group: t, transform: n, canvas: r }) => {
 	if (!e) return null;
 	let i = t.canvas ?? r, a = i.getScenePoint(e), o = t.getRelativeCenterPoint(), s = t.translateToGivenOrigin(o, "center", "center", n.originX, n.originY), c = t.angle ?? 0, l = (c === 0 ? a : a.rotate(-c * Math.PI / 180, o)).subtract(s), u = t.controls[n.corner], d = i.getZoom() || 1, f = (t.padding ?? 0) / d;
 	return l.x >= f && (l.x -= f), l.x <= -f && (l.x += f), l.y >= f && (l.y -= f), l.y <= -f && (l.y += f), l.x -= u?.offsetX ?? 0, l.y -= u?.offsetY ?? 0, l;
-}, Yn = ({ group: e, originX: t, originY: n }) => {
+}, sr = ({ group: e, originX: t, originY: n }) => {
 	if (t === null || n === null) return null;
 	let r = e, i = typeof r.getRelativeCenterPoint == "function" ? r.getRelativeCenterPoint() : e.getCenterPoint();
 	return typeof r.translateToOriginPoint == "function" ? r.translateToOriginPoint(i, t, n) : i;
-}, Xn = ({ state: e, transform: t }) => {
+}, cr = ({ state: e, transform: t }) => {
 	if (!t || e.startTransformOriginX === null && e.startTransformOriginY === null) return !1;
-	let n = Gn({ value: t.originX }), r = Kn({ value: t.originY });
+	let n = rr({ value: t.originX }), r = ir({ value: t.originY });
 	return n !== e.startTransformOriginX || r !== e.startTransformOriginY;
-}, Zn = ({ state: e, transform: t }) => !t || !e.startTransformCorner ? !1 : t.corner !== e.startTransformCorner;
+}, lr = ({ state: e, transform: t }) => !t || !e.startTransformCorner ? !1 : t.corner !== e.startTransformCorner;
 //#endregion
 //#region src/editor/shape-manager/scaling/shape-scaling-preview.ts
-function Qn({ size: e, scale: t, strokeWidth: n, minSize: r, scaleEpsilon: i }) {
+function ur({ size: e, scale: t, strokeWidth: n, minSize: r, scaleEpsilon: i }) {
 	let a = Math.max(i, Math.abs(t) || 1), o = Math.max(0, n);
 	return o <= 0 ? Math.max(r, e / a) : Math.max(r, e / a + o - o / a);
 }
-function $n({ group: e, shape: t, width: n, height: r, scaleX: i, scaleY: a, minSize: o, scaleEpsilon: s }) {
+function dr({ group: e, shape: t, width: n, height: r, scaleX: i, scaleY: a, minSize: o, scaleEpsilon: s }) {
 	let c = Math.max(0, e.shapeStrokeWidth ?? 0);
 	xt({
 		shape: t,
-		width: Qn({
+		width: ur({
 			size: n,
 			scale: i,
 			strokeWidth: c,
 			minSize: o,
 			scaleEpsilon: s
 		}),
-		height: Qn({
+		height: ur({
 			size: r,
 			scale: a,
 			strokeWidth: c,
@@ -4869,54 +5097,45 @@ function $n({ group: e, shape: t, width: n, height: r, scaleX: i, scaleY: a, min
 		strokeWidth: c
 	});
 }
-function er({ text: e, width: t, height: n, padding: r, alignH: i, alignV: a, scaleX: o, scaleY: s, scaleEpsilon: c }) {
-	let l = Math.max(c, Math.abs(o) || 1), u = Math.max(c, Math.abs(s) || 1), d = i ?? "center", { frame: f, splitByGrapheme: p, textTop: m } = sn({
-		text: e,
-		width: t,
-		height: n,
-		alignV: a ?? "middle",
-		padding: r
-	});
+function fr({ text: e, layout: t, alignH: n, scaleX: r, scaleY: i, scaleEpsilon: a }) {
+	let o = Math.max(a, Math.abs(r) || 1), s = Math.max(a, Math.abs(i) || 1), c = n ?? "center";
 	e.set({
 		autoExpand: !1,
-		textAlign: d,
-		width: f.width,
-		splitByGrapheme: p,
-		left: f.left / l,
-		top: m / u,
+		textAlign: c,
+		width: t.frame.width,
+		splitByGrapheme: t.splitByGrapheme,
+		left: t.frame.left / o,
+		top: t.textTop / s,
 		originX: "left",
 		originY: "top",
-		scaleX: 1 / l,
-		scaleY: 1 / u
+		scaleX: 1 / o,
+		scaleY: 1 / s
 	}), e.initDimensions(), e.setCoords();
 }
-var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH: o, alignV: s, scaleX: c, scaleY: l, minSize: u, scaleEpsilon: d }) => {
-	let f = Math.max(d, Math.abs(c) || 1), p = Math.max(d, Math.abs(l) || 1);
+var pr = ({ group: e, shape: t, text: n, layout: r, alignH: i, scaleX: a, scaleY: o, minSize: s, scaleEpsilon: c }) => {
+	let l = Math.max(c, Math.abs(a) || 1), u = Math.max(c, Math.abs(o) || 1);
 	e.set({
-		width: r / f,
-		height: i / p,
+		width: r.width / l,
+		height: r.height / u,
 		dirty: !0
-	}), $n({
+	}), dr({
 		group: e,
 		shape: t,
-		width: r,
-		height: i,
-		scaleX: c,
-		scaleY: l,
-		minSize: u,
-		scaleEpsilon: d
-	}), er({
+		width: r.width,
+		height: r.height,
+		scaleX: a,
+		scaleY: o,
+		minSize: s,
+		scaleEpsilon: c
+	}), fr({
 		text: n,
-		width: r,
-		height: i,
-		padding: a,
-		alignH: o,
-		alignV: s,
-		scaleX: c,
-		scaleY: l,
-		scaleEpsilon: d
+		layout: r,
+		alignH: i,
+		scaleX: a,
+		scaleY: o,
+		scaleEpsilon: c
 	});
-}, X = 1, Z = 1e-4, nr = .5, rr = class e {
+}, X = 1, Z = 1e-4, mr = .5, hr = class e {
 	constructor({ canvas: t }) {
 		this.handleObjectScaling = (t) => {
 			let { target: n, transform: r } = t;
@@ -4927,117 +5146,132 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				lockScalingFlip: !0,
 				centeredScaling: !1
 			});
-			let s = e._resolveEffectivePadding({ group: i }), c = e._resolveScalingConstraintPadding({ group: i }), l = this._ensureScalingState({
+			let s = e._resolveScalingConstraintPadding({ group: i }), c = this._ensureScalingState({
 				group: i,
 				text: o,
-				constraintPadding: c,
+				constraintPadding: s,
 				transform: r
-			}), { isCornerScaleAction: u } = qn({ transform: r }), d = !!(t.e && "shiftKey" in t.e && t.e.shiftKey);
-			l.isProportionalScaling = u && d;
-			let f = i.left ?? 0, p = i.top ?? 0, m = !!i.flipX, h = !!i.flipY, g = i.shapeAlignHorizontal ?? "center", _ = i.shapeAlignVertical ?? "middle", v = this._resolveScalingDecision({
+			}), { isCornerScaleAction: l } = ar({ transform: r }), u = !!(t.e && "shiftKey" in t.e && t.e.shiftKey);
+			c.isProportionalScaling = l && u;
+			let d = i.left ?? 0, f = i.top ?? 0, p = !!i.flipX, m = !!i.flipY, h = i.shapeAlignHorizontal ?? "center", g = this._resolveScalingDecision({
 				group: i,
 				text: o,
-				constraintPadding: c,
-				state: l,
+				constraintPadding: s,
+				state: c,
 				transform: r
-			}), y = Math.abs(i.scaleX ?? 1) || 1, b = Math.abs(i.scaleY ?? 1) || 1;
-			(v.shouldHandleAsNoop || v.shouldRestoreLastAllowedTransform || Math.abs(v.appliedScaleX - y) > Z || Math.abs(v.appliedScaleY - b) > Z) && this._applyResolvedScalingState({
+			}), _ = this._resolvePreviewLayout({
 				group: i,
-				state: l,
-				shouldHandleAsNoop: v.shouldHandleAsNoop,
-				scaleX: v.appliedScaleX,
-				scaleY: v.appliedScaleY
-			}), tr({
+				text: o,
+				state: c,
+				appliedScaleX: g.appliedScaleX,
+				appliedScaleY: g.appliedScaleY,
+				minimumHeight: g.previewHeight
+			}), v = Math.abs(i.scaleX ?? 1) || 1, y = Math.abs(i.scaleY ?? 1) || 1;
+			(g.shouldHandleAsNoop || g.shouldRestoreLastAllowedTransform || Math.abs(g.appliedScaleX - v) > Z || Math.abs(g.appliedScaleY - y) > Z) && this._applyResolvedScalingState({
+				group: i,
+				state: c,
+				shouldHandleAsNoop: g.shouldHandleAsNoop,
+				scaleX: g.appliedScaleX,
+				scaleY: g.appliedScaleY
+			}), pr({
 				group: i,
 				shape: a,
 				text: o,
-				width: v.previewWidth,
-				height: v.previewHeight,
-				padding: s,
-				alignH: g,
-				alignV: _,
-				scaleX: v.appliedScaleX,
-				scaleY: v.appliedScaleY,
+				layout: _,
+				alignH: h,
+				scaleX: g.appliedScaleX,
+				scaleY: g.appliedScaleY,
 				minSize: X,
 				scaleEpsilon: Z
 			}), this._restoreScalingAnchorPosition({
 				group: i,
-				state: l
-			}), !v.shouldHandleAsNoop && !v.shouldRestoreLastAllowedTransform && this._storeLastAllowedTransform({
+				state: c
+			}), !g.shouldHandleAsNoop && !g.shouldRestoreLastAllowedTransform && this._storeLastAllowedTransform({
 				group: i,
-				state: l,
+				state: c,
 				scaleX: i.scaleX ?? 1,
 				scaleY: i.scaleY ?? 1,
-				currentLeft: f,
-				currentTop: p,
-				currentFlipX: m,
-				currentFlipY: h
+				currentLeft: d,
+				currentTop: f,
+				currentFlipX: p,
+				currentFlipY: m
 			}), this.canvas.requestRenderAll();
 		}, this.handleCanvasMouseMove = (t) => {
 			let n = this.canvas._currentTransform;
 			if (!n) return;
 			let { target: r } = n;
 			if (!J(r)) return;
-			let { canScaleHeight: i, canScaleWidth: a } = qn({ transform: n });
+			let { canScaleHeight: i, canScaleWidth: a } = ar({ transform: n });
 			if (!a && !i) return;
 			let o = r, s = this.scalingState.get(o);
 			if (!s || s.isProportionalScaling) return;
 			let { shape: c, text: l } = Y({ group: o });
 			if (!c || !l) return;
-			let u = e._resolveEffectivePadding({ group: o }), d = e._resolveScalingConstraintPadding({ group: o }), f = o.shapeAlignHorizontal ?? "center", p = o.shapeAlignVertical ?? "middle", m = Math.abs(o.scaleX ?? s.lastAllowedScaleX ?? 1) || 1, h = Math.abs(o.scaleY ?? s.lastAllowedScaleY ?? 1) || 1, g = {
+			let u = e._resolveScalingConstraintPadding({ group: o }), d = o.shapeAlignHorizontal ?? "center", f = Math.abs(o.scaleX ?? s.lastAllowedScaleX ?? 1) || 1, p = Math.abs(o.scaleY ?? s.lastAllowedScaleY ?? 1) || 1, m = {
 				...t,
 				transform: n
-			}, _ = m, v = h, y = null, b = !1, x = !1;
+			}, h = f, g = p, _ = null, v = !1, y = !1;
 			if (a && this._hasPointerReachedScaleOrigin({
-				event: g,
+				event: m,
 				group: o,
 				axis: "x"
 			})) {
-				let e = on({
+				let t = fn({
 					text: l,
-					padding: d
-				}), t = Math.max(X / s.startWidth, e / s.startWidth);
-				s.lastAllowedScaleX > t + Z && (_ = t, b = !0, x = !0);
+					padding: u,
+					resolvePaddingForWidth: ({ width: t }) => e._resolveScalingConstraintPadding({
+						group: o,
+						width: t,
+						height: Math.max(X, s.startHeight * g)
+					})
+				}), n = Math.max(X / s.startWidth, t / s.startWidth);
+				s.lastAllowedScaleX > n + Z && (h = n, v = !0, y = !0);
 			}
 			if (i && this._hasPointerReachedScaleOrigin({
-				event: g,
+				event: m,
 				group: o,
 				axis: "y"
 			})) {
-				y = this._resolveMinimumTextFitHeight({
+				_ = this._resolveMinimumTextFitHeight({
+					group: o,
 					text: l,
-					width: Math.max(X, s.startWidth * _),
-					padding: d
+					width: Math.max(X, s.startWidth * h),
+					padding: u
 				});
-				let e = Math.max(X / s.startHeight, y / s.startHeight);
-				s.lastAllowedScaleY > e + Z && (v = e, x = !0);
+				let e = Math.max(X / s.startHeight, _ / s.startHeight);
+				s.lastAllowedScaleY > e + Z && (g = e, y = !0);
 			}
-			if (!x) return;
-			let S = this._resolvePreviewDimensions({
+			if (!y) return;
+			let b = this._resolvePreviewDimensions({
+				group: o,
+				text: l,
+				constraintPadding: u,
+				state: s,
+				appliedScaleX: h,
+				appliedScaleY: g,
+				minimumHeight: v ? null : _
+			}), x = this._resolvePreviewLayout({
+				group: o,
 				text: l,
-				constraintPadding: d,
 				state: s,
-				appliedScaleX: _,
-				appliedScaleY: v,
-				minimumHeight: b ? null : y
+				appliedScaleX: h,
+				appliedScaleY: g,
+				minimumHeight: b.previewHeight
 			});
 			this._applyResolvedScalingState({
 				group: o,
 				state: s,
 				shouldHandleAsNoop: !1,
-				scaleX: _,
-				scaleY: v
-			}), tr({
+				scaleX: h,
+				scaleY: g
+			}), pr({
 				group: o,
 				shape: c,
 				text: l,
-				width: S.previewWidth,
-				height: S.previewHeight,
-				padding: u,
-				alignH: f,
-				alignV: p,
-				scaleX: _,
-				scaleY: v,
+				layout: x,
+				alignH: d,
+				scaleX: h,
+				scaleY: g,
 				minSize: X,
 				scaleEpsilon: Z
 			}), this._restoreScalingAnchorPosition({
@@ -5046,8 +5280,8 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			}), this._storeLastAllowedTransform({
 				group: o,
 				state: s,
-				scaleX: _,
-				scaleY: v,
+				scaleX: h,
+				scaleY: g,
 				currentLeft: s.lastAllowedLeft,
 				currentTop: s.lastAllowedTop,
 				currentFlipX: s.lastAllowedFlipX,
@@ -5074,20 +5308,26 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				this.scalingState.delete(r);
 				return;
 			}
-			let p = r.shapeAlignHorizontal ?? "center", m = r.shapeAlignVertical ?? "middle", h = e._resolveScalingConstraintPadding({ group: r }), g = t.transform ? qn({ transform: t.transform }) : null, _ = i?.canScaleWidth ?? g?.canScaleWidth ?? Math.abs(a - 1) > Z, v = i?.canScaleHeight ?? g?.canScaleHeight ?? Math.abs(o - 1) > Z, y = on({
+			let p = r.shapeAlignHorizontal ?? "center", m = r.shapeAlignVertical ?? "middle", h = e._resolveScalingConstraintPadding({ group: r }), g = t.transform ? ar({ transform: t.transform }) : null, _ = i?.canScaleWidth ?? g?.canScaleWidth ?? Math.abs(a - 1) > Z, v = i?.canScaleHeight ?? g?.canScaleHeight ?? Math.abs(o - 1) > Z, y = i?.lastAllowedScaleX ?? a, b = i?.lastAllowedScaleY ?? o, x = fn({
 				text: f,
-				padding: h
-			}), b = i?.lastAllowedScaleX ?? a, x = i?.lastAllowedScaleY ?? o;
+				padding: h,
+				resolvePaddingForWidth: ({ width: t }) => e._resolveScalingConstraintPadding({
+					group: r,
+					width: t,
+					height: Math.max(X, c * b)
+				})
+			});
 			if (!i?.isProportionalScaling) {
 				this._shouldClampWidthToMinimum({
 					event: t,
 					group: r,
-					minimumWidth: y,
+					minimumWidth: x,
 					state: i
-				}) && (b = Math.max(X / s, y / s));
+				}) && (y = Math.max(X / s, x / s));
 				let e = this._resolveMinimumTextFitHeight({
+					group: r,
 					text: f,
-					width: Math.max(X, s * b),
+					width: Math.max(X, s * y),
 					padding: h
 				});
 				this._shouldClampHeightToMinimum({
@@ -5095,9 +5335,9 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 					group: r,
 					minimumHeight: e,
 					state: i
-				}) && (x = Math.max(X / c, e / c));
+				}) && (b = Math.max(X / c, e / c));
 			}
-			let S = _ ? Math.max(X, s * b) : s, C = v ? Math.max(X, c * x) : u, w = Math.abs(S - s) > nr, T = Math.abs(C - c) > nr, E = w || T, D = S, O = C;
+			let S = _ ? Math.max(X, s * y) : s, C = v ? Math.max(X, c * b) : u, w = Math.abs(S - s) > mr, T = Math.abs(C - c) > mr, E = w || T, D = S, O = C;
 			if (!E && i) {
 				this._restoreShapeStateWithoutResize({
 					group: r,
@@ -5126,7 +5366,13 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			});
 			r.shapeManualBaseWidth = k.width, r.shapeManualBaseHeight = k.height;
 			let A = i?.baseRounding ?? Math.max(0, r.shapeRounding ?? 0);
-			r.shapeRounding = Math.max(0, A * Math.min(b, x)), rn({
+			r.shapeRounding = Math.max(0, A * Math.min(y, b));
+			let j = e._resolveUserPadding({ group: r }), M = e._resolveInternalShapeTextInset({
+				group: r,
+				width: D,
+				height: O
+			});
+			ln({
 				group: r,
 				shape: d,
 				text: f,
@@ -5134,11 +5380,13 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				height: O,
 				alignH: p,
 				alignV: m,
-				padding: e._resolveUserPadding({ group: r }),
-				internalShapeTextInset: e._resolveInternalShapeTextInset({
+				padding: j,
+				shapeTextAutoExpandEnabled: r.shapeTextAutoExpand !== !1,
+				internalShapeTextInset: M,
+				resolveInternalShapeTextInset: ({ width: t, height: n }) => e._resolveInternalShapeTextInset({
 					group: r,
-					width: D,
-					height: O
+					width: t,
+					height: n
 				})
 			}), r.shapeReplaceBoxWidth = Math.max(1, r.shapeBaseWidth ?? D), r.shapeReplaceBoxHeight = Math.max(1, r.shapeBaseHeight ?? O), f.set({
 				scaleX: 1,
@@ -5153,15 +5401,16 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}, this.canvas = t, this.scalingState = /* @__PURE__ */ new WeakMap();
 	}
 	_resolveScalingDecision({ group: e, text: t, constraintPadding: n, state: r, transform: i }) {
-		let a = e.scaleX ?? 1, o = e.scaleY ?? 1, s = Math.abs(a) || 1, c = Math.abs(o) || 1, l = a < 0 || o < 0, u = Xn({
+		let a = e.scaleX ?? 1, o = e.scaleY ?? 1, s = Math.abs(a) || 1, c = Math.abs(o) || 1, l = a < 0 || o < 0, u = cr({
 			state: r,
 			transform: i
-		}), d = Zn({
+		}), d = lr({
 			state: r,
 			transform: i
 		});
 		(l || u || d) && (r.crossedOppositeCorner = !0);
 		let f = this._resolveScalingConstraintState({
+			group: e,
 			text: t,
 			constraintPadding: n,
 			state: r,
@@ -5171,6 +5420,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}), p = Math.abs(e.scaleX ?? 1) || 1, m = Math.abs(e.scaleY ?? 1) || 1, h = f.clampedScaleX ?? p, g = f.clampedScaleY ?? m;
 		f.shouldRestoreLastAllowedTransform && (h = r.lastAllowedScaleX, g = r.lastAllowedScaleY), f.shouldHandleAsNoop && (h = r.startScaleX, g = r.startScaleY);
 		let _ = !f.shouldHandleAsNoop && !f.shouldRestoreLastAllowedTransform && f.clampedScaleX === null, v = this._resolvePreviewDimensions({
+			group: e,
 			text: t,
 			constraintPadding: n,
 			state: r,
@@ -5187,37 +5437,63 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			shouldRestoreLastAllowedTransform: f.shouldRestoreLastAllowedTransform
 		};
 	}
-	_resolveScalingConstraintState({ text: e, constraintPadding: t, state: n, transform: r, scaleX: i, scaleY: a }) {
-		let { startHeight: o, startWidth: s, cannotScaleDownAtStart: c, crossedOppositeCorner: l, isProportionalScaling: u, lastAllowedScaleX: d, lastAllowedScaleY: f, startScaleY: p } = n, m = Math.max(X, s * i), h = Math.max(X, o * a), g = i < d - Z, _ = a < f - Z, v = a < p - Z, { canScaleHeight: y, canScaleWidth: b, isVerticalOnlyScale: x } = qn({ transform: r }), S = b && g ? on({
-			text: e,
-			padding: t
-		}) : null, C = y && _ ? this._resolveMinimumTextFitHeight({
-			text: e,
-			width: m,
-			padding: t
-		}) : null, w = x && c && v, T = S !== null && m < S + Z, E = C !== null && h < C + Z, D = l || u && (T || E), O = null;
-		!u && S !== null && m < S + Z && (O = Math.max(X / s, S / s));
-		let k = null;
-		return !u && C !== null && h < C + Z && (k = Math.max(X / o, C / o)), {
-			shouldHandleAsNoop: w,
-			shouldRestoreLastAllowedTransform: D,
-			clampedScaleX: O,
-			clampedScaleY: k,
-			resolvedMinimumHeight: C
+	_resolveScalingConstraintState({ group: t, text: n, constraintPadding: r, state: i, transform: a, scaleX: o, scaleY: s }) {
+		let { startHeight: c, startWidth: l, cannotScaleDownAtStart: u, crossedOppositeCorner: d, isProportionalScaling: f, lastAllowedScaleX: p, lastAllowedScaleY: m, startScaleY: h } = i, g = Math.max(X, l * o), _ = Math.max(X, c * s), v = o < p - Z, y = s < m - Z, b = s < h - Z, { canScaleHeight: x, canScaleWidth: S, isVerticalOnlyScale: C } = ar({ transform: a }), w = S && v ? fn({
+			text: n,
+			padding: r,
+			resolvePaddingForWidth: ({ width: n }) => e._resolveScalingConstraintPadding({
+				group: t,
+				width: n,
+				height: _
+			})
+		}) : null, T = x && y ? this._resolveMinimumTextFitHeight({
+			group: t,
+			text: n,
+			width: g,
+			padding: r
+		}) : null, E = C && u && b, D = w !== null && g < w + Z, O = T !== null && _ < T + Z, k = d || f && (D || O), A = null;
+		!f && w !== null && g < w + Z && (A = Math.max(X / l, w / l));
+		let j = null;
+		return !f && T !== null && _ < T + Z && (j = Math.max(X / c, T / c)), {
+			shouldHandleAsNoop: E,
+			shouldRestoreLastAllowedTransform: k,
+			clampedScaleX: A,
+			clampedScaleY: j,
+			resolvedMinimumHeight: T
 		};
 	}
-	_resolvePreviewDimensions({ text: e, constraintPadding: t, state: n, appliedScaleX: r, appliedScaleY: i, minimumHeight: a }) {
-		let o = n.canScaleWidth ? Math.max(X, n.startWidth * r) : n.startWidth, s = n.canScaleHeight ? Math.max(X, n.startHeight * i) : n.startManualBaseHeight, c = a ?? cn({
-			text: e,
-			width: o,
-			height: s,
-			padding: t
+	_resolvePreviewDimensions({ group: t, text: n, constraintPadding: r, state: i, appliedScaleX: a, appliedScaleY: o, minimumHeight: s }) {
+		let c = i.canScaleWidth ? Math.max(X, i.startWidth * a) : i.startWidth, l = i.canScaleHeight ? Math.max(X, i.startHeight * o) : i.startManualBaseHeight, u = s ?? mn({
+			text: n,
+			width: c,
+			height: l,
+			padding: r,
+			resolvePaddingForSize: ({ width: n, height: r }) => e._resolveScalingConstraintPadding({
+				group: t,
+				width: n,
+				height: r
+			})
 		});
 		return {
-			previewWidth: o,
-			previewHeight: Math.max(s, c)
+			previewWidth: c,
+			previewHeight: Math.max(l, u)
 		};
 	}
+	_resolvePreviewLayout({ group: t, text: n, state: r, appliedScaleX: i, appliedScaleY: a, minimumHeight: o }) {
+		let s = r.canScaleWidth ? Math.max(X, r.startWidth * i) : r.startWidth, c = r.canScaleHeight ? Math.max(X, r.startHeight * a) : r.startManualBaseHeight;
+		return cn({
+			text: n,
+			width: s,
+			height: o == null ? c : Math.max(c, o),
+			alignV: t.shapeAlignVertical ?? "middle",
+			padding: e._resolveUserPadding({ group: t }),
+			resolveInternalShapeTextInset: ({ width: n, height: r }) => e._resolveInternalShapeTextInset({
+				group: t,
+				width: n,
+				height: r
+			})
+		});
+	}
 	_applyResolvedScalingState({ group: e, state: t, shouldHandleAsNoop: n, scaleX: r, scaleY: i }) {
 		t.blockedScaleAttempt = n, e.shapeScalingNoopTransform = n;
 		let a = n ? t.startScaleX : r, o = n ? t.startScaleY : i, s = n ? t.startLeft : t.lastAllowedLeft, c = n ? t.startTop : t.lastAllowedTop;
@@ -5240,7 +5516,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!r) return !1;
 		let { transform: i } = e;
 		if (!i) return !1;
-		let { canScaleWidth: a } = qn({ transform: i });
+		let { canScaleWidth: a } = ar({ transform: i });
 		if (!a || !this._hasPointerReachedScaleOrigin({
 			event: e,
 			group: t,
@@ -5253,7 +5529,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!r) return !1;
 		let { transform: i } = e;
 		if (!i) return !1;
-		let { canScaleHeight: a } = qn({ transform: i });
+		let { canScaleHeight: a } = ar({ transform: i });
 		if (!a || !this._hasPointerReachedScaleOrigin({
 			event: e,
 			group: t,
@@ -5267,7 +5543,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (!r) return !1;
 		let i = r, a = n === "x" ? i.signX : i.signY;
 		if (typeof a != "number" || !Number.isFinite(a)) return !1;
-		let o = Jn({
+		let o = or({
 			event: e.e,
 			group: t,
 			transform: r,
@@ -5284,23 +5560,24 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			let a = this._resolveScalingStartDimensions({
 				group: e,
 				transform: r
-			}), o = Wn({
+			}), o = nr({
 				transform: r,
 				key: "scaleX"
-			}), s = Wn({
+			}), s = nr({
 				transform: r,
 				key: "scaleY"
-			}), c = Wn({
+			}), c = nr({
 				transform: r,
 				key: "left"
-			}), l = Wn({
+			}), l = nr({
 				transform: r,
 				key: "top"
-			}), u = Math.abs(o ?? e.scaleX ?? 1) || 1, d = Math.abs(s ?? e.scaleY ?? 1) || 1, f = c ?? e.left ?? 0, p = l ?? e.top ?? 0, m = Gn({ value: r?.original?.originX ?? r?.originX }), h = Kn({ value: r?.original?.originY ?? r?.originY }), g = typeof r?.corner == "string" ? r.corner : null, _ = Yn({
+			}), u = Math.abs(o ?? e.scaleX ?? 1) || 1, d = Math.abs(s ?? e.scaleY ?? 1) || 1, f = c ?? e.left ?? 0, p = l ?? e.top ?? 0, m = rr({ value: r?.original?.originX ?? r?.originX }), h = ir({ value: r?.original?.originY ?? r?.originY }), g = typeof r?.corner == "string" ? r.corner : null, _ = sr({
 				group: e,
 				originX: m,
 				originY: h
 			}), v = this._resolveMinimumTextFitHeight({
+				group: e,
 				text: t,
 				width: a.startWidth,
 				padding: n
@@ -5338,12 +5615,17 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}
 		return i;
 	}
-	_resolveMinimumTextFitHeight({ text: e, width: t, padding: n }) {
-		return cn({
-			text: e,
-			width: t,
+	_resolveMinimumTextFitHeight({ group: t, text: n, width: r, padding: i }) {
+		return mn({
+			text: n,
+			width: r,
 			height: X,
-			padding: n
+			padding: i,
+			resolvePaddingForSize: ({ width: n, height: r }) => e._resolveScalingConstraintPadding({
+				group: t,
+				width: n,
+				height: r
+			})
 		});
 	}
 	static _resolveUserPadding({ group: e }) {
@@ -5366,23 +5648,12 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			strokeWidth: e.shapeStrokeWidth
 		});
 	}
-	static _resolveEffectivePadding({ group: t }) {
-		let n = Math.max(X, t.shapeBaseWidth ?? t.width ?? t.shapeManualBaseWidth ?? X), r = Math.max(X, t.shapeBaseHeight ?? t.height ?? t.shapeManualBaseHeight ?? X), i = e._resolveUserPadding({ group: t });
-		return Ht({
-			base: e._resolveInternalShapeTextInset({
-				group: t,
-				width: n,
-				height: r
-			}),
-			addition: i
-		});
-	}
-	static _resolveScalingConstraintPadding({ group: t }) {
-		let n = Math.max(X, t.shapeBaseWidth ?? t.width ?? t.shapeManualBaseWidth ?? X), r = Math.max(X, t.shapeBaseHeight ?? t.height ?? t.shapeManualBaseHeight ?? X);
+	static _resolveScalingConstraintPadding({ group: t, width: n, height: r }) {
+		let i = Math.max(X, n ?? t.shapeBaseWidth ?? t.width ?? t.shapeManualBaseWidth ?? X), a = Math.max(X, r ?? t.shapeBaseHeight ?? t.height ?? t.shapeManualBaseHeight ?? X);
 		return e._resolveInternalShapeTextInset({
 			group: t,
-			width: n,
-			height: r
+			width: i,
+			height: a
 		});
 	}
 	_restoreScalingAnchorPosition({ group: e, state: t }) {
@@ -5395,7 +5666,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	}
 	_restoreShapeStateWithoutResize({ group: t, shape: n, text: r, state: i, startWidth: a, startHeight: o, alignH: s, alignV: c, userPadding: l }) {
 		let u = Math.max(X, t.shapeBaseWidth ?? t.width ?? a), d = Math.max(X, t.shapeBaseHeight ?? t.height ?? o);
-		rn({
+		ln({
 			group: t,
 			shape: n,
 			text: r,
@@ -5408,6 +5679,11 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				group: t,
 				width: u,
 				height: d
+			}),
+			resolveInternalShapeTextInset: ({ width: n, height: r }) => e._resolveInternalShapeTextInset({
+				group: t,
+				width: n,
+				height: r
 			})
 		}), t.shapeReplaceBoxWidth = Math.max(1, t.shapeBaseWidth ?? u), t.shapeReplaceBoxHeight = Math.max(1, t.shapeBaseHeight ?? d), t.set({
 			left: i.lastAllowedLeft,
@@ -5447,7 +5723,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		});
 	}
 	_resolveScalingStartDimensions({ group: e, transform: t }) {
-		let { canScaleWidth: n, canScaleHeight: r } = qn({ transform: t }), i = Math.max(X, e.shapeBaseWidth ?? e.width ?? e.shapeManualBaseWidth ?? X), a = Math.max(X, e.shapeBaseHeight ?? e.height ?? e.shapeManualBaseHeight ?? X);
+		let { canScaleWidth: n, canScaleHeight: r } = ar({ transform: t }), i = Math.max(X, e.shapeBaseWidth ?? e.width ?? e.shapeManualBaseWidth ?? X), a = Math.max(X, e.shapeBaseHeight ?? e.height ?? e.shapeManualBaseHeight ?? X);
 		return {
 			startWidth: i,
 			startHeight: a,
@@ -5466,10 +5742,10 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			height: s
 		};
 	}
-}, ir = class {
+}, gr = class {
 	constructor({ canvas: e }) {
 		this.handleMouseDown = (e) => {
-			let { target: t, e: n, subTargets: r = [] } = e, i = Bn({
+			let { target: t, e: n, subTargets: r = [] } = e, i = Qn({
 				target: t,
 				subTargets: r
 			});
@@ -5479,7 +5755,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			let o = this.canvas.getActiveObject(), s = o === i;
 			if (!(o === a && a.isEditing)) {
 				if (!s) {
-					a.isEditing || En({ text: a });
+					a.isEditing || Rn({ text: a });
 					return;
 				}
 				n instanceof MouseEvent && (n.detail < 2 || this.enterTextEditing({ group: i }));
@@ -5499,14 +5775,14 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			J(r) && (this._restoreTextEditingInteractionMode({
 				group: r,
 				text: n
-			}), En({ text: n }), this.canvas.getActiveObject() === n && this.canvas.setActiveObject(r), this.canvas.requestRenderAll());
+			}), Rn({ text: n }), this.canvas.getActiveObject() === n && this.canvas.setActiveObject(r), this.canvas.requestRenderAll());
 		}, this.canvas = e, this.editingInteractionState = /* @__PURE__ */ new WeakMap();
 	}
 	enterTextEditing({ group: e }) {
 		let { text: t } = Y({ group: e });
 		if (t) {
 			if (e.locked || t.locked) {
-				En({ text: t }), this.canvas.requestRenderAll();
+				Rn({ text: t }), this.canvas.requestRenderAll();
 				return;
 			}
 			this._enterTextEditingInteractionMode({
@@ -5556,7 +5832,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			lockMovementY: n.textLockMovementY
 		}), this.editingInteractionState.delete(e), e.setCoords(), t.setCoords());
 	}
-}, ar = class e {
+}, _r = class e {
 	constructor({ canvas: e }) {
 		this.canvas = e, this.textEditingSnapshots = /* @__PURE__ */ new WeakMap(), this.pendingTextUpdates = /* @__PURE__ */ new WeakMap(), this.resizeStartSnapshots = /* @__PURE__ */ new Map(), this.pendingResizeUpdates = /* @__PURE__ */ new WeakMap();
 	}
@@ -5752,7 +6028,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			}
 		}), I;
 	}
-}, or = "#B4B7BD", sr = 0, cr = 1, lr = class {
+}, vr = "#B4B7BD", yr = 0, br = 1, xr = class {
 	constructor({ editor: e }) {
 		this._handleObjectScaling = (e) => {
 			let t = e.target && J(e.target) ? e.target : null;
@@ -5817,7 +6093,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			if (!(t instanceof _)) return;
 			let n = t;
 			this.lifecycleController.finishTextUpdate({ textNode: n });
-		}, this.editor = e, zn(), this.scalingController = new rr({ canvas: e.canvas }), this.editingController = new ir({ canvas: e.canvas }), this.editingPlacements = /* @__PURE__ */ new WeakMap(), this.lifecycleController = new ar({ canvas: e.canvas }), this.internalTextUpdates = /* @__PURE__ */ new WeakSet(), this._bindEvents();
+		}, this.editor = e, Zn(), this.scalingController = new hr({ canvas: e.canvas }), this.editingController = new gr({ canvas: e.canvas }), this.editingPlacements = /* @__PURE__ */ new WeakMap(), this.lifecycleController = new _r({ canvas: e.canvas }), this.internalTextUpdates = /* @__PURE__ */ new WeakSet(), this._bindEvents();
 	}
 	async add({ presetKey: e = ot, options: t = {} } = {}) {
 		let n = dt({ presetKey: e });
@@ -5831,7 +6107,15 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}), T = p ?? "middle", E = this._resolveShapeStyle({
 			options: t,
 			fallback: null
-		}), O = zt({ padding: m }), k = Ut({
+		}), O = zt({ padding: m }), k = ({ width: e, height: t }) => Ut({
+			baseInset: mt({
+				preset: b,
+				width: e,
+				height: t
+			}),
+			stroke: E.stroke,
+			strokeWidth: E.strokeWidth
+		}), A = Ut({
 			baseInset: mt({
 				preset: b,
 				width: x,
@@ -5839,34 +6123,41 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			}),
 			stroke: E.stroke,
 			strokeWidth: E.strokeWidth
-		}), A = Ht({
-			base: k,
+		}), j = Ht({
+			base: A,
 			addition: O
-		}), j = Wt({ padding: m }), M = this._createTextNode({
+		}), M = Wt({ padding: m }), N = this._createTextNode({
 			text: u,
 			textStyle: d,
 			width: x,
 			align: w,
 			opacity: E.opacity
-		}), N = this._resolveShapeLayoutWidth({
-			text: M,
+		}), P = this._resolveShapeLayoutWidth({
+			text: N,
 			currentWidth: x,
 			manualWidth: x,
 			shapeTextAutoExpandEnabled: C,
-			padding: A
-		}), P = await Pt({
+			padding: j,
+			resolvePaddingForWidth: ({ width: e }) => Ht({
+				base: k({
+					width: e,
+					height: S
+				}),
+				addition: O
+			})
+		}), F = await Pt({
 			preset: b,
-			width: N,
+			width: P,
 			height: S,
 			style: E,
 			rounding: h
-		}), F = this._createShapeGroup({
+		}), I = this._createShapeGroup({
 			id: y ?? `shape-${D()}`,
 			presetKey: b.key,
 			presetCanRound: gt({ preset: b }),
-			shape: P,
-			text: M,
-			width: N,
+			shape: F,
+			text: N,
+			width: P,
 			height: S,
 			manualWidth: x,
 			manualHeight: S,
@@ -5874,19 +6165,19 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			alignH: w,
 			alignV: T,
 			padding: O,
-			internalShapeTextInset: k,
-			changedPadding: j,
+			internalShapeTextInset: A,
+			changedPadding: M,
 			style: E,
 			rounding: h
-		}), I = {
-			shape: F,
+		}), L = {
+			shape: I,
 			presetKey: b.key,
 			options: t
 		};
-		if (o === void 0 && s === void 0) this.editor.canvasManager.centerObjectToMontageArea({ object: F });
+		if (o === void 0 && s === void 0) this.editor.canvasManager.centerObjectToMontageArea({ object: I });
 		else {
 			let e = this.editor.canvasManager.resolveObjectPlacement({
-				object: F,
+				object: I,
 				left: o,
 				top: s,
 				originX: c,
@@ -5894,18 +6185,18 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 				fallbackPoint: this.editor.canvasManager.getMontageAreaSceneCenter()
 			});
 			this.editor.canvasManager.applyObjectPlacement({
-				object: F,
+				object: I,
 				placement: e
 			});
 		}
-		if (g) return this.editor.canvas.fire("editor:shape-added", I), F;
+		if (g) return this.editor.canvas.fire("editor:shape-added", L), I;
 		this._beginMutation();
 		try {
-			this.editor.canvas.add(F), _ || this.editor.canvas.setActiveObject(F), this.editor.canvas.requestRenderAll();
+			this.editor.canvas.add(I), _ || this.editor.canvas.setActiveObject(I), this.editor.canvas.requestRenderAll();
 		} finally {
 			this._endMutation({ withoutSave: v });
 		}
-		return this.editor.canvas.fire("editor:shape-added", I), F;
+		return this.editor.canvas.fire("editor:shape-added", L), I;
 	}
 	async update({ target: e, presetKey: t, options: n = {} } = {}) {
 		let r = this._resolveShapeGroup({ target: e });
@@ -5921,46 +6212,49 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}), S = this._resolveCurrentDimensions({ group: r }), C = this._resolveManualDimensions({ group: r }), w = this._resolveReplaceBoxDimensions({ group: r }), T = this._isShapeTextAutoExpandEnabled({ group: r }), E = f === void 0 ? T : f !== !1, D = v ?? r.shapeRounding ?? 0, O = dt({ presetKey: ft({
 			preset: i,
 			rounding: D
-		}) }) ?? i, { width: k, height: A } = O, j = !!d, M = t !== void 0, N = M && !j ? {
+		}) }) ?? i, { width: k, height: A } = O, j = !!d, M = t !== void 0, N = M && !j, P = N ? {
 			width: Math.max(1, l ?? w.width),
 			height: Math.max(1, u ?? w.height)
-		} : null, { width: P, height: F } = N ? this._resolveAspectRatioFittedDimensions({
-			targetWidth: N.width,
-			targetHeight: N.height,
+		} : null, { width: F, height: I } = P ? this._resolveAspectRatioFittedDimensions({
+			targetWidth: P.width,
+			targetHeight: P.height,
 			aspectWidth: k,
 			aspectHeight: A
 		}) : {
 			width: Math.max(1, l ?? S.width),
 			height: Math.max(1, u ?? S.height)
-		}, I = h ?? r.shapeAlignHorizontal ?? "center", ee = g ?? r.shapeAlignVertical ?? "middle", te = this._resolveGroupUserPadding({ group: r }), L = Wt({ padding: _ }), ne = Vt({
-			base: te,
+		}, L = h ?? r.shapeAlignHorizontal ?? "center", ee = g ?? r.shapeAlignVertical ?? "middle", R = this._resolveGroupUserPadding({ group: r }), te = Wt({ padding: _ }), ne = Vt({
+			base: R,
 			override: _
-		}), re = this._resolveShapeStyle({
+		}), z = this._resolveShapeStyle({
 			options: n,
 			fallback: r
-		}), R = Ut({
+		}), re = ({ width: e, height: t }) => Ut({
 			baseInset: mt({
 				preset: O,
-				width: P,
-				height: F
+				width: e,
+				height: t
+			}),
+			stroke: z.stroke,
+			strokeWidth: z.strokeWidth
+		}), B = Ht({
+			base: re({
+				width: F,
+				height: I
 			}),
-			stroke: re.stroke,
-			strokeWidth: re.strokeWidth
-		}), ie = Ht({
-			base: R,
 			addition: ne
-		}), z = C.width, B = C.height;
-		M && (z = P, B = F), !M && l !== void 0 && (z = Math.max(1, l)), !M && u !== void 0 && (B = Math.max(1, u)), !M && l === void 0 && T && !E && (z = S.width);
-		let { shape: V, text: H } = Y({ group: r });
-		if (!V || !H) return null;
-		let U = this.lifecycleController.createContext({
+		}), V = C.width, H = C.height;
+		M && (V = F, H = I), !M && l !== void 0 && (V = Math.max(1, l)), !M && u !== void 0 && (H = Math.max(1, u)), !M && l === void 0 && T && !E && (V = S.width);
+		let { shape: ie, text: U } = Y({ group: r });
+		if (!ie || !U) return null;
+		let ae = this.lifecycleController.createContext({
 			group: r,
 			source: "update",
 			target: e,
 			presetKey: O.key,
 			options: n,
 			withoutSave: b
-		}), ae = {
+		}), oe = {
 			angle: 0,
 			skewX: 0,
 			skewY: 0,
@@ -5973,77 +6267,91 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			top: 0,
 			originX: "left",
 			originY: "top"
-		}, oe = H, se = this._createTextNode({
-			text: oe.textCaseRaw ?? H.text ?? "",
-			textStyle: this._resolveCurrentTextStyle({ textNode: H }),
-			width: Math.max(1, H.width ?? S.width),
-			align: I
+		}, se = U, ce = this._createTextNode({
+			text: se.textCaseRaw ?? U.text ?? "",
+			textStyle: this._resolveCurrentTextStyle({ textNode: U }),
+			width: Math.max(1, U.width ?? S.width),
+			align: L
 		});
-		se.set(ae), this._applyTextUpdates({
-			textNode: se,
+		ce.set(oe), this._applyTextUpdates({
+			textNode: ce,
 			text: p,
 			textStyle: m,
-			align: I
+			align: L
 		});
-		let ce = l === void 0 && u === void 0 && t === void 0 && f === void 0 && v === void 0 && p === void 0 && !this._hasShapeTextSizeAffectingStyleChanges({ textStyle: m }), le = _ !== void 0 && ce, ue = ce ? S.width : this._resolveShapeLayoutWidth({
-			text: se,
-			currentWidth: P,
-			manualWidth: z,
+		let le = l === void 0 && u === void 0 && t === void 0 && f === void 0 && v === void 0 && p === void 0 && !this._hasShapeTextSizeAffectingStyleChanges({ textStyle: m }), ue = _ !== void 0 && le, de = F, fe = I;
+		le ? (de = S.width, fe = S.height) : N || (de = this._resolveShapeLayoutWidth({
+			text: ce,
+			currentWidth: F,
+			manualWidth: V,
 			shapeTextAutoExpandEnabled: E,
-			padding: ie
-		}), de = await Pt({
+			padding: B,
+			resolvePaddingForWidth: ({ width: e }) => Ht({
+				base: re({
+					width: e,
+					height: I
+				}),
+				addition: ne
+			})
+		}));
+		let pe = re({
+			width: de,
+			height: fe
+		}), me = await Pt({
 			preset: O,
-			width: ue,
-			height: F,
-			style: re,
+			width: de,
+			height: fe,
+			style: z,
 			rounding: D
-		}), fe = r.getObjects().indexOf(V);
-		if (fe < 0) return null;
-		let pe = () => {
-			this._detachShapeGroupAutoLayout({ group: r }), H.set(ae), this._applyTextUpdates({
-				textNode: H,
+		}), he = r.getObjects().indexOf(ie);
+		if (he < 0) return null;
+		let ge = () => {
+			this._detachShapeGroupAutoLayout({ group: r }), U.set(oe), this._applyTextUpdates({
+				textNode: U,
 				text: p,
 				textStyle: m,
-				align: I
-			}), r.remove(V), r.insertAt(fe, de), this._applyShapeGroupMetadata({
+				align: L
+			}), r.remove(ie), r.insertAt(he, me), this._applyShapeGroupMetadata({
 				group: r,
 				presetKey: O.key,
 				presetCanRound: gt({ preset: O }),
-				width: ue,
-				height: F,
-				manualWidth: z,
-				manualHeight: B,
-				replaceBoxWidth: N?.width,
-				replaceBoxHeight: N?.height,
+				width: de,
+				height: fe,
+				manualWidth: V,
+				manualHeight: H,
+				replaceBoxWidth: P?.width,
+				replaceBoxHeight: P?.height,
 				shapeTextAutoExpand: E,
-				alignH: I,
+				alignH: L,
 				alignV: ee,
 				padding: ne,
-				style: re,
+				style: z,
 				rounding: D
 			}), this._applyCurrentLayout({
 				group: r,
-				shape: de,
-				text: H,
+				shape: me,
+				text: U,
 				placement: x,
-				width: ue,
-				height: F,
-				alignH: I,
+				width: de,
+				height: fe,
+				alignH: L,
 				alignV: ee,
-				internalShapeTextInset: R,
-				minimumReplaceBox: N ?? void 0,
-				expandShapeHeightToFitText: !le,
-				changedPadding: L
-			}), H.isEditing && this.editingPlacements.set(r, x);
+				internalShapeTextInset: pe,
+				resolveInternalShapeTextInset: re,
+				preserveAspectRatio: N,
+				minimumReplaceBox: P ?? void 0,
+				expandShapeHeightToFitText: !ue,
+				changedPadding: te
+			}), N && (r.shapeManualBaseWidth = Math.max(1, r.shapeBaseWidth ?? de), r.shapeManualBaseHeight = Math.max(1, r.shapeBaseHeight ?? fe)), U.isEditing && this.editingPlacements.set(r, x);
 		};
-		if (!this._isOnCanvas({ object: r })) return pe(), this.lifecycleController.fireBefore({ lifecycle: U }), this.lifecycleController.fireUpdated({ lifecycle: U }), r;
+		if (!this._isOnCanvas({ object: r })) return ge(), this.lifecycleController.fireBefore({ lifecycle: ae }), this.lifecycleController.fireUpdated({ lifecycle: ae }), r;
 		this._beginMutation();
 		try {
-			pe(), !H.isEditing && !y && this.editor.canvas.setActiveObject(r), this.lifecycleController.fireBefore({ lifecycle: U }), this.editor.canvas.requestRenderAll();
+			ge(), !U.isEditing && !y && this.editor.canvas.setActiveObject(r), this.lifecycleController.fireBefore({ lifecycle: ae }), this.editor.canvas.requestRenderAll();
 		} finally {
 			this._endMutation({ withoutSave: b });
 		}
-		return this.lifecycleController.fireUpdated({ lifecycle: U }), r;
+		return this.lifecycleController.fireUpdated({ lifecycle: ae }), r;
 	}
 	_resolveAspectRatioFittedDimensions({ targetWidth: e, targetHeight: t, aspectWidth: n, aspectHeight: r }) {
 		let i = Math.max(1, n), a = Math.max(1, r), o = e === void 0 ? void 0 : Math.max(1, e), s = t === void 0 ? void 0 : Math.max(1, t);
@@ -6249,8 +6557,8 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let { canvas: e } = this.editor;
 		e.on("object:scaling", this._handleObjectScaling), e.on("object:modified", this._handleObjectModified), e.on("mouse:move", this._handleMouseMove), e.on("mouse:down", this._handleMouseDown), e.on("mouse:up", this._handleMouseUp), e.on("text:editing:entered", this._handleTextEditingEntered), e.on("text:editing:exited", this._handleTextEditingExited), e.on("text:changed", this._handleTextChanged), e.on("editor:before:text-updated", this._handleBeforeTextUpdated), e.on("editor:text-updated", this._handleTextUpdated);
 	}
-	_createShapeGroup({ id: e, presetKey: t, presetCanRound: n, shape: r, text: i, width: a, height: o, manualWidth: s, manualHeight: c, shapeTextAutoExpand: l, alignH: u, alignV: d, padding: f, internalShapeTextInset: p, changedPadding: m, style: h, rounding: g }) {
-		let _ = new Rn([r, i], {
+	_createShapeGroup({ id: e, presetKey: t, presetCanRound: n, shape: r, text: i, width: a, height: o, manualWidth: s, manualHeight: c, shapeTextAutoExpand: l, alignH: u, alignV: d, padding: f, internalShapeTextInset: p, resolveInternalShapeTextInset: m, changedPadding: h, style: g, rounding: _ }) {
+		let v = new Xn([r, i], {
 			originX: "center",
 			originY: "center",
 			left: 0,
@@ -6258,9 +6566,9 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			lockScalingFlip: !0,
 			centeredScaling: !1,
 			objectCaching: !1
-		}), v = _;
-		return v.id = e, this._applyShapeGroupMetadata({
-			group: _,
+		}), y = v;
+		return y.id = e, this._applyShapeGroupMetadata({
+			group: v,
 			presetKey: t,
 			presetCanRound: n,
 			width: a,
@@ -6271,10 +6579,10 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			alignH: u,
 			alignV: d,
 			padding: f,
-			style: h,
-			rounding: g
-		}), _.rehydrateRuntimeState(), Un({ group: _ }), En({ text: i }), rn({
-			group: _,
+			style: g,
+			rounding: _
+		}), v.rehydrateRuntimeState(), tr({ group: v }), Rn({ text: i }), ln({
+			group: v,
 			shape: r,
 			text: i,
 			width: a,
@@ -6282,9 +6590,11 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			alignH: u,
 			alignV: d,
 			padding: f,
+			shapeTextAutoExpandEnabled: l,
 			internalShapeTextInset: p,
-			changedPadding: m
-		}), _.shapeReplaceBoxWidth = Math.max(1, _.shapeBaseWidth ?? a), _.shapeReplaceBoxHeight = Math.max(1, _.shapeBaseHeight ?? o), this._detachShapeGroupAutoLayout({ group: _ }), _;
+			resolveInternalShapeTextInset: m,
+			changedPadding: h
+		}), v.shapeReplaceBoxWidth = Math.max(1, v.shapeBaseWidth ?? a), v.shapeReplaceBoxHeight = Math.max(1, v.shapeBaseHeight ?? o), this._detachShapeGroupAutoLayout({ group: v }), v;
 	}
 	_applyShapeGroupMetadata({ group: e, presetKey: t, presetCanRound: n, width: r, height: i, manualWidth: a, manualHeight: o, replaceBoxWidth: s, replaceBoxHeight: c, shapeTextAutoExpand: l, alignH: u, alignV: d, padding: f, style: p, rounding: m }) {
 		let h = p.strokeDashArray ? p.strokeDashArray.slice() : p.strokeDashArray ?? null;
@@ -6334,7 +6644,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		return s.set({
 			shapeNodeType: "text",
 			splitByGrapheme: !1
-		}), En({ text: s }), s;
+		}), Rn({ text: s }), s;
 	}
 	_applyTextUpdates({ textNode: e, text: t, textStyle: n, align: r }) {
 		let i = {};
@@ -6442,64 +6752,83 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let { width: n } = e.getMontageAreaSceneBounds();
 		return !Number.isFinite(n) || n <= 0 ? null : n;
 	}
-	_resolveAutoExpandShapeWidth({ text: e, currentWidth: t, minimumWidth: n, padding: r }) {
-		let i = this._resolveMontageAreaWidth();
-		return i ? an({
+	_resolveAutoExpandShapeWidth({ text: e, currentWidth: t, minimumWidth: n, padding: r, resolvePaddingForWidth: i }) {
+		let a = this._resolveMontageAreaWidth();
+		return a ? dn({
 			text: e,
 			currentWidth: t,
 			minimumWidth: n,
 			padding: r,
-			montageAreaWidth: i
+			montageAreaWidth: a,
+			resolvePaddingForWidth: i
 		}) : Math.max(1, t, n);
 	}
-	_resolveShapeLayoutWidth({ text: e, currentWidth: t, manualWidth: n, shapeTextAutoExpandEnabled: r, padding: i }) {
+	_resolveShapeLayoutWidth({ text: e, currentWidth: t, manualWidth: n, shapeTextAutoExpandEnabled: r, padding: i, resolvePaddingForWidth: a }) {
 		return r ? this._resolveAutoExpandShapeWidth({
 			text: e,
 			currentWidth: t,
 			minimumWidth: n,
-			padding: i
+			padding: i,
+			resolvePaddingForWidth: a
 		}) : Math.max(1, n);
 	}
 	_resolveShapeTextHorizontalAlign({ group: e, textStyle: t }) {
 		let n = t?.align;
 		return n === "left" || n === "center" || n === "right" || n === "justify" ? n : e.shapeAlignHorizontal ?? "center";
 	}
-	_applyCurrentLayout({ group: e, shape: t, text: n, placement: r, width: i, height: a, alignH: o, alignV: s, internalShapeTextInset: c, minimumReplaceBox: l, expandShapeHeightToFitText: u = !0, changedPadding: d }) {
-		let f = this._resolveCurrentDimensions({ group: e }), p = this._resolveManualDimensions({ group: e }), m = this._resolveGroupUserPadding({ group: e }), h = f.width;
-		h = i === void 0 ? this._resolveShapeLayoutWidth({
-			text: n,
-			currentWidth: f.width,
-			manualWidth: p.width,
-			shapeTextAutoExpandEnabled: this._isShapeTextAutoExpandEnabled({ group: e }),
-			padding: Ht({
-				base: c ?? this._resolveGroupInternalShapeTextInset({
-					group: e,
-					width: h,
-					height: Math.max(1, a ?? f.height)
-				}),
-				addition: m
-			})
-		}) : Math.max(1, i);
-		let g = Math.max(1, a ?? f.height), _ = c ?? this._resolveGroupInternalShapeTextInset({
+	_applyCurrentLayout({ group: e, shape: t, text: n, placement: r, width: i, height: a, alignH: o, alignV: s, internalShapeTextInset: c, resolveInternalShapeTextInset: l, preserveAspectRatio: u, minimumReplaceBox: d, expandShapeHeightToFitText: f = !0, changedPadding: p }) {
+		let m = this._resolveCurrentDimensions({ group: e }), h = this._resolveManualDimensions({ group: e }), g = this._resolveGroupUserPadding({ group: e }), _ = this._isShapeTextAutoExpandEnabled({ group: e }), v = l ?? (({ width: t, height: n }) => c ?? this._resolveGroupInternalShapeTextInset({
 			group: e,
-			width: h,
-			height: g
-		}), v = r ?? this.editor.canvasManager.getObjectPlacement({ object: e });
-		rn({
+			width: t,
+			height: n
+		})), y = m.width;
+		if (i !== void 0) y = Math.max(1, i);
+		else {
+			let e = Math.max(1, a ?? m.height);
+			y = this._resolveShapeLayoutWidth({
+				text: n,
+				currentWidth: m.width,
+				manualWidth: h.width,
+				shapeTextAutoExpandEnabled: _,
+				padding: Ht({
+					base: v({
+						width: y,
+						height: e
+					}),
+					addition: g
+				}),
+				resolvePaddingForWidth: ({ width: t }) => Ht({
+					base: v({
+						width: t,
+						height: e
+					}),
+					addition: g
+				})
+			});
+		}
+		let b = Math.max(1, a ?? m.height), x = v({
+			width: y,
+			height: b
+		}), S = r ?? this.editor.canvasManager.getObjectPlacement({ object: e }), C = u ? this._resolveMontageAreaWidth() : void 0;
+		ln({
 			group: e,
 			shape: t,
 			text: n,
-			width: h,
-			height: g,
+			width: y,
+			height: b,
 			alignH: o ?? e.shapeAlignHorizontal ?? "center",
 			alignV: s ?? e.shapeAlignVertical ?? "middle",
-			padding: m,
-			internalShapeTextInset: _,
-			expandShapeHeightToFitText: u,
-			changedPadding: d
-		}), e.shapeReplaceBoxWidth = Math.max(1, l?.width ?? 0, e.shapeBaseWidth ?? h), e.shapeReplaceBoxHeight = Math.max(1, l?.height ?? 0, e.shapeBaseHeight ?? g), this.editor.canvasManager.applyObjectPlacement({
+			padding: g,
+			shapeTextAutoExpandEnabled: _,
+			internalShapeTextInset: x,
+			resolveInternalShapeTextInset: v,
+			preserveAspectRatio: u,
+			montageAreaWidth: C,
+			expandShapeHeightToFitText: f,
+			changedPadding: p
+		}), e.shapeReplaceBoxWidth = Math.max(1, d?.width ?? 0, e.shapeBaseWidth ?? y), e.shapeReplaceBoxHeight = Math.max(1, d?.height ?? 0, e.shapeBaseHeight ?? b), this.editor.canvasManager.applyObjectPlacement({
 			object: e,
-			placement: v
+			placement: S
 		});
 	}
 	_syncShapeTextLayoutAfterTextMutation({ textNode: e, textStyle: t }) {
@@ -6525,7 +6854,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		return this.editingPlacements.get(e) || this.editor.canvasManager.getObjectPlacement({ object: e });
 	}
 	_detachShapeGroupAutoLayout({ group: e }) {
-		Dn({ group: e });
+		zn({ group: e });
 	}
 	_resolveHorizontalAlign({ explicitAlign: e, textStyle: t }) {
 		if (e) return e;
@@ -6544,11 +6873,11 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	_resolveShapeStyle({ options: e, fallback: t }) {
 		let { fill: n, stroke: r, strokeWidth: i, strokeDashArray: a, opacity: o } = e, s = a === void 0 ? t?.shapeStrokeDashArray : a;
 		return {
-			fill: n ?? t?.shapeFill ?? or,
+			fill: n ?? t?.shapeFill ?? vr,
 			stroke: r ?? t?.shapeStroke ?? null,
-			strokeWidth: i ?? t?.shapeStrokeWidth ?? sr,
+			strokeWidth: i ?? t?.shapeStrokeWidth ?? yr,
 			strokeDashArray: s ?? null,
-			opacity: o ?? t?.shapeOpacity ?? cr
+			opacity: o ?? t?.shapeOpacity ?? br
 		};
 	}
 	_collectShapeGroupsFromTarget({ target: t, subTargets: n = [] }) {
@@ -6604,7 +6933,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}
 		return null;
 	}
-}, ur = class {
+}, Sr = class {
 	constructor({ editor: e }) {
 		this.editor = e, this.clipboard = null;
 	}
@@ -6860,12 +7189,12 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			}), !1;
 		}
 	}
-}, dr = class t {
+}, Cr = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
 	lockObject({ object: e, skipInnerObjects: n, withoutSave: r } = {}) {
-		let { canvas: i, historyManager: a } = this.editor, o = e || i.getActiveObject(), s = Bn({ target: o }) ?? o;
+		let { canvas: i, historyManager: a } = this.editor, o = e || i.getActiveObject(), s = Qn({ target: o }) ?? o;
 		if (!s || s.locked) return;
 		let c = {
 			lockMovementX: !0,
@@ -6887,7 +7216,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		});
 	}
 	unlockObject({ object: e, withoutSave: n } = {}) {
-		let { canvas: r, historyManager: i } = this.editor, a = e || r.getActiveObject(), o = Bn({ target: a }) ?? a;
+		let { canvas: r, historyManager: i } = this.editor, a = e || r.getActiveObject(), o = Qn({ target: a }) ?? a;
 		if (!o) return;
 		let s = {
 			lockMovementX: !1,
@@ -6925,7 +7254,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			!(n instanceof _) || !n.isEditing || n.exitEditing();
 		}
 	}
-}, fr = class {
+}, wr = class {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -6991,7 +7320,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			i.resumeHistory(), n || i.saveState();
 		}
 	}
-}, pr = class t {
+}, Tr = class t {
 	constructor({ editor: e }) {
 		this.lastSelection = [], this.isCtrlSelectionBoxActive = !1, this.isSelectionMergeInProgress = !1, this.editor = e, this.selectionKey = this._resolveSelectionKey(), this.handleTextEditingEnteredBound = this._handleTextEditingEntered.bind(this), this.handleTextEditingExitedBound = this._handleTextEditingExited.bind(this), this.handleLockedSelectionBound = this._filterLockedSelection.bind(this), this.handleSelectionMergeBound = this._handleSelectionMerge.bind(this), this.handleSelectionChangeBound = this._handleSelectionChange.bind(this), this.handleSelectionClearedBound = this._handleSelectionCleared.bind(this), this.handleSelectionBoxStartBound = this._handleSelectionBoxStart.bind(this), this.handleSelectionBoxEndBound = this._handleSelectionBoxEnd.bind(this), this._applySelectionKey({ selectionKey: this.selectionKey }), this._bindEvents();
 	}
@@ -7185,7 +7514,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let { options: e } = this.editor, { selectionKey: t } = e;
 		return t === void 0 ? ["ctrlKey", "metaKey"] : t;
 	}
-}, mr = class e {
+}, Er = class e {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -7225,7 +7554,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		};
 		return i.fire("editor:objects-deleted", l), l;
 	}
-}, hr = {
+}, Dr = {
 	IMAGE_MANAGER: {
 		INVALID_CONTENT_TYPE: "INVALID_CONTENT_TYPE",
 		INVALID_SOURCE_TYPE: "INVALID_SOURCE_TYPE",
@@ -7263,7 +7592,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		INVALID_TARGET: "TEMPLATE_INVALID_TARGET",
 		APPLY_FAILED: "TEMPLATE_APPLY_FAILED"
 	}
-}, gr = class e {
+}, Or = class e {
 	constructor({ editor: e }) {
 		this._buffer = [], this.editor = e;
 	}
@@ -7321,9 +7650,9 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}), this.editor.canvas.fire("editor:warning", s);
 	}
 	static isValidErrorCode(e) {
-		return e ? Object.values(hr).some((t) => Object.values(t).includes(e)) : !1;
+		return e ? Object.values(Dr).some((t) => Object.values(t).includes(e)) : !1;
 	}
-}, _r = class {
+}, kr = class {
 	constructor({ editor: e }) {
 		this.currentBounds = null, this.editor = e;
 	}
@@ -7372,32 +7701,32 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	updateBounds() {
 		this.currentBounds = this.calculatePanBounds();
 	}
-}, vr = ({ textbox: e }) => {
+}, Ar = ({ textbox: e }) => {
 	if (!e.isEditing) return null;
 	let t = e.selectionStart ?? 0, n = e.selectionEnd ?? t;
 	return t === n ? null : {
 		start: Math.min(t, n),
 		end: Math.max(t, n)
 	};
-}, yr = ({ textbox: e }) => {
+}, jr = ({ textbox: e }) => {
 	let t = e.text?.length ?? 0;
 	return t <= 0 ? null : {
 		start: 0,
 		end: t
 	};
-}, br = ({ textbox: e, range: t }) => {
+}, Mr = ({ textbox: e, range: t }) => {
 	if (!t) return !1;
 	let n = e.text?.length ?? 0;
 	return n <= 0 ? !1 : t.start <= 0 && t.end >= n;
-}, xr = ({ textbox: e, styles: t, range: n }) => {
+}, Nr = ({ textbox: e, styles: t, range: n }) => {
 	if (!t || !Object.keys(t).length) return !1;
 	let { start: r, end: i } = n;
 	return i <= r ? !1 : (e.setSelectionStyles(t, r, i), !0);
-}, Sr = ({ textbox: e, range: t, property: n }) => {
+}, Pr = ({ textbox: e, range: t, property: n }) => {
 	if (!t) return;
 	let r = e.getSelectionStyles(t.start, t.end, !0);
 	if (r.length) return r[0]?.[n];
-}, Cr = ({ strokeColor: e, width: t }) => t <= 0 ? null : e ?? "#000000", wr = ({ width: e = 0 }) => e ? Math.max(0, e) : 0, Tr = ({ value: e }) => typeof e == "string" ? e.toLocaleUpperCase() : "", Er = ({ value: e, min: t, max: n }) => Math.min(Math.max(e, t), n), Dr = class e extends _ {
+}, Fr = ({ strokeColor: e, width: t }) => t <= 0 ? null : e ?? "#000000", Ir = ({ width: e = 0 }) => e ? Math.max(0, e) : 0, Lr = ({ value: e }) => typeof e == "string" ? e.toLocaleUpperCase() : "", Rr = ({ value: e, min: t, max: n }) => Math.min(Math.max(e, t), n), zr = class e extends _ {
 	static {
 		this.type = "background-textbox";
 	}
@@ -7531,7 +7860,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		this._removeShadow(e);
 	}
 	_getDecorationColorAt(e, t) {
-		let n = this.getValueOfPropertyAt(e, t, "strokeWidth"), r = wr({ width: typeof n == "number" && Number.isFinite(n) ? n : 0 }), i = this.getValueOfPropertyAt(e, t, "stroke"), a = i == null ? null : Cr({
+		let n = this.getValueOfPropertyAt(e, t, "strokeWidth"), r = Ir({ width: typeof n == "number" && Number.isFinite(n) ? n : 0 }), i = this.getValueOfPropertyAt(e, t, "stroke"), a = i == null ? null : Fr({
 			strokeColor: i,
 			width: r
 		});
@@ -7547,22 +7876,22 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	_getCornerRadii({ width: e, height: t }) {
 		let n = e / 2, r = t / 2, i = Math.min(n, r);
 		return {
-			bottomLeft: Er({
+			bottomLeft: Rr({
 				value: this.radiusBottomLeft ?? 0,
 				min: 0,
 				max: i
 			}),
-			bottomRight: Er({
+			bottomRight: Rr({
 				value: this.radiusBottomRight ?? 0,
 				min: 0,
 				max: i
 			}),
-			topLeft: Er({
+			topLeft: Rr({
 				value: this.radiusTopLeft ?? 0,
 				min: 0,
 				max: i
 			}),
-			topRight: Er({
+			topRight: Rr({
 				value: this.radiusTopRight ?? 0,
 				min: 0,
 				max: i
@@ -7580,7 +7909,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	_getEffectiveBackgroundFill() {
 		let e = this.backgroundColor;
 		if (!e) return null;
-		let t = Er({
+		let t = Rr({
 			value: this.backgroundOpacity ?? 1,
 			min: 0,
 			max: 1
@@ -7588,7 +7917,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		try {
 			r = new n(e);
 		} catch (t) {
-			return gr.emitError({
+			return Or.emitError({
 				origin: "BackgroundTextbox",
 				method: "_getEffectiveBackgroundFill",
 				code: "INVALID_COLOR_VALUE",
@@ -7602,19 +7931,19 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		return r.setAlpha(t), r.toRgba();
 	}
 	static _renderRoundedRect({ ctx: e, height: t, left: n, radii: r, top: i, width: a }) {
-		let o = n + a, s = i + t, { topLeft: c, topRight: l, bottomRight: u, bottomLeft: d } = r, f = Er({
+		let o = n + a, s = i + t, { topLeft: c, topRight: l, bottomRight: u, bottomLeft: d } = r, f = Rr({
 			value: c,
 			min: 0,
 			max: a
-		}), p = Er({
+		}), p = Rr({
 			value: l,
 			min: 0,
 			max: a
-		}), m = Er({
+		}), m = Rr({
 			value: u,
 			min: 0,
 			max: a
-		}), h = Er({
+		}), h = Rr({
 			value: d,
 			min: 0,
 			max: a
@@ -7625,9 +7954,9 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		let { width: e = 0, height: t = 0 } = this, n = Math.round(e), r = Math.round(t);
 		n !== e && (this.width = Math.max(0, n)), r !== t && (this.height = Math.max(0, r));
 	}
-}, Or = () => {
-	y?.setClass && y.setClass(Dr, "background-textbox");
-}, kr = .01, Ar = ({ textbox: e, lineIndices: t, updates: n }) => {
+}, Br = () => {
+	y?.setClass && y.setClass(zr, "background-textbox");
+}, Vr = .01, Hr = ({ textbox: e, lineIndices: t, updates: n }) => {
 	if (!t.length) return !1;
 	let { fontFamily: r, fontSize: i, fill: a, stroke: o } = n;
 	if (!(r !== void 0 || i !== void 0 || a !== void 0 || o !== void 0)) return !1;
@@ -7639,7 +7968,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		r !== void 0 && d?.fontFamily !== r && (f.fontFamily = r, p = !0), i !== void 0 && d?.fontSize !== i && (f.fontSize = i, p = !0), a !== void 0 && d?.fill !== a && (f.fill = a, p = !0), o !== void 0 && (o === null && d?.stroke !== void 0 && (delete f.stroke, p = !0), o !== null && d?.stroke !== o && (f.stroke = o, p = !0)), p && (u ||= (c = { ...c }, !0), c[n] = f, l = !0);
 	}
 	return l && (e.lineFontDefaults = c), l;
-}, jr = ({ lineText: e, lineStyles: t, lineDefaults: n }) => {
+}, Ur = ({ lineText: e, lineStyles: t, lineDefaults: n }) => {
 	let r = e.length;
 	if (r === 0) return {
 		lineStyles: t,
@@ -7671,7 +8000,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		lineStyles: l,
 		changed: u
 	};
-}, Mr = ({ lineFontDefaults: e }) => {
+}, Wr = ({ lineFontDefaults: e }) => {
 	if (!e) return;
 	let t = {};
 	for (let n in e) {
@@ -7682,7 +8011,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		i && (t[r] = { ...i });
 	}
 	return t;
-}, Nr = ({ lineFontDefaults: e, scale: t }) => {
+}, Gr = ({ lineFontDefaults: e, scale: t }) => {
 	if (!e || !Number.isFinite(t) || Math.abs(t - 1) < .01) return;
 	let n = {}, r = !1, i = !1;
 	for (let a in e) {
@@ -7699,18 +8028,18 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		n[o] = c, r = !0;
 	}
 	if (!(!r || !i)) return n;
-}, Pr = ({ textbox: e, text: t }) => {
+}, Kr = ({ textbox: e, text: t }) => {
 	let { textLines: n } = e, r = Array.isArray(n) && n.length > 0 ? n.length : Math.max(t.split("\n").length, 1), i = 0;
 	for (let t = 0; t < r; t += 1) {
 		let n = e.getLineWidth(t);
 		n > i && (i = n);
 	}
 	return i;
-}, Fr = ({ origin: e, size: t }) => e === "left" || e === "top" || e === "start" || e === 0 ? 0 : e === "right" || e === "bottom" || e === "end" || e === 1 ? t : t / 2, Ir = ({ textbox: e, originX: t = e.originX ?? "center", originY: n = e.originY ?? "center" }) => {
-	let r = e.width ?? e.calcTextWidth() ?? 0, i = e.height ?? e.calcTextHeight() ?? 0, a = e.paddingTop ?? 0, o = e.paddingRight ?? 0, s = e.paddingBottom ?? 0, c = e.paddingLeft ?? 0, l = -r / 2 + (c - o) / 2, u = -i / 2 + (a - s) / 2, d = new p(l + Fr({
+}, qr = ({ origin: e, size: t }) => e === "left" || e === "top" || e === "start" || e === 0 ? 0 : e === "right" || e === "bottom" || e === "end" || e === 1 ? t : t / 2, Jr = ({ textbox: e, originX: t = e.originX ?? "center", originY: n = e.originY ?? "center" }) => {
+	let r = e.width ?? e.calcTextWidth() ?? 0, i = e.height ?? e.calcTextHeight() ?? 0, a = e.paddingTop ?? 0, o = e.paddingRight ?? 0, s = e.paddingBottom ?? 0, c = e.paddingLeft ?? 0, l = -r / 2 + (c - o) / 2, u = -i / 2 + (a - s) / 2, d = new p(l + qr({
 		origin: t,
 		size: r
-	}), u + Fr({
+	}), u + qr({
 		origin: n,
 		size: i
 	})), f = e.getPointByOrigin("center", "center"), m = e, h = typeof m.calcTransformMatrix == "function" ? m.calcTransformMatrix() : null, g = Array.isArray(h) ? new p(d.x * h[0] + d.y * h[2] + f.x, d.x * h[1] + d.y * h[3] + f.y) : new p(f.x + d.x, f.y + d.y);
@@ -7720,13 +8049,13 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		originX: t,
 		originY: n
 	};
-}, Lr = ({ textbox: e, montageLeft: t, montageRight: n }) => {
+}, Yr = ({ textbox: e, montageLeft: t, montageRight: n }) => {
 	e.setCoords();
 	let r = e.getBoundingRect(!1, !0), i = r.left ?? 0, a = i + (r.width ?? 0), o = n - t;
 	if (o > 0 && (r.width ?? 0) >= o - .01) return !1;
 	let s = 0;
 	return i < t ? s = t - i : a > n && (s = n - a), Math.abs(s) <= .01 ? !1 : (e.set({ left: (e.left ?? 0) + s }), !0);
-}, Rr = ({ rawValue: e, calculatedValue: t }) => typeof e == "number" ? e : typeof t == "number" ? t : 0, zr = ({ stylesList: e }) => {
+}, Xr = ({ rawValue: e, calculatedValue: t }) => typeof e == "number" ? e : typeof t == "number" ? t : 0, Zr = ({ stylesList: e }) => {
 	let t = e.length;
 	if (!t) return !1;
 	for (let n = 0; n < t; n += 1) {
@@ -7736,16 +8065,16 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		if (r !== void 0 || i !== void 0 || a !== void 0 || o !== void 0 || s !== void 0 || c !== void 0) return !0;
 	}
 	return !1;
-}, Br = ({ textbox: e }) => {
-	let { width: t, height: n, calcTextWidth: r, calcTextHeight: i } = e, a = typeof r == "function" ? r.call(e) : void 0, o = typeof i == "function" ? i.call(e) : void 0, s = Rr({
+}, Qr = ({ textbox: e }) => {
+	let { width: t, height: n, calcTextWidth: r, calcTextHeight: i } = e, a = typeof r == "function" ? r.call(e) : void 0, o = typeof i == "function" ? i.call(e) : void 0, s = Xr({
 		rawValue: t,
 		calculatedValue: a
-	}), c = Rr({
+	}), c = Xr({
 		rawValue: n,
 		calculatedValue: o
 	}), l = Number.isFinite(s) ? Math.round(s) : null, u = Number.isFinite(c) ? Math.round(c) : null, d = {};
 	return l !== null && l !== s && (d.width = Math.max(0, l)), u !== null && u !== c && (d.height = Math.max(0, u)), Object.keys(d).length ? (e.set(d), !0) : !1;
-}, Vr = ({ textbox: e }) => {
+}, $r = ({ textbox: e }) => {
 	let t = e.width ?? e.calcTextWidth(), n = e.fontSize ?? 16, { styles: r = {} } = e, { lineFontDefaults: i } = e, { paddingTop: a = 0, paddingRight: o = 0, paddingBottom: s = 0, paddingLeft: c = 0 } = e, { radiusTopLeft: l = 0, radiusTopRight: u = 0, radiusBottomRight: d = 0, radiusBottomLeft: f = 0 } = e;
 	return {
 		width: t,
@@ -7763,9 +8092,9 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 			bottomLeft: f
 		},
 		styles: JSON.parse(JSON.stringify(r)),
-		lineFontDefaults: Mr({ lineFontDefaults: i })
+		lineFontDefaults: Wr({ lineFontDefaults: i })
 	};
-}, Hr = ({ base: e }) => {
+}, ei = ({ base: e }) => {
 	let t = 1 / Math.max(1, e.width), n = [e.fontSize];
 	Object.values(e.styles).forEach((e) => {
 		Object.values(e).forEach((e) => {
@@ -7782,7 +8111,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		fontScale: r,
 		proportionalScale: Math.max(t, r)
 	};
-}, Ur = ({ textbox: e, canvasManager: t, base: n, widthScale: r, heightScale: i, placement: a, anchorPlacement: o, shouldScaleFontSize: s, shouldScalePadding: c, shouldScaleRadii: l, shouldDisableAutoExpandOnHorizontalChange: u = !1, shouldRoundDimensions: d = !0 }) => {
+}, ti = ({ textbox: e, canvasManager: t, base: n, widthScale: r, heightScale: i, placement: a, anchorPlacement: o, shouldScaleFontSize: s, shouldScalePadding: c, shouldScaleRadii: l, shouldDisableAutoExpandOnHorizontalChange: u = !1, shouldRoundDimensions: d = !0 }) => {
 	let { width: f, fontSize: m, padding: h, radii: g, styles: _, lineFontDefaults: v } = n, y = Math.max(1, f * r), b = d ? Math.max(1, Math.round(y)) : y, x = Math.max(Math.min(8, m), m * i), S = Object.keys(_).length > 0, C;
 	if (s && S) {
 		let e = {};
@@ -7801,7 +8130,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		}), Object.keys(e).length && (C = e);
 	}
 	let w;
-	s && (w = Nr({
+	s && (w = Gr({
 		lineFontDefaults: v,
 		scale: i
 	}));
@@ -7815,7 +8144,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		topRight: Math.max(0, g.topRight * i),
 		bottomRight: Math.max(0, g.bottomRight * i),
 		bottomLeft: Math.max(0, g.bottomLeft * i)
-	} : g, D = e.width ?? f, O = Math.abs(b - D) > kr;
+	} : g, D = e.width ?? f, O = Math.abs(b - D) > Vr;
 	u && O && (e.autoExpand = !1), C && (e.styles = C), w && (e.lineFontDefaults = w), e.set({
 		width: b,
 		fontSize: s ? x : m,
@@ -7837,7 +8166,7 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 	} finally {
 		e.shouldRoundDimensionsOnInit = k;
 	}
-	let A = d ? Br({ textbox: e }) : !1;
+	let A = d ? Qr({ textbox: e }) : !1;
 	return A && (e.dirty = !0), o ? (e.set({
 		originX: a.originX,
 		originY: a.originY
@@ -7851,18 +8180,18 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		appliedWidth: e.width ?? b,
 		dimensionsRounded: A
 	});
-}, Wr = ({ transform: e }) => {
+}, ni = ({ transform: e }) => {
 	let { corner: t = "", action: n = "" } = e;
 	return {
 		isCornerHandle: t === "tl" || t === "tr" || t === "bl" || t === "br" || n === "scale",
 		isHorizontalHandle: t === "ml" || t === "mr" || n === "scaleX",
 		isVerticalHandle: t === "mt" || t === "mb" || n === "scaleY"
 	};
-}, Gr = ({ textbox: e, transform: t, appliedWidth: n }) => {
+}, ri = ({ textbox: e, transform: t, appliedWidth: n }) => {
 	t.scaleX = 1, t.scaleY = 1;
 	let { original: r } = t;
 	r && (r.scaleX = 1, r.scaleY = 1, r.width = n, r.height = e.height, r.left = e.left, r.top = e.top);
-}, Kr = ({ textbox: e, transform: t, scenePoint: n }) => {
+}, ii = ({ textbox: e, transform: t, scenePoint: n }) => {
 	let { x: r, y: i } = e._getTransformedDimensions();
 	if (r <= 0 || i <= 0) return null;
 	let a = b.getLocalPoint(t, t.originX, t.originY, n.x, n.y), o = t, s = typeof o.signX == "number" && a.x * o.signX <= 0, c = typeof o.signY == "number" && a.y * o.signY <= 0, l = Math.abs(a.x / r), u = Math.abs(a.y / i);
@@ -7872,27 +8201,27 @@ var tr = ({ group: e, shape: t, text: n, width: r, height: i, padding: a, alignH
 		stepScaleX: l,
 		stepScaleY: u
 	};
-}, qr = 1e-4;
-function Jr(e) {
+}, ai = 1e-4;
+function oi(e) {
 	return !!e && e instanceof _;
 }
-function Yr(e) {
-	if (!Jr(e)) return !1;
+function si(e) {
+	if (!oi(e)) return !1;
 	let t = e.group;
 	return e.shapeNodeType === "text" && t?.shapeComposite === !0;
 }
-var Xr = class {
+var ci = class {
 	constructor({ canvas: t, canvasManager: n, persistScaledTextbox: r }) {
 		this.handleMouseMove = (e) => {
 			let t = this.canvas._currentTransform;
 			if (!t) return;
 			let { target: n } = t;
-			if (!Jr(n) || Yr(n)) return;
+			if (!oi(n) || si(n)) return;
 			let r = this.scalingState.get(n);
 			if (!r || !e.e) return;
-			let { isCornerHandle: i, isHorizontalHandle: a, isVerticalHandle: o } = Wr({ transform: t });
+			let { isCornerHandle: i, isHorizontalHandle: a, isVerticalHandle: o } = ni({ transform: t });
 			if (!a && !o && !i) return;
-			let s = Kr({
+			let s = ii({
 				textbox: n,
 				transform: t,
 				scenePoint: this.canvas.getScenePoint(e.e)
@@ -7915,20 +8244,20 @@ var Xr = class {
 			}, j = r.lastAllowedScaleX, M = r.lastAllowedScaleY;
 			if (i) {
 				let e = Math.max(r.minimumProportionalScale, r.lastAllowedScaleX * Math.sqrt(u * d)), t = c || l ? r.minimumProportionalScale : e;
-				if (Math.abs(t - r.lastAllowedScaleX) <= qr) return;
+				if (Math.abs(t - r.lastAllowedScaleX) <= ai) return;
 				j = t, M = t;
 			} else {
 				if (a) {
 					let e = r.lastAllowedScaleX * u, t = c ? r.minimumWidthScale : Math.max(r.minimumWidthScale, e);
-					Math.abs(t - r.lastAllowedScaleX) > qr && (j = t);
+					Math.abs(t - r.lastAllowedScaleX) > ai && (j = t);
 				}
 				if (o) {
 					let e = r.lastAllowedScaleY * d, t = l ? r.minimumFontScale : Math.max(r.minimumFontScale, e);
-					Math.abs(t - r.lastAllowedScaleY) > qr && (M = t);
+					Math.abs(t - r.lastAllowedScaleY) > ai && (M = t);
 				}
-				if (Math.abs(j - r.lastAllowedScaleX) <= qr && Math.abs(M - r.lastAllowedScaleY) <= qr) return;
+				if (Math.abs(j - r.lastAllowedScaleX) <= ai && Math.abs(M - r.lastAllowedScaleY) <= ai) return;
 			}
-			let { appliedWidth: N, dimensionsRounded: P } = Ur({
+			let { appliedWidth: N, dimensionsRounded: P } = ti({
 				textbox: n,
 				canvasManager: this.canvasManager,
 				base: r.startBase,
@@ -7942,7 +8271,7 @@ var Xr = class {
 				shouldDisableAutoExpandOnHorizontalChange: a,
 				shouldRoundDimensions: !i
 			});
-			Gr({
+			ri({
 				textbox: n,
 				transform: t,
 				appliedWidth: N
@@ -7963,12 +8292,12 @@ var Xr = class {
 			}), this.canvas.requestRenderAll();
 		}, this.handleObjectScaling = (t) => {
 			let { target: n, transform: r } = t;
-			if (n instanceof e || !Jr(n) || Yr(n) || !r) return;
+			if (n instanceof e || !oi(n) || si(n) || !r) return;
 			n.isScaling = !0;
 			let i = this._ensureScalingState({
 				textbox: n,
 				transform: r
-			}), { startBase: a } = i, { width: o, fontSize: s } = a, { isCornerHandle: c, isHorizontalHandle: l, isVerticalHandle: u } = Wr({ transform: r }), d = r.corner ?? "", f = c || u;
+			}), { startBase: a } = i, { width: o, fontSize: s } = a, { isCornerHandle: c, isHorizontalHandle: l, isVerticalHandle: u } = ni({ transform: r }), d = r.corner ?? "", f = c || u;
 			if (!l && !u && !c) return;
 			let p = n.scaleX ?? r.scaleX ?? 1, m = n.scaleY ?? r.scaleY ?? 1, h = Math.abs(p) || 1, g = Math.abs(m) || 1, _ = r.originX ?? n.originX ?? "center", v = r.originY ?? n.originY ?? "center", y = this.canvasManager.getObjectPlacement({
 				object: n,
@@ -7983,7 +8312,7 @@ var Xr = class {
 					N = e, P = e;
 				}
 			} else l && (N = Math.max(i.minimumWidthScale, i.lastAllowedScaleX * h)), u && (P = Math.max(i.minimumFontScale, i.lastAllowedScaleY * g));
-			let { appliedWidth: ee, dimensionsRounded: te } = Ur({
+			let { appliedWidth: L, dimensionsRounded: ee } = ti({
 				textbox: n,
 				canvasManager: this.canvasManager,
 				base: a,
@@ -7997,14 +8326,14 @@ var Xr = class {
 				shouldDisableAutoExpandOnHorizontalChange: l,
 				shouldRoundDimensions: !c
 			});
-			Gr({
+			ri({
 				textbox: n,
 				transform: r,
-				appliedWidth: ee
+				appliedWidth: L
 			}), this.canvas.requestRenderAll(), I && this._updateScalingStateAfterLiveCommit({
 				textbox: n,
 				state: i,
-				appliedWidth: ee,
+				appliedWidth: L,
 				previousFontSize: O ?? s,
 				previousPadding: {
 					top: b,
@@ -8019,7 +8348,7 @@ var Xr = class {
 					bottomLeft: D
 				},
 				previousWidth: M,
-				dimensionsRounded: te,
+				dimensionsRounded: ee,
 				isCornerHandle: c,
 				isHorizontalHandle: l,
 				isVerticalHandle: u,
@@ -8030,7 +8359,7 @@ var Xr = class {
 			let { target: n } = t;
 			if (n instanceof e) {
 				let t = n.getObjects();
-				if (!t.some((e) => Jr(e))) return;
+				if (!t.some((e) => oi(e))) return;
 				let { scaleX: r = 1, scaleY: i = 1 } = n;
 				if (Math.abs(r - 1) < .01 && Math.abs(i - 1) < .01) return;
 				this.canvas.discardActiveObject(), t.forEach((e) => {
@@ -8040,7 +8369,7 @@ var Xr = class {
 				this.canvas.setActiveObject(a), this.canvas.requestRenderAll();
 				return;
 			}
-			if (!Jr(n) || Yr(n)) return;
+			if (!oi(n) || si(n)) return;
 			n.isScaling = !1;
 			let r = this.scalingState.get(n);
 			if (this.scalingState.delete(n), !r?.hasScalingChange) return;
@@ -8065,11 +8394,11 @@ var Xr = class {
 		}, this.canvas = t, this.canvasManager = n, this.persistScaledTextbox = r, this.scalingState = /* @__PURE__ */ new WeakMap();
 	}
 	commitStandaloneTextScale({ target: e, shouldDisableAutoExpandOnHorizontalChange: t = !1 }) {
-		if (!Jr(e) || Yr(e)) return !1;
+		if (!oi(e) || si(e)) return !1;
 		let n = Math.abs(e.scaleX ?? 1) || 1, r = Math.abs(e.scaleY ?? 1) || 1;
 		if (!(Math.abs(n - 1) > .01 || Math.abs(r - 1) > .01)) return !1;
-		let i = Vr({ textbox: e }), a = this.canvasManager.getObjectPlacement({ object: e });
-		return Ur({
+		let i = $r({ textbox: e }), a = this.canvasManager.getObjectPlacement({ object: e });
+		return ti({
 			textbox: e,
 			canvasManager: this.canvasManager,
 			base: i,
@@ -8085,7 +8414,7 @@ var Xr = class {
 	_ensureScalingState({ textbox: e, transform: t }) {
 		let n = this.scalingState.get(e);
 		if (!n) {
-			let r = Vr({ textbox: e }), i = this.canvasManager.getObjectPlacement({ object: e }), a = Hr({ base: r }), o = t.original?.originX ?? t.originX ?? e.originX ?? "center", s = t.original?.originY ?? t.originY ?? e.originY ?? "center";
+			let r = $r({ textbox: e }), i = this.canvasManager.getObjectPlacement({ object: e }), a = ei({ base: r }), o = t.original?.originX ?? t.originX ?? e.originX ?? "center", s = t.original?.originY ?? t.originY ?? e.originY ?? "center";
 			n = {
 				startBase: r,
 				startObjectPlacement: i,
@@ -8118,7 +8447,7 @@ var Xr = class {
 			topRight: e.radiusTopRight ?? 0,
 			bottomRight: e.radiusBottomRight ?? 0,
 			bottomLeft: e.radiusBottomLeft ?? 0
-		}, v = Math.abs(n - o) > kr, y = Math.abs(h - r) > kr, b = Math.abs(g.top - i.top) > .01 || Math.abs(g.right - i.right) > .01 || Math.abs(g.bottom - i.bottom) > .01 || Math.abs(g.left - i.left) > .01, x = Math.abs(_.topLeft - a.topLeft) > .01 || Math.abs(_.topRight - a.topRight) > .01 || Math.abs(_.bottomRight - a.bottomRight) > .01 || Math.abs(_.bottomLeft - a.bottomLeft) > .01, S = t.lastAllowedScaleX, C = t.lastAllowedScaleY;
+		}, v = Math.abs(n - o) > Vr, y = Math.abs(h - r) > Vr, b = Math.abs(g.top - i.top) > .01 || Math.abs(g.right - i.right) > .01 || Math.abs(g.bottom - i.bottom) > .01 || Math.abs(g.left - i.left) > .01, x = Math.abs(_.topLeft - a.topLeft) > .01 || Math.abs(_.topRight - a.topRight) > .01 || Math.abs(_.bottomRight - a.bottomRight) > .01 || Math.abs(_.bottomLeft - a.bottomLeft) > .01, S = t.lastAllowedScaleX, C = t.lastAllowedScaleY;
 		if (c) {
 			let e = h / Math.max(1, m);
 			S = e, C = e;
@@ -8139,7 +8468,7 @@ var Xr = class {
 			originY: a
 		});
 	}
-}, Zr = ({ textbox: e }) => {
+}, li = ({ textbox: e }) => {
 	let t = e.text ?? "";
 	if (!t.length) return [];
 	let n = t.split("\n"), r = [], i = 0;
@@ -8151,7 +8480,7 @@ var Xr = class {
 		});
 	}
 	return r;
-}, Qr = ({ range: e, text: t }) => {
+}, ui = ({ range: e, text: t }) => {
 	if (!e) return null;
 	let n = t.length;
 	if (n <= 0) return null;
@@ -8160,8 +8489,8 @@ var Xr = class {
 		start: l,
 		end: u
 	};
-}, $r = ({ textbox: e, range: t }) => {
-	let n = Zr({ textbox: e });
+}, di = ({ textbox: e, range: t }) => {
+	let n = li({ textbox: e });
 	if (!n.length) return t;
 	let { start: r } = t, { end: i } = t;
 	for (let e = 0; e < n.length; e += 1) {
@@ -8174,7 +8503,7 @@ var Xr = class {
 		start: r,
 		end: i
 	};
-}, ei = ({ textbox: e, range: t }) => {
+}, fi = ({ textbox: e, range: t }) => {
 	let n = e.text ?? "";
 	if (!n.length) return [];
 	let { start: r, end: i } = t, a = n.split("\n"), o = [], s = 0;
@@ -8183,7 +8512,7 @@ var Xr = class {
 		i > n && r < c && o.push(e), s = c + 1;
 	}
 	return o;
-}, ti = ({ textbox: e, range: t }) => {
+}, pi = ({ textbox: e, range: t }) => {
 	let n = e.text ?? "";
 	if (!n.length) return [];
 	let { start: r, end: i } = t, a = n.split("\n"), o = [], s = 0;
@@ -8192,20 +8521,20 @@ var Xr = class {
 		r <= n && i >= c && o.push(e), s = c + 1;
 	}
 	return o;
-}, ni = ({ previous: e, next: t }) => {
+}, mi = ({ previous: e, next: t }) => {
 	let n = Math.min(e.length, t.length);
 	for (let r = 0; r < n; r += 1) if (e[r] !== t[r]) return r;
 	return n;
-}, ri = ({ text: e, charIndex: t }) => {
+}, hi = ({ text: e, charIndex: t }) => {
 	let n = Math.max(0, Math.min(t, e.length)), r = 0;
 	for (let t = 0; t < n; t += 1) e[t] === "\n" && (r += 1);
 	return r;
-}, ii = ({ text: e, lineIndex: t }) => {
+}, gi = ({ text: e, lineIndex: t }) => {
 	if (t <= 0) return 0;
 	let n = 0;
 	for (let r = 0; r < e.length; r += 1) if (e[r] === "\n" && (n += 1, n === t)) return r + 1;
 	return e.length;
-}, ai = class e {
+}, _i = class e {
 	constructor({ editor: t }) {
 		this._handleTextEditingEntered = (t) => {
 			this.isTextEditingActive = !0;
@@ -8218,7 +8547,7 @@ var Xr = class {
 			if (!e._isTextbox(n) || this.lineDefaultsSyncing.has(n)) return;
 			let r = e._isShapeOwnedTextbox(n), { text: i = "", uppercase: a, autoExpand: o } = n, s = !!a, c = o !== !1, l = i.toLocaleLowerCase(), u = r ? null : this.editingPlacementState?.get(n) ?? this.editor.canvasManager.getObjectPlacement({ object: n });
 			if (s) {
-				let e = Tr({ value: l });
+				let e = Lr({ value: l });
 				e !== i && n.set({ text: e }), n.textCaseRaw = l;
 			} else n.textCaseRaw = i;
 			if (!r && o === void 0 && (n.autoExpand = !0), r) {
@@ -8236,7 +8565,7 @@ var Xr = class {
 			let r = e._isShapeOwnedTextbox(n);
 			this.editingPlacementState?.delete(n);
 			let i = n.text ?? "";
-			n.uppercase ? n.textCaseRaw = n.textCaseRaw ?? i.toLocaleLowerCase() : n.textCaseRaw = i, r || (Br({ textbox: n }) && (n.setCoords(), n.dirty = !0, this.canvas.requestRenderAll()), n.locked || n.set({
+			n.uppercase ? n.textCaseRaw = n.textCaseRaw ?? i.toLocaleLowerCase() : n.textCaseRaw = i, r || (Qr({ textbox: n }) && (n.setCoords(), n.dirty = !0, this.canvas.requestRenderAll()), n.locked || n.set({
 				lockMovementX: !1,
 				lockMovementY: !1
 			}));
@@ -8263,7 +8592,7 @@ var Xr = class {
 				transform: r,
 				event: i ?? null
 			});
-		}, this.editor = t, this.canvas = t.canvas, this.fonts = t.options.fonts ?? [], this.scalingController = new Xr({
+		}, this.editor = t, this.canvas = t.canvas, this.fonts = t.options.fonts ?? [], this.scalingController = new ci({
 			canvas: t.canvas,
 			canvasManager: t.canvasManager,
 			persistScaledTextbox: ({ target: e, style: t }) => {
@@ -8272,15 +8601,15 @@ var Xr = class {
 					style: t
 				});
 			}
-		}), this.editingPlacementState = /* @__PURE__ */ new WeakMap(), this.lineDefaultsSyncing = /* @__PURE__ */ new WeakSet(), this.isTextEditingActive = !1, this._bindEvents(), Or();
+		}), this.editingPlacementState = /* @__PURE__ */ new WeakMap(), this.lineDefaultsSyncing = /* @__PURE__ */ new WeakSet(), this.isTextEditingActive = !1, this._bindEvents(), Br();
 	}
 	addText({ id: t = `text-${D()}`, text: n = "Новый текст", autoExpand: r = !0, fontFamily: i, fontSize: a = 48, bold: o = !1, italic: s = !1, underline: c = !1, uppercase: l = !1, strikethrough: u = !1, align: d = "left", color: f = "#000000", strokeColor: p, strokeWidth: m = 0, opacity: h = 1, backgroundColor: g, backgroundOpacity: _ = 1, paddingTop: v = 0, paddingRight: y = 0, paddingBottom: b = 0, paddingLeft: x = 0, radiusTopLeft: S = 0, radiusTopRight: C = 0, radiusBottomRight: w = 0, radiusBottomLeft: T = 0, ...E } = {}, { withoutSelection: O = !1, withoutSave: k = !1, withoutAdding: A = !1, emitLifecycleEvents: j = !0 } = {}) {
 		let { canvasManager: M, historyManager: N } = this.editor, { canvas: P } = this;
 		N.suspendHistory();
-		let F = i ?? this._getDefaultFontFamily(), I = wr({ width: m }), ee = Cr({
+		let F = i ?? this._getDefaultFontFamily(), I = Ir({ width: m }), L = Fr({
 			strokeColor: p,
 			width: I
-		}), te = {
+		}), ee = {
 			id: t,
 			fontFamily: F,
 			fontSize: a,
@@ -8291,7 +8620,7 @@ var Xr = class {
 			linethrough: u,
 			textAlign: d,
 			fill: f,
-			stroke: ee,
+			stroke: L,
 			strokeWidth: I,
 			strokeUniform: !0,
 			opacity: h,
@@ -8306,40 +8635,40 @@ var Xr = class {
 			radiusBottomRight: w,
 			radiusBottomLeft: T,
 			...E
-		}, L = new Dr(n, te), ne = r !== !1;
-		L.autoExpand = ne;
-		let re = E.left !== void 0 || E.top !== void 0;
-		if (L.textCaseRaw = L.text ?? "", l) {
-			let e = Tr({ value: L.textCaseRaw });
-			e !== L.text && L.set({ text: e });
-		}
-		Br({ textbox: L }) && (L.dirty = !0);
-		let R;
-		re && (R = M.resolveObjectPlacement({
-			object: L,
+		}, R = new zr(n, ee), te = r !== !1;
+		R.autoExpand = te;
+		let ne = E.left !== void 0 || E.top !== void 0;
+		if (R.textCaseRaw = R.text ?? "", l) {
+			let e = Lr({ value: R.textCaseRaw });
+			e !== R.text && R.set({ text: e });
+		}
+		Qr({ textbox: R }) && (R.dirty = !0);
+		let z;
+		ne && (z = M.resolveObjectPlacement({
+			object: R,
 			left: E.left,
 			top: E.top,
 			originX: E.originX,
 			originY: E.originY,
 			fallbackPoint: M.getMontageAreaSceneCenter()
 		}));
-		let ie = ne && e._hasWrappedLinesBeyondExplicitBreaks(L);
-		return (re || ie) && this._normalizeTextboxAfterContentChange({
-			textbox: L,
-			placement: R,
-			shouldAutoExpand: ie,
-			clampToMontage: re
-		}), R || M.centerObjectToMontageArea({ object: L }), A || P.add(L), O || P.setActiveObject(L), P.requestRenderAll(), N.resumeHistory(), k || N.saveState(), j && P.fire("editor:text-added", {
-			textbox: L,
+		let re = te && e._hasWrappedLinesBeyondExplicitBreaks(R);
+		return (ne || re) && this._normalizeTextboxAfterContentChange({
+			textbox: R,
+			placement: z,
+			shouldAutoExpand: re,
+			clampToMontage: ne
+		}), z || M.centerObjectToMontageArea({ object: R }), A || P.add(R), O || P.setActiveObject(R), P.requestRenderAll(), N.resumeHistory(), k || N.saveState(), j && P.fire("editor:text-added", {
+			textbox: R,
 			options: {
-				...te,
+				...ee,
 				text: n,
 				bold: o,
 				italic: s,
 				strikethrough: u,
 				align: d,
 				color: f,
-				strokeColor: ee,
+				strokeColor: L,
 				strokeWidth: I
 			},
 			flags: {
@@ -8347,118 +8676,118 @@ var Xr = class {
 				withoutSave: !!k,
 				withoutAdding: !!A
 			}
-		}), L;
+		}), R;
 	}
 	updateText({ target: t, style: n = {}, withoutSave: r, skipRender: i, selectionRange: a, emitLifecycleEvents: o = !0 } = {}) {
 		let s = this._resolveTextObject(t);
 		if (!s) return null;
 		let { text: c = "" } = s, { historyManager: l } = this.editor, { canvasManager: u } = this.editor, { canvas: d } = this;
 		l.suspendHistory();
-		let f = e._getSnapshot(s), { text: p, autoExpand: m, fontFamily: h, fontSize: g, bold: _, italic: v, underline: y, uppercase: b, strikethrough: x, align: S, color: C, strokeColor: w, strokeWidth: T, opacity: E, backgroundColor: D, backgroundOpacity: O, paddingTop: k, paddingRight: A, paddingBottom: j, paddingLeft: M, radiusTopLeft: N, radiusTopRight: P, radiusBottomRight: F, radiusBottomLeft: I, left: ee, top: te, originX: L, originY: ne, ...re } = n, R = { ...re }, ie = u.resolveObjectPlacement({
+		let f = e._getSnapshot(s), { text: p, autoExpand: m, fontFamily: h, fontSize: g, bold: _, italic: v, underline: y, uppercase: b, strikethrough: x, align: S, color: C, strokeColor: w, strokeWidth: T, opacity: E, backgroundColor: D, backgroundOpacity: O, paddingTop: k, paddingRight: A, paddingBottom: j, paddingLeft: M, radiusTopLeft: N, radiusTopRight: P, radiusBottomRight: F, radiusBottomLeft: I, left: L, top: ee, originX: R, originY: te, ...ne } = n, z = { ...ne }, re = u.resolveObjectPlacement({
 			object: s,
-			left: ee,
-			top: te,
-			originX: L,
-			originY: ne
-		}), z = a === void 0 ? vr({ textbox: s }) : Qr({
+			left: L,
+			top: ee,
+			originX: R,
+			originY: te
+		}), B = a === void 0 ? Ar({ textbox: s }) : ui({
 			text: c,
 			range: a
-		}), B = z ? $r({
+		}), V = B ? di({
 			textbox: s,
-			range: z
-		}) : null, V = {}, H = {}, U = {}, ae, oe, se = br({
+			range: B
+		}) : null, H = {}, ie = {}, U = {}, ae, oe, se = Mr({
 			textbox: s,
-			range: z
-		}), ce = !z || se, le = !z;
-		if (h !== void 0 && (B && (H.fontFamily = h), ce && (R.fontFamily = h, le && (U.fontFamily = h))), g !== void 0 && (B && (H.fontSize = g), ce && (R.fontSize = g, le && (U.fontSize = g))), _ !== void 0) {
+			range: B
+		}), ce = !B || se, le = !B;
+		if (h !== void 0 && (V && (ie.fontFamily = h), ce && (z.fontFamily = h, le && (U.fontFamily = h))), g !== void 0 && (V && (ie.fontSize = g), ce && (z.fontSize = g, le && (U.fontSize = g))), _ !== void 0) {
 			let e = _ ? "bold" : "normal";
-			z && (V.fontWeight = e), ce && (R.fontWeight = e, le && (U.fontWeight = e));
+			B && (H.fontWeight = e), ce && (z.fontWeight = e, le && (U.fontWeight = e));
 		}
 		if (v !== void 0) {
 			let e = v ? "italic" : "normal";
-			z && (V.fontStyle = e), ce && (R.fontStyle = e, le && (U.fontStyle = e));
+			B && (H.fontStyle = e), ce && (z.fontStyle = e, le && (U.fontStyle = e));
 		}
-		if (y !== void 0 && (z && (V.underline = y), ce && (R.underline = y, le && (U.underline = y))), x !== void 0 && (z && (V.linethrough = x), ce && (R.linethrough = x, le && (U.linethrough = x))), S !== void 0 && (R.textAlign = S), C !== void 0 && (z && (V.fill = C), ce && (R.fill = C, le && (U.fill = C))), w !== void 0 || T !== void 0) {
-			let e = z ? Sr({
+		if (y !== void 0 && (B && (H.underline = y), ce && (z.underline = y, le && (U.underline = y))), x !== void 0 && (B && (H.linethrough = x), ce && (z.linethrough = x, le && (U.linethrough = x))), S !== void 0 && (z.textAlign = S), C !== void 0 && (B && (H.fill = C), ce && (z.fill = C, le && (U.fill = C))), w !== void 0 || T !== void 0) {
+			let e = B ? Pr({
 				textbox: s,
-				range: z,
+				range: B,
 				property: "strokeWidth"
-			}) : void 0, t = z ? Sr({
+			}) : void 0, t = B ? Pr({
 				textbox: s,
-				range: z,
+				range: B,
 				property: "stroke"
 			}) : void 0;
-			oe = wr({ width: T ?? e ?? s.strokeWidth ?? 0 }), ae = Cr({
+			oe = Ir({ width: T ?? e ?? s.strokeWidth ?? 0 }), ae = Fr({
 				strokeColor: w ?? t ?? s.stroke ?? void 0,
 				width: oe
-			}), z && (V.stroke = ae, V.strokeWidth = oe), ce && (R.stroke = ae, R.strokeWidth = oe, le && (U.stroke = ae, U.strokeWidth = oe));
+			}), B && (H.stroke = ae, H.strokeWidth = oe), ce && (z.stroke = ae, z.strokeWidth = oe, le && (U.stroke = ae, U.strokeWidth = oe));
 		}
-		E !== void 0 && (R.opacity = E), D !== void 0 && (R.backgroundColor = D), O !== void 0 && (R.backgroundOpacity = O), k !== void 0 && (R.paddingTop = k), A !== void 0 && (R.paddingRight = A), j !== void 0 && (R.paddingBottom = j), M !== void 0 && (R.paddingLeft = M), N !== void 0 && (R.radiusTopLeft = N), P !== void 0 && (R.radiusTopRight = P), F !== void 0 && (R.radiusBottomRight = F), I !== void 0 && (R.radiusBottomLeft = I);
+		E !== void 0 && (z.opacity = E), D !== void 0 && (z.backgroundColor = D), O !== void 0 && (z.backgroundOpacity = O), k !== void 0 && (z.paddingTop = k), A !== void 0 && (z.paddingRight = A), j !== void 0 && (z.paddingBottom = j), M !== void 0 && (z.paddingLeft = M), N !== void 0 && (z.radiusTopLeft = N), P !== void 0 && (z.radiusTopRight = P), F !== void 0 && (z.radiusBottomRight = F), I !== void 0 && (z.radiusBottomLeft = I);
 		let ue = s.textCaseRaw ?? c, de = !!s.uppercase, fe = p !== void 0, pe = fe ? p ?? "" : ue, me = b ?? de, he = me !== de;
-		fe || he ? (R.text = me ? Tr({ value: pe }) : pe, s.textCaseRaw = pe) : s.textCaseRaw === void 0 && (s.textCaseRaw = ue);
-		let ge = zr({ stylesList: [
-			R,
-			V,
+		fe || he ? (z.text = me ? Lr({ value: pe }) : pe, s.textCaseRaw = pe) : s.textCaseRaw === void 0 && (s.textCaseRaw = ue);
+		let ge = Zr({ stylesList: [
+			z,
 			H,
+			ie,
 			U
 		] }), _e = [
-			ee,
-			te,
 			L,
-			ne
+			ee,
+			R,
+			te
 		], ve = [
 			k,
 			A,
 			j,
 			M
-		], ye = _e.some((e) => e !== void 0), be = ve.some((e) => e !== void 0), xe = Object.prototype.hasOwnProperty.call(R, "width"), Se = be && !ye && !fe && !he && !ge && !xe, Ce = null;
-		Se && (Ce = Ir({
+		], ye = _e.some((e) => e !== void 0), be = ve.some((e) => e !== void 0), xe = Object.prototype.hasOwnProperty.call(z, "width"), Se = be && !ye && !fe && !he && !ge && !xe, Ce = null;
+		Se && (Ce = Jr({
 			textbox: s,
-			originX: ie.originX,
-			originY: ie.originY
-		})), s.uppercase = me, s.set(R);
+			originX: re.originX,
+			originY: re.originY
+		})), s.uppercase = me, s.set(z);
 		let we = !1;
-		if (z) {
-			let e = xr({
-				textbox: s,
-				styles: V,
-				range: z
-			}), t = B ? xr({
+		if (B) {
+			let e = Nr({
 				textbox: s,
 				styles: H,
 				range: B
+			}), t = V ? Nr({
+				textbox: s,
+				styles: ie,
+				range: V
 			}) : !1;
 			we = e || t;
 		} else if (Object.keys(U).length) {
-			let e = yr({ textbox: s });
-			e && (we = xr({
+			let e = jr({ textbox: s });
+			e && (we = Nr({
 				textbox: s,
 				styles: U,
 				range: e
 			}));
 		}
-		let Te = we && zr({ stylesList: [
-			V,
+		let Te = we && Zr({ stylesList: [
 			H,
+			ie,
 			U
 		] });
-		if (we && (s.dirty = !0), B && (h !== void 0 || g !== void 0)) {
-			let e = ei({
+		if (we && (s.dirty = !0), V && (h !== void 0 || g !== void 0)) {
+			let e = fi({
 				textbox: s,
-				range: B
+				range: V
 			}), t = {};
-			h !== void 0 && (t.fontFamily = h), g !== void 0 && (t.fontSize = g), Ar({
+			h !== void 0 && (t.fontFamily = h), g !== void 0 && (t.fontSize = g), Hr({
 				textbox: s,
 				lineIndices: e,
 				updates: t
 			});
 		}
-		if (z && (C !== void 0 || w !== void 0 || T !== void 0)) {
-			let e = ti({
+		if (B && (C !== void 0 || w !== void 0 || T !== void 0)) {
+			let e = pi({
 				textbox: s,
-				range: z
+				range: B
 			}), t = {};
-			C !== void 0 && (t.fill = C), (w !== void 0 || T !== void 0) && (ae === null && (t.stroke = null), ae != null && (t.stroke = ae)), Ar({
+			C !== void 0 && (t.fill = C), (w !== void 0 || T !== void 0) && (ae === null && (t.stroke = null), ae != null && (t.stroke = ae)), Hr({
 				textbox: s,
 				lineIndices: e,
 				updates: t
@@ -8478,7 +8807,7 @@ var Xr = class {
 		let ke = Oe && !xe && (fe || he || ge);
 		this._normalizeTextboxAfterContentChange({
 			textbox: s,
-			placement: ie,
+			placement: re,
 			shouldAutoExpand: ke
 		}), Ce && this._restoreTextboxContentPlacement({
 			textbox: s,
@@ -8487,14 +8816,14 @@ var Xr = class {
 		let Ae = {
 			withoutSave: !!r,
 			skipRender: !!i
-		}, je = !!z && Object.keys(V).length > 0, Me = {
+		}, je = !!B && Object.keys(H).length > 0, Me = {
 			textbox: s,
 			target: t,
 			style: n,
 			options: Ae,
-			updates: R,
-			selectionRange: z ?? void 0,
-			selectionStyles: je ? V : void 0
+			updates: z,
+			selectionRange: B ?? void 0,
+			selectionStyles: je ? H : void 0
 		};
 		o && d.fire("editor:before:text-updated", Me), i || d.requestRenderAll();
 		let Ne = e._getSnapshot(s);
@@ -8553,7 +8882,7 @@ var Xr = class {
 			clampToMontage: r
 		}));
 		let a = !1;
-		i || (a = Br({ textbox: e }));
+		i || (a = Qr({ textbox: e }));
 		let o = !1;
 		return !i && t && (this.editor.canvasManager.applyObjectPlacement({
 			object: e,
@@ -8561,7 +8890,7 @@ var Xr = class {
 		}), o = !0), (i || a) && (e.dirty = !0), (i || a || o) && e.setCoords(), i || a;
 	}
 	_restoreTextboxContentPlacement({ textbox: e, contentPlacement: t }) {
-		let n = Ir({
+		let n = Jr({
 			textbox: e,
 			originX: t.originX,
 			originY: t.originY
@@ -8581,15 +8910,15 @@ var Xr = class {
 	_syncLineFontDefaultsOnTextChanged({ textbox: e }) {
 		let { text: t = "", lineFontDefaults: n, styles: r, fontFamily: i, fontSize: a, fill: o, stroke: s, selectionStart: c, isEditing: l } = e, u = t, d = e.__lineDefaultsPrevText ?? u, f = d.split("\n"), p = u.split("\n"), m = f.length, h = p.length - m, g = n, _ = !1, v = !1, y = typeof o == "string" ? o : void 0, b = typeof s == "string" ? s : void 0;
 		if (h !== 0 && n && Object.keys(n).length) {
-			let e = ni({
+			let e = mi({
 				previous: d,
 				next: u
-			}), t = ri({
+			}), t = hi({
 				text: d,
 				charIndex: e
 			});
 			if (h > 0) {
-				let r = ii({
+				let r = gi({
 					text: d,
 					lineIndex: t
 				}), i = t + 1;
@@ -8630,7 +8959,7 @@ var Xr = class {
 			let t = p[e] ?? "", n = g ? g[e] : void 0;
 			if (n && (T = n), t.length !== 0) {
 				if (n) {
-					let r = jr({
+					let r = Ur({
 						lineText: t,
 						lineStyles: S ? S[e] : void 0,
 						lineDefaults: n
@@ -8670,16 +8999,16 @@ var Xr = class {
 		if (!Number.isFinite(f) || f <= 0) return !1;
 		let p = a.split("\n").length, m = !1;
 		Math.abs((e.width ?? 0) - f) > .01 && (e.set({ width: f }), m = !0), e.initDimensions();
-		let { textLines: h } = e, g = Array.isArray(h) && h.length > p, _ = Math.ceil(Pr({
+		let { textLines: h } = e, g = Array.isArray(h) && h.length > p, _ = Math.ceil(Kr({
 			textbox: e,
 			text: a
 		})), v = Math.min(e.minWidth ?? 1, f), y = Math.min(f, Math.max(_, v));
-		g && (y = f), Math.abs((e.width ?? 0) - y) > .01 && (e.set({ width: y }), e.initDimensions(), m = !0), Br({ textbox: e }) && (m = !0), t && r.applyObjectPlacement({
+		g && (y = f), Math.abs((e.width ?? 0) - y) > .01 && (e.set({ width: y }), e.initDimensions(), m = !0), Qr({ textbox: e }) && (m = !0), t && r.applyObjectPlacement({
 			object: e,
 			placement: t
 		});
 		let b = !1;
-		return n && (b = Lr({
+		return n && (b = Yr({
 			textbox: e,
 			montageLeft: o,
 			montageRight: o + s
@@ -8737,7 +9066,7 @@ var Xr = class {
 	_getDefaultFontFamily() {
 		return this.fonts[0]?.family ?? "Arial";
 	}
-}, oi = ({ x1: e, y1: t, x2: n, y2: r }) => (Math.atan2(r - t, n - e) * 180 / Math.PI + 360) % 360, si = (e) => {
+}, vi = ({ x1: e, y1: t, x2: n, y2: r }) => (Math.atan2(r - t, n - e) * 180 / Math.PI + 360) % 360, yi = (e) => {
 	if (!e || typeof e != "object") return null;
 	let { type: t, coords: n, colorStops: r } = e, i = Array.isArray(r) ? r : [], a = i[0], o = i[i.length - 1], s = typeof a?.color == "string" ? a.color : void 0, c = typeof o?.color == "string" ? o.color : s, l = typeof a?.offset == "number" ? a.offset * 100 : void 0, u = typeof o?.offset == "number" ? o.offset * 100 : void 0, d = i.map((e) => ({
 		color: typeof e.color == "string" ? e.color : "#000000",
@@ -8748,7 +9077,7 @@ var Xr = class {
 		let { x1: e, y1: t, x2: r, y2: i } = n;
 		if (typeof e == "number" && typeof t == "number" && typeof r == "number" && typeof i == "number") return {
 			type: "linear",
-			angle: oi({
+			angle: vi({
 				x1: e,
 				y1: t,
 				x2: r,
@@ -8776,7 +9105,7 @@ var Xr = class {
 		};
 	}
 	return null;
-}, ci = "_templateAnchorX", li = "_templateAnchorY", ui = class t {
+}, bi = "_templateAnchorX", xi = "_templateAnchorY", Si = class t {
 	constructor({ editor: e }) {
 		this.editor = e;
 	}
@@ -8785,7 +9114,7 @@ var Xr = class {
 		if (!p.length) return s.emitWarning({
 			origin: "TemplateManager",
 			method: "serializeSelection",
-			code: hr.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
+			code: Dr.TEMPLATE_MANAGER.NO_OBJECTS_SELECTED,
 			message: "Нет объектов для сериализации шаблона"
 		}), null;
 		let m = t._getBounds(o), h = t._getMontageSize({
@@ -8814,14 +9143,14 @@ var Xr = class {
 		if (!s?.length) return a.emitWarning({
 			origin: "TemplateManager",
 			method: "applyTemplate",
-			code: hr.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+			code: Dr.TEMPLATE_MANAGER.INVALID_TEMPLATE,
 			message: "Шаблон не содержит объектов"
 		}), null;
 		let u = t._getBounds(r);
 		if (!u) return a.emitWarning({
 			origin: "TemplateManager",
 			method: "applyTemplate",
-			code: hr.TEMPLATE_MANAGER.INVALID_TARGET,
+			code: Dr.TEMPLATE_MANAGER.INVALID_TARGET,
 			message: "Не удалось определить границы монтажной области"
 		}), null;
 		let d = t._getMontageSize({
@@ -8840,7 +9169,7 @@ var Xr = class {
 			if (!r.length) return a.emitWarning({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: hr.TEMPLATE_MANAGER.INVALID_TEMPLATE,
+				code: Dr.TEMPLATE_MANAGER.INVALID_TEMPLATE,
 				message: "Не удалось создать объекты шаблона"
 			}), null;
 			let { backgroundObject: i, contentObjects: c } = t._extractBackgroundObject(r);
@@ -8875,7 +9204,7 @@ var Xr = class {
 			return a.emitError({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: hr.TEMPLATE_MANAGER.APPLY_FAILED,
+				code: Dr.TEMPLATE_MANAGER.APPLY_FAILED,
 				message: "Ошибка применения шаблона",
 				data: {
 					templateId: l,
@@ -9029,8 +9358,8 @@ var Xr = class {
 				baseHeight: a,
 				scale: n,
 				useRelativePositions: o,
-				anchorX: t._resolveAnchor(s, ci),
-				anchorY: t._resolveAnchor(s, li)
+				anchorX: t._resolveAnchor(s, bi),
+				anchorY: t._resolveAnchor(s, xi)
 			})
 		}), h = f * n, g = p * n, _ = e.originX ?? "center", v = e.originY ?? "center";
 		e.set({
@@ -9044,7 +9373,7 @@ var Xr = class {
 				originX: _,
 				originY: v
 			}
-		}), delete s[ci], delete s[li];
+		}), delete s[bi], delete s[xi];
 	}
 	static _getPositioningBounds({ bounds: e, baseWidth: n, baseHeight: r, scale: i, useRelativePositions: a, anchorX: o, anchorY: s }) {
 		if (!a) return e;
@@ -9108,7 +9437,7 @@ var Xr = class {
 		});
 		if (!i || !s || !o) return;
 		e.setCoords();
-		let c = e, l = t._resolveAnchor(c, ci), u = typeof c.left == "number" ? c.left : null, d = e.originX ?? "center", f = e.originY ?? "center", p = e.getPointByOrigin(d, f), m = e.getBoundingRect(!1, !0), h = m.left + m.width;
+		let c = e, l = t._resolveAnchor(c, bi), u = typeof c.left == "number" ? c.left : null, d = e.originX ?? "center", f = e.originY ?? "center", p = e.getPointByOrigin(d, f), m = e.getBoundingRect(!1, !0), h = m.left + m.width;
 		e.set("width", i), e.initDimensions();
 		let g = t._getLongestLineWidth({
 			textbox: e,
@@ -9137,10 +9466,10 @@ var Xr = class {
 			x: (p.left - o) / d,
 			y: (p.top - s) / f
 		}, h = (u.left - o) / d, g = (u.top - s) / f, _ = h + u.width / d, v = g + u.height / f;
-		return a[ci] = t._detectAnchor({
+		return a[bi] = t._detectAnchor({
 			start: h,
 			end: _
-		}), a[li] = t._detectAnchor({
+		}), a[xi] = t._detectAnchor({
 			start: g,
 			end: v
 		}), a.left = m.x, a.top = m.y, a;
@@ -9165,7 +9494,7 @@ var Xr = class {
 				withoutSave: !0
 			}), !0;
 			if (a === "gradient") {
-				let e = si(r);
+				let e = yi(r);
 				if (e) return n.setGradientBackground({
 					gradient: e,
 					customData: o,
@@ -9186,7 +9515,7 @@ var Xr = class {
 			r.emitWarning({
 				origin: "TemplateManager",
 				method: "applyTemplate",
-				code: hr.TEMPLATE_MANAGER.APPLY_FAILED,
+				code: Dr.TEMPLATE_MANAGER.APPLY_FAILED,
 				message: "Не удалось применить фон из шаблона",
 				data: e
 			});
@@ -9222,29 +9551,29 @@ var Xr = class {
 	enlivenObjectEnlivables(e) {
 		return C.enlivenObjectEnlivables(e);
 	}
-}, di = "#3D8BF4", fi = .5, pi = ({ distance: e }) => Number.isFinite(e) ? Math.round(Math.max(0, e)) : 0, mi = ({ firstDistance: e, secondDistance: t }) => {
-	let n = pi({ distance: e }), r = pi({ distance: t });
+}, Ci = "#3D8BF4", wi = .5, Ti = ({ distance: e }) => Number.isFinite(e) ? Math.round(Math.max(0, e)) : 0, Ei = ({ firstDistance: e, secondDistance: t }) => {
+	let n = Ti({ distance: e }), r = Ti({ distance: t });
 	return {
 		firstDisplayDistance: n,
 		secondDisplayDistance: r,
 		displayDistanceDiff: Math.abs(n - r),
 		commonDisplayDistance: Math.max(n, r)
 	};
-}, hi = ({ firstStart: e, firstEnd: t, secondStart: n, secondEnd: r }) => Math.min(t, r) - Math.max(e, n), gi = ({ step: e }) => {
+}, Di = ({ firstStart: e, firstEnd: t, secondStart: n, secondEnd: r }) => Math.min(t, r) - Math.max(e, n), Oi = ({ step: e }) => {
 	let t = Math.abs(e).toString(), n = t.indexOf(".");
 	return n === -1 ? 0 : t.slice(n + 1).length;
-}, _i = ({ value: e, step: t }) => {
+}, ki = ({ value: e, step: t }) => {
 	if (t === 0) return e;
-	let n = gi({ step: t }), r = Math.round(e / t) * t;
+	let n = Oi({ step: t }), r = Math.round(e / t) * t;
 	return Number(r.toFixed(n));
-}, vi = ({ value: e, step: t }) => {
+}, Ai = ({ value: e, step: t }) => {
 	if (t === 0) return !0;
-	let n = _i({
+	let n = ki({
 		value: e,
 		step: t
-	}), r = 10 ** -(gi({ step: t }) + 4);
+	}), r = 10 ** -(Oi({ step: t }) + 4);
 	return Math.abs(n - e) <= r;
-}, yi = ({ bounds: e, axis: t }) => {
+}, ji = ({ bounds: e, axis: t }) => {
 	let { left: n = 0, right: r = 0, top: i = 0, bottom: a = 0 } = e;
 	return t === "vertical" ? {
 		start: i,
@@ -9253,7 +9582,7 @@ var Xr = class {
 		start: n,
 		end: r
 	};
-}, bi = ({ items: e, axis: t }) => {
+}, Mi = ({ items: e, axis: t }) => {
 	for (let n = 1; n < e.length; n += 1) {
 		let r = e[n], { bounds: i } = r, a = i[t], o = n - 1;
 		for (; o >= 0;) {
@@ -9263,10 +9592,10 @@ var Xr = class {
 		}
 		e[o + 1] = r;
 	}
-}, xi = ({ items: e, index: t, axis: n, direction: r }) => {
+}, Ni = ({ items: e, index: t, axis: n, direction: r }) => {
 	let i = e[t];
 	if (!i) return null;
-	let { bounds: a } = i, { start: o, end: s } = yi({
+	let { bounds: a } = i, { start: o, end: s } = ji({
 		bounds: a,
 		axis: n
 	});
@@ -9274,7 +9603,7 @@ var Xr = class {
 		for (let r = t - 1; r >= 0; --r) {
 			let t = e[r];
 			if (!t) continue;
-			let { bounds: i } = t, { end: a } = yi({
+			let { bounds: i } = t, { end: a } = ji({
 				bounds: i,
 				axis: n
 			});
@@ -9285,26 +9614,26 @@ var Xr = class {
 	for (let r = t + 1; r < e.length; r += 1) {
 		let t = e[r];
 		if (!t) continue;
-		let { bounds: i } = t, { start: a } = yi({
+		let { bounds: i } = t, { start: a } = ji({
 			bounds: i,
 			axis: n
 		});
 		if (a - s >= 0) return r;
 	}
 	return null;
-}, Si = ({ items: e }) => {
+}, Pi = ({ items: e }) => {
 	for (let t = 0; t < e.length; t += 1) {
 		let { isActive: n } = e[t];
 		if (n) return t;
 	}
 	return -1;
-}, Ci = ({ patternAxis: e, activeRangeStart: t, activeRangeEnd: n, tolerance: r = 0 }) => {
+}, Fi = ({ patternAxis: e, activeRangeStart: t, activeRangeEnd: n, tolerance: r = 0 }) => {
 	let i = Math.min(t, n), a = Math.max(t, n);
 	return e >= i - r && e <= a + r;
-}, wi = ({ patternStart: e, patternEnd: t, activeStart: n, activeEnd: r }) => t <= n ? "before" : e >= r ? "after" : null, Ti = ({ baseOption: e, candidateOption: t }) => {
+}, Ii = ({ patternStart: e, patternEnd: t, activeStart: n, activeEnd: r }) => t <= n ? "before" : e >= r ? "after" : null, Li = ({ baseOption: e, candidateOption: t }) => {
 	let { delta: n, guide: { distance: r } } = e, { delta: i, guide: { distance: a } } = t;
 	return n === i && r === a;
-}, Ei = ({ options: e }) => {
+}, Ri = ({ options: e }) => {
 	let t = e[0];
 	for (let n = 1; n < e.length; n += 1) {
 		let r = e[n];
@@ -9315,11 +9644,11 @@ var Xr = class {
 		r.diff === t.diff && Math.abs(r.delta) < Math.abs(t.delta) && (t = r);
 	}
 	return t;
-}, Di = ({ currentOption: e, nextOption: t }) => {
+}, zi = ({ currentOption: e, nextOption: t }) => {
 	if (!e) return !0;
 	let { contextDistance: n, diff: r, delta: i } = e, { contextDistance: a, diff: o, delta: s } = t;
 	return a < n ? !0 : a > n ? !1 : o < r ? !0 : o > r ? !1 : Math.abs(s) < Math.abs(i);
-}, Oi = ({ options: e }) => {
+}, Bi = ({ options: e }) => {
 	let t = [], n = null, r = null;
 	for (let i of e) {
 		let { kind: e, side: a } = i;
@@ -9327,18 +9656,18 @@ var Xr = class {
 			t.push(i);
 			continue;
 		}
-		a === "before" && Di({
+		a === "before" && zi({
 			currentOption: n,
 			nextOption: i
-		}) && (n = i), a === "after" && Di({
+		}) && (n = i), a === "after" && zi({
 			currentOption: r,
 			nextOption: i
 		}) && (r = i);
 	}
 	return n && t.push(n), r && t.push(r), t;
-}, ki = ({ options: e, side: t, baseOption: n }) => {
+}, Vi = ({ options: e, side: t, baseOption: n }) => {
 	let r = null;
-	for (let i of e) if (i.side === t && Ti({
+	for (let i of e) if (i.side === t && Li({
 		baseOption: n,
 		candidateOption: i
 	})) {
@@ -9349,63 +9678,63 @@ var Xr = class {
 		!r || i.diff !== r.diff || Math.abs(i.delta) < Math.abs(r.delta) && (r = i);
 	}
 	return r;
-}, Ai = ({ option: e }) => {
+}, Hi = ({ option: e }) => {
 	let { side: t, kind: n, guide: { distance: r } } = e;
 	return {
 		side: t,
 		kind: n,
 		distance: r
 	};
-}, ji = ({ option: e, context: t }) => {
+}, Ui = ({ option: e, context: t }) => {
 	let { side: n, kind: r, distance: i } = t, { side: a, kind: o, guide: { distance: s } } = e;
 	return n !== a || r !== o ? !1 : Math.abs(s - i) <= 1;
-}, Mi = ({ options: e, context: t }) => {
+}, Wi = ({ options: e, context: t }) => {
 	if (!t) return null;
-	for (let n of e) if (ji({
+	for (let n of e) if (Ui({
 		option: n,
 		context: t
 	})) return n;
 	return null;
-}, Ni = ({ options: e, bestOption: t, previousContext: n, switchDistance: r = 0 }) => {
-	let i = Mi({
+}, Gi = ({ options: e, bestOption: t, previousContext: n, switchDistance: r = 0 }) => {
+	let i = Wi({
 		options: e,
 		context: n
 	});
 	if (!i) return t;
 	let a = Math.max(0, r);
 	return a === 0 || Math.abs(t.delta - i.delta) >= a ? t : i;
-}, Pi = ({ guides: e, seenGuideKeys: t, guide: n }) => {
+}, Ki = ({ guides: e, seenGuideKeys: t, guide: n }) => {
 	let { type: r, axis: i, refStart: a, refEnd: o, activeStart: s, activeEnd: c, distance: l } = n, u = `${r}:${i}:${a}:${o}:${s}:${c}:${l}`;
 	t.has(u) || (t.add(u), e.push(n));
-}, Fi = ({ options: e, previousContext: t = null, switchDistance: n = 0 }) => {
+}, qi = ({ options: e, previousContext: t = null, switchDistance: n = 0 }) => {
 	if (!e.length) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let r = Oi({ options: e }), i = [];
+	let r = Bi({ options: e }), i = [];
 	for (let e of r) e.kind === "reference" && i.push(e);
-	let a = i.length > 0, o = a ? i : r, s = Ni({
+	let a = i.length > 0, o = a ? i : r, s = Gi({
 		options: o,
-		bestOption: Ei({ options: o }),
+		bestOption: Ri({ options: o }),
 		previousContext: t,
 		switchDistance: n
-	}), c = ki({
+	}), c = Vi({
 		options: o,
 		side: "before",
 		baseOption: s
-	}), l = ki({
+	}), l = Vi({
 		options: o,
 		side: "after",
 		baseOption: s
-	}), u = ki({
+	}), u = Vi({
 		options: a ? r : o,
 		side: "center",
 		baseOption: s
 	}), d = [];
 	c && l ? d.push(c, l) : (d.push(s), s.side === "before" && l && d.push(l), s.side === "after" && c && d.push(c), s.side === "center" && (c && !l && d.push(c), l && !c && d.push(l)), a && s.side === "before" && !l && u && d.push(u), a && s.side === "after" && !c && u && d.push(u)), !d.length && u && d.push(u);
 	let f = [], p = /* @__PURE__ */ new Set();
-	for (let e of d) Pi({
+	for (let e of d) Ki({
 		guides: f,
 		seenGuideKeys: p,
 		guide: e.guide
@@ -9413,15 +9742,15 @@ var Xr = class {
 	return {
 		delta: s.delta,
 		guides: f,
-		context: Ai({ option: s })
+		context: Hi({ option: s })
 	};
-}, Ii = ({ activeStart: e, activeEnd: t, targetGap: n, beforeEdge: r, afterEdge: i, threshold: a, step: o }) => {
-	let s = n - (e - r), c = _i({
+}, Ji = ({ activeStart: e, activeEnd: t, targetGap: n, beforeEdge: r, afterEdge: i, threshold: a, step: o }) => {
+	let s = n - (e - r), c = ki({
 		value: s,
 		step: o
 	}), l = Math.max(1, Math.ceil(a / Math.max(o, 1))), u = null;
 	for (let d = -l; d <= l; d += 1) {
-		let l = c + d * o, f = e + l, p = t + l, m = f - r, h = i - p, { displayDistanceDiff: g, commonDisplayDistance: _ } = mi({
+		let l = c + d * o, f = e + l, p = t + l, m = f - r, h = i - p, { displayDistanceDiff: g, commonDisplayDistance: _ } = Ei({
 			firstDistance: m,
 			secondDistance: h
 		});
@@ -9436,13 +9765,13 @@ var Xr = class {
 		});
 	}
 	return u;
-}, Li = ({ currentGap: e, referenceGap: t }) => {
-	let { secondDisplayDistance: n, displayDistanceDiff: r } = mi({
+}, Yi = ({ currentGap: e, referenceGap: t }) => {
+	let { secondDisplayDistance: n, displayDistanceDiff: r } = Ei({
 		firstDistance: e,
 		secondDistance: t
 	});
 	return r > 1 ? null : n;
-}, Ri = ({ anchors: e, positions: t, threshold: n }) => {
+}, Xi = ({ anchors: e, positions: t, threshold: n }) => {
 	let r = 0, i = n + 1, a = null;
 	for (let o of t) for (let t of e) {
 		let e = Math.abs(t - o);
@@ -9452,8 +9781,8 @@ var Xr = class {
 		delta: r,
 		guidePosition: a
 	};
-}, zi = ({ activeBounds: e, threshold: t, anchors: n }) => {
-	let { left: r, right: i, centerX: a, top: o, bottom: s, centerY: c } = e, l = Ri({
+}, Zi = ({ activeBounds: e, threshold: t, anchors: n }) => {
+	let { left: r, right: i, centerX: a, top: o, bottom: s, centerY: c } = e, l = Xi({
 		anchors: n.vertical,
 		positions: [
 			r,
@@ -9461,7 +9790,7 @@ var Xr = class {
 			i
 		],
 		threshold: t
-	}), u = Ri({
+	}), u = Xi({
 		anchors: n.horizontal,
 		positions: [
 			o,
@@ -9481,11 +9810,11 @@ var Xr = class {
 		deltaY: u.delta,
 		guides: d
 	};
-}, Bi = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
+}, Qi = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
 	let { centerX: o, top: s, bottom: c, left: l, right: u } = e, d = [];
 	for (let e of t) {
 		let { left: t, right: n } = e;
-		hi({
+		Di({
 			firstStart: t,
 			firstEnd: n,
 			secondStart: l,
@@ -9505,22 +9834,22 @@ var Xr = class {
 	f.push({
 		bounds: e,
 		isActive: !0
-	}), bi({
+	}), Mi({
 		items: f,
 		axis: "top"
 	});
-	let p = Si({ items: f });
+	let p = Pi({ items: f });
 	if (p === -1) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let m = [], h = c - s, g = xi({
+	let m = [], h = c - s, g = Ni({
 		items: f,
 		index: p,
 		axis: "vertical",
 		direction: "prev"
-	}), _ = xi({
+	}), _ = Ni({
 		items: f,
 		index: p,
 		axis: "vertical",
@@ -9529,19 +9858,19 @@ var Xr = class {
 	if (v && y) {
 		let { bounds: e } = v, { bounds: t } = y, { bottom: r } = e, { top: i } = t, a = i - r - h;
 		if (a >= 0) {
-			let e = _i({
+			let e = ki({
 				value: a / 2,
 				step: 1
 			}), t = s - r, l = i - c, u = Math.abs(t - e), d = Math.abs(l - e);
 			if (Math.max(u, d) <= n) {
-				let t = Ii({
+				let t = Ji({
 					activeStart: s,
 					activeEnd: c,
 					targetGap: e,
 					beforeEdge: r,
 					afterEdge: i,
 					threshold: n,
-					step: fi
+					step: wi
 				});
 				if (t) {
 					let { delta: e, distance: n, diff: i, activeStart: a, activeEnd: s } = t, c = {
@@ -9578,16 +9907,16 @@ var Xr = class {
 	}
 	for (let e of r) {
 		let { axis: t, start: r, end: i, distance: a } = e;
-		if (!vi({
+		if (!Ai({
 			value: a,
 			step: .5
-		}) || !Ci({
+		}) || !Fi({
 			patternAxis: t,
 			activeRangeStart: l,
 			activeRangeEnd: u,
 			tolerance: n
 		})) continue;
-		let d = wi({
+		let d = Ii({
 			patternStart: r,
 			patternEnd: i,
 			activeStart: s,
@@ -9595,12 +9924,12 @@ var Xr = class {
 		});
 		if (d) {
 			if (b !== null && S && d === "before" && Math.abs(b - a) <= n) {
-				let e = _i({
+				let e = ki({
 					value: a - b,
 					step: 1
 				}), t = s + e, { bottom: c } = S, l = t - c, u = Math.abs(l - a);
 				if (u > n) continue;
-				let d = Li({
+				let d = Yi({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -9624,12 +9953,12 @@ var Xr = class {
 				});
 			}
 			if (x !== null && C && d === "after" && Math.abs(x - a) <= n) {
-				let e = _i({
+				let e = ki({
 					value: x - a,
 					step: 1
 				}), t = c + e, { top: s } = C, l = s - t, u = Math.abs(l - a);
 				if (u > n) continue;
-				let d = Li({
+				let d = Yi({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -9654,16 +9983,16 @@ var Xr = class {
 			}
 		}
 	}
-	return Fi({
+	return qi({
 		options: m,
 		previousContext: i,
 		switchDistance: a
 	});
-}, Vi = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
+}, $i = ({ activeBounds: e, candidates: t, threshold: n, patterns: r, previousContext: i = null, switchDistance: a = 0 }) => {
 	let { centerY: o, left: s, right: c, top: l, bottom: u } = e, d = [];
 	for (let e of t) {
 		let { top: t, bottom: n } = e;
-		hi({
+		Di({
 			firstStart: t,
 			firstEnd: n,
 			secondStart: l,
@@ -9683,22 +10012,22 @@ var Xr = class {
 	f.push({
 		bounds: e,
 		isActive: !0
-	}), bi({
+	}), Mi({
 		items: f,
 		axis: "left"
 	});
-	let p = Si({ items: f });
+	let p = Pi({ items: f });
 	if (p === -1) return {
 		delta: 0,
 		guides: [],
 		context: null
 	};
-	let m = [], h = c - s, g = xi({
+	let m = [], h = c - s, g = Ni({
 		items: f,
 		index: p,
 		axis: "horizontal",
 		direction: "prev"
-	}), _ = xi({
+	}), _ = Ni({
 		items: f,
 		index: p,
 		axis: "horizontal",
@@ -9707,19 +10036,19 @@ var Xr = class {
 	if (v && y) {
 		let { bounds: e } = v, { bounds: t } = y, { right: r } = e, { left: i } = t, a = i - r - h;
 		if (a >= 0) {
-			let e = _i({
+			let e = ki({
 				value: a / 2,
 				step: 1
 			}), t = s - r, l = i - c, u = Math.abs(t - e), d = Math.abs(l - e);
 			if (Math.max(u, d) <= n) {
-				let t = Ii({
+				let t = Ji({
 					activeStart: s,
 					activeEnd: c,
 					targetGap: e,
 					beforeEdge: r,
 					afterEdge: i,
 					threshold: n,
-					step: fi
+					step: wi
 				});
 				if (t) {
 					let { delta: e, distance: n, diff: i, activeStart: a, activeEnd: s } = t, c = {
@@ -9756,16 +10085,16 @@ var Xr = class {
 	}
 	for (let e of r) {
 		let { axis: t, start: r, end: i, distance: a } = e;
-		if (!vi({
+		if (!Ai({
 			value: a,
 			step: .5
-		}) || !Ci({
+		}) || !Fi({
 			patternAxis: t,
 			activeRangeStart: l,
 			activeRangeEnd: u,
 			tolerance: n
 		})) continue;
-		let d = wi({
+		let d = Ii({
 			patternStart: r,
 			patternEnd: i,
 			activeStart: s,
@@ -9773,12 +10102,12 @@ var Xr = class {
 		});
 		if (d) {
 			if (b !== null && S && d === "before" && Math.abs(b - a) <= n) {
-				let e = _i({
+				let e = ki({
 					value: a - b,
 					step: 1
 				}), t = s + e, { right: c } = S, l = t - c, u = Math.abs(l - a);
 				if (u > n) continue;
-				let d = Li({
+				let d = Yi({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -9802,12 +10131,12 @@ var Xr = class {
 				});
 			}
 			if (x !== null && C && d === "after" && Math.abs(x - a) <= n) {
-				let e = _i({
+				let e = ki({
 					value: x - a,
 					step: 1
 				}), t = c + e, { left: s } = C, l = s - t, u = Math.abs(l - a);
 				if (u > n) continue;
-				let d = Li({
+				let d = Yi({
 					currentGap: l,
 					referenceGap: a
 				});
@@ -9832,20 +10161,20 @@ var Xr = class {
 			}
 		}
 	}
-	return Fi({
+	return qi({
 		options: m,
 		previousContext: i,
 		switchDistance: a
 	});
-}, Hi = ({ activeBounds: e, candidates: t, threshold: n, spacingPatterns: r, previousContexts: i, switchDistance: a = 0 }) => {
-	let { vertical: o = null, horizontal: s = null } = i ?? {}, c = Bi({
+}, ea = ({ activeBounds: e, candidates: t, threshold: n, spacingPatterns: r, previousContexts: i, switchDistance: a = 0 }) => {
+	let { vertical: o = null, horizontal: s = null } = i ?? {}, c = Qi({
 		activeBounds: e,
 		candidates: t,
 		threshold: n,
 		patterns: r.vertical,
 		previousContext: o,
 		switchDistance: a
-	}), l = Vi({
+	}), l = $i({
 		activeBounds: e,
 		candidates: t,
 		threshold: n,
@@ -9864,14 +10193,14 @@ var Xr = class {
 			horizontal: l.context
 		}
 	};
-}, Ui = ({ context: e, x: t, y: n, width: r, height: i, radius: a }) => {
+}, ta = ({ context: e, x: t, y: n, width: r, height: i, radius: a }) => {
 	let o = Math.min(a, r / 2, i / 2);
 	e.moveTo(t + o, n), e.lineTo(t + r - o, n), e.quadraticCurveTo(t + r, n, t + r, n + o), e.lineTo(t + r, n + i - o), e.quadraticCurveTo(t + r, n + i, t + r - o, n + i), e.lineTo(t + o, n + i), e.quadraticCurveTo(t, n + i, t, n + i - o), e.lineTo(t, n + o), e.quadraticCurveTo(t, n, t + o, n), e.closePath();
-}, Wi = ({ context: e, type: t, axis: n, start: r, end: i, text: a, zoom: o, color: s, textColor: c = "#ffffff", fontFamily: l = "sans-serif", lineWidth: u = 1, padding: d = 4, radius: f = 4, offsetAlongAxis: p = 0, offsetPerpendicular: m = 0 }) => {
+}, na = ({ context: e, type: t, axis: n, start: r, end: i, text: a, zoom: o, color: s, textColor: c = "#ffffff", fontFamily: l = "sans-serif", lineWidth: u = 1, padding: d = 4, radius: f = 4, offsetAlongAxis: p = 0, offsetPerpendicular: m = 0 }) => {
 	let h = o || 1, g = 12 / h, _ = d / h, v = f / h, y = (r + i) / 2 + p, b = t === "vertical" ? n + m : y, x = t === "vertical" ? y : n + m;
 	e.save(), e.setLineDash([]), e.fillStyle = s, e.strokeStyle = s, e.lineWidth = u / h, e.font = `${g}px ${l}`, e.textAlign = "center", e.textBaseline = "middle";
 	let S = e.measureText(a).width + _ * 2, C = g + _ * 2, w = b - S / 2, T = x - C / 2;
-	e.beginPath(), Ui({
+	e.beginPath(), ta({
 		context: e,
 		x: w,
 		y: T,
@@ -9879,11 +10208,11 @@ var Xr = class {
 		height: C,
 		radius: v
 	}), e.fill(), e.fillStyle = c, e.fillText(a, b, x), e.restore();
-}, Gi = ({ context: e, guide: t, zoom: n }) => {
-	let { type: r, axis: i, refStart: a, refEnd: o, activeStart: s, activeEnd: c, distance: l } = t, u = pi({ distance: l }).toString();
+}, ra = ({ context: e, guide: t, zoom: n }) => {
+	let { type: r, axis: i, refStart: a, refEnd: o, activeStart: s, activeEnd: c, distance: l } = t, u = Ti({ distance: l }).toString();
 	e.beginPath(), r === "vertical" ? (e.moveTo(i, a), e.lineTo(i, o), e.moveTo(i, s), e.lineTo(i, c)) : (e.moveTo(a, i), e.lineTo(o, i), e.moveTo(s, i), e.lineTo(c, i)), e.stroke();
-	let d = di;
-	Wi({
+	let d = Ci;
+	na({
 		context: e,
 		type: r,
 		axis: i,
@@ -9893,7 +10222,7 @@ var Xr = class {
 		zoom: n,
 		color: d,
 		lineWidth: 1
-	}), Wi({
+	}), na({
 		context: e,
 		type: r,
 		axis: i,
@@ -9904,10 +10233,10 @@ var Xr = class {
 		color: d,
 		lineWidth: 1
 	});
-}, Ki = ({ anchors: e, bounds: t }) => {
+}, ia = ({ anchors: e, bounds: t }) => {
 	let { left: n, right: r, centerX: i, top: a, bottom: o, centerY: s } = t;
 	e.vertical.push(n, i, r), e.horizontal.push(a, s, o);
-}, qi = ({ bounds: e, type: t, primaryStart: n, primaryEnd: r }) => {
+}, aa = ({ bounds: e, type: t, primaryStart: n, primaryEnd: r }) => {
 	let i = [], a = n === "top" ? "left" : "top", o = r === "bottom" ? "right" : "bottom", s = [...e].sort((e, t) => e[n] - t[n]);
 	for (let e = 0; e < s.length; e += 1) {
 		let c = s[e], l = null, u = Infinity;
@@ -9928,35 +10257,35 @@ var Xr = class {
 		});
 	}
 	return i;
-}, Ji = ({ bounds: e }) => ({
-	vertical: qi({
+}, oa = ({ bounds: e }) => ({
+	vertical: aa({
 		bounds: e,
 		axis: "centerX",
 		type: "vertical",
 		primaryStart: "top",
 		primaryEnd: "bottom"
 	}),
-	horizontal: qi({
+	horizontal: aa({
 		bounds: e,
 		axis: "centerY",
 		type: "horizontal",
 		primaryStart: "left",
 		primaryEnd: "right"
 	})
-}), Yi = [
+}), sa = [
 	"montage-area",
 	"background",
 	"interaction-blocker"
-], Xi = ({ activeObject: t }) => {
+], ca = ({ activeObject: t }) => {
 	let n = /* @__PURE__ */ new Set();
 	return t ? (n.add(t), t instanceof e && t.getObjects().forEach((e) => n.add(e)), n) : n;
-}, Zi = ({ object: e, excluded: t, ignoredIds: n = Yi }) => {
+}, la = ({ object: e, excluded: t, ignoredIds: n = sa }) => {
 	if (t.has(e)) return !0;
 	let { visible: r = !0 } = e;
 	if (!r) return !0;
 	let { id: i } = e;
 	return !!(i && n.includes(i));
-}, Qi = class e {
+}, ua = class e {
 	constructor({ editor: e }) {
 		this.anchors = {
 			vertical: [],
@@ -10009,7 +10338,7 @@ var Xr = class {
 			this._clearSpacingContexts(), this._clearGuides();
 			return;
 		}
-		let { canvas: o } = this, s = o.getZoom() || 1, c = 5 / s, { deltaX: l, deltaY: u } = zi({
+		let { canvas: o } = this, s = o.getZoom() || 1, c = 5 / s, { deltaX: l, deltaY: u } = Zi({
 			activeBounds: a,
 			threshold: c,
 			anchors: this.anchors
@@ -10021,7 +10350,7 @@ var Xr = class {
 				top: t + u
 			}), n.setCoords(), a = Ye({ object: n }) ?? a;
 		}
-		let d = this._resolveCurrentTargetBounds({ activeObject: n }), f = this.spacingContexts.vertical || this.spacingContexts.horizontal ? 10 / s : c, p = Hi({
+		let d = this._resolveCurrentTargetBounds({ activeObject: n }), f = this.spacingContexts.vertical || this.spacingContexts.horizontal ? 10 / s : c, p = ea({
 			activeBounds: a,
 			candidates: d,
 			threshold: f,
@@ -10042,11 +10371,11 @@ var Xr = class {
 			target: n,
 			transform: i
 		});
-		let h = Ye({ object: n }) ?? a, g = zi({
+		let h = Ye({ object: n }) ?? a, g = Zi({
 			activeBounds: h,
 			threshold: c,
 			anchors: this.anchors
-		}), _ = Hi({
+		}), _ = ea({
 			activeBounds: h,
 			candidates: d,
 			threshold: c,
@@ -10277,9 +10606,9 @@ var Xr = class {
 		let { canvas: e, guideBounds: t } = this, n = e.getSelectionContext();
 		if (!n) return;
 		let { left: r, right: i, top: a, bottom: o } = t ?? this._calculateViewportBounds(), { viewportTransform: s } = e, c = e.getZoom() || 1;
-		n.save(), Array.isArray(s) && n.transform(...s), n.lineWidth = 1 / c, n.strokeStyle = di, n.setLineDash([4, 4]);
+		n.save(), Array.isArray(s) && n.transform(...s), n.lineWidth = 1 / c, n.strokeStyle = Ci, n.setLineDash([4, 4]);
 		for (let e of this.activeGuides) n.beginPath(), e.type === "vertical" ? (n.moveTo(e.position, a), n.lineTo(e.position, o)) : (n.moveTo(r, e.position), n.lineTo(i, e.position)), n.stroke();
-		for (let e of this.activeSpacingGuides) Gi({
+		for (let e of this.activeSpacingGuides) ra({
 			context: n,
 			guide: e,
 			zoom: c
@@ -10490,14 +10819,14 @@ var Xr = class {
 		}, r = [];
 		for (let e of t) {
 			let t = Ye({ object: e });
-			t && (Ki({
+			t && (ia({
 				anchors: n,
 				bounds: t
 			}), r.push(t));
 		}
 		let { montageArea: i } = this.editor, a = Ye({ object: i });
 		if (a) {
-			Ki({
+			ia({
 				anchors: n,
 				bounds: a
 			});
@@ -10509,12 +10838,12 @@ var Xr = class {
 				bottom: i
 			};
 		} else this.guideBounds = this._calculateViewportBounds();
-		this.anchors = n, this.spacingPatterns = Ji({ bounds: r }), this.cachedTargetBounds = r;
+		this.anchors = n, this.spacingPatterns = oa({ bounds: r }), this.cachedTargetBounds = r;
 	}
 	_collectTargets({ activeObject: e }) {
-		let t = Xi({ activeObject: e }), n = [];
+		let t = ca({ activeObject: e }), n = [];
 		return this.canvas.forEachObject((e) => {
-			Zi({
+			la({
 				object: e,
 				excluded: t
 			}) || n.push(e);
@@ -10537,7 +10866,7 @@ var Xr = class {
 			bottom: (r - s) / a
 		};
 	}
-}, $i = "#3D8BF4", ea = class e {
+}, da = "#3D8BF4", fa = class e {
 	constructor({ editor: e }) {
 		this.activeGuides = [], this.isAltPressed = !1, this.pendingEvent = null, this.frameRequest = null, this.isToolbarHidden = !1, this.isTargetMontageArea = !1, this.lastMouseEvent = null, this.editor = e, this.canvas = e.canvas, this._onMouseMove = this._handleMouseMove.bind(this), this._onBeforeRender = this._handleBeforeRender.bind(this), this._onAfterRender = this._handleAfterRender.bind(this), this._onSelectionCleared = this._handleSelectionCleared.bind(this), this._onKeyDown = this._handleKeyDown.bind(this), this._onKeyUp = this._handleKeyUp.bind(this), this._onWindowBlur = this._handleWindowBlur.bind(this), this._bindEvents();
 	}
@@ -10630,8 +10959,8 @@ var Xr = class {
 		this.isTargetMontageArea = l, this.activeGuides = d, this._hideToolbar(), n.requestRenderAll();
 	}
 	static _resolveTarget({ event: e, activeObject: t }) {
-		let { target: n } = e, r = Xi({ activeObject: t });
-		return n && !Zi({
+		let { target: n } = e, r = ca({ activeObject: t });
+		return n && !la({
 			object: n,
 			excluded: r
 		}) ? n : null;
@@ -10748,18 +11077,18 @@ var Xr = class {
 		let { canvas: e } = this, t = e.getSelectionContext();
 		if (!t) return;
 		let { viewportTransform: n } = e, r = e.getZoom() || 1, i = this.activeGuides.some((e) => e.type === "vertical"), a = this.activeGuides.some((e) => e.type === "horizontal"), o = i && a && !this.isTargetMontageArea, s = o ? 12 / r : 0;
-		t.save(), Array.isArray(n) && t.transform(...n), t.lineWidth = 1 / r, t.strokeStyle = $i, t.setLineDash([]);
+		t.save(), Array.isArray(n) && t.transform(...n), t.lineWidth = 1 / r, t.strokeStyle = da, t.setLineDash([]);
 		for (let e of this.activeGuides) {
 			let { type: n, axis: i, start: a, end: c, distance: l } = e, u = Math.abs(c - a), d = o ? (a <= c ? -1 : 1) * (u / 2 + s) : 0;
-			t.beginPath(), n === "vertical" ? (t.moveTo(i, a), t.lineTo(i, c)) : (t.moveTo(a, i), t.lineTo(c, i)), t.stroke(), Wi({
+			t.beginPath(), n === "vertical" ? (t.moveTo(i, a), t.lineTo(i, c)) : (t.moveTo(a, i), t.lineTo(c, i)), t.stroke(), na({
 				context: t,
 				type: n,
 				axis: i,
 				start: a,
 				end: c,
-				text: pi({ distance: l }).toString(),
+				text: Ti({ distance: l }).toString(),
 				zoom: r,
-				color: $i,
+				color: da,
 				lineWidth: 1,
 				offsetAlongAxis: d,
 				offsetPerpendicular: 0
@@ -10777,13 +11106,13 @@ var Xr = class {
 		let { toolbar: e } = this.editor;
 		e?.showAfterTemporary?.(), this.isToolbarHidden = !1;
 	}
-}, ta = class e {
+}, pa = class e {
 	constructor(e, t) {
 		this.options = t, this.containerId = e, this.editorId = `${e}-${D()}`, this.init();
 	}
 	async init() {
 		let { editorContainerWidth: e, editorContainerHeight: n, canvasWrapperWidth: r, canvasWrapperHeight: i, canvasCSSWidth: a, canvasCSSHeight: o, initialImage: s, initialState: c, scaleType: l, showRotationAngle: u, _onReadyCallback: d } = this.options;
-		if (ie.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new A(), this.workerManager = new M(), this.errorManager = new gr({ editor: this }), this.historyManager = new je({ editor: this }), this.toolbar = new V({ editor: this }), this.transformManager = new He({ editor: this }), this.zoomManager = new Ue({ editor: this }), this.canvasManager = new Ve({ editor: this }), this.imageManager = new Le({ editor: this }), this.layerManager = new et({ editor: this }), this.shapeManager = new lr({ editor: this }), this.interactionBlocker = new Qe({ editor: this }), this.backgroundManager = new $e({ editor: this }), this.clipboardManager = new ur({ editor: this }), this.objectLockManager = new dr({ editor: this }), this.groupingManager = new fr({ editor: this }), this.selectionManager = new pr({ editor: this }), this.deletionManager = new mr({ editor: this }), this.panConstraintManager = new _r({ editor: this }), this.snappingManager = new Qi({ editor: this }), this.measurementManager = new ea({ editor: this }), this.fontManager = new z(this.options.fonts ?? []), this.textManager = new ai({ editor: this }), this.templateManager = new ui({ editor: this }), u && (this.angleIndicator = new ae({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.interactionBlocker.ensureOverlay(), this.listeners = new k({
+		if (re.apply(), this.canvas = new t(this.containerId, this.options), this.moduleLoader = new A(), this.workerManager = new M(), this.errorManager = new Or({ editor: this }), this.historyManager = new je({ editor: this }), this.toolbar = new H({ editor: this }), this.transformManager = new He({ editor: this }), this.zoomManager = new Ue({ editor: this }), this.canvasManager = new Ve({ editor: this }), this.imageManager = new Le({ editor: this }), this.layerManager = new et({ editor: this }), this.shapeManager = new xr({ editor: this }), this.interactionBlocker = new Qe({ editor: this }), this.backgroundManager = new $e({ editor: this }), this.clipboardManager = new Sr({ editor: this }), this.objectLockManager = new Cr({ editor: this }), this.groupingManager = new wr({ editor: this }), this.selectionManager = new Tr({ editor: this }), this.deletionManager = new Er({ editor: this }), this.panConstraintManager = new kr({ editor: this }), this.snappingManager = new ua({ editor: this }), this.measurementManager = new fa({ editor: this }), this.fontManager = new B(this.options.fonts ?? []), this.textManager = new _i({ editor: this }), this.templateManager = new Si({ editor: this }), u && (this.angleIndicator = new ae({ editor: this })), this._createMontageArea(), this._createClippingArea(), this.interactionBlocker.ensureOverlay(), this.listeners = new k({
 			editor: this,
 			options: this.options
 		}), this.canvasManager.setEditorContainerWidth(e), this.canvasManager.setEditorContainerHeight(n), this.canvasManager.setCanvasWrapperWidth(r), this.canvasManager.setCanvasWrapperHeight(i), this.canvasManager.setCanvasCSSWidth(a), this.canvasManager.setCanvasCSSHeight(o), this.canvasManager.updateCanvas(), this.zoomManager.calculateAndApplyDefaultZoom(), await this.fontManager.loadFonts(), c) {
@@ -10891,7 +11220,7 @@ var Xr = class {
 	"U+A640-A69F",
 	"U+FE2E-FE2F",
 	"U+2116"
-].join(", "), na = {
+].join(", "), ma = {
 	preserveObjectStacking: !0,
 	controlsAboveOverlay: !0,
 	centeredRotation: !0,
@@ -11745,20 +12074,20 @@ var Xr = class {
 };
 //#endregion
 //#region src/main.ts
-function ra(e, t = {}) {
+function ha(e, t = {}) {
 	let n = {
-		...na,
+		...ma,
 		...t
 	}, r = document.getElementById(e);
 	if (!r) return Promise.reject(/* @__PURE__ */ Error(`Контейнер с ID "${e}" не найден.`));
 	let i = document.createElement("canvas");
 	return i.id = `${e}-canvas`, r.appendChild(i), n.editorContainer = r, new Promise((t) => {
 		n._onReadyCallback = t;
-		let r = new ta(i.id, n);
+		let r = new pa(i.id, n);
 		window[e] = r;
 	});
 }
 //#endregion
-export { ra as default };
+export { ha as default };
 
 //# sourceMappingURL=main.js.map